base.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. /*格式化样式*/
  2. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;font-family:微软雅黑;}
  3. table {border-collapse:collapse;border-spacing:0;}
  4. fieldset,img {border:0}
  5. address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
  6. ol,ul {list-style:none}
  7. caption,th {text-align:left}
  8. h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
  9. q:before,q:after {content:''}
  10. abbr,acronym { border:0}
  11. /*文字排版、颜色*/
  12. .f12{font-size:12px}
  13. .f13{font-size:13px}
  14. .f14{font-size:14px}
  15. .f16{font-size:16px}
  16. .f20{font-size:20px}
  17. .fb{font-weight:bold}
  18. .fn{font-weight:normal}
  19. .t2{text-indent:2em}
  20. .red,a.red{color:#cc0031}
  21. .darkblue,a.darkblue{color:#039}
  22. .gray,a.gray{color:#878787}
  23. .lh150{line-height:150%}
  24. .lh180{line-height:180%}
  25. .lh200{line-height:200%}
  26. .unl{text-decoration:underline;}
  27. .no_unl{text-decoration:none;}
  28. /*定位*/
  29. .tl{text-align:left}
  30. .tc{text-align:center}
  31. .tr{text-align:right}
  32. .fl{float:left;display:inline}
  33. .fr{float:right;display:inline}
  34. .cb{clear:both}
  35. .cl{clear:left}
  36. .cr{clear:right}
  37. .vm{vertical-align:middle}
  38. .pr{position:relative}
  39. .pa{position:absolute}
  40. .abs-right{position:absolute;right:0}
  41. .zoom{zoom:1}
  42. .hidden{visibility:hidden}
  43. .none{display:none}
  44. /*长度高度*/
  45. .w10{width:10px}
  46. .w20{width:20px}
  47. .w50{width:50px}
  48. .w90{width:90px}
  49. .w100{width:100px}
  50. .w200{width:200px}
  51. .w250{width:250px}
  52. .w500{width:500px}
  53. .w800{width:800px}
  54. .w{width:100%}
  55. .h50{height:50px}
  56. .h80{height:80px}
  57. .h100{height:100px}
  58. .h200{height:200px}
  59. .h{height:100%}
  60. /*边距*/
  61. .m10{margin:10px}
  62. .m15{margin:15px}
  63. .m30{margin:30px}
  64. .mt5{margin-top:5px}
  65. .mt10{margin-top:10px}
  66. .mt15{margin-top:15px}
  67. .mt50{margin-top:50px}
  68. .mt100{margin-top:100px}
  69. .mb5{margin-bottom:5px}
  70. .mb10{margin-bottom:10px}
  71. .mb15{margin-bottom:15px}
  72. .mb100{margin-bottom:100px}
  73. .ml5{margin-left:5px}
  74. .ml10{margin-left:10px}
  75. .ml15{margin-left:15px}
  76. .ml20{margin-left:20px}
  77. .ml30{margin-left:30px}
  78. .ml50{margin-left:50px}
  79. .ml100{margin-left:100px}
  80. .mr5{margin-right:5px}
  81. .mr10{margin-right:10px}
  82. .mr15{margin-right:15px}
  83. .mr50{margin-right:50px}
  84. .mr100{margin-right:100px}
  85. .p10{padding:10px;}
  86. .p15{padding:15px;}
  87. .p30{padding:30px;}
  88. .pt5{padding-top:5px}
  89. .pt10{padding-top:10px}
  90. .pt15{padding-top:15px}
  91. .pt20{padding-top:20px}
  92. .pt30{padding-top:30px}
  93. .pt50{padding-top:50px}
  94. .pb5{padding-bottom:5px}
  95. .pb100{padding-bottom:100px}
  96. .pl5{padding-left:5px}
  97. .pl10{padding-left:10px}
  98. .pl50{padding-left:50px}
  99. .pl100{padding-left:100px}
  100. .pr5{padding-right:5px}
  101. .pr10{padding-right:10px}
  102. .pr15{padding-right:15px}
  103. .pr100{padding-right:100px}
  104. /* Copyright 2008 TSXMLOVE. All Rights Reserved. */
  105. * {
  106. padding: 0px;
  107. margin: 0px;
  108. text-align: left;
  109. font-family:Arial, Verdana, Tahoma, "宋体", Helvetica, sans-serif;
  110. line-height: 150%;
  111. }
  112. body {
  113. font-size: 14px;
  114. text-align: center;
  115. color: #000000;
  116. background-color: #fff;
  117. background-image: url(../Images/body_bg.jpg);
  118. background-repeat: repeat-x;
  119. }
  120. table {
  121. border-collapse: collapse;
  122. }
  123. td {
  124. padding: 3px;
  125. }
  126. img {
  127. border: none;
  128. vertical-align:top;
  129. }
  130. input {
  131. padding: 1px;
  132. vertical-align: middle;
  133. line-height: normal;
  134. }
  135. a{
  136. text-decoration:none;
  137. color:#000;
  138. }
  139. /*head CSS*/
  140. #divHead{ width:100%; height:40px; border-top:1px solid #cbc8c8; border-bottom:1px solid #cbc8c8;}
  141. #divHead div{ width:1000px; margin:0px auto;}
  142. #divHead ul li{ line-height:40px; float:left;}
  143. #divHead ul li a{ color:#8e8d8e;}
  144. #divHead ul li a span{ color:#3c90d9;}
  145. #divHead .left li a{ padding:0px 20px; text-align:center; margin-top:15px; border-left:1px solid #8e8d8e;}
  146. #divHead .left li:first-child a{ border-left:none;}
  147. #divHead .left li .goshopingCar{ padding-left:35px; background:url(../Images/iconfont-gouwuche.png) no-repeat 15px 2px;}
  148. #divHead .left{ float:left;}
  149. #divHead .right{ float:right;}
  150. #divHead .right li{ margin-left:10px;}
  151. /*bottom CSS*/
  152. #bottomNav .divBottom{ width:1000px; margin:0px auto;}
  153. #bottomNav{ width:100%; border-top:1px solid #3c90d9; margin-top:50px;}
  154. #bottomNav .divBottom{ padding:30px 0px;}
  155. #bottomNav .left{ float:left;}
  156. #bottomNav dl{ float:left; margin-right:100px;}
  157. #bottomNav dl dt{ line-height:30px; font-size:18px;}
  158. #bottomNav dl dd ul{ margin-left:15px;}
  159. #bottomNav dl dd li{ line-height:25px; font-size:12px; list-style:disc;}
  160. #bottomNav .right{ float:right;}
  161. #bottomNav .right span{ display:block;}
  162. #bottomNav .right .phone{ font-size:18px; color:#030303;}
  163. #bottomNav .right .data{ font-size:12px; margin:15px 0px;}
  164. #bottomNav .right a{ display:block; width:135px; line-height:30px; text-align:center; background:#3c90d9; color:#fff; font-size:16px;}
  165. /*回到顶部*/
  166. #topID{ position:fixed; right:200px; bottom:100px; cursor:pointer;}