medical.css 5.0 KB

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