CSS代码分析一

傲天♂浪子追风

1. .dt {
   
2. font-size: 12px;
   9 a' [9 G! x+ ^  |% v' [' }
3. line-height: 20px;
   ; {$ z5 V+ r2 m
4. font-weight: normal;
   
5. font-variant: normal;
   
6. color: #dcdcd3;
   
7. }
   
8. .menu
   
9. {
   $ q( U' w  z) c! K% y; p
10. font-size: 12px;
    
11. font-style: normal;
    # B* Y: ?4 l. q
12. line-height: 20px;
    
13. color: #e9e7df;
    * v0 a& v8 e/ U+ H$ [. _1 U: @7 K# D
14. text-decoration: none;
    1 @( g! g& `% F) m2 u1 D6 \2 R. m3 n
15. }
    
16. .menu a:link {
      N( t) _4 g! T6 c% n
17. font-size: 12px;
    
18. font-style: normal;
    
19. line-height: 20px;
    
20. color: #e9e7df;
    
21. text-decoration: none;
    
22. }
    2 f1 V, N+ j7 X1 D. L2 d
23. .menu a:visited {
    
24. font-size: 12px;
    / _( W. T) N  K* J% \1 ?# ]+ {
25. line-height: 20px;
    
26. font-weight: normal;
    % n: D' f" x8 r3 f2 F
27. color: #e9e7df;
    0 B4 ~6 Q' ~& d
28. text-decoration: none;
    4 |* S; i/ I& U6 `. x' R" }0 W
29. }
    . z4 f. }% j% M2 t1 D  w2 i
30. .menu a:hover {
      E2 s* y/ D+ c3 w( N- z* {
31. font-size: 12px;
    2 j9 q: g: f, Z2 |9 n9 i
32. line-height: 20px;
    
33. font-weight: normal;
    ! e0 E6 z# J( u7 |+ U! @+ a; _
34. color: #FFFF00;
    
35. text-decoration: none;
    # h& j) v( x, [3 |
36. }
    
37. .menu a:active {
    8 a  [+ Q) P- h" U
38. font-size: 12px;
    
39. line-height: 20px;
    
40. font-weight: normal;
    
41. color: #FFFF00;
    9 p9 S$ a6 N; L" X1 r
42. text-decoration: none;
    
43. }
    
44. .title {
    / ^3 q. Y. \! J0 q3 z! y/ F
45. font-size: 12px;
    " a2 R# r7 Q0 ?) E
46. line-height: 20px;
    
47. font-weight: bold;
    # L2 @- U; @/ a+ l7 w
48. color: #FFFAE6;
    
49. }
    ' S$ C6 G! W0 B
50. .hdt {
    ( s3 ^* @, g3 C- `+ L
51. font-size: 12px;
    1 C4 g. N" |7 h' z, U, E
52. line-height: 20px;
    8 O# Z3 C/ X. ]' p# O
53. font-weight: normal;
    - t- k9 w5 a& b  V7 T
54. color: #FFFF00;
    
55. }
    
56. .ldt {
    ! N' c% P) N2 z
57. font-size: 12px;
    8 d( V% c4 U+ c; R2 C
58. line-height: 20px;
    
59. font-weight: normal;
    
60. color: #A0985F;
    . R# V1 I2 Y( @- f6 |, X2 F
61. }
    8 @2 W/ Z) F% c
62. .zdt a:link {
    
63. font-size: 12px;
    
64. font-style: normal;
    
65. line-height: 20px;
    ' d5 p+ n' }2 A6 U, p
66. font-weight: normal;
    . h: q+ [" R, t" ~0 m4 X
67. color: #2F3530;
    3 a: Q; f. |( g% e$ v
68. font-weight: normal;
    ' o' o" @2 U$ ^) x2 h
69. text-decoration: none;
    
70. }
    
71. .zdt a:visited {
    
72. font-size: 12px;
    * _0 u# Q- L+ ~6 f/ y/ W
73. font-style: normal;
    
74. line-height: 20px;
    
75. color:#2F3530;
    
76. text-decoration: none;
    2 |4 G- t0 i) \- Z5 Y, R/ C
77. font-weight: normal;
    
78. }
    
79. .zdt a:hover {
    
80. font-size: 12px;
    : y, Y2 r9 D" N: i5 @
81. font-style: normal;
    
82. line-height:20px;
    
83. color:#4F5951;
    % ~$ ~* J& m3 V% w- I% X
84. font-weight: normal;
    
85. }
    
86. .zdt a:active {
    / p# c% h% }' c* [/ i
87. font-size: 12px;
    7 d. I  o8 L3 \3 _
88. line-height: 20px;
    
89. color: #4F5951;
    7 Q+ L; e& c, }' H- Z2 F& {
90. font-weight: normal;
    
91. }
    " t7 b; \$ I% n* I0 w; L
92. .zdt{
    
93. font-size: 12px;
    
94. line-height: 20px;
    + y% I2 [& [; R' f: ]3 e& b8 ?
95. color: #400000;
    
96. font-weight: normal;
    
97. }
    
98. .haishengduoshaotiandecss
      k( |5 F9 h3 t2 i/ X. W; a3 X, n
99. {
    3 l! T  t! f0 N: F& l
100. color:Red;
     
101. font-size:40px;
     
102. font-family:黑体;
     # |/ ?9 P8 ?8 X7 R- C
103. }

复制代码

傲天♂浪子追风

1. body {
   4 Y- ?) z+ s  C; S- G
2. text-align:center;
   0 l6 U) j+ I# D6 i- Q, V6 R/ Z
3. background:#f1f1f1;
   
4. font-family: Verdana, Arial, Helvetica, sans-serif;
   
5. font-size:12px;
   
6. color: #000000;
   
7. margin:0;
   ' ?% X- X6 f) t( g5 @$ e
8. }
   ! A" T9 @& x! U- L
9. form {
   
10. margin:0;
    
11. }
    - P, M% t3 F: o( B
12. td,div{
    7 A3 k6 r' ~* X+ {5 X# ?8 @# U
13. line-height:150%;
    
14. font-size:12px;
    / w9 n. ^) d5 f7 y/ P5 S8 k
15. }
    ( V& B5 m; \- @: O
16. img {
    ' V: g/ l1 r  }( E! _! p' a3 ?3 j  \- O" I
17. border:none;
    * r: R) M6 r; j1 @, G1 v- I& d, s
18. }
    
19. h1,h2{
    
20. font-family: Arial, Helvetica, sans-serif;
    
21. font-size:12px;
    # y! D) W/ |+ I2 E7 E* _+ b9 j6 p
22. }
    % H5 v8 X2 X' M* E8 R
23. h3{
    
24. font-size:12px;
    $ u- K2 f6 U7 X6 Y8 \# F
25. margin:0px;
    
26. color:#333;
    
27. height:40px;
    
28. line-height:40px;
    
29. }
    7 A* a: D# I  }) Q. e9 d8 @: ~. W
30. h4{
    
31. width:380px;
    + _. F. v) J8 k1 f
32. font-size:14px;
    
33. height:40px;
    8 k0 m2 M7 F$ c- `1 q7 U9 F
34. line-height:40px;
    
35. border:1px solid #dcdcdc;
    / C, _6 d$ v+ C( Q+ N
36. text-align:center;
    0 c$ [% b$ S6 d4 f! h" v
37. }
    . d  [0 P+ T. U( l
38. h5{
    9 D% T- L( [  k: f$ q2 ^+ R0 K) O
39. font-size:14px;
    
40. height:24px;
    7 L1 y  Y- q, Z- ^' o  s
41. line-height:24px;
    
42. border-top:2px solid #e8e8e8;
    & o/ _* {9 }# \( L' K) t
43. background:#f5f5f5 url(images/icon_2.gif) no-repeat 0 4px;
    
44. margin-top:10px;
    
45. padding-left:15px;
    ( e3 M' V2 W* {/ C" W3 m; |
46. }
    
47. table,div,td,th,p{
    
48. word-wrap:break-word;
    
49. word-break:break-all;
    
50. }
    
51. ul,li{
    
52. list-style:none;
    , a0 G+ V) c: Y$ ]9 J
53. margin:0;
    
54. }
    
55. a:link,a:visited{
    ! v+ q3 S# [0 _2 a9 v3 j
56. font-size:12px;
    0 _! y% N! `* l3 [
57. color: #333333;
    
58. text-decoration: none;
    
59. }
    
60. a:hover,a:active{
    , K) v. Y" o& _. c
61. text-decoration: underline;
    1 T3 @9 F4 ~+ g% T3 T
62. }
    
63. .header,.main,.footer{
    
64. background-color:#FFFFFF;
    
65. width:980px;
    5 [( M% v9 L8 T8 w
66. text-align:center;
    9 _% M3 F, U9 F# M% I
67. margin:0;
    1 X1 t' ?1 ~; [; a5 M7 X( s8 m# z) N
68. }
    
69. /*尾文件*/
    . p; }1 c5 T8 @
70. .footer{
    
71. text-align:center;
    . T5 }8 ?% }& e$ l- m5 T
72. width:980px;
    % f$ ?+ I% q1 R  u
73. }
    
74. .footer li{
    ! I3 j' @6 s$ Y0 c5 t6 l
75. text-align:center;
    8 q* O  l( s" l* G2 _
76. }
    
77. .footer_border_1{
    ( N8 a1 p" F" G; g( o
78. border-top:1px solid #ababab;
    & i* @4 d7 f7 w& c
79. border-bottom:1px solid #ababab;
    6 s2 x7 ~+ h. b/ s* y7 _& d% A
80. margin:0;
    
81. }
    & f3 f; W! \- M2 H5 f( d# V1 G
82. .footer_border_2{
    $ p; T! R: ?+ X  b# o
83. border:2px solid #ffffff;
    
84. background-color:#f4f4f4;
    0 ]  X- b% p% A7 m6 Z6 d
85. text-align:center;
    & q  l, n3 D5 ?# J  `4 q. v! d
86. }
    
87. 
    
88. /*幻灯片*/
    
89. .slidepic{
    2 E: L% |; K! h% D* g# |8 ], A4 F
90. border:1px solid #ddd;
    $ a, ^4 l. _/ j( E  Z
91. padding:5px;
    
92. text-align:center;
    
93. }
    
94. .slidepic_1{
    
95. text-align:center;
    
96. }
    ! Y. ?- A" ~) f+ i8 U2 g9 U0 w
97. .slidepic_title{
    ) u- u: y) ]( r! t7 L
98. border-top:5px solid #fff;
    6 O( ^$ C: _+ d5 D: Q5 J: _% Y
99. background-color:#dcdcdc;
    
100. font-weight:bold;
     % g* ?+ c2 i6 I) s$ r0 C/ h
101. height:24px;
     
102. line-height:24px;
     
103. text-align:center;
     ' z. L! m: t3 F4 t0 R
104. }
     
105. 
     
106. .float_left{
     
107. float:left;
     
108. width:10px;
     % j" j: B; ~$ y9 ?: M8 _
109. clear:right;
     3 g9 w1 s' U. E, ]- O
110. }
     ( h1 N: h! L, n
111. .float_right{
     8 F- i- R, Q/ E! p/ X
112. float:right;
     
113. }
     
114. 
     
115. /*****频道样式*****/
     
116. ul.TabBarLevel1{
     
117. margin:0;
     
118. padding:0;
     
119. height:29px;
     
120. background-image:url(images/m_level.gif);
     
121. padding:0px 0px 0px 20px;
     ; {, F: i/ q' I
122. }
     ! J& I# G/ }3 @; r0 c0 ^" W
123. ul.TabBarLevel1 li{
     4 `: X7 k2 O6 s  Z$ Q# Y5 x# D2 a
124. float:left;
     $ y) ?; d$ T( I% x' E# X5 D0 O+ t
125. height:29px;
     
126. margin-right:1px;
     ' w% [! T7 ^( h* Z$ N
127. background:url(images/gray_l.gif) left top no-repeat;
     
128. }
     : v( }4 i  n0 t
129. ul.TabBarLevel1 li a{
     ! A2 {  V! s1 @0 x- ]5 X
130. display:block;
     . A' C, x6 J* i( h6 b  G
131. line-height:29px;
     9 g3 |5 z8 g$ T1 Z3 Z% W
132. padding:0 15px;
     4 _) Z# U0 ~) {# y# ]
133. color:#333;
     6 v9 C3 c; x% K) k; e
134. background:url(images/gray_r.gif) right top no-repeat;
     ; G0 }+ j  F" t: L/ _
135. white-space: nowrap;
     3 o. i( A, V% E2 X
136. text-decoration:none;
     
137. }
     
138. ul.TabBarLevel1 li.Selected{
     
139. background:url(images/m_l.gif) left top no-repeat;
     
140. }
     4 ^( m( l& X0 r7 H- n/ p# j' b, T
141. ul.TabBarLevel1 li.Selected a{
     4 z: g/ L. v% p; c' Z6 G( k
142. background:url(images/m_r.gif) right top no-repeat;
     * ^% H% r! z+ }5 J& T
143. }
     
144. ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited{
     # a- s$ g2 r3 r4 n% e2 ]( c
145. color:#333;
     
146. }
     + c; L, S! }  `5 j% d/ P. A
147. ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active{
     5 w2 Z7 k& Y$ i" [8 x5 G5 d
148. color:#000;
     # o  z# ^) s* `
149. text-decoration:underline;
     ( k5 i% M: X8 ]% E; v
150. }
     ' e( N0 N" R- k8 U/ U' n* d
151. ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited{
     " K( f2 H3 j7 B1 V5 O' y
152. color:#fff;
     - q9 p  k7 @3 i" l7 A# {
153. }
     
154. ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active{
     
155. color:#fff;
     
156. text-decoration:underline;
     2 F; L+ B" Z. b: F2 K
157. font-weight:normal;
     $ ^" q, H& E$ @. X' i4 g7 S1 v6 @! U! P
158. }
     
159. .mar_5{
     + V# ~" _; f2 O! h6 z* t9 _
160. margin-top:5px;
     
161. }
     : A1 E) a) J* H5 U8 K* r
162. .mar_10{
       e. W+ k. u! H( `
163. margin-top:10px;
     
164. }
     $ l; K" ^) u) C: ^4 P1 X+ K3 n
165. .padding_10{
     
166. padding:10px;
     
167. }
     
168. /**************文章*************/
     
169. .border_1{
     
170. border:1px solid #caccd9;
     " Y- E1 Y# A8 b" z! M. ?' l5 m. w2 z
171. padding:3px 5px;
     
172. font-size:12px;
     
173. }
     
174. .border_2{
     
175. border:1px solid #caccd9;
     
176. background-color:#f8f8f8;
     
177. padding:0 5px;
     
178. line-height:16px;
     
179. }
     - p* b2 j& b# A* @& m* [& p
180. .border_4{
     8 r$ D5 z8 ?. ?# q3 o' ^! V# a7 D
181. border:3px solid #D1EBF8;
     
182. }
     9 v# b6 |, Y- `! b# S
183. .border_6{
     7 O0 D( H  C. c) F
184. width:970px;
     ( _7 D; g9 K$ Y( i; X
185. border:1px solid #dcdcdc;
     
186. text-align:center;
     
187. }
     
188. .border_7{
     7 N3 I* O) @5 m9 Q2 @3 }' S
189. border-bottom:1px dotted #dcdcdc;
     ( S8 Z% `3 Q% g/ G
190. }
     
191. /*右边侧栏背景*/
     
192. .right_bg{
     
193. border:1px solid #dcdcdc;
     , k7 ^  O6 ^# r$ d
194. background-color:#FFFFFF;
     
195. text-align:center;
     
196. }
     
197. /*右边侧栏栏目样式*/
     
198. .rightcats{
     7 D* o, X6 Z* \4 w3 @8 i* D
199. background-color:#0099cc;
     ; I8 H) b9 C/ _9 a
200. height:21px;
     
201. line-height:21px;
     / ]/ ?8 @5 a4 r4 V
202. border:5px solid #ffffff;
     4 }( D" r* C$ F8 v1 j# ~( u
203. }
     1 e# Y, J4 V& H( [
204. .rightcats h1{
     
205. text-align:left;
     , _% w0 S$ m1 w9 {7 n& a
206. width:100px;
     
207. float:left;
     . J7 [7 d$ X+ y! i) F/ t
208. font-size:12px;
     
209. color:#ffffff;
     # _4 m! L% a  I( m* |- z. I1 i
210. padding-left:10px;
     4 w& d1 Z; [5 K4 y1 p2 u7 Q. M
211. display:block;
     & i3 J, h& j3 b2 r( D, P# Z
212. height:20px;
     " A9 n# a+ L: }
213. overflow:hidden;
     
214. margin:0;
     ! o) O% x; ], _' x. b8 c( b
215. }
     
216. .rightcats h2{
     
217. display:block;
     
218. height:20px;
       P/ H; E8 q) p2 V) z# r
219. overflow:hidden;
     
220. float:right;
     
221. font-size:12px;
     
222. width:60px;
     
223. margin:0;
     0 s7 q" b7 d7 j% R7 x
224. }
     6 i: J4 s6 N' R$ W
225. /*文章首页自定义栏目*/
     
226. .cat_box{
     . ?/ ~/ q3 ~  d; `/ v" C# K
227. width:373px;
     ! {, p- n' h7 l* y
228. }
     8 g2 B7 A: R9 X# N) M
229. /*商城*/
     * x! _% r2 n3 O4 j, R6 y' D
230. .cat_box_2{
     . P6 [8 |; i/ F
231. width:368px;
     . `- I6 _3 M4 z& u
232. }
     5 X7 ]3 F9 v, |, M2 p3 ^$ [
233. /*图片首页自定义栏目*/
     
234. .cat_box,.cat_box_1,.cat_box_2{
     
235. float:left;
     
236. border:1px solid #c0ccc9;
     : g1 U! i6 o  f- }8 A4 [
237. border-top-width:0;
     
238. text-align:center;
     ) v; q/ F" _! v
239. margin-bottom:10px;
     ; g- ^' \2 U- Q" w& P) l
240. }
     
241. 
     
242. /*标题背景*/
     
243. .cat_title{
     7 d0 I# |1 Q4 @
244. border-top:1px solid #c0ccc9;
     9 S0 P) @( e% l) l( C
245. background-image:url(images/bg_st.jpg);
     
246. background-repeat:repeat-x;
     & t% s' R# @7 e
247. height:22px;
     * t" h8 R; v7 T
248. line-height:22px;
     % [' s8 J4 x5 Z$ S* l/ G  O
249. padding:0 5px;
     
250. clear:both;
     
251. }
     
252. /*标题栏左侧样式标题名称*/
     5 \( k- q4 @1 Q) G2 |) P% a& o
253. .cat_name{
     $ y' c, S( x* Q$ K" h+ a
254. background:url(images/member_h1.png) no-repeat 0 2px;
     
255. float:left;
     9 \1 K3 Z' z5 f& W3 r! z! `" D
256. font-size:12px;
     
257. font-weight:bold;
     
258. height:22px;
     , g$ O, a7 o) P; c/ |9 g9 i
259. line-height:22px;
     
260. padding-left:25px;
     
261. }
       d% T) h& e2 m+ I: a0 n
262. /*标题栏右侧样式*/
     3 z% D& _1 ?5 S6 s4 P; [: |
263. .cat_url{
     
264. float:right;
     
265. font-size:12px;
     3 r! i% n/ }* M7 q# j/ I0 F4 {, n
266. font-weight:normal;
     
267. height:22px;
     , m. H1 T# h% W. x
268. line-height:22px;
     
269. }
     7 y" \+ ?% ?0 i0 [5 Z
270. .tdborder{
     3 [! c( e9 i" k, W- Z
271. padding:0 5px;
     1 h* c  c! k; L5 L( W9 J" w
272. border:1px solid #c0ccc9;
     $ _9 s7 ~1 D# q. f
273. border-top-width:0;
     / ?" E* Y4 G" [. t
274. }
     - u* F. |8 P& e  K, u
275. /*子栏目导航*/
     
276. .subnav{
     
277. border:1px solid #75C4EA;
     
278. background-color:#D1EBF8;
     
279. color:#006C8C;
     
280. line-height:20px;
     # a0 K/ r2 s) Q6 v' l. ~" a4 F
281. height:20px;
     
282. font-weight:bold;
     9 w1 L" y" i, W0 j" l" }/ M" [
283. margin:0 auto 5px;
     
284. }
     ! l; ^. X" x% m
285. .introduce {
     
286. padding:5px;
     
287. border:#CCCCCC 1px dotted;
     
288. }
     
289. /*文章内容页*/
     
290. .content{
     
291. border:1px solid #ababab;
     
292. padding:5px 10px;
     3 d4 B' ~! o1 O6 V8 ]
293. }
     
294. /*主标题*/
     
295. .content h1{
     % s' z$ H2 O# c  ~! S3 m7 Y
296. font-size:18px;
     
297. font-weight:bold;
     
298. text-align:center;
     & l" F: k9 S# L0 B
299. }
     
300. /*副标题*/
     4 Z3 V/ f+ B; R5 [& y
301. .content h2{
     2 P7 @, m! }) e( v; H; u. l
302. text-align:right;
     
303. padding-right:100px;
     + l) S! @2 g% k4 L& \" [3 @9 t
304. font-weight:normal;
     
305. height:20px;
     ) H% Y! i7 X6 d& D" h, g
306. }
     
307. /*责任编辑*/
     & w0 ~3 z5 M: a. F& w# j( a
308. .content h3{
     
309. text-align:right;
     
310. font-weight:normal;
     
311. }
     % ^2 `4 B/ e9 S: ?) y) H. p* l
312. /*引用地址*/
     
313. .font_1{
     
314. background-color:#0099FF;
       e  @' P4 Q3 Q; @- s8 W
315. color:#FFFFFF;
     % _/ a" Y4 S( O
316. padding: 0 4px;
     
317. height:17px;
     
318. line-height:17px;
     ) b0 m8 `; L+ s5 b* @' u8 Q) d/ I
319. }
     1 x# \& [* V) H7 W+ }' o- }( Z
320. 
     6 z& K; A% F2 v$ N; E' [* f8 [1 V
321. /*文章基本信息*/
     $ L8 H5 P- i* J6 z7 u
322. #property{
     
323. text-align:center;
     
324. padding:3px;
     
325. border-top:1px solid #eee;
     - v) \) x  N* e: A
326. border-bottom:1px solid #eee;
     5 W6 L  P2 ?; @* R$ Q% H
327. margin-top:5px;
     
328. color:#666666;
     
329. }
       ~* r! Q- a- z+ O0 n+ ?
330. 
     
331. /*简介*/
     . c9 x4 |1 i# {8 W, i
332. #description{
     $ j- q. g1 @& r* V" }
333. margin-top:10px;
     
334. line-height:150%;
     
335. border:1px dotted #999;
     + |( m2 M. ^2 C- v0 v: [8 i7 R7 _
336. font-size:14px;
     ! K( C, k  y/ R
337. padding:5px;
     
338. }
     
339. /*正文*/
     
340. .content_text{
     ' J- Y- k3 S( E2 o1 `: g
341. font-size:14px;
     ; B$ I! u) k. m
342. padding-top:10px;
     
343. }
     ( C& A9 M8 z4 k2 H# v- W
344. /*icon*/
     
345. .iconbox{
     " N! v' k+ g, K- E. U
346. text-align:center;
     . }+ T! X7 y- ^( O" A. P
347. background-color:#ffffff;
     6 M8 W: J" W0 Y+ z7 e" `
348. margin:10px auto 5px;
     
349. padding:3px;
     
350. border-top:1px solid #eee;
     5 t8 g" v8 L2 @. U) e/ ?. |. j
351. border-bottom:1px solid #eee;
     ) D# ^4 \! T/ t" S
352. }
     
353. /*发表评论*/
     
354. .comment_icon,.favorites_icon,.friend_icon,.print_icon,.close_icon,.top_icon{
     
355. padding-left:25px;
     ) b6 B# c# C9 D$ A; M5 d
356. height:20px;
     
357. line-height:20px;
     3 @0 l9 g+ y5 c2 |5 x
358. width:90px;
     
359. }
     
360. .comment_icon{
     
361. background: url(images/comment.png) no-repeat 0 0;
     
362. }
     
363. /*加入收藏*/
     ! D. m, s/ ]8 c! Q
364. .favorites_icon{
     
365. background: url(images/favorites.png) no-repeat 0 0;
     
366. }
     
367. /*告诉好友*/
     
368. .friend_icon{
     7 V; h' b: {- z/ P- n3 R
369. background:url(images/friend.png) no-repeat 0 0;
     
370. }
     4 W: P% @$ |' U- L2 I) D. \! a
371. /*打印本页*/
     
372. .print_icon{
     
373. background:url(images/print.png) no-repeat 0 0;
     
374. }
     $ N# r1 j  N- w. e5 K
375. /*关闭窗口*/
     
376. .close_icon{
     . a+ d) ~+ V: ^- ]
377. background:url(images/close.png) no-repeat 0 0;
     5 l) f, h* h4 ~! z
378. }
     
379. /*返回顶部*/
     
380. .top_icon{
     
381. background:url(images/top.png) no-repeat 0 0;
     
382. }
     ) M1 y0 m1 s) k! [% S4 W* @
383. /********************************************下载频道******************************************/
     + a. |" b$ i; r+ s: `4 E
384. /*****评论*****/
     - ]" E5 `2 U# U' X) y# |: g/ X
385. .comment_header{
     
386. border-top:5px solid #f1f1f1;
     
387. }
     - J" ?" i3 x- o: N
388. .comment_header h1{
     ( {/ U9 D$ P" T- j+ l
389. float:left;
       C5 S. ^. M) T2 s8 Y: f4 Q
390. background:url(images/comment.gif) no-repeat;
       J  Y# F4 g2 M) {: E# s: M6 i
391. width:105px;
     
392. font-size:14px;
     2 {+ p; ^5 B4 g# y
393. color:#990000;
     ( k) D+ V# u) I3 Q$ s
394. height:25px;
     & x; X$ V' ?! d: W9 w
395. line-height:25px;
     
396. }
     
397. .comment_header h2{
     , `% p5 K7 Y! E8 }
398. float:right;
     / x$ a3 j  m+ H2 c3 Q0 o0 @( ]
399. color:#990000;
     
400. height:25px;
     * G( |( f! `2 O5 w8 J% B$ Z2 ^
401. line-height:25px;
     $ h: s3 x4 h: D2 ?% a
402. }
     
403. .commentbox{
     
404. width:100%;
     
405. margin:0 auto 9px;
     5 I5 [# k$ Z; O& L9 l
406. border:1px solid #c1ccc9;
     - X$ `, I% v  K/ l$ }1 H' W
407. background-color:#FFFFFF;
     8 X; [  l6 A( J
408. }
     
409. .comment_title{
     ! s/ Y; j1 B: j: F3 a
410. border:1px solid #ffffff;
     
411. background:#f5f5f5 url(images/ico_2.gif) no-repeat 5px 3px;
     
412. padding-left:30px;
     7 N3 c/ C# y$ L
413. height:23px;
     
414. line-height:23px;
     
415. letter-spacing:1px;
     
416. }
     
417. .comment_title a{
     " b  H1 _" r. b& s# H
418. font-weight:bold;
     . M. h6 o3 |1 M% ^7 @
419. }
     9 k3 M) G' J, j) g9 E0 S% q
420. .comment_content{
     
421. padding:8px;
     
422. }
     
423. /*评论回复*/
     9 f, R$ z0 p* Z9 h  Z
424. .comment_quote{
     
425. border:1px solid #dcdcdc;
     5 R6 y* u1 |( k& I+ l# {
426. padding:5px;
     
427. margin:10px;
     
428. }
       P# J/ Q" a8 {2 A, N
429. /*评论列表*/
     
430. .comment_list{
     ( [% R* P+ L( A, G# p
431. border:1px solid #c1ccc9;
     
432. margin-bottom:10px;
     
433. }
     8 S* A! G/ h2 x9 a& q0 `- O- C3 H& U
434. .comment_list h1{
     ; v$ O  F1 R/ l% p
435. font-size:18px;
     
436. background-color:#f8f8f8;
     % o( r/ Y6 e( k& T- f  `
437. text-align:center;
     $ T% R; V( w0 B2 v: {
438. height:36px;
     
439. line-height:36px;
     
440. }
     
441. .comment_list h2{
     
442. text-align:right;
     
443. font-size:12px;
     
444. font-weight:normal;
     1 f9 @$ A. x: \  W; _0 v$ b
445. padding-right:50px;
     
446. }
     . L1 w/ T/ @! w! Q5 A+ {, K( d' {
447. a.commenturl:link,a.commenturl:visited{
     
448. }
     0 l0 p2 L  k, Y$ o0 S8 w& R8 z
449. a.commenturl:hover,a.commenturl:active{
     
450. }
     ; B7 S5 M6 `. c" c
451. .comment_reply{
     1 K: b% m+ ~5 v  ]! t, E  O) C
452. color:blue;
     " `8 B4 \* E2 I& k9 E; ^$ j; V
453. }
     ) g$ `3 t0 N% a. g
454. /******表 单*******/
     
455. input{
     : D9 O3 a- U$ y7 Z* u) _
456. font-size:12px;
     # \2 y$ C( ~. j# G7 z
457. }
     ; g7 B# v9 Z; B; Z8 `% V
458. textarea {
     
459. font-size: 12px;
     ) P. Q; q3 M7 F4 f4 M
460. background-color: #F9F9F9;
     2 C6 ~) ?4 k4 {7 G9 r
461. vertical-align: middle;
     & D% s: p. X/ b- H' T& G4 L
462. color: #000;
     
463. 
     + F- u5 E$ Y1 j/ I$ R5 t8 ?) I
464. }
       f3 o& B1 P: L1 M* l$ ]6 E
465. select {
     * V9 D& o' I2 Y+ X7 L6 X# J
466. font-size:12px;
     
467. height: 20px;
     
468. background-color: #fff;
     
469. vertical-align: middle;
     8 ]( L! B) O  t7 r# G- o# ^
470. }
     5 U5 G+ V& N) H
471. .radio{
     & O$ r7 Z; t, ^
472. border:0px;
     
473. }
     
474. /*按钮样式*/
     ( b8 ^% e" y. C5 I8 L9 b3 {
475. .btn{
     
476. border:1px solid #666;
     
477. height:20px;
     
478. line-height:20px;
     ! o/ J& j  u! I$ v2 F& L
479. background-image:url(images/bg_btn.gif);
     % c" K) K+ V# v# ?: o
480. background-repeat:repeat-x;
     - Q' ]0 f7 g8 E" g; h9 J
481. cursor:pointer;
     . |8 t5 K  y9 k+ Q7 u2 f
482. }
     
483. 
     
484. /********************************************留言本******************************************/
     
485. 
     ; q( p: c  E' W3 i
486. .guestbook_title {
     
487. background-image:url(images/bg_tb.jpg);
     * M: O+ K* z8 O9 N  a) l
488. background-repeat:repeat-x;
     
489. line-height:25px;
     & Q$ w4 N/ ~( C8 A
490. height:25px;
     ; g1 u" c8 R) Q
491. }
     $ d' s6 g; `( _, x! x
492. .left_line {
     # q/ f2 g' O- I, h/ r" o* X, }' j8 {
493. border-right: 1px solid #dcdcdc;
     ; U6 l* Y. x6 W8 `- j
494. }
     ; X2 g+ x1 F4 F4 A/ u
495. .left_line li{
     4 [: W* u' g8 L2 v' t& M
496. text-align:center;
     
497. }
     & F/ C4 H0 a! E5 A; f% w
498. .guestbook_text{
     ; y0 t* n9 }9 {4 k8 a1 |
499. border:5px solid #fff;
     . T1 p# P* I8 I8 j0 v9 y
500. font-size:14px;
     
501. }
     
502. .dot_pane {
     + d8 Q( q+ A( w* @. }
503. border:1px dotted #999;
     : C& r! J9 l2 P9 I9 ]# R( l% V. b3 I/ n; P
504. width:720px;
     ! a! S! C7 a, d+ [' n8 Q
505. margin:5px auto;
     
506. font-size:12px;
     / x; o% W$ _+ X% x
507. padding:5px;
     7 e4 d6 c0 a) ?/ X. s8 v6 T
508. }
     
509. /*header登录框*/
     3 l. u; `: J( J7 f6 O+ Q9 c3 x1 D
510. .bg_login{
     
511. background-image:url(images/bg_loginbox.jpg);
     , V' J  w" r' p( x
512. line-height:24px;
     , ^  _+ @2 q8 V2 r- @
513. height:24px;
     
514. font-size:12px;
     " k: L1 I1 M+ u5 m* H
515. color:#000;
     " a0 k! ?/ f, E* y7 M$ z- s
516. border:1px solid #ccc;
     
517. }
     
518. 
     
519. a.more:link,a.more:visited{
     
520. font-size:12px;
     
521. color:#000;
       i9 Z! Y. t+ N
522. font-weight:normal;
     
523. }
     $ g: O6 h) [# m5 O0 X6 i
524. a.more:hover,a.more:active{
     - J$ G/ X4 g. c' ?8 S
525. font-size:12px;
     ! E1 B$ w) |9 b& c
526. color:#000;
     
527. font-weight:normal;
     
528. text-decoration:underline;
     
529. }
     
530. a.list:link,a.list:visited{
     6 e/ Y% p$ b( M
531. color:#000;
     
532. }
     
533. a.list:hover,a.list:active{
     
534. color:#039;
     
535. text-decoration:underline;
     
536. }
     
537. 
     : s' [* {/ {  }( Y  A; p
538. a.white:link,a.white:visited{
     
539. font-size:12px;
     ! U# e+ ]& ^, V( l0 E
540. text-decoration:none;
     " x( S& j3 S* |
541. color:#fff;
     
542. }
     
543. a.white:hover,a.white:active{
     0 r+ ?3 v: S8 b3 H: l
544. text-decoration:underline;
     
545. }
     
546. 
     
547. /*登陆页面登陆框*/
     ) z: g* l/ w. j+ z. p* o. l
548. .loginbox{
     0 D& ~, f( Q+ q* o* U6 e3 C
549. border:3px solid #f4f4f4;
     
550. background-color:#ffffff;
     
551. margin:0 auto
     % W. L9 Q7 |5 K$ h4 U- \$ V# \
552. }
     
553. 
     
554. /*频道下属栏目菜单*/
     
555. .submenu{
     
556. background-color:#7CC2E9;
     $ d7 M) U/ |( z( ]
557. padding:0 20px;
     
558. height:24px;
     
559. color:#fff;
     8 }- F  h' |4 ~) n
560. }
     + F0 e: Z( o+ o+ U+ |+ C# f2 n
561. 
     
562. /****************************搜索***********************************/
     
563. /*搜索页*/
     
564. .search{
     & I! q, e8 C" W9 t6 A* H
565. width:980px;
     
566. border:1px solid #caccd9;
     ) u6 c& E$ x3 `. m$ n9 F* I
567. margin:0 auto;
     
568. }
     
569. .search h1{
     # c% J; v! J2 R5 ~' Z; b9 H
570. font-size:14px;
     / x% R5 h# m: T3 L  o$ F! K; S
571. text-align:center;
     
572. background-color:#f8f8f8;
     9 T+ [6 e$ V8 M3 i1 h2 d, A
573. border:1px solid #ffffff;
     
574. border-bottom:1px solid #dcdcdc;
     
575. height:28px;
     
576. line-height:28px;
     3 \/ l( N& }, U2 f' H
577. }
     
578. .search h2{
     0 N6 m$ a9 i+ A4 H3 P
579. float:left;
     5 H' w4 L5 J$ O% m& w1 w
580. }
     2 ^+ R( E- \' K3 Z; e" u- @
581. 
     
582. .searchresult{
     
583. background-color:#f5f5f5;
     3 t: G  E9 B$ z& k
584. text-align:center;
     $ N! A1 d4 [7 \, A' ?
585. height:28px;
     
586. line-height:28px;
     2 X0 d0 x3 f2 B+ _& z
587. }
     
588. .searchtitle{
     # h+ X5 D7 X0 F! L4 v; E2 A& ^  K
589. height:24px;
     0 |9 ~7 G1 r# B8 S5 |0 W: O$ o! J
590. line-height:24px;
     
591. padding:0 10px;
     
592. }
     
593. a.search_title:link,a.search_title:visited{
     
594. color:#121212;
     2 _" m1 ?+ K) T: Z" T( |! w
595. font-size:14px;
     
596. }
     6 h+ @3 I4 p- r2 q! {8 K& |/ t
597. a.search_title:hover,a.search_title:active{
     3 n: B2 K1 J7 {5 ^/ t6 J
598. color:#0066ff;
     
599. }
     
600. .search_txt{
     9 a, z0 s" h% e3 v) Z9 V4 H5 E
601. color:#454545;
     / Q( l0 P! w* ]  \1 j0 Q4 [
602. padding:0 10px 25px;
     7 a( t" h  V3 Q
603. }
     
604. .search_l{
     ) W4 e) i! P+ E7 a1 U
605. border-bottom:1px solid #f5f5f5;
     
606. border-right:1px solid #f5f5f5;
     / m" b6 {  Q) a  j7 z6 `
607. text-align:right;
     & B& g; `$ b, g6 l2 ?, C
608. padding-right:15px;
     
609. height:30px;
     
610. line-height:30px;
     
611. }
     " Q7 s1 J' }3 m. i
612. .search_r{
     
613. border-bottom:1px solid #f5f5f5;
     4 F% b. \* |/ S4 M* [) k% j& f, r  u
614. padding-left:10px;
     % c3 e7 C1 s5 h4 u" b6 w  I$ b
615. }
     & g( `8 z* b9 X) q3 u1 ^2 W# j, l
616. /*公告*/
     
617. .announce{
     
618. border:1px solid #dcdcdc;
     9 R; D: h7 Z  s0 B3 |" r. \, I
619. padding:5px;
     $ e' g: s, w5 f
620. }
     
621. .announce h1{
     " C/ S# O! G3 g0 F9 `# ~2 V
622. background:url(images/member_h1.png) no-repeat 0 3px;
     9 }/ N' V! D0 h+ ]  a$ _
623. float:left;
     * f$ T: a0 O+ Z, G
624. font-size:14px;
     , S4 M* `* Z$ h/ n  F0 {; X
625. padding-left:25px;
     ( @6 M; b9 b3 ^3 ~, n7 F
626. }
     5 o4 O8 d# B+ |! A1 J
627. .announce p{
     
628. padding:10px;
     7 z$ w* o1 t2 |3 T) U
629. }
     * P1 ]: D, W# {- X  K
630. 
     
631. /*位置导航*/
     7 D; p! d5 l3 C
632. .position{
     & d% o* V' a0 K8 Q) ^; {. T6 Q5 r
633. background:url(images/ico_1.gif) no-repeat 5px 5px;
     " l' n% V, `( d: u  s  ~, K
634. border-top:1px solid #ababab;
     
635. padding-left:25px;
     
636. table-layout:fixed;
     3 e% [4 Z: ^6 L
637. height:24px;
     ! M8 B% s* e; A; J- D) ?( t0 V6 r
638. line-height:24px;
     
639. }
     
640. .position_1{
     5 E% X& Z3 l( w7 X1 v
641. background:url(images/ico_1.gif) no-repeat 5px 5px;
     
642. padding-left:27px;
     
643. table-layout:fixed;
     
644. margin-bottom:10px;
     
645. }
     - W6 ]- {8 z! M+ {4 C5 u: |
646. /*分页*/
     
647. .pages{
     1 C: y# {" N( _& u2 N
648. margin:5px auto 0;
     
649. background-color:#f4f4f4;
     
650. text-align:center;
     & Q+ N3 d- u- t/ P
651. border-top:1px solid #dcdcdc;
     3 y5 E$ @+ @6 @
652. padding:5px;
     6 f1 L7 o7 W3 A' N* F6 }' W% k
653. }
     6 {6 {7 q6 s- R* T# H# O! v0 j
654. /*版权链接*/
     
655. .copyright{
     9 H4 n& s3 e2 V% L
656. text-align:center;
     
657. }
     
658. /*字体颜色*/
     / z/ f4 J& ~8 \- S: o5 g
659. .font_red{
     : u: Q6 E9 |& J, y" E; Z+ |
660. color:#FF0000;
     
661. }
     
662. .font_orange{
     
663. color:#ff6600;
     
664. }
     ( t5 J/ U  v$ \9 h. E% K
665. .font_blue_1{
     / Z2 B$ H- s% h5 F$ y6 p2 i
666. color:#006699;
     
667. }
     
668. a.blue:link,a.blue:visited{
     
669. color:#006699;
     
670. }
     7 b6 t6 A" f  k1 D
671. a.blue:hover,a.blue:active{
     
672. color:#006699;
     6 N% b' K8 j. i. z% t6 D0 J2 k' b
673. }
     
674. a.red:link,a.red:visited{
     
675. color:#ff0000;
     : O% R0 @2 K; y, q0 w+ q: V
676. }
     ' F8 n% e* q, W, l6 r# H
677. a.red:hover,a.red:active{
     
678. color:#ff0000;
     2 {0 ^1 m7 t" J+ @) x. ]. G5 _( a
679. }
     " ?; ]5 z% o* O+ G# b
680. .gray{
     
681. background-color:#f6f6f6;
     6 f0 k, J' A; A1 L+ C" e
682. padding-left:20px;
     1 z, F' U+ P: Z
683. }
     ; @; E; `9 I: ]& n, p
684. /*****标签样式*****/
     * ^( B+ U# T/ W9 c7 I5 K
685. .tag_box{
     
686. margin:5px;
     3 `3 q( [8 m! t1 t; g  I' G
687. width:96%;
     
688. }
     
689. a.tag_title_link:link,a.tag_title_link:visited{
     
690. font-size:12px;
     " E6 G, s' h  ?: E4 S$ l/ S5 I* ^
691. color:#000000;
     % B$ H$ S" T: t( g2 B3 q
692. }
     
693. a.tag_title_link:hover,a.tag_title_link:active{
     
694. color:#000000;
     
695. font-size:12px;
     5 U! Y: ]8 e7 `/ K# }
696. }
     
697. a.tag_catlist:link,a.tag_catlist:visited{
     0 }  Z; w& }3 ?9 ?8 s5 L6 \
698. color:#000000;
     
699. font-size:12px;
     * A6 g$ a" Y4 \$ u  |* H. R0 @
700. }
     ; M* g( h" S- M5 v5 p8 x
701. a.tag_catlist:hover,a.tag_catlist:active{
     
702. color:#000000;
     
703. font-size:14px;
     $ v4 t( g+ x& W. T& n
704. }
     # H& n* O" ?6 r# V9 i; w
705. .tag_description {
     
706. color:#666666;
     : l2 W& S# J0 }+ g$ t$ n# [
707. }
     
708. /*日期时间*/
     , g& ~) a8 V" z% f2 K) O( w' d: d
709. .datetime{
     
710. font-size:11px;
     
711. }
     2 L" \2 y" @0 V3 }
712. .f_r{float:right;}
     6 H9 }7 R8 |1 L: V2 A- G
713. /**********会员中心左侧**********/
     / S7 G/ ~' e% f+ n0 s
714. .member{
     
715. margin: 5px auto;
     
716. width:980px;
     6 `  @' u# z2 w# y. |; w
717. }
     6 a/ F- ~; H4 E3 a. d
718. .left{
     
719. background-color:#f8f8f8;
     
720. width:210px;
     + e' _. S1 X: E7 R, v/ o/ ~
721. text-align:center;
     ( R4 @% R$ S! t4 P" {/ i5 u
722. border:1px solid #c1ccd9;
       k& U+ {5 D; E) X0 G# g
723. }
     
724. /*会员基础信息*/
     * q9 F1 s1 Z: D& U! w
725. .basicinfomation{
     
726. width:160px;
       ~* J2 t8 ?  Y9 S7 j0 I
727. margin:5px auto;
     
728. }
     
729. .basicinfomation_content{
     
730. border-left:1px solid #666666;
     
731. border-right:1px solid #666666;
     " w7 w" ]: ~- ]8 \- g; [
732. background:#ffffff url(images/member_4.gif) no-repeat right bottom;
     
733. text-align:left;
     
734. }
     
735. .clearboth{
     ! l8 Q1 M9 j% Q+ d4 P' A
736. margin:2px 0;
     
737. clear:both;}
     % b! V8 r! d; Q0 Q8 _: X
738. /*会员中心功能列表*/
     $ @! I4 |$ n$ ]- y6 \5 V% u' a
739. .functionlist{
     1 g! W  U3 p) i% l7 a$ A: c
740. width:160px;
     ( u# u  _8 i: p' N
741. }
     
742. .functionlist li{
     ' m* ^5 x  Y% g4 z8 l; o
743. background:#f8f8f8 url(images/membertitle_bg.jpg) repeat-x 1px 1px;
     / D% ?# ]4 G% F) p1 |
744. text-align:left;
     , E4 N  k: q4 p' {
745. border:1px solid #999999;
     $ x% J) _$ Z7 O/ m
746. margin:5px auto;
     ; L. j- E( J5 W( j
747. display:block;
     
748. }
     7 @/ r* j, W8 {8 p  T7 l4 N5 T
749. .functionlist li a{
     
750. height:20px;
     * T, C1 {' c! M) V
751. line-height:20px;
     
752. padding-left:30px;
     
753. font-size:12px;
     2 d, _4 N) C$ h* o. v0 L. Z1 h/ ?8 Y
754. text-decoration: none;
     
755. }
     $ y! f" N! d' V3 G
756. .functionlist li a:hover{
     
757. background:#ffffff url(images/function_li_bg.gif) no-repeat 5px 2px;
     
758. color:#CC0000;
     0 a* x; B. Y0 {+ x$ e
759. display:block;
     
760. }
     & p% S9 i  K6 @& H
761. /**********会员中心右侧**********/
     
762. /*右侧宽度*/
     
763. .right{
     
764. width:740px;
     
765. }
     9 q$ M" a( x1 `1 k
766. /*右侧标题栏*/
     
767. .right h1{
     
768. background:#f8f8f8 url(images/member_h1.png) no-repeat 2px 0;
     : g# h9 A3 O7 R
769. padding-left:30px;
     
770. color:#454555;
     
771. border-bottom:1px solid #eeeeff;
     
772. }
     : {8 h) {6 x" Y+ e( t7 Z4 T
773. .membercatslist{
     
774. float:left;
     * D3 A6 S) i( k; w6 `/ I
775. }
     
776. .membercatslist ul{
     + t4 Z' N$ e9 S1 {# _& L4 C
777. margin:0;
     
778. padding:5px;
     
779. }
     4 m" R# Z8 m6 y
780. .membercatslist li{
     3 t- P$ V; j1 p6 c
781. display:inline;
     
782. height:22px;
     
783. line-height:22px;
     
784. }
     7 P0 m8 B0 K$ @, i, |4 `
785. .membercatslist li a{
     
786. float:left;
     7 H) N+ Q+ i6 \. O5 D+ @/ k
787. background: url(images/membercatlist_left.gif) no-repeat left top;
     6 t  F% A! w6 M4 y4 u+ E
788. }
     
789. .membercatslist li a:hover{
     & j# X4 T2 q' T
790. background-position:left -22px;
     
791. }
     
792. .membercatslist li a span{
     7 g7 j4 i# l$ T! V8 H
793. margin:0 0 0 7px;
     5 z# {4 p( w- o; q/ G* z
794. padding:5px 20px 3px 7px;
     
795. background: url(images/membercatlist_right.gif) no-repeat right top;
     
796. }
     
797. .membercatslist li a:hover span{
     
798. background-position:right -22px;
     
799. }
     : Z$ ^, x" B- F/ _5 g/ Z$ I
800. 
     0 Q9 i( S: D: Y1 d
801. /*会员中心右侧表格*/
     + b: o: e( M+ _8 C- t* m
802. .righttable{
     % d& B5 W. K) f# J6 s
803. background-color:#ffffff;
     7 C8 ^2 f$ y. {# p5 _: p
804. width:100%;
     
805. }
     5 `! Y) y0 k5 {+ I2 t& v" x3 i
806. .righttable td{
     : `7 ?3 T7 }! x6 g
807. height:24px;
     1 x3 k  d7 q3 {, h1 g" b
808. border-bottom:1px solid #eeeeee;}
     
809. .td_center{
     6 z0 H" G3 I" \' e+ n2 U" G
810. text-align:center;
     
811. }
     # q6 l) J' T% E  i
812. .td_left{
     % }0 T, q( l! |3 u7 s0 e
813. text-align:left;
     ' ?$ c* w2 M: q  h9 T0 z
814. padding-left:8px;
     
815. }
     7 k; @( U8 c2 T/ w$ w7 C4 ]# t
816. .td_right{
     6 L  b6 d* z, A- X- u5 E0 K
817. text-align:right;
     
818. padding-right:8px;
     
819. }
     : l5 M$ T8 x5 e
820. .td_right,.td_center,.td_left{
     & {% M; u9 ]/ {" R. R1 L" g' V  t
821. border-right:1px solid #eeeeee;
     ) G4 Z" u) N. ^+ l8 ]0 ]
822. }
     
823. /*会员中心右侧列表边框*/
     
824. .memberborder_1{
     
825. margin:0;
     2 O7 O1 x9 T1 _0 V
826. padding:0px;
     
827. border:1px solid #c1ccd9;
     ) A7 d. x# l1 ~9 e
828. background-color:#f8f8f8;
     
829. text-align:center;
     
830. width:740px;/*控制右侧表格宽度*/
       _; e" N3 ?9 F% X7 x$ L
831. }
     
832. .memberborder_2{
     
833. border:5px solid #f8f8f8;
     1 _  x$ i* n$ G3 m# o/ Y* `4 m- }
834. }
     
835. .memberborder_2 h1{
     
836. background:url(images/member_h1.png) no-repeat 0 0;
     ) c' B6 W; `" U3 S4 Q+ s
837. text-align:left;
     8 Y, l2 Q! W. X
838. font-size:12px;
     
839. color:#D4380E;
     
840. padding-left:25px;
     $ m5 F! i4 }' j0 [& x
841. margin:0;
     
842. }
     ! g8 l4 H( V. _, t/ R: p, Z
843. 
     
844. .title{
     
845. font-size:18px;
     ( n: }' s/ \6 N7 g
846. font-weight:bold;
     , H: l- f/ T& X+ D8 s& |3 }
847. text-align:center;
     3 _: L. l) X7 \
848. padding:10px 0 0 0;
     
849. }
     & N/ U/ p6 t+ G$ ^
850. 
     
851. /*图片边框*/
     6 n9 l! n7 s# o, s; T
852. .pic {
     
853. border:1px solid #dcdcdc;
     
854. padding:2px;
     1 q2 `4 K" e$ I2 c0 k+ F  ?
855. }
     
856. /*专题*/
     
857. .special{
     4 x; p" F; k; H8 B( q$ o6 q& X# ~% {/ [
858. padding:10px 0 0 0;
     ; @( ]5 i7 v# J! ^. G
859. }
     
860. .special h1{
     
861. font-family:"黑体";
     4 q5 {+ B1 v6 d# f
862. font-size:16px;
     : |8 ^( D; z0 K% v5 g. [3 T
863. text-align:center;
     " o9 m2 e: d& V! o9 `
864. font-weight:normal;
     
865. }
     7 O% L6 G& b$ E8 H5 o, |/ |
866. .special p{
     : d2 x, v- _9 F8 \4 g
867. margin-top:10px;
       C. P1 A8 h6 i  _; j2 H
868. text-indent:20px;
     
869. line-height:150%;
     
870. }
     
871. .showbox{
     
872. clear:both;
     " g  T( A1 f& R: w. a
873. width:475px;
     * W9 X( R* G2 w4 \3 i8 l# `
874. border:1px solid #dcdcdc;
     
875. border-top-width:0;
       `9 f/ [! o. S3 E. l8 ]9 h
876. }
     . z, ]" }+ S% @/ m* [7 T
877. .nav_1{
     2 _4 S9 o# L3 m- y7 d# n
878. width:475px;
     : q5 L, Y, U3 R/ ]8 A* e
879. border-left:1px solid #dcdcdc;
     ) ~  q+ a9 U  R# c0 X
880. }
     
881. .nav_1 li{
     * z+ D$ o+ K0 G2 H
882. width:158px;
     
883. float:left;
     
884. height:23px;
     - M* v& }% f0 O7 _
885. line-height:23px;
     ) l3 Y; ]$ E. P5 t
886. text-align:center;
     
887. font-weight:bold;
     
888. }
     
889. .bg_nav{
     % j7 \7 u& X; x# B5 T1 i
890. background:#FFFFFF url(images/bg_anv.gif) no-repeat 0 0;
     6 [; @7 g4 m0 X
891. }
     
892. .bg_nav_current{
     9 F/ x! v4 f* P3 x0 ]4 o; A
893. background:#FFFFFF url(images/bg_anv.jpg) no-repeat 0 0;
     ! C4 @% U4 ?" J9 W
894. }
     
895. 
       k" N( t+ J8 I+ x1 @8 T5 _
896. /*首页信息分类*/
     
897. .info_cat {
     
898. background-color: #666666;
     
899. height: 30px;
     
900. font-family: Verdana, Arial, Helvetica, sans-serif;
     
901. font-size: 12px;
     1 X# R# `0 A* w
902. line-height: normal;
     
903. color: #000000;
     
904. position:relative;
     9 {3 Y' o0 T: v  {5 O- S0 F9 m: h) N
905. margin-left:-20px;
     
906. }
     0 f: M; L/ u! t, ?! g1 B, q
907. .info_cat_left{
     , O  p2 q! f2 Y- ^4 W
908. margin-left:10px;
     
909. padding:0px 8px;
     
910. background-color:#FFFFFF;
     0 d4 G, G3 O5 S: [& D' {5 y4 C) y+ t
911. height:20px;
     
912. line-height:20px;
       Q& r+ \9 i, w: X, B. L3 F- W
913. width:80px;
     
914. float:left;
     7 N0 w' M6 o, I6 u& J
915. position:absolute;
     $ E8 S; _8 Z! j; o% F2 k* C3 Q: K
916. bottom:0;
     
917. }
     + G6 d5 K+ \& Z
918. .info_cat_right{
     
919. float:right;
     
920. padding-right:15px;
     , g+ F3 f8 C6 F+ t) Z; M
921. position:absolute;
     : [" c! H  X- b  ]
922. bottom:5px;
     ' H' {) T8 U' E# Q
923. right:0;
     
924. }
     9 c5 j; M6 ?$ |
925. .info_cat_list {
     1 K1 T' J8 V7 b; ^8 A. P( I
926. background-color:#FFF;
     
927. border-left:1px solid #454545;
     
928. border-right:1px solid #454545;
     0 Q/ e  |4 _! _+ |( Y
929. border-bottom:1px solid #454545;
     / J6 n  W. Q# s7 d6 z* }* {
930. margin-left:-20px;
     - g( e. o5 o' m0 e! C' u4 H
931. }
     ' o1 L7 ?9 ]5 c- Y/ d
932. .info_cat_list h3{
     / g) }3 K# T0 w5 T' l2 O+ z: C
933. height:24px;
     
934. line-height:24px;
     ' t6 B2 e4 m# C7 S3 L
935. }
     
936. .info_cat_list h3 a{
     
937. color:#454545;
     
938. padding-left:15px;
     
939. background:url(images/ico_4.gif) no-repeat 5px 0;
     
940. font-size:12px;
     , _! O5 y) f" W6 Z5 s0 r; A, V' F
941. text-decoration: none;
     $ v3 U3 k+ L0 j5 M1 F. F
942. }
     
943. .info_cat_list h3 a:hover{
     
944. text-decoration: underline;
     4 @. e' ~. |( W' C; G; T
945. }
     9 o2 b" \' M$ b3 p
946. .info_cat_list li {
     
947. display:inline;
     
948. list-style: none;
     
949. }
     : N3 {/ |( K* U% v4 y- h  K+ L
950. 
     
951. .info_cat_list li a{
     
952. padding-left:5px;
     2 X# x; L2 A2 U( F
953. color:#454545;
     
954. }
     , X! y1 C& R3 N! p  U
955. .info_cat_list li a:hover{
     ) L( t0 q# A# V$ z9 b  f; O* M
956. text-decoration: underline;
     : f6 \& Q* b; z2 G: P: t
957. }
     7 |3 C/ D! E" `
958. 
     
959. .area{
     
960. border:1px solid #00c1f2;
     ' p" M/ ^9 K6 R, M% \; U
961. background-color:#ecfcff;
     2 y' \  C/ Z8 e  ?$ o2 A
962. padding:0 5px;
     " A& r1 U: j" S& @- O) f$ i
963. }
     
964. a.city:link,a.city:visited{
     
965. font-size:12px;
     
966. color:#fff;
     9 ?6 P$ X: U7 {3 i  A
967. text-decoration:none;
     ' w4 E8 R3 x- @- o; Y( b& o" r
968. }
     
969. a.city:hover,a.city:active{
     
970. text-decoration:underline;
     3 d( H, A( P& b. N+ I( a
971. }
     ) y4 g! p* b/ V& C
972. a.tit:link,a.tit:visited{
     & v9 F: w1 m5 x. j' t
973. font-size:14px;
     , P+ S4 w# g; ?+ j0 S
974. color:#04d;
     
975. text-decoration:none;
     
976. }
     
977. a.tit:hover,a.tit:active{
     - R& A; m% g- ]+ |/ f7 u# c
978. font-size:14px;
       S8 t2 Q+ U; w
979. color:#09f;
     
980. text-decoration:underline;
     % b& \; a( x( P1 ?- Z7 c- h
981. }
     3 m% B; a4 l# `9 Q' U
982. /*城市切换*/
     
983. .city{
     # c+ ]0 S- o! `1 [9 H; ]8 K
984. background: url(images/bg_map_1.gif) no-repeat;
     
985. height:26px;
     
986. line-height:26px;
     
987. text-align:center;
     ! @7 X! A) U( |/ V" S- S: S7 o
988. }
     
989. .province{
     
990. background: url(images/bg_map_2.gif) top right no-repeat;
     
991. height:145px;
     ' q, x0 r( u7 u( n; h. l
992. }
     ! N) `4 ~6 |5 J" p
993. /*联系*/
     
994. .messagebar{
     
995. background: url(images/bg_message.jpg) repeat-x;
       @9 C3 z& b( v% ^
996. border-top:2px solid #d7d7d7;
     
997. border-left:1px solid #d7d7d7;
     
998. border-right:1px solid #d7d7d7;
     
999. line-height:26px;
     
1000. height:26px;
      , d3 _$ \0 v! r) Y# t. u  ]
1001. font-size:14px;
      & R5 n. R( X+ b7 R. O0 m2 p* e( J4 L
1002. padding:0 10px;
      
1003. }
      
1004. /*文章关联链接样式*/
      
1005. a.keylink:link,a.keylink:visited{
      
1006. font-size:12px;
      
1007. color: #333333;
      2 o$ c; b1 e9 t" G) o! k1 }
1008. text-decoration: underline;
      , U( t+ X6 |' E& Q
1009. }
      ) d: U; a/ I  o0 [4 l6 @- P1 B% u
1010. a.keylink:hover,a:active{
      6 O' ]: q0 P; U+ C
1011. text-decoration: none;
      
1012. }

复制代码

傲天♂含烟

没见
: D5 m% l) z  J几个能懂的

傲天♂しovの

我做网站的时候不想用级联样式表。。。页面美工是最不想做的，没艺术细胞。。。想统一风格用模板和Include，懒人的办法

傲天♂风云

楼上的 是位网页工程师~~~~~~~

傲天♂しovの

是网络工程师。。。最没用的 拿着证去找工作，还比不上一个培训3个月的人