style_pc.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333
  1. .body {
  2. margin: 0px auto;
  3. width: 940px;
  4. overflow: hidden;
  5. padding-bottom: 20px;
  6. }
  7. .choselocation {
  8. font-weight: 600;
  9. text-align: center;
  10. font-size: 50px;
  11. padding-top: 100px;
  12. }
  13. .left {
  14. float: left;
  15. }
  16. .rightbox {
  17. border-radius: 6px;
  18. float: left;
  19. background: black;
  20. color: #fff;
  21. width: 380px;
  22. margin-left: 20px;
  23. }
  24. .echarsbox {
  25. position: relative;
  26. margin-top: 45px;
  27. }
  28. .top {
  29. border-bottom: 2px solid #fff;
  30. text-align: center;
  31. padding-bottom: 14px;
  32. }
  33. .top p {
  34. font-size: 18px;
  35. line-height: 46px;
  36. }
  37. .top h2 {
  38. font-size: 24px;
  39. }
  40. .rightbox-bot {
  41. padding: 16px 16px 0 16px;
  42. }
  43. .bot-name {
  44. line-height: 30px;
  45. }
  46. .bot-name .linner {
  47. width: 20%;
  48. display: inline-block;
  49. position: relative;
  50. }
  51. .bot-name .linner .progress {
  52. /*position: absolute;*/
  53. margin-bottom: 0px;
  54. }
  55. .linner span {
  56. z-index: 200;
  57. position: absolute;
  58. top: -5px;
  59. left: 15px;
  60. color: black;
  61. }
  62. .bot-name span:nth-child(1) {
  63. display: inline-block;
  64. width: 20%;
  65. }
  66. .bot-name span:nth-child(2) {
  67. display: inline-block;
  68. width: 50%;
  69. }
  70. .bot-name span:nth-child(3) {
  71. display: inline-block;
  72. width: 25%;
  73. }
  74. /*头部*/
  75. .selectbox {
  76. display: none;
  77. margin-top: 10px;
  78. border-top: 1px solid darkgray;
  79. padding: 10px;
  80. }
  81. #s_city,
  82. #s_county,
  83. #s_province {
  84. background: transparent;
  85. width: 100px;
  86. margin-left: 10px;
  87. border-radius: 4px;
  88. padding: 5px;
  89. font-size: 16px;
  90. border: 1px solid #ccc;
  91. height: 34px;
  92. -webkit-appearance: none;
  93. /*for chrome*/
  94. }
  95. .timebox {
  96. position: absolute;
  97. top: -20px;
  98. color: black;
  99. width: 200px;
  100. margin-left: -30px;
  101. }
  102. /*清除ie的默认选择框样式清除,隐藏下拉箭头*/
  103. select::-ms-expand {
  104. display: none;
  105. }
  106. html,
  107. body,
  108. div,
  109. span,
  110. applet,
  111. object,
  112. iframe,
  113. h1,
  114. h2,
  115. h3,
  116. h4,
  117. h5,
  118. h6,
  119. p,
  120. blockquote,
  121. pre,
  122. a,
  123. abbr,
  124. acronym,
  125. address,
  126. big,
  127. cite,
  128. code,
  129. del,
  130. dfn,
  131. em,
  132. img,
  133. ins,
  134. kbd,
  135. q,
  136. s,
  137. samp,
  138. small,
  139. strike,
  140. strong,
  141. sub,
  142. sup,
  143. tt,
  144. var,
  145. b,
  146. u,
  147. i,
  148. center,
  149. dl,
  150. dt,
  151. dd,
  152. ol,
  153. ul,
  154. li,
  155. fieldset,
  156. form,
  157. label,
  158. legend,
  159. table,
  160. caption,
  161. tbody,
  162. tfoot,
  163. thead,
  164. tr,
  165. th,
  166. td,
  167. article,
  168. aside,
  169. canvas,
  170. details,
  171. embed,
  172. figure,
  173. figcaption,
  174. footer,
  175. header,
  176. hgroup,
  177. menu,
  178. nav,
  179. output,
  180. ruby,
  181. section,
  182. summary,
  183. time,
  184. mark,
  185. audio,
  186. video {
  187. margin: 0;
  188. padding: 0;
  189. border: 0;
  190. font-size: 100%;
  191. font: inherit;
  192. vertical-align: baseline;
  193. }
  194. /* HTML5 display-role reset for older browsers */
  195. article,
  196. aside,
  197. details,
  198. figcaption,
  199. figure,
  200. footer,
  201. header,
  202. hgroup,
  203. menu,
  204. nav,
  205. section {
  206. display: block;
  207. }
  208. body {
  209. line-height: 1;
  210. font-family: "微软雅黑";
  211. }
  212. ol,
  213. ul {
  214. list-style: none;
  215. }
  216. blockquote,
  217. q {
  218. quotes: none;
  219. }
  220. blockquote:before,
  221. blockquote:after,
  222. q:before,
  223. q:after {
  224. content: '';
  225. content: none;
  226. }
  227. table {
  228. border-collapse: collapse;
  229. border-spacing: 0;
  230. }
  231. #modelView {
  232. background-color: #DDDDDD;
  233. z-index: 0;
  234. opacity: 0.7;
  235. height: 100%;
  236. width: 100%;
  237. position: relative;
  238. }
  239. .playvideo {
  240. padding-top: auto;
  241. z-index: 9999;
  242. position: relative;
  243. }
  244. .zy_media {
  245. z-index: 999999999
  246. }
  247. #line {
  248. border: 1px dashed black;
  249. height: 174px;
  250. position: absolute;
  251. top: 10px;
  252. margin-left: 19.6%;
  253. }
  254. .Left {
  255. left: 10%;
  256. }
  257. #main {
  258. width: 100%;
  259. height: 350px;
  260. max-height: 300px;
  261. overflow: hidden;
  262. }
  263. .IIV::-webkit-media-controls-play-button,
  264. .IIV::-webkit-media-controls-start-playback-button {
  265. opacity: 0;
  266. pointer-events: none;
  267. width: 5px;
  268. }
  269. #Popup,
  270. #Popup2 {
  271. /*display:none;*/
  272. /*margin-left: 3px;*/
  273. width: 90px;
  274. /*height: 86px;*/
  275. padding: 5px 3px;
  276. position: absolute;
  277. top: 30px;
  278. color: #fff;
  279. font-size: 12px;
  280. border-radius: 5px;
  281. background: rgba(35, 35, 35, 0.6);
  282. /*background: #FF6159;*/
  283. z-index: 10000;
  284. }
  285. #Popup {
  286. margin-left: 3px;
  287. }
  288. #Popup2 {
  289. width: 110px;
  290. margin-left: 98px;
  291. }