index-leader.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. .division{
  2. background-color: #f7f8fc;
  3. /*background-color: #66ccff;*/
  4. padding: 5px 0
  5. }
  6. .pointer{
  7. cursor:pointer
  8. }
  9. .qxBtn{
  10. margin:0 5px;
  11. color:white;
  12. padding:0 10px;
  13. border: 0;
  14. text-align:center;
  15. display:inline-block;
  16. background:url(../img/zjBtn.png);
  17. background-size:100% 100%;
  18. cursor:pointer;
  19. }
  20. .btnlist span.pointer:hover{
  21. color:#2A6496;
  22. border-bottom:1px solid #2A6496;
  23. }
  24. .btnlist span.pointer:last-child:hover{
  25. border-bottom:0;
  26. }
  27. .textMore{
  28. overflow: hidden;
  29. text-overflow: ellipsis;
  30. white-space:nowrap;
  31. }
  32. .dbItem{
  33. text-align:left;
  34. padding:5px 10px;
  35. border:1px solid #e6e6e6;
  36. margin:0 5px;
  37. float:left;
  38. }
  39. a:hover .dbItem{
  40. background:#F0F3F4
  41. }
  42. .active-item{
  43. color:#FFF;
  44. background: #66CCFF
  45. }
  46. .ldrcItem,.grrcItem{
  47. padding:0 3px;
  48. float:left;
  49. }
  50. .zbItem{
  51. text-align:left;
  52. padding:0 10px;
  53. float:left;
  54. }
  55. .dbsx-item {
  56. width: 100%;
  57. float: left;
  58. height: 40px;
  59. font-weight:bold;
  60. text-overflow: -o-ellipsis-lastline;
  61. overflow: hidden;
  62. text-overflow: ellipsis;
  63. display: -webkit-box;
  64. -webkit-line-clamp: 2;
  65. line-clamp: 2;
  66. -webkit-box-orient: vertical;
  67. }
  68. .desktop-50 {
  69. width: 50%;
  70. }
  71. .lcxq{
  72. width:100%;
  73. float:left;
  74. padding:10px;
  75. box-shadow:10px 10px 10px #F9EAEA inset;
  76. }
  77. .bg-red {
  78. background: #3292F2;
  79. }
  80. .bg-pink{
  81. background: #66CCFF;
  82. }
  83. .btn-red {
  84. outline: none;
  85. border: 0;
  86. border-radius:5px;
  87. padding: 2px 5px;
  88. color: #FFF;
  89. background: #3292F2;
  90. cursor: pointer;
  91. margin: 1px 3px;
  92. }
  93. .btn-red:hover {
  94. color: #FFF;
  95. background: #3292F2;
  96. text-decoration: none;
  97. }
  98. .date-day {
  99. width:50px;
  100. height:50px;
  101. padding: 10px;
  102. float: left;
  103. position: absolute;
  104. left: 50%;
  105. transform: translate(-50%,0);
  106. }
  107. #xmjz1,#xmjz2,#xmjz3{
  108. width:29%;
  109. padding:0 10px;
  110. float:left;
  111. position:relative;
  112. text-align:center;
  113. }
  114. #xmjz1 strong,
  115. #xmjz2 strong,
  116. #xmjz3 strong{
  117. position:absolute;
  118. top:50%;
  119. left:50%;
  120. transform:translate(-50%,-50%)
  121. }
  122. .xmzk{
  123. width:100%;
  124. float:left;
  125. padding:3px 8px;
  126. line-height:20px;
  127. }
  128. .xmzk img{
  129. position:relative;
  130. left:-10px;
  131. bottom:2px;
  132. }
  133. .xmProgress{
  134. width:20%;
  135. height:20px;
  136. float:left;
  137. background-color:#E0E0E0;
  138. }
  139. .xmProgress span{
  140. float:left;
  141. height:20px;
  142. background-image:url(../img/xmzk2.png);
  143. background-repeat:repeat-x;
  144. }
  145. .swiper-title{
  146. background-color:rgba(0,0,0,0.4);
  147. color:#fff;
  148. padding:5px 10px;
  149. position: absolute;
  150. left: 1px;
  151. right: 1px;
  152. bottom: 0
  153. }