finance.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. /*@wanfu*/
  2. /*设置快速跳转div的宽,高,底线*/
  3. #shortcutBar{
  4. height:50px;
  5. wight:100%;
  6. line-height:50px;
  7. margin-left:20px;
  8. margin-right:20px;
  9. border-bottom:2px solid #f4f5f7;
  10. font-size:14px;
  11. font-family: "microsoft yahei"
  12. }
  13. /*设置快速跳转div中ul的左margin*/
  14. #shortcutBar ul{
  15. margin-left:0px;
  16. }
  17. #shortcutBar .homepage{
  18. color:#0088CC;
  19. }
  20. #shortcutBar .homepage2{
  21. color:#4c637b;
  22. }
  23. /*设置快速跳转div中ul中li的上内边距,左浮动*/
  24. #shortcutBar ul li{
  25. padding-top:18px;
  26. padding-right:5px;
  27. float:left;
  28. }
  29. /*需求方充值 充值设置*/
  30. #recharge {
  31. margin:20px 40px 40px 40px;
  32. }
  33. #recharge button{
  34. border-radius:5px 5px 5px 5px;
  35. border:none;
  36. width:100px;
  37. height:34px;
  38. color:white;
  39. background:#36aeea;
  40. text-align:center;
  41. }
  42. #recharge button:hover{
  43. background:#4c637b;
  44. }
  45. /* 设置批量按钮和搜索框位置*/
  46. #searchBar{
  47. height:74px;
  48. padding:0px 20px;
  49. margin:0px;
  50. }
  51. /*需求方充值页面 充值记录 : */
  52. #searchBar span{
  53. line-height:74px;
  54. }
  55. /*批量通过和批量不通过两个按钮样式*/
  56. #searchBar .batch_btn{
  57. float:left;
  58. width:120px;
  59. height:32px;
  60. margin-top:20px;
  61. margin-right:10px;
  62. border:1px solid #36aeea;
  63. border-radius:5px;
  64. background:white;
  65. color:#36aeea;
  66. }
  67. #searchBar form{
  68. position:relative;
  69. float:right;
  70. left:5px;
  71. height:54px;
  72. width:265px;
  73. }
  74. /* 搜索输入框 */
  75. #searchBar input{
  76. height:22px;
  77. width:200px!important;
  78. margin-top:20px;
  79. line-height:22px;
  80. color:#444444;
  81. width:220px;
  82. background-color:#F3F3F3!important;
  83. border-radius:5px!important;
  84. border:none;
  85. font-size:12px;
  86. padding-left:20px;
  87. padding-right:40px;
  88. }
  89. /* 搜索按钮 */
  90. #searchBar img{
  91. position:absolute;
  92. margin-top:26px;
  93. margin-left:-30px;
  94. }
  95. /* 设置表格左右边距 */
  96. #tableList{
  97. padding:0px 20px;
  98. }
  99. /* 设置表格行的边框 */
  100. #tableList tr{
  101. border:1px solid #D5DADF;
  102. }
  103. /* 设置表头th的高背景色垂直上下居中 */
  104. #tableList th{
  105. height: 80px;
  106. border:none;
  107. vertical-align:middle;
  108. text-align:center;
  109. color:#444444;
  110. }
  111. /* 设置行tr的背景色 */
  112. #tableList tr{
  113. background-color:#ffffff;
  114. }
  115. /* 设置行tr hover时的背景色 */
  116. #tableList tr:hover{
  117. background-color:#f3f3f3;
  118. }
  119. /* 设置td的高字体颜色居中 */
  120. #tableList td{
  121. height:60px;
  122. text-align:center;
  123. color:#444444;
  124. }
  125. /* 设置审核通过,审核不通过按钮的样式 */
  126. #tableList button{
  127. height:34px;
  128. width:80px;
  129. border-radius:5px;
  130. border:1px solid #d4d9df;
  131. }
  132. #tableList .labeled{
  133. background:#4c637b;
  134. color:#ffffff;
  135. }
  136. #tableList .unlabeled{
  137. background:#ffffff;
  138. color:#444444;
  139. }
  140. /* 设置审核通过,审核不通过按钮hover的样式 */
  141. #tableList button:hover{
  142. background:#4c637b;
  143. }
  144. /* 设置审核通过,审核不通过按钮的样式 */
  145. #bannerList table tbody tr td .checked{
  146. background:#67ba2f;
  147. }
  148. /****设置导出excel和页数按钮****/
  149. #footBar{
  150. background-color:yellow;
  151. }
  152. /* 设置导出excel按钮的样式位置 */
  153. #footBar button{
  154. float: left;
  155. margin-left:20px;
  156. margin-top:30px;
  157. border-radius:5px 5px 5px 5px;
  158. border:none;
  159. width:170px;
  160. height:34px;
  161. color:white;
  162. background:#67ba2f;
  163. text-align:center;
  164. }
  165. /* 设置导出excel按钮hover的样式位置 */
  166. #footBar button:hover{
  167. background:#4c637b;
  168. }
  169. /* 设置页数的位置 */
  170. #paged{
  171. margin-top:30px;
  172. float:right;
  173. }
  174. #paged div{
  175. margin:0px;
  176. }
  177. /*****************设置需求方充值下拉框的css*****************/
  178. #agentId{
  179. width:220px;
  180. height:34px;
  181. line-height:34px;
  182. font-size:12px;
  183. color:#4c637b;
  184. border:none;
  185. outline:none;
  186. appearance:none;
  187. -moz-appearance:none; /* Firefox */
  188. -webkit-appearance:none; /* Safari 和 Chrome */
  189. background:url(../images/triangle1.png) no-repeat 95% 50%;
  190. background-color:#f2f6fa;
  191. }
  192. #agentId option{
  193. background-color:#344c67;
  194. font-size:12px;
  195. color:#b8c6d6;
  196. border:none;
  197. outline:none;
  198. }
  199. #agentId option:hover{
  200. background-color:#5b728a;
  201. }