medical.css 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  1. html {
  2. font-size: 192px;
  3. }
  4. body {
  5. overflow: hidden;
  6. color: #b5e1fc;
  7. font-size: .072917rem;
  8. }
  9. #app{
  10. height: 100%;
  11. background-size: 100% 100%;
  12. background: url(../images/BG.png) no-repeat;
  13. overflow-y: auto;
  14. overflow-x: hidden;
  15. /* overflow: hidden; */
  16. }
  17. p{
  18. margin: 0;
  19. padding: 0
  20. }
  21. .div-header {
  22. background: url(../images/biaoti_bg_img.png) no-repeat;
  23. width: 100%;
  24. height: 0.39rem;
  25. background-size: 100% 100%;
  26. z-index: 50;
  27. position: fixed;
  28. top: 0;
  29. }
  30. .div-title{
  31. height: 0.271rem;
  32. line-height: 0.271rem;
  33. text-align: center;
  34. font-size: .104167rem;
  35. color: #fff;
  36. width: 1.453125rem;
  37. background: url(../images/dashujuyingyongfuwupingtai.png) no-repeat;
  38. background-size: 100% 100%;
  39. position: relative;
  40. z-index: 99;
  41. }
  42. .div-bottom {
  43. background: url(../images/logo_bg_img.png) no-repeat;
  44. width: 100%;
  45. height: 0.2rem;
  46. background-size: 100% 100%;
  47. position: fixed;
  48. bottom: 0;
  49. }
  50. .div-body{
  51. height: 100%;
  52. padding-top: .40625rem;
  53. }
  54. .div-skip{
  55. width: 1.458333rem;height: .625rem;background-image: url("../images/tc1.png");background-size: 100% 100%;
  56. position: fixed;top: 0.35rem;margin-left: 0.1rem;z-index: 5;
  57. }
  58. .div-skip div{
  59. height: 60px;line-height: 60px;color: rgb(179,223,251);text-align: center;font-size: 0.1rem;
  60. }
  61. .div-skip div a:hover{
  62. color: rgb(4,128,211)
  63. }
  64. .div-body>.right{
  65. width: 2.3rem;
  66. margin-right: .104167rem
  67. }
  68. .contentBox{
  69. background: url(../images/mjzrcdibu.png) no-repeat;
  70. background-size: 100% 100%;
  71. width: 2.307292rem
  72. }
  73. .contentBox2{
  74. background: url(../images/tuoyuan.png) no-repeat;
  75. background-size: 100% 100%;
  76. }
  77. .contentBox2 .right,.contentBox2 .left{
  78. padding-top: .09375rem;
  79. width: .625rem;
  80. }
  81. .contentBox2 .left{
  82. padding-right: .104167rem;
  83. }
  84. .contentBox2 .right{
  85. padding-left: .104167rem;
  86. }
  87. .contentBox2 .middle .sub{
  88. color:rgba(213, 230, 255, 0.5)
  89. }
  90. .contentBox3{
  91. background: url(../images/mzrcyuequshi.png) no-repeat;
  92. background-size: 100% 100%;
  93. width: 2.307292rem
  94. }
  95. .boxTitle{
  96. background: url(../images/icon_biaoti.png) no-repeat;
  97. background-size: 100% 100%;
  98. height: .260417rem;
  99. color: #fff;
  100. font-weight: bold;
  101. line-height: .260417rem;
  102. padding-left: .130208rem
  103. }
  104. .title >span{
  105. cursor: pointer;
  106. }
  107. /* 表格样式 */
  108. td{
  109. text-align: center;
  110. height:.166667rem;
  111. border: 1px solid #019dff;
  112. }
  113. th{
  114. text-align: center;
  115. height: .208333rem;
  116. background: url(../images/mjzfwqktoubukuang.png) no-repeat;
  117. background-size: 100% 100%;
  118. }
  119. td img{
  120. margin-right: .026042rem;
  121. width: 12px;
  122. }
  123. .w60{
  124. width: .3125rem
  125. }
  126. .w193{
  127. width: 1.005208rem
  128. }
  129. .w188{
  130. width: .979167rem
  131. }
  132. /* 左边样式 */
  133. .div-body>.left{
  134. width: 2.3rem;
  135. margin-left: .104167rem
  136. }
  137. .bigData{
  138. height: 2.307292rem;
  139. width: 2.307292rem;
  140. padding-left: .078125rem;
  141. padding-right: .078125rem;
  142. }
  143. .bigData .title{
  144. height: .234375rem;
  145. }
  146. .title >span{
  147. display: inline-block;
  148. width: .3125rem;
  149. text-align: center;
  150. height: .114583rem;
  151. line-height: .114583rem;
  152. font-size: .072917rem;
  153. color: #0fa5f2;
  154. }
  155. .title >span.active{
  156. background:#0fa5f2;
  157. color: #fff;
  158. border-radius: .078125rem
  159. }
  160. .bigData .menJiZhen{
  161. height: .911458rem;
  162. text-align: center
  163. }
  164. .jiuZhen .contentBox3{
  165. height: 1.15625rem;
  166. }
  167. .h234{
  168. height: 1.21875rem;
  169. }
  170. .h165{
  171. height: .859375rem;
  172. }
  173. /* 中间样式 */
  174. .div-body>.middle{
  175. flex-grow:1;
  176. background: url(../images/ditudibu.png) no-repeat;
  177. background-size: 100% 100%;
  178. margin: 0 .104167rem;
  179. width: 4.84375rem;
  180. height: 5.125rem;
  181. color: rgba(213, 230, 255)
  182. }
  183. .middle .map{
  184. height: 3.34375rem;
  185. position: relative;
  186. }
  187. .middle .bottom{
  188. background: url(../images/kuang.png) no-repeat;
  189. background-size:100% 100% ;
  190. background-position: center;
  191. margin: 0 .453125rem .328125rem .453125rem ;
  192. width: 4.020833rem;
  193. height:1.380208rem ;
  194. }
  195. .middle .bottom .left,.middle .bottom .right{
  196. width: 1.302083rem;
  197. margin:.3125rem 0;
  198. }
  199. .middle .yellow_number {
  200. font-size: 16px
  201. }
  202. .middle .title{
  203. color: #00e7f3;
  204. font-size: 18px
  205. }
  206. .middle .bottom .left {
  207. padding-left: .234375rem;
  208. }
  209. .middle .bottom .right {
  210. padding-left: .078125rem
  211. }
  212. /* boottSelect样式修改 */
  213. .Mapselect{
  214. position: absolute;
  215. top: .114583rem;
  216. width: .677083rem;
  217. left: .125rem;
  218. }
  219. .map #dropdownMenu1{
  220. background: url(../images/mjzfwqktoubukuang.png) no-repeat no-repeat;
  221. background-size: 100% 100%;
  222. height: 34px;
  223. }
  224. .btn.focus, .btn:focus, .btn:hover{
  225. color: #fff
  226. }
  227. .dropdown-menu{
  228. background: url(../images/mjzfwqktoubukuang.png) no-repeat no-repeat;
  229. background-size: 100% 100%;
  230. }