base.css 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399
  1. html {
  2. background: #fff;
  3. }
  4. body,div,dl,dt,dd,ul,ol,li,h1,h5,h6,input,button,textarea,p,blockquote,th,td {
  5. margin: 0;
  6. padding: 0;
  7. }
  8. body {
  9. font-size: 14px;
  10. font-family: "微软雅黑";
  11. overflow-x: hidden;
  12. color: #323232;
  13. }
  14. .douban .hd ul li.last{
  15. margin-right: 0;
  16. }
  17. .tempWrap ul li span {
  18. color: #48545a;
  19. font-size: 16px;
  20. }
  21. .tempWrap ul li i{
  22. color: #48545a;
  23. font-size: 16px;
  24. font-style: normal;
  25. }
  26. .douban .bd ul li {
  27. float: left;
  28. width: 319px;
  29. height: 234px!important;
  30. margin-right: 21px;
  31. }
  32. a {
  33. text-decoration: none;
  34. }
  35. img {
  36. border: none;
  37. }
  38. li {
  39. list-style: none;
  40. }
  41. table {
  42. border-collapse: collapse;
  43. border-spacing: 0;
  44. }
  45. h4,h5,h6 {
  46. font-size: 100%;
  47. }
  48. q:before,q:after {
  49. content: '';
  50. }
  51. button,input,select,textarea {
  52. font-size: 100%;
  53. }
  54. input,button,textarea,select,optgroup,option {
  55. font-family: inherit;
  56. font-size: inherit;
  57. font-style: inherit;
  58. font-weight: inherit;
  59. outline: none;
  60. }
  61. address,cite,dfn,em,var {
  62. font-style: normal;
  63. }
  64. ul,ol {
  65. list-style: none;
  66. }
  67. fieldset,img {
  68. border: 0 none;
  69. }
  70. img {
  71. -ms-interpolation-mode: bicubic;
  72. }
  73. i,em {
  74. font-style: normal;
  75. }
  76. table {
  77. border-collapse: collapse;
  78. border-spacing: 0;
  79. }
  80. input,select,textarea,button {
  81. font-size: 100%;
  82. -webkit-box-sizing: content-box;
  83. -moz-box-sizing: content-box;
  84. box-sizing: content-box;
  85. }
  86. button,input[type=button],input[type=submit] {
  87. cursor: pointer;
  88. }
  89. input[type=search] {
  90. -webkit-appearance: textfield;
  91. }
  92. textarea {
  93. overflow-y: auto;
  94. resize: vertical;
  95. }
  96. #qiao-wrap {
  97. display: none !important;
  98. }
  99. ins {
  100. display: none !important;
  101. }
  102. html {
  103. color: #fff;
  104. background: #fff;
  105. }
  106. li,ol,ul {
  107. list-style: none;
  108. }
  109. table {
  110. border-collapse: collapse;
  111. border-spacing: 0;
  112. }
  113. h1,h2,h3,h4,h5,h6 {
  114. font-size: 100%;
  115. font-family: "宋体";
  116. }
  117. img {
  118. border: 0 none;
  119. -ms-interpolation-mode: bicubic;
  120. }
  121. a {
  122. text-decoration: none;
  123. cursor: pointer;
  124. }
  125. .article {
  126. max-width: 1920px;
  127. min-width: 1024px;
  128. margin: 0 auto;
  129. font-size: 18px;
  130. }
  131. .wp {
  132. width: 1180px;
  133. margin: 0 auto;
  134. }
  135. .clear,.clearfix {
  136. zoom: 1;
  137. }
  138. .cb {
  139. clear: both;
  140. }
  141. .clear:after,.clearfix:after {
  142. content: ' ';
  143. display: block;
  144. clear: both;
  145. height: 0;
  146. visibility: hidden;
  147. }
  148. .hidden,.hide {
  149. display: none;
  150. }
  151. .wrapper {
  152. width: 1000px;
  153. margin: 0 auto;
  154. }
  155. .article {
  156. max-width: 1920px;
  157. min-width: 1024px;
  158. margin: 0 auto;
  159. font-size: 18px;
  160. }
  161. .over {
  162. overflow: hidden;
  163. }
  164. .transtion {
  165. transition: all 300ms linear;
  166. -moz-transiton: all 300ms linear;
  167. -webket-transition: all 300ms linear;
  168. -o-transition: all 300ms linear;
  169. }
  170. .fl {
  171. float: left;
  172. }
  173. .fr {
  174. float: right;
  175. }
  176. .c1 {
  177. clear: both;
  178. }
  179. .h40 {
  180. height: 40px;
  181. }
  182. .foot_nav {
  183. position: fixed;
  184. bottom: 0px;
  185. width: 100%;
  186. z-index: 3;
  187. }
  188. .foot_nav .foot_nav1 {
  189. width: 100%;
  190. height: 52px;
  191. background: #fff;
  192. opacity: 0.7;
  193. }
  194. .foot_nav .foot_nav2 {
  195. width: 152px;
  196. margin: 0 auto;
  197. height: 52px;
  198. z-index: 3;
  199. position: absolute;
  200. bottom: 0px;
  201. left: 50%;
  202. margin-left: -76px;
  203. }
  204. .foot_nav .foot_nav2 ul li {
  205. float: left;
  206. text-align: center;
  207. }
  208. .foot_nav .foot_nav2 ul li a {
  209. font-size: 14px;
  210. font-family: "微软雅黑";
  211. color: rgb(72, 84, 90);
  212. line-height: 52px;
  213. }
  214. .foot_nav .foot_nav2 ul li.no4 a {
  215. display: block;
  216. width: 29px;
  217. height: 52px;
  218. margin-right: 32px;
  219. position: relative;
  220. background: url(../images/wx1.png) no-repeat 0px center;
  221. }
  222. .foot_nav .foot_nav2 ul li.no4 a img {
  223. position: absolute;
  224. top: -157px;
  225. left: -67px;
  226. display: none;
  227. }
  228. .foot_nav .foot_nav2 ul li.no5 a {
  229. display: block;
  230. width: 29px;
  231. height: 52px;
  232. margin-right: 32px;
  233. background: url(../images/wb1.png) no-repeat 0px center;
  234. }
  235. .foot_nav .foot_nav2 ul li.no6 a {
  236. display: block;
  237. width: 29px;
  238. height: 52px;
  239. background: url(../images/mail1.png) no-repeat 0px center;
  240. }
  241. .foot_nav .foot_nav2 ul li.no4 a:hover {
  242. background: url(../images/wx_hover.png) no-repeat 0 center!important;
  243. }
  244. .foot_nav .foot_nav2 ul li.no5 a:hover {
  245. background: url(../images/wb_hover.png) no-repeat 0 center!important;
  246. }
  247. .foot_nav .foot_nav2 ul li.no6 a:hover {
  248. background: url(../images/mail_hover.png) no-repeat 0 center!important;
  249. }
  250. @charset "utf-8";
  251. html{margin:0;padding:0;_text-overflow:ellipsis;}
  252. body{margin:0;padding:0;font-family:"\5b8b\4f53","\65B0\5B8B\4F53","arial";}
  253. div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,button,img,button,select,iframe{padding:0;margin:0;border:0;}
  254. img,input,button,select,textarea,fieldset,iframe{vertical-align:top;*vertical-align:middle;}
  255. ul,li{list-style-type:none;}
  256. hgroup{clear:both;overflow:hidden;}
  257. .bai{color:#fff;}
  258. .hei{color:#000}
  259. .none{display:none;}
  260. .fl{float:left;}
  261. .fr{float:right;}
  262. .clearfix{display:block;clear:both;}
  263. .clearfix{*zoom:1;}
  264. .clearfix:after{display:block; overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
  265. .h0{height:0;}/*内容块清除浮动专用*/
  266. .h10{height:10px;}/*间隔高勿删*/
  267. .h15{height:15px;}/*间隔高勿删*/
  268. .h20{height:20px;}/*间隔高勿删*/
  269. .h25{height:25px;}/*间隔高勿删*/
  270. .h30{height:30px;}/*间隔高勿删*/
  271. hgroup h2.fr{font-weight:normal;}
  272. .ul-bor{border-bottom:1px dashed #e4e4e4}
  273. input:-webkit-autofill{box-shadow:0 0 0 1000px white inset;}/*清除表单自完成背景*/
  274. em,a{font-style:normal;transition:all .6s;}
  275. .art-tab .hd a{transition:none;}
  276. /*其他*/
  277. .jz,.bd img{/*图片加载*/
  278. background:url(../sucai/bx_loader.gif) center center no-repeat #fff;
  279. }
  280. .jz{
  281. border:1px solid #CCC;
  282. padding:1px;
  283. transition:all .5s;
  284. }
  285. .jz:hover{
  286. box-shadow:0 0 5px #999;
  287. }
  288. .lb li{/*列表标点*/
  289. background:url(../sucai/biaodian.gif) no-repeat left center;
  290. padding-left:10px;
  291. }
  292. .pngbg{/*背景半黑*/
  293. background:rgba(0,0,0,.6)!important;/*ie9+any*/
  294. background:#000;/*ie678*/
  295. filter:alpha(opacity=60);/*ie6789*/
  296. /*_background:url(../sucai/tubg.png);/*ie6*/
  297. }
  298. :root .pngbg {filter:alpha(opacity=100)\9;/*ie9*/}
  299. /*多栏居中通用*/
  300. .list-cn{
  301. text-align:center;
  302. font-size:0;
  303. }
  304. .list-left{
  305. text-align:left;
  306. font-size:0;
  307. }
  308. .list-cn li{
  309. font-size:12px;
  310. display:inline-block;
  311. *display:inline;
  312. *zoom:1;
  313. }
  314. /*download by www.sucaijiayuan.com*/
  315. #play { position: fixed;
  316. z-index: 5;
  317. top: 50%;
  318. left: 50%;
  319. display: none;
  320. margin-left: -320px;
  321. margin-top: -431px;width:640px;text-align:center;overflow:hidden;margin:5px auto;}
  322. #play .change_a {width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}
  323. #play .prev_a {left:0;}
  324. #play .next_a {right:0}
  325. #play .change_a span {width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none}
  326. #play .prev_a span {background:url(../images/s_gallery_2012110702.png) no-repeat 0px -50px;left:0;}
  327. #play .next_a span {background:url(../images/s_gallery_2012110702.png) no-repeat -30px -50px;right:0;}
  328. #play .img_ul {position:relative;z-index:1;}
  329. .img_hd {width:640px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;overflow:hidden;height:66px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative;}
  330. .img_hd ul {position:absolute;z-index:1}
  331. .img_hd ul li {float:left;width:80px;height:60px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center}
  332. .img_hd ul li img {height:60px;}
  333. .img_hd ul li.on{ border-color:rgb(45, 150, 233);}
  334. .img_hd .bottom_a {background:url(../images/s_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
  335. .img_hd .prev_a { background-position:0 -24px;left:5px;}
  336. .img_hd .next_a { background-position:-30px -24px;right:5px;}