1 | html,
|
2 | body,
|
3 | div,
|
4 | span,
|
5 | object,
|
6 | iframe,
|
7 | h1,
|
8 | h2,
|
9 | h3,
|
10 | h4,
|
11 | h5,
|
12 | h6,
|
13 | p,
|
14 | blockquote,
|
15 | pre,
|
16 | a,
|
17 | address,
|
18 | code,
|
19 | em,
|
20 | img,
|
21 | strong,
|
22 | i,
|
23 | center,
|
24 | ol,
|
25 | ul,
|
26 | li,
|
27 | fieldset,
|
28 | form,
|
29 | label,
|
30 | table,
|
31 | caption,
|
32 | tbody,
|
33 | thead,
|
34 | tr,
|
35 | th,
|
36 | td,
|
37 | article,
|
38 | aside,
|
39 | canvas,
|
40 | details,
|
41 | figure,
|
42 | figcaption,
|
43 | footer,
|
44 | header,
|
45 | hgroup,
|
46 | menu,
|
47 | nav,
|
48 | output,
|
49 | section,
|
50 | summary,
|
51 | audio,
|
52 | video {
|
53 | margin: 0;
|
54 | padding: 0;
|
55 | border: 0;
|
56 | font-size: 100%;
|
57 | font: inherit;
|
58 | }
|
59 |
|
60 | article,
|
61 | aside,
|
62 | details,
|
63 | figcaption,
|
64 | figure,
|
65 | footer,
|
66 | header,
|
67 | hgroup,
|
68 | menu,
|
69 | nav,
|
70 | section {
|
71 | display: block;
|
72 | }
|
73 |
|
74 | a {
|
75 | text-decoration: none;
|
76 | }
|
77 |
|
78 | a:link {
|
79 | text-decoration: none;
|
80 | }
|
81 |
|
82 | a:visited {
|
83 | text-decoration: none;
|
84 | }
|
85 |
|
86 | a:hover {
|
87 | text-decoration: none;
|
88 | }
|
89 |
|
90 | a:active {
|
91 | text-decoration: none;
|
92 | }
|
93 |
|
94 | a:-webkit-any-link {
|
95 | text-decoration: none;
|
96 | }
|
97 |
|
98 | blockquote,
|
99 | q {
|
100 | quotes: none;
|
101 | }
|
102 |
|
103 | blockquote:before,
|
104 | blockquote:after,
|
105 | q:before,
|
106 | q:after {
|
107 | content: "";
|
108 | content: none;
|
109 | }
|
110 |
|
111 | table {
|
112 | border-collapse: collapse;
|
113 | border-spacing: 0;
|
114 | }
|
115 |
|
116 | input {
|
117 | outline: 0;
|
118 | border: 1px solid rgb(240, 240, 240);
|
119 | }
|
120 |
|
121 | button {
|
122 | outline: 0;
|
123 | }
|
124 |
|
125 | input,
|
126 | textarea,
|
127 | button:focus {
|
128 | outline: none;
|
129 | }
|
130 |
|
131 | ::-webkit-scrollbar {
|
132 | height: 6px;
|
133 | width: 6px;
|
134 | overflow: visible;
|
135 | }
|
136 |
|
137 | ::-webkit-scrollbar-button {
|
138 | height: 0;
|
139 | width: 0;
|
140 | }
|
141 |
|
142 | ::-webkit-scrollbar-track {
|
143 | background-clip: padding-box;
|
144 | border: solid transparent;
|
145 | border-width: 0;
|
146 | }
|
147 |
|
148 | ::-webkit-scrollbar-track:hover {
|
149 | background-color: rgba(0, 0, 0, 0.05);
|
150 | box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
|
151 | }
|
152 |
|
153 | ::-webkit-scrollbar-track:active {
|
154 | background-color: rgba(0, 0, 0, 0.05);
|
155 | box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14),
|
156 | inset -1px 0 0 rgba(0, 0, 0, 0.07);
|
157 | }
|
158 |
|
159 | ::-webkit-scrollbar-track:horizontal {
|
160 | border-width: 0;
|
161 | }
|
162 |
|
163 | ::-webkit-scrollbar-track:horizontal:hover {
|
164 | box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
|
165 | }
|
166 |
|
167 | ::-webkit-scrollbar-track:horizontal:active {
|
168 | box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.14),
|
169 | inset 0 -1px 0 rgba(0, 0, 0, 0.07);
|
170 | }
|
171 |
|
172 | ::-webkit-scrollbar-thumb {
|
173 | background-color: rgba(0, 0, 0, 0.2);
|
174 | min-height: 28px;
|
175 | padding: 20px 0 0;
|
176 | box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
|
177 | inset 0 -1px 0 rgba(0, 0, 0, 0.07);
|
178 | }
|
179 |
|
180 | ::-webkit-scrollbar-thumb:hover {
|
181 | background-color: rgba(0, 0, 0, 0.4);
|
182 | box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
|
183 | }
|
184 |
|
185 | ::-webkit-scrollbar-thumb:horizontal {
|
186 | border-width: 6px 1px 1px;
|
187 | padding: 0 0 0 100px;
|
188 | box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
|
189 | inset -1px 0 0 rgba(0, 0, 0, 0.07);
|
190 | }
|
191 |
|
192 | ::-webkit-scrollbar-corner {
|
193 | background: transparent;
|
194 | }
|
195 |
|
196 | body {
|
197 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
198 | font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue",
|
199 | Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
|
200 | margin: 0;
|
201 | padding: 0;
|
202 | font-size: 13px;
|
203 | }
|
204 |
|
205 | .flex {
|
206 | display: flex;
|
207 | }
|
208 |
|
209 | .wrap {
|
210 | flex-wrap: wrap;
|
211 | }
|
212 |
|
213 | .column {
|
214 | flex-direction: column;
|
215 | }
|
216 |
|
217 | .center {
|
218 | justify-content: center;
|
219 | align-items: center;
|
220 | }
|
221 |
|
222 | .shrink {
|
223 | flex-shrink: 0;
|
224 | }
|
225 |
|
226 | .grow {
|
227 | flex-grow: 1;
|
228 | }
|