qt-style.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. /* 其他base
  2. -----------------------------------------------------------------------------*/
  3. .ui-nowrap-multi { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
  4. .ui-nowrap-multh { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
  5. i{ font-style:normal;}
  6. .c888{ color:#888;}
  7. .cccc{ color:#ccc;}
  8. .cf60{ color:#f60;}
  9. .c333{ color:#333;}
  10. .c-666 { color:#666;}
  11. .c5b5b5b{ color:#5b5b5b;}
  12. .c4dcd70{ color:#4dcd70;}
  13. .ced5050{ color:#ed5050;}
  14. .ced4d4d{ color:#ed4d4d;}
  15. .cc2c2c2{ color:#c2c2c2;}
  16. .ced5050{ color:#ed5050;}
  17. .c007cd9{ color:#007cd9;}
  18. .cff675b{ color:#ff675b;}
  19. .c-cacaca{ color:#cacaca;}
  20. .c-13b5f3{ color:#13b5f3;}
  21. .c-ec3e43{ color:#ec3e43;}
  22. .bgc-38e4a5 { background-color: #38e4a5;}
  23. .bgc-32a7f9 { background-color: #32a7f9;}
  24. .bgc-ffb30f { background-color: #ffb30f;}
  25. .bgc-fc8d43 { background-color: #fc8d43;}
  26. .bgc-dedede { background-color: #dedede;}
  27. .bgc-ff8100 { background-color: #ff8100;}
  28. .c-f32 { font-size: 32px;}
  29. .c-f34 { font-size: 34px;}
  30. .c-f36 { font-size: 36px;}
  31. .c-f38 { font-size: 38px;}
  32. .c-f42 { font-size: 42px;}
  33. .c-f13 { font-size:13px;}
  34. .f60 { font-size:60px;}
  35. .c-f80 { font-size:80px;}
  36. .lijt{ position:absolute; right:15px; top:50%; margin-top:-5px;}
  37. .pr0 { padding-right: 0;}
  38. .pr10{ padding-right:10px;}
  39. .pr20{ padding-right:20px;}
  40. .mt52 { margin-top: 52px;}
  41. .plr25 { padding-right: 25px;padding-left:25px;}
  42. .plr32 { padding-right:32px;padding-left:32px;}
  43. .mlr25 { margin-right:25px;margin-left:25px;}
  44. .lh20 { line-height:20px;}
  45. .nav-green li.active { color:#4dcd70;border-bottom:3px solid #4dcd70;}
  46. .h61{ height:61px;}
  47. .h63{ height:63px;}
  48. .c-border-ccc { border:1px solid #ccc;}
  49. .display-ib{ display:inline-block;}
  50. .tag { color:#fff;padding:2px 3px;border-radius:3px;}
  51. .ui-col-0 { -webkit-box-flex: 0; box-flex: 0; }
  52. .ui-col-1 { -webkit-box-flex: 1; box-flex: 1; }
  53. .ui-grid { display: -webkit-box; display: box; }
  54. body{ background-color:#f3f3f3; color: #333; font-size:14px;}
  55. .icon{ background:url(../images/icon.png) no-repeat; background-size:250px 250px; -webkit-background-size:250px 250px; -moz-background-size:250px 250px; -ms-background-size:250px 250px;}
  56. .getmore{ width:100%;}
  57. .getmore a{ display:block; width:100%; line-height:40px; color:#5b5b5b; text-align:center; font-size:14px; background:#f3f3f3;}
  58. .arrow-down.c-hide, .arrow-up.c-hide { display:none;}
  59. .c-avatar-50 { width:50px;height:50px;}
  60. .c-list .c-avatar-50 { margin-top:18px;}
  61. .mt43 { margin-top:43px;}
  62. .pt85 { padding-top: 85px;}
  63. .noapp { width: 30%; margin: 0 auto; }
  64. .noapp img { display: block; width: 100%;}
  65. .c-888 { color:#888;}
  66. .c-btn-4dcd70 { background: #4dcd70;}
  67. /* 提供什么服务 */
  68. .jnews-con{ line-height:25px; color:#5b5b5b;}
  69. .jnews-con img{ display:block; max-width:100%; margin:0 auto;}
  70. .jnews-con p{ margin-bottom:10px; text-indent:2em;}
  71. .chd-btn{ margin:15px 0 20px 0;}
  72. .chd-btn .list-icon{ display:inline-block; vertical-align:middle; margin:0 0 0px 5px; position:inherit; left:0; top:0;}
  73. .chd-btn .arrow-right{ border-color:#fff;}
  74. .jnmaxw{ max-width:320px;}
  75. .prejn{ overflow:hidden; display:box; display:-webkit-box;}
  76. .prejn .jnimg{ display:block; -webkit-box-flex:0; box-flex:0; width:126px;}
  77. .prejn .jnimg img{ margin:0;border-radius:3px;border:1px solid #e1e1e1;box-sizing:border-box;}
  78. .prejn .jnword{ display:block; -webkit-box-flex:1; box-flex:1; font-size:12px; padding-top:8px; color:#5b5b5b;}
  79. .prejn .jnword p{ text-indent:0em; margin-bottom:8px; line-height:20px;}
  80. .prebot p{ text-indent:0em;}
  81. .jnmaxw .header { height: 130px; border-bottom: 1px solid #dfdfdf; background-size: 195px 18px; box-sizing: border-box;}
  82. .jnmaxw .service-icon { display: -webkit-box; display: -ms-box; display: box;}
  83. .jnmaxw .service-icon li { -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; text-align: center; background: #efefeb; font-size: 12px; line-height: 1.3; padding-bottom: 8px;}
  84. .jnmaxw .service-icon .iconfont.icon-home {background: url("../images/icons-qianyue.png") no-repeat 0 0; width: 25px; height: 23px; background-size: 114px 27px; }
  85. .jnmaxw .service-icon .iconfont.icon-jiantouyou { background: url("../images/icons-qianyue.png") no-repeat -93px 0; width: 14px; height: 10px; background-size: 114px 27px; margin-top: 18px;}
  86. .jnmaxw .service-icon .iconfont.icon-xuanzeshequheyisheng{background: url("../images/icons-qianyue.png") no-repeat -25px 0; width: 23px; height: 25px; background-size: 114px 27px; }
  87. .jnmaxw .service-icon .iconfont.icon-qianyue {background: url("../images/icons-qianyue.png") no-repeat -47px 0; width: 24px; height: 20px; background-size: 114px 27px;}
  88. .jnmaxw .service-icon .iconfont.icon-chenggong2 {background: url("../images/icons-qianyue.png") no-repeat -71px 0; width: 22px; height: 22px; background-size: 114px 27px;}
  89. .jnmaxw .service-icon .iconfont { background-size: 114px 27px; display: block; margin: 10px auto 5px;}