济源12345的前端

download.css 3.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  1. html,
  2. body,
  3. div,
  4. span,
  5. applet,
  6. object,
  7. iframe,
  8. h1,
  9. h2,
  10. h3,
  11. h4,
  12. h5,
  13. h6,
  14. p,
  15. blockquote,
  16. pre,
  17. a,
  18. abbr,
  19. acronym,
  20. address,
  21. big,
  22. cite,
  23. code,
  24. del,
  25. dfn,
  26. em,
  27. img,
  28. ins,
  29. kbd,
  30. q,
  31. s,
  32. samp,
  33. small,
  34. strike,
  35. strong,
  36. sub,
  37. sup,
  38. tt,
  39. var,
  40. b,
  41. u,
  42. i,
  43. center,
  44. dl,
  45. dt,
  46. dd,
  47. ol,
  48. ul,
  49. li,
  50. fieldset,
  51. form,
  52. label,
  53. legend,
  54. table,
  55. caption,
  56. tbody,
  57. tfoot,
  58. thead,
  59. tr,
  60. th,
  61. td,
  62. article,
  63. aside,
  64. canvas,
  65. details,
  66. embed,
  67. figure,
  68. figcaption,
  69. footer,
  70. header,
  71. hgroup,
  72. menu,
  73. nav,
  74. output,
  75. ruby,
  76. section,
  77. summary,
  78. time,
  79. mark,
  80. audio,
  81. video {
  82. margin: 0;
  83. padding: 0;
  84. border: 0;
  85. font: inherit;
  86. font-size: 100%;
  87. vertical-align: baseline
  88. }
  89. html {
  90. line-height: 1
  91. }
  92. ol,
  93. ul {
  94. list-style: none
  95. }
  96. table {
  97. border-collapse: collapse;
  98. border-spacing: 0
  99. }
  100. caption,
  101. th,
  102. td {
  103. text-align: left;
  104. font-weight: normal;
  105. vertical-align: middle
  106. }
  107. q,
  108. blockquote {
  109. quotes: none
  110. }
  111. q:before,
  112. q:after,
  113. blockquote:before,
  114. blockquote:after {
  115. content: "";
  116. content: none
  117. }
  118. a img {
  119. border: none
  120. }
  121. article,
  122. aside,
  123. details,
  124. figcaption,
  125. figure,
  126. footer,
  127. header,
  128. hgroup,
  129. main,
  130. menu,
  131. nav,
  132. section,
  133. summary {
  134. display: block
  135. }
  136. body {
  137. font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif
  138. }
  139. a {
  140. text-decoration: none
  141. }
  142. a:hover,
  143. a:focus {
  144. text-decoration: none
  145. }
  146. .clearfix:before,
  147. .clearfix:after {
  148. content: "";
  149. display: table;
  150. }
  151. .clearfix:after {
  152. clear: both;
  153. }
  154. .clearfix {
  155. zoom: 1;
  156. }
  157. .fl {
  158. float: left;
  159. }
  160. .rl {
  161. float: right;
  162. }
  163. .download_bg{
  164. position: absolute;
  165. display: -webkit-box;
  166. -webkit-box-pack: center;
  167. -webkit-box-align: center;
  168. width: 100%;
  169. height: 100%;
  170. background: url(../img/bg.png) no-repeat;
  171. background-size: 100% 100%;
  172. }
  173. header{
  174. position: absolute;
  175. top: 13.568215892053972%;
  176. left: 50%;
  177. margin-left: -96.305px;
  178. text-align: center;
  179. }
  180. header h1{
  181. font-size: 30px;
  182. font-family: "microsoft yahei";
  183. font-weight: 600;
  184. color: #FFFFFF;
  185. }
  186. header h1 span:nth-of-type(2){
  187. display: inline-block;
  188. background-color: #c2352b;
  189. }
  190. header p{
  191. font-size: 18px;
  192. font-family: "黑体";
  193. margin-top: 4px;
  194. letter-spacing: 3.4px;
  195. }
  196. footer{
  197. position: absolute;
  198. left: 50%;
  199. margin-left: -112px;
  200. bottom: 12.368815592203898%;
  201. }
  202. footer .download_btn {
  203. display: inline-block;
  204. width: 224px;
  205. height: 44px;
  206. box-sizing: border-box;
  207. line-height: 44px;
  208. text-align: center;
  209. font-size: 19px;
  210. font-weight: normal;
  211. color: #3bade4;
  212. background-color: #FFFFFF;
  213. white-space: nowrap;
  214. vertical-align: middle;
  215. -ms-touch-action: manipulation;
  216. touch-action: manipulation;
  217. -webkit-user-select: none;
  218. -moz-user-select: none;
  219. -ms-user-select: none;
  220. user-select: none;
  221. background-image: none;
  222. border: 1px solid transparent;
  223. border-radius: 4px;
  224. }
  225. .wxtip{
  226. background: rgba(0,0,0,0.8);
  227. text-align: center;
  228. position: fixed;
  229. left:0;
  230. top: 0;
  231. width: 100%;
  232. height: 100%;
  233. z-index: 998;
  234. display: none;
  235. }
  236. .wxtip-icon{
  237. width: 164px;
  238. height: 153px;
  239. background: url(../img/weixin-tip.png) no-repeat;
  240. display: block;
  241. position: absolute;
  242. right: 20px;
  243. top: 20px;
  244. }
  245. .wxtip-txt{
  246. margin-top: 150px;
  247. color: #fff;
  248. font-size: 16px;
  249. line-height: 1.5;
  250. }
  251. #downloadBtnW{
  252. display: none;
  253. }