cross.css 20 KB

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