public.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. @charset "utf-8";
  2. /*reset*/
  3. html {
  4. -webkit-font-smoothing: antialiased;
  5. -ms-text-size-adjust:100%;
  6. -webkit-text-size-adjust: 100%; /* 2 */
  7. margin: 0;
  8. padding: 0;
  9. }
  10. body,h1,h2,h3,h4,h5,h6,p,ul,ol,dd,form,span,samp,p,a{
  11. font-size: 12px;
  12. font-weight: normal;
  13. margin:0;
  14. font-family: "Microsoft YaHei", Helvetica, STHeiTi,"Helvetica Neue","微软雅黑",SimSun,sans-serif;
  15. }
  16. html,body{
  17. background: white;
  18. min-height: 100%;
  19. }
  20. ul,ol{
  21. padding-left:0;
  22. list-style-type:none;
  23. }
  24. li{display: inline-block;}
  25. i{font-style: normal;}
  26. a {
  27. cursor: pointer;
  28. color:#333;
  29. text-decoration: none;
  30. /*消除ie10灰色背景*/
  31. background-color: transparent;
  32. /*消除火狐虚线*/
  33. outline: none;
  34. }
  35. img {
  36. max-width: 100%;
  37. /* cursor: pointer;*/
  38. vertical-align: middle;
  39. border: 0 none;
  40. }
  41. body,button,input,select,textarea {
  42. font-size: 12px;
  43. font-family: "Microsoft YaHei", Helvetica, STHeiTi,"Helvetica Neue","微软雅黑",SimSun,sans-serif;
  44. color:#3c3c3c;
  45. outline: none;
  46. resize: none;
  47. }
  48. button, input{
  49. /* 让 input 和 button 一样高 */
  50. line-height:normal;
  51. }
  52. figure{
  53. margin: 0;
  54. padding:0;
  55. }
  56. figure img{
  57. width: 100%;
  58. }
  59. button::-moz-focus-inner,
  60. input::-moz-focus-inner{
  61. padding:0;
  62. border:0;
  63. }
  64. input[type="button"],
  65. input[type="reset"],
  66. input[type="submit"] {
  67. -webkit-appearance: none;
  68. }
  69. a,button,input{
  70. -webkit-tap-highlight-color:rgba(0,0,0,0);
  71. }
  72. table {
  73. border-collapse: collapse;
  74. border-spacing: 0;
  75. }
  76. /* 统一上标和下标 */
  77. sub, sup{
  78. font-size:75%;
  79. line-height:0;
  80. position:relative;
  81. }
  82. :root sub, :root sup{
  83. vertical-align:baseline; /* for ie9 and other modern browsers */
  84. }
  85. sup{
  86. top:-0.5em;
  87. }
  88. sub{
  89. bottom:-0.25em;
  90. }
  91. strong {
  92. font-weight: normal;
  93. }
  94. mark {
  95. background: none;
  96. }
  97. /*
  98. input,button,select,textarea {
  99. -webkit-box-sizing: content-box;
  100. -moz-box-sizing: content-box;
  101. box-sizing: content-box;
  102. }
  103. */
  104. input[type="checkbox"],
  105. input[type="radio"] {
  106. -webkit-box-sizing: border-box;
  107. box-sizing: border-box;
  108. padding: 0;
  109. }
  110. * {
  111. -webkit-box-sizing: border-box;
  112. box-sizing: border-box;
  113. }
  114. *:before,
  115. *:after {
  116. -webkit-box-sizing: border-box;
  117. box-sizing: border-box;
  118. }
  119. /*原子类*/
  120. .wrapper:before,
  121. .wrapper:after,
  122. .clearfix:before,
  123. .clearfix:after {
  124. display: table;
  125. content: "";
  126. }
  127. .wrapper:after,
  128. .clearfix:after {
  129. clear: both;
  130. }
  131. .wrapper,
  132. .clearfix {
  133. zoom: 1;
  134. }
  135. .Left{
  136. float: left;
  137. }
  138. .Right{
  139. float: right;
  140. }
  141. // html {height: 100%;}
  142. body {
  143. min-width: 320px;
  144. max-width: 1920px;
  145. line-height: 1.6;
  146. margin: auto;
  147. }
  148. .contain{max-width: 640px; margin: 0 auto; position: relative;}
  149. .fixWidth{
  150. width: 90%;
  151. margin: 0 auto;
  152. position: relative;
  153. }
  154. .contain {
  155. min-height: 400px;
  156. text-align: center;
  157. }
  158. .contain .demo div{
  159. display: block;
  160. width: 100%;
  161. height: 40px;
  162. border-radius: 5px;
  163. border: 1px solid #999;
  164. margin-bottom: 20px;
  165. text-align: center;
  166. font-size: 14px;
  167. line-height: 40px;
  168. }
  169. .whiteBG {
  170. background: white;
  171. }
  172. .fullHeight {
  173. height: 100%;
  174. }
  175. .guideView:before {
  176. display: none;
  177. }
  178. .center {
  179. text-align: center;
  180. }
  181. .blue {
  182. color: #1e83d3;
  183. }
  184. /* --------- nav ------------*/
  185. .nav {
  186. width: 100%;
  187. max-width: 640px;
  188. text-align: left;
  189. line-height: 45px;
  190. padding: 25px 0 35px;
  191. }
  192. .nav h1 {
  193. font-size: 2.5em;
  194. font-weight: bold;
  195. }