style.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. *{
  2. -webkit-tap-highlight-color: rgba(0,0,0,0);
  3. -ms-user-select: none;
  4. }/*wekit浏览器点击时,对象不高亮*/
  5. html{font-size:16px;}
  6. body{text-align:center; margin:0 auto; font-size:1em; font-family:Microsoft Yahei,verdana,arial,helvetica,sans-serif; color:#000; line-height:2; }
  7. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, button, p, blockquote, th, td { margin: 0; padding: 0; border: 0;}
  8. form{margin:0; padding:0;}
  9. a{color:#fff;text-decoration:none;}
  10. a:hover {color:#fff;text-decoration:none;}
  11. a:active{opacity:0.6;}
  12. ul,li {list-style-type:none;list-style-image:none;list-style:none;overflow:hidden; margin:0;padding:0;}
  13. ::-webkit-input-placeholder { }
  14. input{
  15. outline: none;
  16. resize: none;
  17. -webkit-appearance: none;
  18. }
  19. img{border:none; vertical-align:middle;}
  20. .left{float:left;}
  21. .right{float:right;}
  22. .clear{clear:both;}
  23. .aleft{text-align:left;}
  24. .aright{text-align:right;}
  25. .acenter{text-align:center;}
  26. .h10{height:10px;}
  27. .h20{height:20px;}
  28. .h30{height:30px;}
  29. .h60{height:60px;}
  30. .w20{width:20px;}
  31. .w40{width:40px;}
  32. .w60{width:60px;}
  33. .w80{width:80px;}
  34. .w120{width:120px;}
  35. .w160{width:160px;}
  36. .w170{width:170px;}
  37. .w180{width:180px;}
  38. .w200{width:200px;}
  39. .w240{width:240px;}
  40. .w260{width:260px;}
  41. .w270{width:270px;}
  42. .w280{width:280px;}
  43. .w320{width:320px;}
  44. .w360{width:360px;}
  45. .w400{width:400px;}
  46. .w440{width:440px;}
  47. .w480{width:480px;}
  48. .w30pe{width:30%;}
  49. .w40pe{width:40%;}
  50. .w100pe{width:100%;}
  51. .f08{font-size:0.8em}
  52. .f12{font-size:1.2em}
  53. .f14{font-size:1.4em;}
  54. .f16{font-size:1.6em;}
  55. .f24{font-size:2em;}
  56. .display_yes{display:block;}
  57. .display_no{display:none;}
  58. p{
  59. margin:10px 0;
  60. padding:0;
  61. }
  62. .p_indent{
  63. text-indent:24px;
  64. }
  65. .no_wrap{white-space:nowrap;}
  66. .ml_10{margin-left:10px;}
  67. .ml_20{margin-left:20px;}
  68. .mr_10{margin-right:10px;}
  69. .mr_20{margin-right:20px;}
  70. .mt_10{margin-top:10px;}
  71. .mt_20{margin-top:20px;}
  72. .mb_10{margin-bottom:10px;}
  73. .mb_20{margin-bottom:20px;}
  74. .ma_10{margin:10px;}
  75. .ma_20{margin:20px;}
  76. .pl_10{padding-left:10px;}
  77. .pl_20{padding-left:20px;}
  78. .pr_10{padding-right:10px;}
  79. .pr_20{padding-right:20px;}
  80. .pr_p1{padding-right:1%;}
  81. .pt_10{padding-top:10px;}
  82. .pt_20{padding-top:20px;}
  83. .pb_10{padding-bottom:10px;}
  84. .pb_20{padding-bottom:20px;}
  85. /*under line yes*/
  86. .underline_yes{text-decoration:underline;}
  87. /*under line no*/
  88. .underline_no{text-decoration:none;}
  89. .f_black{color:#000;}
  90. .f_white{color:#fff;}
  91. .f_blue{color:#069;}
  92. .f_red{color:#c00;}
  93. .f_green{color:#006600;}
  94. .f_yellow{color:#9d882a;}
  95. .f_pink{color:#fedbce;}
  96. .f_light_gray{color:#999;}
  97. .f_brown{color:#231815;}
  98. .f_orange{color:#f29600;}
  99. .wrap{
  100. margin:auto;
  101. width:100%;
  102. max-width:640px;
  103. min-width:320px;
  104. position:relative;
  105. }
  106. .row{
  107. margin:10px auto;
  108. }