f66a76dd7ea95b180f2cd42974306a12274c63db.svn-base 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. html,body{width:100%;height:100%;margin:0;padding:0;}
  2. /* .title{width:100%;height:10%;background-color:#F25C27;position:relative;} */
  3. .title_text{font-weight: bold; font-size: 30px; font-family: "΢ÈíÑźÚ", "ËÎÌå", arial;
  4. width: 30%;height: 50%;overflow: auto;margin: auto 10%;position:absolute;
  5. top: 0; left: 0; bottom: 0; right: 0; }
  6. .in_sceen_box{display: block; position: absolute; right:60px; top:5%;}
  7. .trigger{display: block;position: absolute;/* background: url(/nwyj/images/cockpit/btn/pro_button.png) 0 0 no-repeat; */
  8. width: 42px;height: 42px;right:30px;top:0;cursor: pointer;}
  9. .trigger strong{display: block;background: url(/nwyj/images/cockpit/btn/plus-minus.png) 0 0 no-repeat;
  10. width: 11px;height: 11px;position: absolute;right: 7px;bottom: 24px;opacity: 0;}
  11. .trigger em{display: block;background: url(/nwyj/images/cockpit/btn/plus-minus.png) -11px 0 no-repeat;
  12. width: 11px;height: 11px;position: absolute;right: 7px;bottom: 24px;}
  13. /*.sceen_ck{width:99%;height:99%;border: 1px solid red;}*/
  14. .sceen_box{width:100%;height:95%;position: relative;}
  15. .sceen_1{width:100%;height:100%;}
  16. .sub_ck_box{width:100%;height:100%;}
  17. .sceen_1_1{width:100%;height:100%;}
  18. .sceen_2_1{width:50%;height:100%;float:left;}
  19. .sceen_2_2{width:50%;height:100%;float:left;}
  20. .sceen_3_1{width:50%;height:50%;float:left;}
  21. .sceen_3_2{width:50%;height:100%;float:right;}
  22. .sceen_3_3{width:50%;height:50%;float:left;}
  23. .sceen_4_1{width:50%;height:50%;float:left;}
  24. .sceen_4_2{width:50%;height:50%;float:left;}
  25. .sceen_4_3{width:50%;height:50%;float:left;}
  26. .sceen_4_4{width:50%;height:50%;float:left;}
  27. .sceen_5_1{width:30%;height:50%;float:left;}
  28. .sceen_5_2{width:40%;height:50%;float:left;}
  29. .sceen_5_3{width:30%;height:50%;float:left;}
  30. .sceen_5_4{width:50%;height:50%;float:left;}
  31. .sceen_5_5{width:50%;height:50%;float:left;}
  32. .sceen_6_1{width:30%;height:50%;float:left;}
  33. .sceen_6_2{width:40%;height:50%;float:left;}
  34. .sceen_6_3{width:30%;height:50%;float:left;}
  35. .sceen_6_4{width:30%;height:50%;float:left;}
  36. .sceen_6_5{width:40%;height:50%;float:left;}
  37. .sceen_6_6{width:30%;height:50%;float:left;}
  38. .sceen_7_1{width:30%;height:50%;float:left;}
  39. .sceen_7_2{width:40%;height:50%;float:left;}
  40. .sceen_7_3{width:30%;height:50%;float:left;}
  41. .sceen_7_4{width:25%;height:50%;float:left;}
  42. .sceen_7_5{width:25%;height:50%;float:left;}
  43. .sceen_7_6{width:25%;height:50%;float:left;}
  44. .sceen_7_7{width:25%;height:50%;float:left;}
  45. .sceen_8_1{width:25%;height:50%;float:left;}
  46. .sceen_8_2{width:25%;height:50%;float:left;}
  47. .sceen_8_3{width:25%;height:50%;float:left;}
  48. .sceen_8_4{width:25%;height:50%;float:left;}
  49. .sceen_8_5{width:25%;height:50%;float:left;}
  50. .sceen_8_6{width:25%;height:50%;float:left;}
  51. .sceen_8_7{width:25%;height:50%;float:left;}
  52. .sceen_8_8{width:25%;height:50%;float:left;}
  53. .sceen_9_1{width:33%;height:33%;float:left;}
  54. .sceen_9_2{width:34%;height:33%;float:left;}
  55. .sceen_9_3{width:33%;height:33%;float:left;}
  56. .sceen_9_4{width:33%;height:34%;float:left;}
  57. .sceen_9_5{width:34%;height:34%;float:left;}
  58. .sceen_9_6{width:33%;height:34%;float:left;}
  59. .sceen_9_7{width:33%;height:33%;float:left;}
  60. .sceen_9_8{width:34%;height:33%;float:left;}
  61. .sceen_9_9{width:33%;height:33%;float:left;}
  62. .sceen_10_1{width:33%;height:33%;float:left;}
  63. .sceen_10_2{width:34%;height:33%;float:left;}
  64. .sceen_10_3{width:33%;height:33%;float:left;}
  65. .sceen_10_4{width:25%;height:34%;float:left;}
  66. .sceen_10_5{width:25%;height:34%;float:left;}
  67. .sceen_10_6{width:25%;height:34%;float:left;}
  68. .sceen_10_7{width:25%;height:34%;float:left;}
  69. .sceen_10_8{width:33%;height:33%;float:left;}
  70. .sceen_10_9{width:34%;height:33%;float:left;}
  71. .sceen_10_10{width:33%;height:33%;float:left;}
  72. .sceen_11_1{width:25%;height:33%;float:left;}
  73. .sceen_11_2{width:25%;height:33%;float:left;}
  74. .sceen_11_3{width:25%;height:33%;float:left;}
  75. .sceen_11_4{width:25%;height:33%;float:left;}
  76. .sceen_11_5{width:25%;height:34%;float:left;}
  77. .sceen_11_6{width:25%;height:34%;float:left;}
  78. .sceen_11_7{width:25%;height:34%;float:left;}
  79. .sceen_11_8{width:25%;height:34%;float:left;}
  80. .sceen_11_9{width:33%;height:33%;float:left;}
  81. .sceen_11_10{width:34%;height:33%;float:left;}
  82. .sceen_11_11{width:33%;height:33%;float:left;}
  83. .sceen_12_1{width:25%;height:33%;float:left;}
  84. .sceen_12_2{width:25%;height:33%;float:left;}
  85. .sceen_12_3{width:25%;height:33%;float:left;}
  86. .sceen_12_4{width:25%;height:33%;float:left;}
  87. .sceen_12_5{width:25%;height:34%;float:left;}
  88. .sceen_12_6{width:25%;height:34%;float:left;}
  89. .sceen_12_7{width:25%;height:34%;float:left;}
  90. .sceen_12_8{width:25%;height:34%;float:left;}
  91. .sceen_12_9{width:25%;height:33%;float:left;}
  92. .sceen_12_10{width:25%;height:33%;float:left;}
  93. .sceen_12_11{width:25%;height:33%;float:left;}
  94. .sceen_12_12{width:25%;height:33%;float:left;}
  95. .sceen_13_1{width:50%;height:66.99%;float:left;}
  96. .sceen_13_2{width:16%;height:22%;float:left;}
  97. .sceen_13_3{width:18%;height:22%;float:left;}
  98. .sceen_13_4{width:16%;height:22%;float:left;}
  99. .sceen_13_5{width:16%;height:23%;float:left;}
  100. .sceen_13_6{width:18%;height:23%;float:left;}
  101. .sceen_13_7{width:16%;height:23%;float:left;}
  102. .sceen_13_8{width:16%;height:22%;float:left;}
  103. .sceen_13_9{width:18%;height:22%;float:left;}
  104. .sceen_13_10{width:16%;height:22%;float:left;}
  105. .sceen_13_11{width:33%;height:33%;float:left;}
  106. .sceen_13_12{width:34%;height:33%;float:left;}
  107. .sceen_13_13{width:33%;height:33%;float:left;}
  108. .sceen_14_1{width:50%;height:66.99%;float:left;}
  109. .sceen_14_2{width:16%;height:22%;float:left;}
  110. .sceen_14_3{width:18%;height:22%;float:left;}
  111. .sceen_14_4{width:16%;height:22%;float:left;}
  112. .sceen_14_5{width:16%;height:23%;float:left;}
  113. .sceen_14_6{width:18%;height:23%;float:left;}
  114. .sceen_14_7{width:16%;height:23%;float:left;}
  115. .sceen_14_8{width:16%;height:22%;float:left;}
  116. .sceen_14_9{width:18%;height:22%;float:left;}
  117. .sceen_14_10{width:16%;height:22%;float:left;}
  118. .sceen_14_11{width:25%;height:33%;float:left;}
  119. .sceen_14_12{width:25%;height:33%;float:left;}
  120. .sceen_14_13{width:25%;height:33%;float:left;}
  121. .sceen_14_14{width:25%;height:33%;float:left;}
  122. .sceen_15_1{width:25%;height:33%;float:left;}
  123. .sceen_15_2{width:25%;height:33%;float:left;}
  124. .sceen_15_3{width:16%;height:33%;float:left;}
  125. .sceen_15_4{width:18%;height:33%;float:left;}
  126. .sceen_15_5{width:16%;height:33%;float:left;}
  127. .sceen_15_6{width:25%;height:34%;float:left;}
  128. .sceen_15_7{width:25%;height:34%;float:left;}
  129. .sceen_15_8{width:16%;height:34%;float:left;}
  130. .sceen_15_9{width:18%;height:34%;float:left;}
  131. .sceen_15_10{width:16%;height:34%;float:left;}
  132. .sceen_15_11{width:25%;height:33%;float:left;}
  133. .sceen_15_12{width:25%;height:33%;float:left;}
  134. .sceen_15_13{width:16%;height:33%;float:left;}
  135. .sceen_15_14{width:18%;height:33%;float:left;}
  136. .sceen_15_15{width:16%;height:33%;float:left;}
  137. .sceen_16_1{width:25%;height:25%;float:left;}
  138. .sceen_16_2{width:25%;height:25%;float:left;}
  139. .sceen_16_3{width:25%;height:25%;float:left;}
  140. .sceen_16_4{width:25%;height:25%;float:left;}
  141. .sceen_16_5{width:25%;height:25%;float:left;}
  142. .sceen_16_6{width:25%;height:25%;float:left;}
  143. .sceen_16_7{width:25%;height:25%;float:left;}
  144. .sceen_16_8{width:25%;height:25%;float:left;}
  145. .sceen_16_9{width:25%;height:25%;float:left;}
  146. .sceen_16_10{width:25%;height:25%;float:left;}
  147. .sceen_16_11{width:25%;height:25%;float:left;}
  148. .sceen_16_12{width:25%;height:25%;float:left;}
  149. .sceen_16_13{width:25%;height:25%;float:left;}
  150. .sceen_16_14{width:25%;height:25%;float:left;}
  151. .sceen_16_15{width:25%;height:25%;float:left;}
  152. .sceen_16_16{width:25%;height:25%;float:left;}
  153. .sceen_17_1{width:20%;height:20%;float:left;}
  154. .sceen_17_2{width:20%;height:20%;float:left;}
  155. .sceen_17_3{width:20%;height:20%;float:left;}
  156. .sceen_17_4{width:20%;height:20%;float:left;}
  157. .sceen_17_5{width:20%;height:20%;float:left;}
  158. .sceen_17_6{width:20%;height:20%;float:left;}
  159. .sceen_17_7{width:20%;height:20%;position:absolute;left:0;top:40%;}
  160. .sceen_17_8{width:20%;height:20%;position:absolute;left:0;top:60%;}
  161. .sceen_17_9{width:60%;height:60%;position:absolute;left:20%;top:20%;}
  162. .sceen_17_10{width:20%;height:20%;position:absolute;right:0;top:20%;}
  163. .sceen_17_11{width:20%;height:20%;position:absolute;right:0;top:40%;}
  164. .sceen_17_12{width:20%;height:20%;position:absolute;right:0;top:60%;}
  165. .sceen_17_13{width:20%;height:20%;position:absolute;left:0;bottom:0;}
  166. .sceen_17_14{width:20%;height:20%;position:absolute;left:20%;bottom:0;}
  167. .sceen_17_15{width:20%;height:20%;position:absolute;left:40%;bottom:0;}
  168. .sceen_17_16{width:20%;height:20%;position:absolute;left:60%;bottom:0;}
  169. .sceen_17_17{width:20%;height:20%;position:absolute;left:80%;bottom:0;}
  170. .sceen_18_1{width:20%;height:25%;float:left;}
  171. .sceen_18_2{width:20%;height:25%;float:left;}
  172. .sceen_18_3{width:20%;height:25%;float:left;}
  173. .sceen_18_4{width:20%;height:25%;float:left;}
  174. .sceen_18_5{width:20%;height:25%;float:left;}
  175. .sceen_18_6{width:33%;height:25%;float:left;}
  176. .sceen_18_7{width:34%;height:25%;float:left;}
  177. .sceen_18_8{width:33%;height:25%;float:left;}
  178. .sceen_18_9{width:20%;height:25%;float:left;}
  179. .sceen_18_10{width:20%;height:25%;float:left;}
  180. .sceen_18_11{width:20%;height:25%;float:left;}
  181. .sceen_18_12{width:20%;height:25%;float:left;}
  182. .sceen_18_13{width:20%;height:25%;float:left;}
  183. .sceen_18_14{width:20%;height:25%;float:left;}
  184. .sceen_18_15{width:20%;height:25%;float:left;}
  185. .sceen_18_16{width:20%;height:25%;float:left;}
  186. .sceen_18_17{width:20%;height:25%;float:left;}
  187. .sceen_18_18{width:20%;height:25%;float:left;}
  188. .sceen_19_1{width:20%;height:33%;float:left;}
  189. .sceen_19_2{width:20%;height:33%;float:left;}
  190. .sceen_19_3{width:20%;height:33%;float:left;}
  191. .sceen_19_4{width:20%;height:33%;float:left;}
  192. .sceen_19_5{width:20%;height:33%;float:left;}
  193. .sceen_19_6{width:16%;height:17%;position:absolute;left:0;top:33%;}
  194. .sceen_19_7{width:17%;height:17%;position:absolute;left:16%;top:33%;}
  195. .sceen_19_8{width:16%;height:17%;position:absolute;left:0;bottom:33%;}
  196. .sceen_19_9{width:17%;height:17%;position:absolute;left:16%;bottom:33%;}
  197. .sceen_19_10{width:34%;height:34%;position:absolute;left:33%;bottom:33%;}
  198. .sceen_19_11{width:16%;height:17%;position:absolute;right:17%;top:33%;}
  199. .sceen_19_12{width:17%;height:17%;position:absolute;right:0;top:33%;}
  200. .sceen_19_13{width:16%;height:17%;position:absolute;right:17%;bottom:33%;}
  201. .sceen_19_14{width:17%;height:17%;position:absolute;right:0;bottom:33%;}
  202. .sceen_19_15{width:20%;height:33%;position:absolute;left:0;bottom:0;}
  203. .sceen_19_16{width:20%;height:33%;position:absolute;left:20%;bottom:0;}
  204. .sceen_19_17{width:20%;height:33%;position:absolute;left:40%;bottom:0;}
  205. .sceen_19_18{width:20%;height:33%;position:absolute;left:60%;bottom:0;}
  206. .sceen_19_19{width:20%;height:33%;position:absolute;left:80%;bottom:0;}
  207. .sceen_20_1{width:20%;height:25%;float:left;}
  208. .sceen_20_2{width:20%;height:25%;float:left;}
  209. .sceen_20_3{width:20%;height:25%;float:left;}
  210. .sceen_20_4{width:20%;height:25%;float:left;}
  211. .sceen_20_5{width:20%;height:25%;float:left;}
  212. .sceen_20_6{width:20%;height:25%;float:left;}
  213. .sceen_20_7{width:20%;height:25%;float:left;}
  214. .sceen_20_8{width:20%;height:25%;float:left;}
  215. .sceen_20_9{width:20%;height:25%;float:left;}
  216. .sceen_20_10{width:20%;height:25%;float:left;}
  217. .sceen_20_11{width:20%;height:25%;float:left;}
  218. .sceen_20_12{width:20%;height:25%;float:left;}
  219. .sceen_20_13{width:20%;height:25%;float:left;}
  220. .sceen_20_14{width:20%;height:25%;float:left;}
  221. .sceen_20_15{width:20%;height:25%;float:left;}
  222. .sceen_20_16{width:20%;height:25%;float:left;}
  223. .sceen_20_17{width:20%;height:25%;float:left;}
  224. .sceen_20_18{width:20%;height:25%;float:left;}
  225. .sceen_20_19{width:20%;height:25%;float:left;}
  226. .sceen_20_20{width:20%;height:25%;float:left;}