common.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. /*!
  2. *引入时间格式字体
  3. */@font-face{font-family:"electronicFont";src:url("../fonts/DS-Digital/DS-DIGIT.ttf"), url("../fonts/DS-Digital/DS-DIGII.ttf"), url("../fonts/DS-Digital/DS-DIGIB.ttf"), url("../fonts/DS-Digital/DS-DIGI.ttf");}
  4. .dlg_icon_close {
  5. display: inline-block;
  6. width: 1.5rem;
  7. height: 2px;
  8. background: #299BFF;
  9. transform: rotate(45deg);
  10. }
  11. .dlg_icon_close::after {
  12. content: '';
  13. display: block;
  14. width: 1.5rem;
  15. height: 2px;
  16. background: #299BFF;
  17. transform: rotate(-90deg);
  18. }
  19. .pagebar{height: 4rem;width: 100%;text-align: center;}
  20. .pagination a {
  21. text-decoration: none;
  22. color: #b4b9b4;
  23. }
  24. .pagination a, .pagination span {
  25. border: 1px solid #9ea69e;
  26. display: inline-block;
  27. padding: 0.1em 0.4em;
  28. margin-right: 5px;
  29. margin-bottom: 5px;
  30. }
  31. .pagination .current {
  32. background: transparent;
  33. color: #a89d9d;
  34. border: 1px solid #a89d9d;
  35. font-weight: bold;
  36. font-size: 1.33rem;
  37. }
  38. .pagination .current.prev, .pagination .current.next{
  39. color:#4f524f;
  40. border-color:#646c64;
  41. background:#101b10;
  42. }
  43. .btn{
  44. background: #fff !important;
  45. border-radius: 3px;
  46. border: 2px solid #134BEA;
  47. font-size: 1.4rem;
  48. height: 3rem;
  49. line-height: 3rem;
  50. cursor: pointer;
  51. color: #134BEA;
  52. }
  53. .btn_disabled{
  54. background: #fff !important;
  55. border-radius: 3px;
  56. border: 2px solid #898FA2;
  57. font-size: 1.4rem;
  58. height: 3rem;
  59. line-height: 3rem;
  60. cursor: pointer;
  61. color: #898FA2;
  62. }
  63. .btn:hover{
  64. font-weight: bold;
  65. font-size: 1.6rem;
  66. }
  67. .btn>i{margin-right: 0.5rem;}
  68. .loading_small{background-image: url('/images/loadingsmall.gif');display: block;width: 16px;height: 16px;}
  69. .label-max-content {
  70. width: max-content;
  71. }
  72. .show {
  73. display: block !important;
  74. }
  75. .hidden {
  76. display: none !important;
  77. }
  78. .invisible {
  79. visibility: hidden;
  80. }
  81. .text_overflow{
  82. overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
  83. }
  84. .text_overflow150{
  85. overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width: 150px;display: block;
  86. }
  87. .l_r{text-align:right}
  88. .l_c{text-align:center}
  89. .l_l{text-align:left}
  90. .f_l{float: left;}
  91. .f_r{float: right;}
  92. .fs10{font-size: 0.8rem}
  93. .fs12{font-size: 1rem}
  94. .abs{position:absolute}
  95. .input_hint{
  96. float: left;
  97. width: 100%;
  98. color: #a4a0a0;
  99. font-size: 0.7rem;
  100. }
  101. .table {
  102. width: 100%;
  103. border-spacing: 0px !important;
  104. border-collapse: collapse !important;
  105. font-size: 14px;
  106. }
  107. .table th, .table td {
  108. height: 40px;
  109. line-height: 40px;
  110. text-align: center;
  111. }
  112. .table thead {
  113. color: #2AAEF2;
  114. background-color: #0D1B6B;
  115. }
  116. .table tbody {
  117. display: block;
  118. width: 100%;
  119. overflow: hidden;
  120. color: #cfcfcf;
  121. }
  122. .table thead tr, .table tbody tr, .table tfoot tr {
  123. box-sizing: border-box;
  124. table-layout: fixed;
  125. display: table;
  126. width: 100%;
  127. }
  128. .table tbody tr.activerow{border-left: 2px solid yellow;}
  129. .table tbody tr:nth-of-type(odd) {
  130. background: #091240;
  131. }
  132. .table tbody tr:nth-of-type(even) {
  133. background: #212e73;
  134. }
  135. .hidden {
  136. display: none !important;
  137. }
  138. .search_box {
  139. float: left;
  140. }
  141. .button_ok {
  142. background-image: linear-gradient(#1E9FFF, rgb(68 68 195));
  143. height: 35px;
  144. width: 90px;
  145. line-height: 32px;
  146. font-size: 14px;
  147. border-radius: 5px;
  148. border: none;
  149. letter-spacing: 5px;
  150. cursor: pointer;
  151. color: #ffffff;
  152. float: right;
  153. }
  154. .button_cancel {
  155. background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.6));
  156. height: 35px;
  157. width: 90px;
  158. line-height: 32px;
  159. color: #3e3b3b;
  160. font-size: 14px;
  161. border-radius: 5px;
  162. border: none;
  163. letter-spacing: 5px;
  164. cursor: pointer;
  165. }
  166. .orgname{
  167. line-height: 1.5rem;
  168. margin-left: 1rem;
  169. margin-right: 1rem;
  170. font-weight: 700;
  171. font-size: 1.2rem;
  172. max-width: 24%;
  173. }
  174. .stationname{cursor: pointer;}
  175. .stationname i{
  176. padding: 1rem;
  177. color: #fff;
  178. cursor: pointer;
  179. font-size: 2.6rem;
  180. vertical-align: middle;
  181. }
  182. .station_list{
  183. position: absolute;
  184. z-index: 199999999;
  185. color: #1E293B;
  186. font-size: 1.17rem;
  187. width: 18rem;
  188. padding: 1rem 0.5rem;
  189. line-height: 3rem;
  190. background: #F3F5FA;
  191. box-shadow: 0px 0px 2px 1px rgba(163,139,243,0.56);
  192. }
  193. .station_list_item:hover{
  194. background: #F6FAFF;
  195. }
  196. .station_list_item{
  197. width: 95%;
  198. padding: 0 2.5%;
  199. border-bottom: 0px solid #ffffff36;cursor:pointer;
  200. }
  201. .station_list_item.active{
  202. background: #E2E8F5;
  203. }
  204. .station_list_item.active i{
  205. display: inline-block !important;
  206. color: #134BEA;
  207. }