common.css 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. box-sizing: border-box
  5. }
  6. /* body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li,pre,
  7. form, fieldset, legend, button, input, textarea,
  8. th, td,
  9. img{border:medium none;margin: 0;padding: 0;list-style-type: none;} */
  10. li {
  11. list-style: none
  12. }
  13. a{
  14. text-decoration: none;
  15. }
  16. input,select{
  17. outline:none
  18. }
  19. table{
  20. border-spacing: 0;
  21. }
  22. textarea{
  23. resize: none;
  24. }
  25. .flex{
  26. display:flex
  27. }
  28. .flex1{
  29. flex:1
  30. }
  31. .flex2{
  32. flex:1.94
  33. }
  34. .flex8{
  35. flex:8
  36. }
  37. .flex10{
  38. flex:10
  39. }
  40. .flex3{
  41. flex:3
  42. }
  43. .flex9{
  44. flex:9
  45. }
  46. .align-top{
  47. vertical-align: top;
  48. }
  49. .align-left{
  50. text-align:left;
  51. }
  52. .align-right{
  53. text-align:right;
  54. }
  55. .left{
  56. float:left;
  57. }
  58. .right{
  59. float:right;
  60. }
  61. @font-face {
  62. font-family: electronicFont;
  63. src: url(../font/DS-DIGIT.TTF)
  64. }
  65. body {
  66. font-family: Arial, Helvetica, sans-serif;
  67. margin: 0;
  68. padding: 0;
  69. background: url(../images/bg.png) no-repeat #000;
  70. background-size: 100% 100%;
  71. line-height: 1.15;
  72. font-size: 0.175rem!important;
  73. /* min-width:1280px;
  74. min-height:700px;
  75. height:100vh; */
  76. /* background-size:contain; */
  77. }
  78. .color-green{
  79. color:#37FF01!important
  80. }
  81. .color-blue{
  82. color:#6F99FA!important
  83. }
  84. .color-red{
  85. color:#FF5801!important
  86. }
  87. .color-yellow{
  88. color:#EAF665!important
  89. }
  90. .color-orange{
  91. color:#DE8C54!important
  92. }
  93. .color-default{
  94. color:#31E9FF
  95. }
  96. .color-purple{
  97. color:#8353FE
  98. }
  99. .unprocess,.offline{
  100. color:#FF5801;
  101. }
  102. .processed,.online {
  103. color: #37FF01
  104. }
  105. .necessary{
  106. color:red
  107. }
  108. .relative{
  109. position: relative;
  110. }
  111. .unshow{
  112. opacity:0;
  113. cursor:default!important;
  114. }
  115. /* a.button{
  116. padding: 0 0.3125rem;
  117. display:inline-block;
  118. color:#1BE9FF;
  119. border:1px solid #31E9FF;
  120. border-radius: 5px;
  121. line-height: 0.35rem;
  122. text-align:center;
  123. background:#031252;
  124. cursor:pointer;
  125. font-size: 0.175rem
  126. } */
  127. @media screen and (max-width:1024px) {
  128. html {
  129. font-size: 42px !important
  130. }
  131. }
  132. @media screen and (min-width:1920) {
  133. html {
  134. font-size: 80px !important
  135. }
  136. }
  137. .loadingdata{
  138. position:relative;
  139. width:100%;
  140. height:100%
  141. }
  142. .preloader {
  143. position: absolute;
  144. left: 0px;
  145. top: 0px;
  146. width: 100%;
  147. height: 100%;
  148. z-index: 999999999999999;
  149. background-color: #fff;
  150. background-position: center center;
  151. background-repeat: no-repeat;
  152. background-image: url(../images/preloader.svg);
  153. }
  154. .txtBox span{
  155. display:inline-block;
  156. width:114px;
  157. font-weight:400;font-size:14px;
  158. vertical-align: top;
  159. }
  160. .txtBox span.choose-file{
  161. display:inline-block;
  162. position:absolute;
  163. text-align:center;
  164. width:56px;
  165. line-height:20px;
  166. background:#616F8C;
  167. right:0;
  168. top:0;
  169. cursor: pointer;
  170. }
  171. .choose-file input{
  172. width:56px;
  173. right:0;
  174. top:0;
  175. overflow: hidden;
  176. position: absolute;
  177. opacity:0;
  178. cursor: pointer;
  179. }
  180. .txtBox>div{
  181. margin-bottom:12px
  182. }
  183. .txtBox select,.txtBox input,.txtBox option{
  184. width:194px;
  185. background-color:#34383f;
  186. /* color:#fff; */
  187. color:#aaa;
  188. border:none;
  189. line-height:18px;
  190. padding:0 10px 0 5px;
  191. font-size:14px;
  192. }
  193. .txtBox textarea{
  194. background-color:#34383f;
  195. /* color:#fff; */
  196. color:#aaa;
  197. border:none;
  198. padding:5px;
  199. width:190px;
  200. }
  201. .xcConfirm .popBox .txtBox .bigIcon {
  202. float: left;
  203. margin-right: 20px;
  204. width: 48px;
  205. height: 48px;
  206. background-image: url(../img/icons.png);
  207. background-repeat: no-repeat;
  208. background-position: 48px 0;
  209. }
  210. .xcConfirm .popBox .txtBox p {
  211. /* height: 84px;
  212. margin-top: 16px;
  213. line-height: 26px; */
  214. overflow-x: hidden;
  215. overflow-y: auto;
  216. }
  217. .xcConfirm .popBox .txtBox p input {
  218. font-size: 18px;
  219. margin-top: 6px;
  220. }
  221. .disabled{
  222. pointer-events:none
  223. }