2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
/*文字排版*/
.f12
{
font-size
:
12px
}
.f13
{
font-size
:
13px
}
.f14
{
font-size
:
14px
}
.f16
{
font-size
:
16px
}
.f20
{
font-size
:
20px
}
.fb
{
font-weight
:
bold
}
.fn
{
font-weight
:
normal
}
.t2
{
text-indent
:
2em
}
.lh150
{
line-height
:
150%
}
.lh180
{
line-height
:
180%
}
.lh200
{
line-height
:
200%
}
.unl
{
text-decoration
:
underline
;
}
.no_unl
{
text-decoration
:
none
;
}
/*定位*/
.tl
{
text-align
:
left
}
.tc
{
text-align
:
center
}
.tr
{
text-align
:
right
}
.bc
{
margin-left
:
auto
;
margin-right
:
auto
;
}
.fl
{
float
:
left
;
display
:
inline
}
.fr
{
float
:
right
;
display
:
inline
}
.cb
{
clear
:
both
}
.cl
{
clear
:
left
}
.cr
{
clear
:
right
}
.clearfix:after
{
content
:
"."
;
display
:
block
;
height
:
0
;
clear
:
both
;
visibility
:
hidden
}
.clearfix
{
display
:
inline-block
}
* html .clearfix
{
height
:
1%
}
.clearfix
{
display
:
block
}
.vm
{
vertical-align
:
middle
}
.pr
{
position
:
relative
}
.pa
{
position
:
absolute
}
.abs-right
{
position
:
absolute
;
right
:
0
}
.zoom
{
zoom
:
1
}
.hidden
{
visibility
:
hidden
}
.none
{
display
:
none
}
/*长度高度*/
.w10
{
width
:
10px
}
.w20
{
width
:
20px
}
.w30
{
width
:
30px
}
.w40
{
width
:
40px
}
.w50
{
width
:
50px
}
.w60
{
width
:
60px
}
.w70
{
width
:
70px
}
.w80
{
width
:
80px
}
.w90
{
width
:
90px
}
.w100
{
width
:
100px
}
.w200
{
width
:
200px
}
.w250
{
width
:
250px
}
.w300
{
width
:
300px
}
.w400
{
width
:
400px
}
.w500
{
width
:
500px
}
.w600
{
width
:
600px
}
.w700
{
width
:
700px
}
.w800
{
width
:
800px
}
.w
{
width
:
100%
}
.h50
{
height
:
50px
}
.h80
{
height
:
80px
}
.h100
{
height
:
100px
}
.h200
{
height
:
200px
}
.h
{
height
:
100%
}
/*边距*/
.m10
{
margin
:
10px
}
.m15
{
margin
:
15px
}
.m30
{
margin
:
30px
}
.mt5
{
margin-top
:
5px
}
.mt10
{
margin-top
:
10px
}
.mt15
{
margin-top
:
15px
}
.mt20
{
margin-top
:
20px
}
.mt30
{
margin-top
:
30px
}
.mt50
{
margin-top
:
50px
}
.mt100
{
margin-top
:
100px
}
.mb10
{
margin-bottom
:
10px
}
.mb15
{
margin-bottom
:
15px
}
.mb20
{
margin-bottom
:
20px
}
.mb30
{
margin-bottom
:
30px
}
.mb50
{
margin-bottom
:
50px
}
.mb100
{
margin-bottom
:
100px
}
.ml5
{
margin-left
:
5px
}
.ml10
{
margin-left
:
10px
}
.ml15
{
margin-left
:
15px
}
.ml20
{
margin-left
:
20px
}
.ml30
{
margin-left
:
30px
}
.ml50
{
margin-left
:
50px
}
.ml100
{
margin-left
:
100px
}
.mr5
{
margin-right
:
5px
}
.mr10
{
margin-right
:
10px
}
.mr15
{
margin-right
:
15px
}
.mr20
{
margin-right
:
20px
}
.mr30
{
margin-right
:
30px
}
.mr50
{
margin-right
:
50px
}
.mr100
{
margin-right
:
100px
}
.p10
{
padding
:
10px
;
}
.p15
{
padding
:
15px
;
}
.p30
{
padding
:
30px
;
}
.pt5
{
padding-top
:
5px
}
.pt10
{
padding-top
:
10px
}
.pt15
{
padding-top
:
15px
}
.pt20
{
padding-top
:
20px
}
.pt30
{
padding-top
:
30px
}
.pt50
{
padding-top
:
50px
}
.pb5
{
padding-bottom
:
5px
}
.pb10
{
padding-bottom
:
10px
}
.pb15
{
padding-bottom
:
15px
}
.pb20
{
padding-bottom
:
20px
}
.pb30
{
padding-bottom
:
30px
}
.pb50
{
padding-bottom
:
50px
}
.pb100
{
padding-bottom
:
100px
}
.pl5
{
padding-left
:
5px
}
.pl10
{
padding-left
:
10px
}
.pl15
{
padding-left
:
15px
}
.pl20
{
padding-left
:
20px
}
.pl30
{
padding-left
:
30px
}
.pl50
{
padding-left
:
50px
}
.pl100
{
padding-left
:
100px
}
.pr5
{
padding-right
:
5px
}
.pr10
{
padding-right
:
10px
}
.pr15
{
padding-right
:
15px
}
.pr20
{
padding-right
:
20px
}
.pr30
{
padding-right
:
30px
}
.pr50
{
padding-right
:
50px
}
.pr100
{
padding-right
:
100px
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
/*文字排版*/
.f12
{
font-size
:
12px
}
.f13
{
font-size
:
13px
}
.f14
{
font-size
:
14px
}
.f16
{
font-size
:
16px
}
.f20
{
font-size
:
20px
}
.fb
{
font-weight
:
bold
}
.fn
{
font-weight
:
normal
}
.t2
{
text-indent
:
2em
}
.lh150
{
line-height
:
150%
}
.lh180
{
line-height
:
180%
}
.lh200
{
line-height
:
200%
}
.unl
{
text-decoration
:
underline
;
}
.no_unl
{
text-decoration
:
none
;
}
/*定位*/
.tl
{
text-align
:
left
}
.tc
{
text-align
:
center
}
.tr
{
text-align
:
right
}
.bc
{
margin-left
:
auto
;
margin-right
:
auto
;
}
.fl
{
float
:
left
;
display
:
inline
}
.fr
{
float
:
right
;
display
:
inline
}
.cb
{
clear
:
both
}
.cl
{
clear
:
left
}
.cr
{
clear
:
right
}
.clearfix:after
{
content
:
"."
;
display
:
block
;
height
:
0
;
clear
:
both
;
visibility
:
hidden
}
.clearfix
{
display
:
inline-block
}
* html .clearfix
{
height
:
1%
}
.clearfix
{
display
:
block
}
.vm
{
vertical-align
:
middle
}
.pr
{
position
:
relative
}
.pa
{
position
:
absolute
}
.abs-right
{
position
:
absolute
;
right
:
0
}
.zoom
{
zoom
:
1
}
.hidden
{
visibility
:
hidden
}
.none
{
display
:
none
}
/*长度高度*/
.w10
{
width
:
10px
}
.w20
{
width
:
20px
}
.w30
{
width
:
30px
}
.w40
{
width
:
40px
}
.w50
{
width
:
50px
}
.w60
{
width
:
60px
}
.w70
{
width
:
70px
}
.w80
{
width
:
80px
}
.w90
{
width
:
90px
}
.w100
{
width
:
100px
}
.w200
{
width
:
200px
}
.w250
{
width
:
250px
}
.w300
{
width
:
300px
}
.w400
{
width
:
400px
}
.w500
{
width
:
500px
}
.w600
{
width
:
600px
}
.w700
{
width
:
700px
}
.w800
{
width
:
800px
}
.w
{
width
:
100%
}
.h50
{
height
:
50px
}
.h80
{
height
:
80px
}
.h100
{
height
:
100px
}
.h200
{
height
:
200px
}
.h
{
height
:
100%
}
/*边距*/
.m10
{
margin
:
10px
}
.m15
{
margin
:
15px
}
.m30
{
margin
:
30px
}
.mt5
{
margin-top
:
5px
}
.mt10
{
margin-top
:
10px
}
.mt15
{
margin-top
:
15px
}
.mt20
{
margin-top
:
20px
}
.mt30
{
margin-top
:
30px
}
.mt50
{
margin-top
:
50px
}
.mt100
{
margin-top
:
100px
}
.mb10
{
margin-bottom
:
10px
}
.mb15
{
margin-bottom
:
15px
}
.mb20
{
margin-bottom
:
20px
}
.mb30
{
margin-bottom
:
30px
}
.mb50
{
margin-bottom
:
50px
}
.mb100
{
margin-bottom
:
100px
}
.ml5
{
margin-left
:
5px
}
.ml10
{
margin-left
:
10px
}
.ml15
{
margin-left
:
15px
}
.ml20
{
margin-left
:
20px
}
.ml30
{
margin-left
:
30px
}
.ml50
{
margin-left
:
50px
}
.ml100
{
margin-left
:
100px
}
.mr5
{
margin-right
:
5px
}
.mr10
{
margin-right
:
10px
}
.mr15
{
margin-right
:
15px
}
.mr20
{
margin-right
:
20px
}
.mr30
{
margin-right
:
30px
}
.mr50
{
margin-right
:
50px
}
.mr100
{
margin-right
:
100px
}
.p10
{
padding
:
10px
;
}
.p15
{
padding
:
15px
;
}
.p30
{
padding
:
30px
;
}
.pt5
{
padding-top
:
5px
}
.pt10
{
padding-top
:
10px
}
.pt15
{
padding-top
:
15px
}
.pt20
{
padding-top
:
20px
}
.pt30
{
padding-top
:
30px
}
.pt50
{
padding-top
:
50px
}
.pb5
{
padding-bottom
:
5px
}
.pb10
{
padding-bottom
:
10px
}
.pb15
{
padding-bottom
:
15px
}
.pb20
{
padding-bottom
:
20px
}
.pb30
{
padding-bottom
:
30px
}
.pb50
{
padding-bottom
:
50px
}
.pb100
{
padding-bottom
:
100px
}
.pl5
{
padding-left
:
5px
}
.pl10
{
padding-left
:
10px
}
.pl15
{
padding-left
:
15px
}
.pl20
{
padding-left
:
20px
}
.pl30
{
padding-left
:
30px
}
.pl50
{
padding-left
:
50px
}
.pl100
{
padding-left
:
100px
}
.pr5
{
padding-right
:
5px
}
.pr10
{
padding-right
:
10px
}
.pr15
{
padding-right
:
15px
}
.pr20
{
padding-right
:
20px
}
.pr30
{
padding-right
:
30px
}
.pr50
{
padding-right
:
50px
}
.pr100
{
padding-right
:
100px
}
|