report.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. /*一般公用样式*/
  2. #condition ul{
  3. list-style: none;
  4. margin: 0;
  5. padding: 0;
  6. }
  7. #condition li{
  8. text-align: center;
  9. color: #4b5162;
  10. padding: 1vh 0;
  11. }
  12. p {
  13. margin: 0;
  14. padding: 0;
  15. }
  16. /*筛选条件远离边界*/
  17. #condition{
  18. width: 96%;
  19. margin: 0 auto;
  20. }
  21. /*题头的字体颜色*/
  22. .heading{
  23. color: #4b5162;
  24. }
  25. /*表格公用样式*/
  26. table {
  27. /*设置相邻单元格的边框间的距离*/
  28. border-spacing: 0;
  29. /*表格设置合并边框模型*/
  30. border-collapse: collapse;
  31. /*margin: 0 auto;*/
  32. display: table;
  33. width: 100%;
  34. border: 1px solid #d9e1ec;
  35. box-sizing: border-box;
  36. table-layout: fixed;
  37. }
  38. tr, td{
  39. border: 1px solid #d9e1ec;
  40. text-align: center;
  41. }
  42. td {
  43. padding: 1vh 0;
  44. overflow: hidden;
  45. text-overflow: ellipsis;
  46. word-break: break-all;
  47. box-sizing: border-box;
  48. }
  49. ::-webkit-scrollbar {
  50. width: 0;
  51. }
  52. #content {
  53. display: block;
  54. overflow: scroll;
  55. table-layout: fixed;
  56. -webkit-overflow-scrolling: touch;
  57. }
  58. #content table, #content tr:first-child, #content tr:first-child td {
  59. border-top: 0;
  60. }
  61. /*优化表格样式*/
  62. #table td{
  63. color: #3d4f5e;
  64. background: linear-gradient(#f8fcff,#def2ff);
  65. border-color: #d9e1ec;
  66. }
  67. #content td{
  68. color: #4b5162;
  69. border-color: #d9e1ec;
  70. }
  71. #content tr:nth-child(odd){
  72. background: #fff;
  73. }
  74. #content tr:nth-child(even){
  75. background: #f7fbff;
  76. }
  77. /*跳转界面*/
  78. input[type=button], input[type=submit], input[type=file], button {
  79. cursor: pointer;
  80. -webkit-appearance: none;
  81. }
  82. .flex-between{
  83. display: flex;
  84. display: -webkit-flex;
  85. justify-content: space-between;
  86. -webkit-justify-content: space-between;
  87. }
  88. /*点击切换标题显示*/
  89. /*选择菜单*/
  90. .visibility-hidden{
  91. visibility: hidden;
  92. }
  93. .title-menu{
  94. width: 100%;
  95. }
  96. .title-content{
  97. width: 70%;
  98. margin: 5% auto;
  99. display: flex;
  100. justify-content: space-between;
  101. flex-wrap: wrap;
  102. }
  103. .btn{
  104. width: 22%;
  105. /*width: 180px;*/
  106. font-size: 2rem;
  107. background: #f1f1f1;
  108. color: #939393;
  109. padding: 1rem 0;
  110. border-radius: 1rem;
  111. margin-bottom: 2rem;
  112. outline: none;
  113. border: 0;
  114. }
  115. .save-box{
  116. width: 60%;
  117. margin: 0 auto;
  118. display: flex;
  119. display: -webkit-flex;
  120. justify-content: space-between;
  121. -webkit-justify-content: space-between;
  122. }
  123. .save-box .btn{
  124. width: 30%;
  125. /*width: 280px;*/
  126. background: #157dfe;
  127. color: #fff;
  128. }
  129. .save-box .cancel{
  130. background: #f1f1f1;
  131. color: #939393;
  132. }
  133. .title-content .checked{
  134. background: #157dfe;
  135. color: #fff;
  136. }
  137. .none{
  138. display: none;
  139. }
  140. .btn-font-6
  141. {
  142. font-size: 1.7rem;
  143. padding: 1.2rem 0;
  144. }
  145. .btn-font-7
  146. {
  147. font-size: 1.5rem;
  148. padding: 1.4rem 0;
  149. }
  150. .btn-font-8
  151. {
  152. font-size: 1.3rem;
  153. padding: 1.6rem 0;
  154. }
  155. .btn-font-9
  156. {
  157. font-size: 1.2rem;
  158. padding: 1.7rem 0;
  159. }
  160. .btn-font-10
  161. {
  162. font-size: 1.1rem;
  163. padding: 1.7rem 0;
  164. }