cross.css 18 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778
  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. display: flex;
  863. }
  864. .ui-grid-middle {
  865. -webkit-box-pack: center;
  866. -webkit-box-align: center;
  867. box-pack: center;
  868. box-align: center;
  869. align-items: center;
  870. }
  871. .ui-grid-vertical {
  872. -webkit-box-orient: vertical;
  873. box-orient: vertical;
  874. flex-direction: column;
  875. }
  876. .ui-grid-label {
  877. -webkit-box-flex: 0;
  878. box-flex: 0;
  879. width: 100px;
  880. font-weight: 600;
  881. }
  882. .ui-col-0 {
  883. -webkit-box-flex: 0;
  884. box-flex: 0;
  885. }
  886. .ui-col-1 {
  887. -webkit-box-flex: 1;
  888. box-flex: 1;
  889. flex: 1;
  890. }
  891. .ui-col-2 {
  892. -webkit-box-flex: 2;
  893. box-flex: 2;
  894. flex: 2;
  895. }
  896. .ui-col-3 {
  897. -webkit-box-flex: 3;
  898. box-flex: 3;
  899. }
  900. .ui-col-4 {
  901. -webkit-box-flex: 4;
  902. box-flex: 3;
  903. }
  904. .ui-col-5 {
  905. -webkit-box-flex: 5;
  906. box-flex: 5;
  907. }
  908. .ui-col-6 {
  909. -webkit-box-flex: 6;
  910. box-flex: 6;
  911. }
  912. /* lists
  913. -----------------------------------------------------------------------------*/
  914. .c-list-disc {
  915. list-style-type: disc;
  916. }
  917. .c-list-circle {
  918. list-style-type: circle;
  919. }
  920. .c-list-square {
  921. list-style-type: square;
  922. }
  923. .c-list-decimal {
  924. list-style-type: decimal;
  925. }
  926. .c-list-alpha {
  927. list-style-type: lower-alpha;
  928. }
  929. .c-list-roman {
  930. list-style-type: lower-roman;
  931. }
  932. .c-list-inline {
  933. padding-left: 0;
  934. margin-left: -5px;
  935. list-style: none;
  936. }
  937. .c-list-inline li {
  938. display: inline-block;
  939. padding-right: 5px;
  940. padding-left: 5px;
  941. }
  942. /* font
  943. -----------------------------------------------------------------------------*/
  944. .c-simsun {
  945. font-family: \5b8b\4f53;
  946. }
  947. .c-bold {
  948. font-weight: bold;
  949. }
  950. .c-f12 {
  951. font-size: 12px;
  952. }
  953. .c-f13 {
  954. font-size: 13px;
  955. }
  956. .c-f14 {
  957. font-size: 14px;
  958. }
  959. .c-f15 {
  960. font-size: 15px;
  961. }
  962. .c-f16 {
  963. font-size: 16px;
  964. }
  965. .c-f17 {
  966. font-size: 17px;
  967. }
  968. .c-f18 {
  969. font-size: 18px;
  970. }
  971. .c-f20 {
  972. font-size: 20px;
  973. }
  974. .c-f22 {
  975. font-size: 22px;
  976. }
  977. .c-f24 {
  978. font-size: 24px;
  979. }
  980. .c-f28 {
  981. font-size: 28px;
  982. }
  983. .c-t-left {
  984. text-align: left;
  985. }
  986. .c-t-center {
  987. text-align: center;
  988. }
  989. .c-t-right {
  990. text-align: right;
  991. }
  992. .c-line-h1 {
  993. line-height: 1.8;
  994. _line-height: 24px;
  995. }
  996. .c-line-h2 {
  997. line-height: 2.2;
  998. _line-height: 32px;
  999. }
  1000. /* Grid
  1001. -----------------------------------------------------------------------------*/
  1002. .c-container:after,
  1003. .c-row:after {
  1004. content: "";
  1005. display: table;
  1006. clear: both;
  1007. }
  1008. .c-container {
  1009. padding-top: 1px;
  1010. margin-top: -1px;
  1011. }
  1012. .c-row {
  1013. zoom: 1
  1014. }
  1015. .width-100,
  1016. .c-100 {
  1017. width: 100%;
  1018. }
  1019. .width-90,
  1020. .c-90 {
  1021. width: 90%;
  1022. }
  1023. .width-80,
  1024. .c-80 {
  1025. width: 80%;
  1026. }
  1027. .width-75,
  1028. .c-75 {
  1029. width: 75%;
  1030. }
  1031. .width-70,
  1032. .c-70 {
  1033. width: 70%;
  1034. }
  1035. .width-66,
  1036. .c-66 {
  1037. width: 66.6%;
  1038. }
  1039. .width-65,
  1040. .c-65 {
  1041. width: 65%;
  1042. }
  1043. .width-60,
  1044. .c-60 {
  1045. width: 60%;
  1046. }
  1047. .width-50,
  1048. .c-50 {
  1049. width: 50%;
  1050. }
  1051. .width-40,
  1052. .c-40 {
  1053. width: 40%;
  1054. }
  1055. .width-35,
  1056. .c-35 {
  1057. width: 35%;
  1058. }
  1059. .width-33,
  1060. .c-33 {
  1061. width: 33.3%;
  1062. }
  1063. .width-30,
  1064. .c-30 {
  1065. width: 30%;
  1066. }
  1067. .width-25,
  1068. .c-25 {
  1069. width: 25%;
  1070. }
  1071. .width-20,
  1072. .c-20 {
  1073. width: 20%;
  1074. }
  1075. .width-10,
  1076. .c-10 {
  1077. width: 10%;
  1078. }
  1079. .c-row .c-90,
  1080. .c-row .c-80,
  1081. .c-row .c-75,
  1082. .c-row .c-70,
  1083. .c-row .c-66,
  1084. .c-row .c-65,
  1085. .c-row .c-60,
  1086. .c-row .c-50,
  1087. .c-row .c-40,
  1088. .c-row .c-35,
  1089. .c-row .c-33,
  1090. .c-row .c-30,
  1091. .c-row .c-25,
  1092. .c-row .c-20,
  1093. .c-row .c-10 {
  1094. float: left;
  1095. margin-left: 3%;
  1096. }
  1097. .c-row .c-90:first-child,
  1098. .c-row .c-80:first-child,
  1099. .c-row .c-75:first-child,
  1100. .c-row .c-70:first-child,
  1101. .c-row .c-66:first-child,
  1102. .c-row .c-65:first-child,
  1103. .c-row .c-60:first-child,
  1104. .c-row .c-50:first-child,
  1105. .c-row .c-40:first-child,
  1106. .c-row .c-35:first-child,
  1107. .c-row .c-33:first-child,
  1108. .c-row .c-30:first-child,
  1109. .c-row .c-25:first-child,
  1110. .c-row .c-20:first-child,
  1111. .c-row .c-10:first-child {
  1112. margin-left: 0;
  1113. }
  1114. .c-row .c-90 {
  1115. width: 89.7%;
  1116. }
  1117. .c-row .c-80 {
  1118. width: 79.4%;
  1119. }
  1120. .c-row .c-75 {
  1121. width: 74.25%;
  1122. }
  1123. .c-row .c-70 {
  1124. width: 69.1%;
  1125. }
  1126. .c-row .c-66 {
  1127. width: 65.66666666666666%;
  1128. }
  1129. .c-row .c-65 {
  1130. width: 65.66666666666666%;
  1131. }
  1132. .c-row .c-60 {
  1133. width: 58.800000000000004%;
  1134. }
  1135. .c-row .c-50 {
  1136. width: 48.5%;
  1137. }
  1138. .c-row .c-40 {
  1139. width: 38.2%;
  1140. }
  1141. .c-row .c-35 {
  1142. width: 31.333333333333332%;
  1143. }
  1144. .c-row .c-33 {
  1145. width: 31.333333333333332%;
  1146. }
  1147. .c-row .c-30 {
  1148. width: 27.9%;
  1149. }
  1150. .c-row .c-25 {
  1151. width: 22.75%;
  1152. }
  1153. .c-row .c-20 {
  1154. width: 17.6%;
  1155. }
  1156. .c-row .c-10 {
  1157. width: 7.3%;
  1158. }
  1159. .c-push-90,
  1160. .c-push-80,
  1161. .c-push-75,
  1162. .c-push-70,
  1163. .c-push-66,
  1164. .c-push-65,
  1165. .c-push-60,
  1166. .c-push-50,
  1167. .c-push-40,
  1168. .c-push-35,
  1169. .c-push-33,
  1170. .c-push-30,
  1171. .c-push-25,
  1172. .c-push-20,
  1173. .c-push-10 {
  1174. position: relative;
  1175. }
  1176. .c-push-90 {
  1177. left: 92.7%;
  1178. }
  1179. .c-push-80 {
  1180. left: 82.4%;
  1181. }
  1182. .c-push-75 {
  1183. left: 77.25%;
  1184. }
  1185. .c-push-70 {
  1186. left: 72.1%;
  1187. }
  1188. .c-push-66 {
  1189. left: 68.66666666666666%;
  1190. }
  1191. .c-push-65 {
  1192. left: 68.66666666666666%;
  1193. }
  1194. .c-push-60 {
  1195. left: 61.800000000000004%;
  1196. }
  1197. .c-push-50 {
  1198. left: 51.5%;
  1199. }
  1200. .c-push-40 {
  1201. left: 41.2%;
  1202. }
  1203. .c-push-35 {
  1204. left: 34.33333333333333%;
  1205. }
  1206. .c-push-33 {
  1207. left: 34.33333333333333%;
  1208. }
  1209. .c-push-30 {
  1210. left: 30.9%;
  1211. }
  1212. .c-push-25 {
  1213. left: 25.75%;
  1214. }
  1215. .c-push-20 {
  1216. left: 20.6%;
  1217. }
  1218. .c-push-10 {
  1219. left: 10.3%;
  1220. }
  1221. .c-row .c-push-right {
  1222. float: right;
  1223. }
  1224. .c-row .c-role-right {
  1225. margin-left: 3%;
  1226. float: right;
  1227. }
  1228. .c-row .c-role-left {
  1229. margin-left: 0;
  1230. }
  1231. .c-centered {
  1232. float: none !important;
  1233. margin: 0 auto !important;
  1234. }
  1235. .c-padding {
  1236. padding: 20px;
  1237. }
  1238. .c-padding .c-100,
  1239. .c-padding .c-90,
  1240. .c-padding .c-80,
  1241. .c-padding .c-75,
  1242. .c-padding .c-70,
  1243. .c-padding .c-66,
  1244. .c-padding .c-65,
  1245. .c-padding .c-60,
  1246. .c-padding .c-50,
  1247. .c-padding .c-40,
  1248. .c-padding .c-35,
  1249. .c-padding .c-33,
  1250. .c-padding .c-30,
  1251. .c-padding .c-25,
  1252. .c-padding .c-20,
  1253. .c-padding .c-10 {
  1254. padding: 20px;
  1255. }
  1256. .c-split .c-90,
  1257. .c-split .c-80,
  1258. .c-split .c-75,
  1259. .c-split .c-70,
  1260. .c-split .c-66,
  1261. .c-split .c-65,
  1262. .c-split .c-60,
  1263. .c-split .c-50,
  1264. .c-split .c-40,
  1265. .c-split .c-35,
  1266. .c-split .c-33,
  1267. .c-split .c-30,
  1268. .c-split .c-25,
  1269. .c-split .c-20,
  1270. .c-split .c-10 {
  1271. margin-left: 0;
  1272. }
  1273. .c-split .c-90 {
  1274. width: 90%;
  1275. }
  1276. .c-split .c-80 {
  1277. width: 80%;
  1278. }
  1279. .c-split .c-75 {
  1280. width: 75%;
  1281. }
  1282. .c-split .c-70 {
  1283. width: 70%;
  1284. }
  1285. .c-split .c-66 {
  1286. width: 66.6%;
  1287. }
  1288. .c-split .c-65 {
  1289. width: 65%;
  1290. }
  1291. .c-split .c-60 {
  1292. width: 60%;
  1293. }
  1294. .c-split .c-50 {
  1295. width: 50%;
  1296. }
  1297. .c-split .c-40 {
  1298. width: 40%;
  1299. }
  1300. .c-split .c-35 {
  1301. width: 35%;
  1302. }
  1303. .c-split .c-33 {
  1304. width: 33.3%;
  1305. }
  1306. .c-split .c-30 {
  1307. width: 30%;
  1308. }
  1309. .c-split .c-25 {
  1310. width: 25%;
  1311. }
  1312. .c-split .c-20 {
  1313. width: 20%;
  1314. }
  1315. .c-split .c-10 {
  1316. width: 10%;
  1317. }
  1318. /* c-blocks
  1319. -----------------------------------------------------------------------------*/
  1320. .c-blocks-2,
  1321. .c-blocks-3,
  1322. .c-blocks-4,
  1323. .c-blocks-5,
  1324. .c-blocks-6 {
  1325. padding-left: 0;
  1326. list-style: none;
  1327. }
  1328. .c-blocks-2:after,
  1329. .c-blocks-3:after,
  1330. .c-blocks-4:after,
  1331. .c-blocks-5:after,
  1332. .c-blocks-6:after {
  1333. content: "";
  1334. display: table;
  1335. clear: both;
  1336. }
  1337. .c-blocks-2 li,
  1338. .c-blocks-3 li,
  1339. .c-blocks-4 li,
  1340. .c-blocks-5 li,
  1341. .c-blocks-6 li,
  1342. .c-blocks-2 div,
  1343. .c-blocks-3 div,
  1344. .c-blocks-4 div,
  1345. .c-blocks-5 div,
  1346. .c-blocks-6 div {
  1347. height: auto;
  1348. float: left;
  1349. }
  1350. .c-blocks-2 li,
  1351. .c-blocks-2 div {
  1352. width: 50%;
  1353. }
  1354. .c-blocks-3 li,
  1355. .c-blocks-3 div {
  1356. width: 33.333333333333332%;
  1357. }
  1358. .c-blocks-4 li,
  1359. .c-blocks-4 div {
  1360. width: 25%;
  1361. }
  1362. .c-blocks-5 li,
  1363. .c-blocks-5 div {
  1364. width: 20%;
  1365. }
  1366. .c-blocks-6 li,
  1367. .c-blocks-6 div {
  1368. width: 16.666666666666666%;
  1369. }
  1370. .c-blocks-2 li li,
  1371. .c-blocks-3 li li,
  1372. .c-blocks-4 li li,
  1373. .c-blocks-5 li li,
  1374. .c-blocks-6 li li,
  1375. .c-blocks-2 div div,
  1376. .c-blocks-3 div div,
  1377. .c-blocks-4 div div,
  1378. .c-blocks-5 div div,
  1379. .c-blocks-6 div div {
  1380. float: none;
  1381. margin: 0;
  1382. }