正在显示
11 个修改的文件
包含
2521 行增加
和
0 行删除
.idea/bro.iml
0 → 100644
1 | +<?xml version="1.0" encoding="UTF-8"?> | ||
2 | +<module type="WEB_MODULE" version="4"> | ||
3 | + <component name="NewModuleRootManager"> | ||
4 | + <content url="file://$MODULE_DIR$"> | ||
5 | + <excludeFolder url="file://$MODULE_DIR$/.tmp" /> | ||
6 | + <excludeFolder url="file://$MODULE_DIR$/temp" /> | ||
7 | + <excludeFolder url="file://$MODULE_DIR$/tmp" /> | ||
8 | + </content> | ||
9 | + <orderEntry type="inheritedJdk" /> | ||
10 | + <orderEntry type="sourceFolder" forTests="false" /> | ||
11 | + </component> | ||
12 | +</module> |
.idea/misc.xml
0 → 100644
.idea/modules.xml
0 → 100644
.idea/vcs.xml
0 → 100644
.idea/workspace.xml
0 → 100644
1 | +<?xml version="1.0" encoding="UTF-8"?> | ||
2 | +<project version="4"> | ||
3 | + <component name="BookmarkManager"> | ||
4 | + <bookmark url="file://$PROJECT_DIR$/html/index.html" line="38" /> | ||
5 | + </component> | ||
6 | + <component name="ChangeListManager"> | ||
7 | + <list default="true" id="788bf07f-de53-4ac6-ada9-375a5bf94328" name="Default" comment=""> | ||
8 | + <change afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" /> | ||
9 | + </list> | ||
10 | + <ignored path="$PROJECT_DIR$/.tmp/" /> | ||
11 | + <ignored path="$PROJECT_DIR$/temp/" /> | ||
12 | + <ignored path="$PROJECT_DIR$/tmp/" /> | ||
13 | + <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" /> | ||
14 | + <option name="TRACKING_ENABLED" value="true" /> | ||
15 | + <option name="SHOW_DIALOG" value="false" /> | ||
16 | + <option name="HIGHLIGHT_CONFLICTS" value="true" /> | ||
17 | + <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" /> | ||
18 | + <option name="LAST_RESOLUTION" value="IGNORE" /> | ||
19 | + </component> | ||
20 | + <component name="FileEditorManager"> | ||
21 | + <splitter split-orientation="horizontal" split-proportion="0.63027745"> | ||
22 | + <split-first> | ||
23 | + <leaf> | ||
24 | + <file leaf-file-name="index.html" pinned="false" current-in-tab="true"> | ||
25 | + <entry file="file://$PROJECT_DIR$/html/index.html"> | ||
26 | + <provider selected="true" editor-type-id="text-editor"> | ||
27 | + <state relative-caret-position="919"> | ||
28 | + <caret line="222" column="31" lean-forward="true" selection-start-line="222" selection-start-column="31" selection-end-line="222" selection-end-column="31" /> | ||
29 | + <folding> | ||
30 | + <element signature="n#style#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" /> | ||
31 | + <element signature="n#div#0;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
32 | + <element signature="n#div#1;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
33 | + <element signature="n#div#0;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
34 | + <element signature="n#div#1;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
35 | + <element signature="n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" /> | ||
36 | + <element signature="n#div#2;n#body#0;n#html#0;n#!!top" /> | ||
37 | + <element signature="n#div#3;n#body#0;n#html#0;n#!!top" /> | ||
38 | + </folding> | ||
39 | + </state> | ||
40 | + </provider> | ||
41 | + </entry> | ||
42 | + </file> | ||
43 | + <file leaf-file-name="keep.html" pinned="false" current-in-tab="false"> | ||
44 | + <entry file="file://$PROJECT_DIR$/html/keep.html"> | ||
45 | + <provider selected="true" editor-type-id="text-editor"> | ||
46 | + <state relative-caret-position="438"> | ||
47 | + <caret line="63" column="14" lean-forward="true" selection-start-line="63" selection-start-column="14" selection-end-line="63" selection-end-column="14" /> | ||
48 | + </state> | ||
49 | + </provider> | ||
50 | + </entry> | ||
51 | + </file> | ||
52 | + <file leaf-file-name="keep_detail.html" pinned="false" current-in-tab="false"> | ||
53 | + <entry file="file://$PROJECT_DIR$/html/keep_detail.html"> | ||
54 | + <provider selected="true" editor-type-id="text-editor"> | ||
55 | + <state relative-caret-position="325"> | ||
56 | + <caret line="28" column="10" lean-forward="true" selection-start-line="28" selection-start-column="10" selection-end-line="28" selection-end-column="10" /> | ||
57 | + <folding> | ||
58 | + <element signature="n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
59 | + </folding> | ||
60 | + </state> | ||
61 | + </provider> | ||
62 | + </entry> | ||
63 | + </file> | ||
64 | + <file leaf-file-name="my.html" pinned="false" current-in-tab="false"> | ||
65 | + <entry file="file://$PROJECT_DIR$/html/my.html"> | ||
66 | + <provider selected="true" editor-type-id="text-editor"> | ||
67 | + <state relative-caret-position="574"> | ||
68 | + <caret line="60" column="9" lean-forward="true" selection-start-line="52" selection-start-column="8" selection-end-line="60" selection-end-column="9" /> | ||
69 | + <folding> | ||
70 | + <element signature="n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
71 | + <element signature="n#style#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" /> | ||
72 | + <element signature="n#div#1;n#body#0;n#html#0;n#!!top" /> | ||
73 | + </folding> | ||
74 | + </state> | ||
75 | + </provider> | ||
76 | + </entry> | ||
77 | + </file> | ||
78 | + <file leaf-file-name="Augly_Verification.js" pinned="false" current-in-tab="false"> | ||
79 | + <entry file="file://$PROJECT_DIR$/assets/js/Augly_Verification.js"> | ||
80 | + <provider selected="true" editor-type-id="text-editor"> | ||
81 | + <state relative-caret-position="549"> | ||
82 | + <caret line="31" column="19" selection-start-line="31" selection-start-column="4" selection-end-line="31" selection-end-column="19" /> | ||
83 | + </state> | ||
84 | + </provider> | ||
85 | + </entry> | ||
86 | + </file> | ||
87 | + <file leaf-file-name="binding_info.html" pinned="false" current-in-tab="false"> | ||
88 | + <entry file="file://$PROJECT_DIR$/html/binding_info.html"> | ||
89 | + <provider selected="true" editor-type-id="text-editor"> | ||
90 | + <state relative-caret-position="1400"> | ||
91 | + <caret line="85" column="28" lean-forward="true" selection-start-line="85" selection-start-column="28" selection-end-line="85" selection-end-column="28" /> | ||
92 | + <folding> | ||
93 | + <element signature="n#div#1;n#body#0;n#html#0;n#!!top" /> | ||
94 | + <element signature="n#div#2;n#body#0;n#html#0;n#!!top" /> | ||
95 | + <element signature="n#div#3;n#body#0;n#html#0;n#!!top" /> | ||
96 | + </folding> | ||
97 | + </state> | ||
98 | + </provider> | ||
99 | + </entry> | ||
100 | + </file> | ||
101 | + </leaf> | ||
102 | + </split-first> | ||
103 | + <split-second> | ||
104 | + <leaf> | ||
105 | + <file leaf-file-name="style.css" pinned="false" current-in-tab="true"> | ||
106 | + <entry file="file://$PROJECT_DIR$/assets/css/style.css"> | ||
107 | + <provider selected="true" editor-type-id="text-editor"> | ||
108 | + <state relative-caret-position="294"> | ||
109 | + <caret line="330" selection-start-line="330" selection-end-line="330" /> | ||
110 | + </state> | ||
111 | + </provider> | ||
112 | + </entry> | ||
113 | + </file> | ||
114 | + </leaf> | ||
115 | + </split-second> | ||
116 | + </splitter> | ||
117 | + </component> | ||
118 | + <component name="FileTemplateManagerImpl"> | ||
119 | + <option name="RECENT_TEMPLATES"> | ||
120 | + <list> | ||
121 | + <option value="HTML File" /> | ||
122 | + </list> | ||
123 | + </option> | ||
124 | + </component> | ||
125 | + <component name="FindInProjectRecents"> | ||
126 | + <findStrings> | ||
127 | + <find>info_y</find> | ||
128 | + <find>title_subtxt</find> | ||
129 | + <find>cellmain_btn</find> | ||
130 | + </findStrings> | ||
131 | + </component> | ||
132 | + <component name="Git.Settings"> | ||
133 | + <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" /> | ||
134 | + </component> | ||
135 | + <component name="IdeDocumentHistory"> | ||
136 | + <option name="CHANGED_PATHS"> | ||
137 | + <list> | ||
138 | + <option value="$PROJECT_DIR$/html/keep.html" /> | ||
139 | + <option value="$PROJECT_DIR$/html/keep_detail.html" /> | ||
140 | + <option value="$PROJECT_DIR$/html/my.html" /> | ||
141 | + <option value="$PROJECT_DIR$/html/binding_info.html" /> | ||
142 | + <option value="$PROJECT_DIR$/html/index.html" /> | ||
143 | + <option value="$PROJECT_DIR$/assets/css/style.css" /> | ||
144 | + </list> | ||
145 | + </option> | ||
146 | + </component> | ||
147 | + <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" /> | ||
148 | + <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" /> | ||
149 | + <component name="JsGulpfileManager"> | ||
150 | + <detection-done>true</detection-done> | ||
151 | + <sorting>DEFINITION_ORDER</sorting> | ||
152 | + </component> | ||
153 | + <component name="NodePackageJsonFileManager"> | ||
154 | + <packageJsonPaths /> | ||
155 | + </component> | ||
156 | + <component name="ProjectFrameBounds" extendedState="7"> | ||
157 | + <option name="x" value="223" /> | ||
158 | + <option name="y" value="67" /> | ||
159 | + <option name="width" value="853" /> | ||
160 | + <option name="height" value="1000" /> | ||
161 | + </component> | ||
162 | + <component name="ProjectLevelVcsManager" settingsEditedManually="true" /> | ||
163 | + <component name="ProjectView"> | ||
164 | + <navigator proportions="" version="1"> | ||
165 | + <foldersAlwaysOnTop value="true" /> | ||
166 | + </navigator> | ||
167 | + <panes> | ||
168 | + <pane id="Scope" /> | ||
169 | + <pane id="ProjectPane"> | ||
170 | + <subPane> | ||
171 | + <expand> | ||
172 | + <path> | ||
173 | + <item name="bro" type="b2602c69:ProjectViewProjectNode" /> | ||
174 | + <item name="bro" type="462c0819:PsiDirectoryNode" /> | ||
175 | + </path> | ||
176 | + <path> | ||
177 | + <item name="bro" type="b2602c69:ProjectViewProjectNode" /> | ||
178 | + <item name="bro" type="462c0819:PsiDirectoryNode" /> | ||
179 | + <item name="assets" type="462c0819:PsiDirectoryNode" /> | ||
180 | + </path> | ||
181 | + <path> | ||
182 | + <item name="bro" type="b2602c69:ProjectViewProjectNode" /> | ||
183 | + <item name="bro" type="462c0819:PsiDirectoryNode" /> | ||
184 | + <item name="assets" type="462c0819:PsiDirectoryNode" /> | ||
185 | + <item name="css" type="462c0819:PsiDirectoryNode" /> | ||
186 | + </path> | ||
187 | + <path> | ||
188 | + <item name="bro" type="b2602c69:ProjectViewProjectNode" /> | ||
189 | + <item name="bro" type="462c0819:PsiDirectoryNode" /> | ||
190 | + <item name="assets" type="462c0819:PsiDirectoryNode" /> | ||
191 | + <item name="js" type="462c0819:PsiDirectoryNode" /> | ||
192 | + </path> | ||
193 | + <path> | ||
194 | + <item name="bro" type="b2602c69:ProjectViewProjectNode" /> | ||
195 | + <item name="bro" type="462c0819:PsiDirectoryNode" /> | ||
196 | + <item name="html" type="462c0819:PsiDirectoryNode" /> | ||
197 | + </path> | ||
198 | + </expand> | ||
199 | + <select /> | ||
200 | + </subPane> | ||
201 | + </pane> | ||
202 | + </panes> | ||
203 | + </component> | ||
204 | + <component name="PropertiesComponent"> | ||
205 | + <property name="DefaultHtmlFileTemplate" value="HTML File" /> | ||
206 | + <property name="WebServerToolWindowFactoryState" value="false" /> | ||
207 | + <property name="last_opened_file_path" value="$PROJECT_DIR$/../environmental" /> | ||
208 | + <property name="node.js.detected.package.prettier" value="true" /> | ||
209 | + <property name="node.js.path.for.package.prettier" value="project" /> | ||
210 | + <property name="node.js.selected.package.prettier" value="" /> | ||
211 | + <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" /> | ||
212 | + <property name="nodejs_npm_path_reset_for_default_project" value="true" /> | ||
213 | + <property name="settings.editor.selected.configurable" value="configurable.group.appearance" /> | ||
214 | + </component> | ||
215 | + <component name="RecentsManager"> | ||
216 | + <key name="CopyFile.RECENT_KEYS"> | ||
217 | + <recent name="E:\project\bro\assets\imgs" /> | ||
218 | + <recent name="E:\project\bro\assets\css" /> | ||
219 | + <recent name="E:\project\bro\assets\js" /> | ||
220 | + </key> | ||
221 | + </component> | ||
222 | + <component name="RunDashboard"> | ||
223 | + <option name="ruleStates"> | ||
224 | + <list> | ||
225 | + <RuleState> | ||
226 | + <option name="name" value="ConfigurationTypeDashboardGroupingRule" /> | ||
227 | + </RuleState> | ||
228 | + <RuleState> | ||
229 | + <option name="name" value="StatusDashboardGroupingRule" /> | ||
230 | + </RuleState> | ||
231 | + </list> | ||
232 | + </option> | ||
233 | + </component> | ||
234 | + <component name="SvnConfiguration"> | ||
235 | + <configuration /> | ||
236 | + </component> | ||
237 | + <component name="TaskManager"> | ||
238 | + <task active="true" id="Default" summary="Default task"> | ||
239 | + <changelist id="788bf07f-de53-4ac6-ada9-375a5bf94328" name="Default" comment="" /> | ||
240 | + <created>1543369994835</created> | ||
241 | + <option name="number" value="Default" /> | ||
242 | + <option name="presentableId" value="Default" /> | ||
243 | + <updated>1543369994835</updated> | ||
244 | + <workItem from="1543369996001" duration="29804000" /> | ||
245 | + </task> | ||
246 | + <servers /> | ||
247 | + </component> | ||
248 | + <component name="TimeTrackingManager"> | ||
249 | + <option name="totallyTimeSpent" value="29804000" /> | ||
250 | + </component> | ||
251 | + <component name="ToolWindowManager"> | ||
252 | + <frame x="-8" y="-8" width="1696" height="1026" extended-state="6" /> | ||
253 | + <editor active="true" /> | ||
254 | + <layout> | ||
255 | + <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.14294331" /> | ||
256 | + <window_info anchor="bottom" id="TODO" order="6" /> | ||
257 | + <window_info anchor="bottom" id="Docker" show_stripe_button="false" /> | ||
258 | + <window_info anchor="bottom" id="Event Log" side_tool="true" /> | ||
259 | + <window_info anchor="bottom" id="Version Control" /> | ||
260 | + <window_info anchor="bottom" id="Run" order="2" /> | ||
261 | + <window_info id="Structure" order="1" side_tool="true" weight="0.25" /> | ||
262 | + <window_info anchor="bottom" id="Terminal" /> | ||
263 | + <window_info id="Favorites" side_tool="true" /> | ||
264 | + <window_info anchor="bottom" id="Debug" order="3" weight="0.4" /> | ||
265 | + <window_info anchor="bottom" id="Find" order="1" /> | ||
266 | + <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" /> | ||
267 | + <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" /> | ||
268 | + <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" /> | ||
269 | + <window_info anchor="right" id="Ant Build" order="1" weight="0.25" /> | ||
270 | + <window_info anchor="bottom" id="Message" order="0" /> | ||
271 | + <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" /> | ||
272 | + </layout> | ||
273 | + </component> | ||
274 | + <component name="TypeScriptGeneratedFilesManager"> | ||
275 | + <option name="version" value="1" /> | ||
276 | + </component> | ||
277 | + <component name="VcsContentAnnotationSettings"> | ||
278 | + <option name="myLimit" value="2678400000" /> | ||
279 | + </component> | ||
280 | + <component name="editorHistoryManager"> | ||
281 | + <entry file="file://$PROJECT_DIR$/assets/js/base.js"> | ||
282 | + <provider selected="true" editor-type-id="text-editor" /> | ||
283 | + </entry> | ||
284 | + <entry file="file://$PROJECT_DIR$/assets/css/fontsize.js"> | ||
285 | + <provider selected="true" editor-type-id="text-editor"> | ||
286 | + <state relative-caret-position="300"> | ||
287 | + <caret line="12" column="10" lean-forward="true" selection-start-line="12" selection-start-column="10" selection-end-line="12" selection-end-column="10" /> | ||
288 | + </state> | ||
289 | + </provider> | ||
290 | + </entry> | ||
291 | + <entry file="file://$PROJECT_DIR$/assets/fonts/js/common.js"> | ||
292 | + <provider selected="true" editor-type-id="text-editor"> | ||
293 | + <state relative-caret-position="600"> | ||
294 | + <caret line="27" column="17" lean-forward="true" selection-start-line="27" selection-start-column="17" selection-end-line="27" selection-end-column="17" /> | ||
295 | + </state> | ||
296 | + </provider> | ||
297 | + </entry> | ||
298 | + <entry file="file://$PROJECT_DIR$/html/keep.html"> | ||
299 | + <provider selected="true" editor-type-id="text-editor"> | ||
300 | + <state relative-caret-position="438"> | ||
301 | + <caret line="63" column="14" lean-forward="true" selection-start-line="63" selection-start-column="14" selection-end-line="63" selection-end-column="14" /> | ||
302 | + </state> | ||
303 | + </provider> | ||
304 | + </entry> | ||
305 | + <entry file="file://$PROJECT_DIR$/assets/js/Augly_Verification.js"> | ||
306 | + <provider selected="true" editor-type-id="text-editor"> | ||
307 | + <state relative-caret-position="549"> | ||
308 | + <caret line="31" column="19" selection-start-line="31" selection-start-column="4" selection-end-line="31" selection-end-column="19" /> | ||
309 | + </state> | ||
310 | + </provider> | ||
311 | + </entry> | ||
312 | + <entry file="file://$PROJECT_DIR$/html/keep_detail.html"> | ||
313 | + <provider selected="true" editor-type-id="text-editor"> | ||
314 | + <state relative-caret-position="325"> | ||
315 | + <caret line="28" column="10" lean-forward="true" selection-start-line="28" selection-start-column="10" selection-end-line="28" selection-end-column="10" /> | ||
316 | + <folding> | ||
317 | + <element signature="n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
318 | + </folding> | ||
319 | + </state> | ||
320 | + </provider> | ||
321 | + </entry> | ||
322 | + <entry file="file://$PROJECT_DIR$/html/my.html"> | ||
323 | + <provider selected="true" editor-type-id="text-editor"> | ||
324 | + <state relative-caret-position="574"> | ||
325 | + <caret line="60" column="9" lean-forward="true" selection-start-line="52" selection-start-column="8" selection-end-line="60" selection-end-column="9" /> | ||
326 | + <folding> | ||
327 | + <element signature="n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
328 | + <element signature="n#style#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" /> | ||
329 | + <element signature="n#div#1;n#body#0;n#html#0;n#!!top" /> | ||
330 | + </folding> | ||
331 | + </state> | ||
332 | + </provider> | ||
333 | + </entry> | ||
334 | + <entry file="file://$PROJECT_DIR$/html/binding_info.html"> | ||
335 | + <provider selected="true" editor-type-id="text-editor"> | ||
336 | + <state relative-caret-position="1400"> | ||
337 | + <caret line="85" column="28" lean-forward="true" selection-start-line="85" selection-start-column="28" selection-end-line="85" selection-end-column="28" /> | ||
338 | + <folding> | ||
339 | + <element signature="n#div#1;n#body#0;n#html#0;n#!!top" /> | ||
340 | + <element signature="n#div#2;n#body#0;n#html#0;n#!!top" /> | ||
341 | + <element signature="n#div#3;n#body#0;n#html#0;n#!!top" /> | ||
342 | + </folding> | ||
343 | + </state> | ||
344 | + </provider> | ||
345 | + </entry> | ||
346 | + <entry file="file://$PROJECT_DIR$/assets/css/style.css"> | ||
347 | + <provider selected="true" editor-type-id="text-editor"> | ||
348 | + <state relative-caret-position="294"> | ||
349 | + <caret line="330" selection-start-line="330" selection-end-line="330" /> | ||
350 | + </state> | ||
351 | + </provider> | ||
352 | + </entry> | ||
353 | + <entry file="file://$PROJECT_DIR$/html/index.html"> | ||
354 | + <provider selected="true" editor-type-id="text-editor"> | ||
355 | + <state relative-caret-position="919"> | ||
356 | + <caret line="222" column="31" lean-forward="true" selection-start-line="222" selection-start-column="31" selection-end-line="222" selection-end-column="31" /> | ||
357 | + <folding> | ||
358 | + <element signature="n#style#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" /> | ||
359 | + <element signature="n#div#0;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
360 | + <element signature="n#div#1;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
361 | + <element signature="n#div#0;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
362 | + <element signature="n#div#1;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" /> | ||
363 | + <element signature="n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" /> | ||
364 | + <element signature="n#div#2;n#body#0;n#html#0;n#!!top" /> | ||
365 | + <element signature="n#div#3;n#body#0;n#html#0;n#!!top" /> | ||
366 | + </folding> | ||
367 | + </state> | ||
368 | + </provider> | ||
369 | + </entry> | ||
370 | + </component> | ||
371 | +</project> |
assets/commom/commom.css
0 → 100644
1 | +/*//取消苹果手机的闪烁*/ | ||
2 | +* { | ||
3 | + -webkit-tap-highlight-color: transparent !important; | ||
4 | + | ||
5 | +} | ||
6 | + | ||
7 | +@font-face { | ||
8 | + font-family: 'PingFangSC-Regular'; | ||
9 | + src: url("../fonts/PingFangRegular.ttf"); | ||
10 | +} | ||
11 | + | ||
12 | +body { | ||
13 | + margin: 0; | ||
14 | + /*padding:0 0 1rem 0;*/ | ||
15 | +} | ||
16 | + | ||
17 | +input { | ||
18 | + border: none; | ||
19 | + outline: none; | ||
20 | + background: none; | ||
21 | + line-height: 100%; | ||
22 | +} | ||
23 | +textarea { | ||
24 | + outline: none; | ||
25 | +} | ||
26 | +textarea:hover { | ||
27 | + outline: none; | ||
28 | + | ||
29 | +} | ||
30 | + | ||
31 | +input:hover { | ||
32 | + outline: none; | ||
33 | + | ||
34 | +} | ||
35 | +select { | ||
36 | + outline: none; | ||
37 | + border: none; | ||
38 | + background: none; | ||
39 | +} | ||
40 | +select option{ | ||
41 | + color:#999; | ||
42 | +} | ||
43 | +select:hover{ | ||
44 | + outline:none; | ||
45 | +} | ||
46 | +input { | ||
47 | + outline: none; | ||
48 | + border: none; | ||
49 | + background: none; | ||
50 | + font-size: 14px; | ||
51 | +} | ||
52 | + | ||
53 | +input:focus { | ||
54 | + outline: none; | ||
55 | +} | ||
56 | + | ||
57 | +input::placeholder { | ||
58 | + color: #1a1a1a; | ||
59 | + font-size: 14px; | ||
60 | +} |
assets/css/fontsize.js
0 → 100644
1 | +! function(a) { | ||
2 | + function b() { | ||
3 | + var b = a.document, | ||
4 | + c = b.documentElement, | ||
5 | + d = c.getBoundingClientRect().width; | ||
6 | + document.documentElement.style.fontSize = 100 * (d / 750) + "px" | ||
7 | + } | ||
8 | + window.addEventListener("DOMContentLoaded", function() { | ||
9 | + b() | ||
10 | + }, !1), window.addEventListener("resize", function() { | ||
11 | + b() | ||
12 | + }), b() | ||
13 | +}(window); |
assets/css/jquery.raty.css
0 → 100644
1 | +.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { | ||
2 | + font-size: 2em; | ||
3 | +} | ||
4 | + | ||
5 | +@font-face { | ||
6 | + font-family: "raty"; | ||
7 | + font-style: normal; | ||
8 | + font-weight: normal; | ||
9 | + src: url("./fonts/raty.eot"); | ||
10 | + src: url("./fonts/raty.eot?#iefix") format("embedded-opentype"); | ||
11 | + src: url("./fonts/raty.svg#raty") format("svg"); | ||
12 | + src: url("./fonts/raty.ttf") format("truetype"); | ||
13 | + src: url("./fonts/raty.woff") format("woff"); | ||
14 | +} | ||
15 | + | ||
16 | +.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { | ||
17 | + -moz-osx-font-smoothing: grayscale; | ||
18 | + -webkit-font-smoothing: antialiased; | ||
19 | + font-family: "raty"; | ||
20 | + font-style: normal; | ||
21 | + font-variant: normal; | ||
22 | + font-weight: normal; | ||
23 | + line-height: 1; | ||
24 | + speak: none; | ||
25 | + text-transform: none; | ||
26 | +} | ||
27 | + | ||
28 | +.cancel-on-png:before { | ||
29 | + content: "\e600"; | ||
30 | +} | ||
31 | + | ||
32 | +.cancel-off-png:before { | ||
33 | + content: "\e601"; | ||
34 | +} | ||
35 | + | ||
36 | +.star-on-png:before { | ||
37 | + content: "\f005"; | ||
38 | +} | ||
39 | + | ||
40 | +.star-off-png:before { | ||
41 | + content: "\f006"; | ||
42 | +} | ||
43 | + | ||
44 | +.star-half-png:before { | ||
45 | + content: "\f123"; | ||
46 | +} |
assets/css/labs.css
0 → 100644
1 | +/*! normalize.css v2.1.3 | MIT License | git.io/normalize */ | ||
2 | +article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { | ||
3 | + display: block | ||
4 | +} | ||
5 | + | ||
6 | +audio, canvas, video { | ||
7 | + display: inline-block | ||
8 | +} | ||
9 | + | ||
10 | +audio:not([controls]) { | ||
11 | + display: none; | ||
12 | + height: 0 | ||
13 | +} | ||
14 | + | ||
15 | +[hidden], template { | ||
16 | + display: none | ||
17 | +} | ||
18 | + | ||
19 | +html { | ||
20 | + font-family: sans-serif; | ||
21 | + -ms-text-size-adjust: 100%; | ||
22 | + -webkit-text-size-adjust: 100% | ||
23 | +} | ||
24 | + | ||
25 | +body { | ||
26 | + margin: 0 | ||
27 | +} | ||
28 | + | ||
29 | +a { | ||
30 | + background: transparent | ||
31 | +} | ||
32 | + | ||
33 | +a:focus { | ||
34 | + outline: thin dotted | ||
35 | +} | ||
36 | + | ||
37 | +a:active, a:hover { | ||
38 | + outline: 0 | ||
39 | +} | ||
40 | + | ||
41 | +h1 { | ||
42 | + font-size: 2em; | ||
43 | + margin: 0.67em 0 | ||
44 | +} | ||
45 | + | ||
46 | +abbr[title] { | ||
47 | + border-bottom: 1px dotted | ||
48 | +} | ||
49 | + | ||
50 | +b, strong { | ||
51 | + font-weight: bold | ||
52 | +} | ||
53 | + | ||
54 | +dfn { | ||
55 | + font-style: italic | ||
56 | +} | ||
57 | + | ||
58 | +hr { | ||
59 | + -moz-box-sizing: content-box; | ||
60 | + box-sizing: content-box; | ||
61 | + height: 0 | ||
62 | +} | ||
63 | + | ||
64 | +mark { | ||
65 | + background: #ff0; | ||
66 | + color: #000 | ||
67 | +} | ||
68 | + | ||
69 | +code, kbd, pre, samp { | ||
70 | + font-family: monospace, serif; | ||
71 | + font-size: 1em | ||
72 | +} | ||
73 | + | ||
74 | +pre { | ||
75 | + white-space: pre-wrap | ||
76 | +} | ||
77 | + | ||
78 | +q { | ||
79 | + quotes: "\201C" "\201D" "\2018" "\2019" | ||
80 | +} | ||
81 | + | ||
82 | +small { | ||
83 | + font-size: 80% | ||
84 | +} | ||
85 | + | ||
86 | +sub, sup { | ||
87 | + font-size: 75%; | ||
88 | + line-height: 0; | ||
89 | + position: relative; | ||
90 | + vertical-align: baseline | ||
91 | +} | ||
92 | + | ||
93 | +sup { | ||
94 | + top: -0.5em | ||
95 | +} | ||
96 | + | ||
97 | +sub { | ||
98 | + bottom: -0.25em | ||
99 | +} | ||
100 | + | ||
101 | +img { | ||
102 | + border: 0 | ||
103 | +} | ||
104 | + | ||
105 | +svg:not(:root) { | ||
106 | + overflow: hidden | ||
107 | +} | ||
108 | + | ||
109 | +figure { | ||
110 | + margin: 0 | ||
111 | +} | ||
112 | + | ||
113 | +fieldset { | ||
114 | + border: 1px solid #c0c0c0; | ||
115 | + margin: 0 2px; | ||
116 | + padding: 0.35em 0.625em 0.75em | ||
117 | +} | ||
118 | + | ||
119 | +legend { | ||
120 | + border: 0; | ||
121 | + padding: 0 | ||
122 | +} | ||
123 | + | ||
124 | +button, input, select, textarea { | ||
125 | + font-family: inherit; | ||
126 | + font-size: 100%; | ||
127 | + margin: 0 | ||
128 | +} | ||
129 | + | ||
130 | +button, input { | ||
131 | + line-height: normal | ||
132 | +} | ||
133 | + | ||
134 | +button, select { | ||
135 | + text-transform: none | ||
136 | +} | ||
137 | + | ||
138 | +button, html input[type="button"], input[type="reset"], input[type="submit"] { | ||
139 | + -webkit-appearance: button; | ||
140 | + cursor: pointer | ||
141 | +} | ||
142 | + | ||
143 | +button[disabled], html input[disabled] { | ||
144 | + cursor: default | ||
145 | +} | ||
146 | + | ||
147 | +input[type="checkbox"], input[type="radio"] { | ||
148 | + box-sizing: border-box; | ||
149 | + padding: 0 | ||
150 | +} | ||
151 | + | ||
152 | +input[type="search"] { | ||
153 | + -webkit-appearance: textfield; | ||
154 | + -moz-box-sizing: content-box; | ||
155 | + -webkit-box-sizing: content-box; | ||
156 | + box-sizing: content-box | ||
157 | +} | ||
158 | + | ||
159 | +input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { | ||
160 | + -webkit-appearance: none | ||
161 | +} | ||
162 | + | ||
163 | +button::-moz-focus-inner, input::-moz-focus-inner { | ||
164 | + border: 0; | ||
165 | + padding: 0 | ||
166 | +} | ||
167 | + | ||
168 | +textarea { | ||
169 | + overflow: auto; | ||
170 | + vertical-align: top | ||
171 | +} | ||
172 | + | ||
173 | +table { | ||
174 | + border-collapse: collapse; | ||
175 | + border-spacing: 0 | ||
176 | +} | ||
177 | + | ||
178 | +* { | ||
179 | + text-rendering: optimizelegibility | ||
180 | +} | ||
181 | + | ||
182 | +*, *:before, *:after { | ||
183 | + -webkit-box-sizing: border-box !important; | ||
184 | + -moz-box-sizing: border-box !important; | ||
185 | + box-sizing: border-box !important | ||
186 | +} | ||
187 | + | ||
188 | +*::-moz-placeholder { | ||
189 | + color: #e0e0e0 | ||
190 | +} | ||
191 | + | ||
192 | +*::-moz-selection { | ||
193 | + background-color: #cce2ff | ||
194 | +} | ||
195 | + | ||
196 | +*::-moz-selection { | ||
197 | + background-color: #ffc; | ||
198 | + color: #555 | ||
199 | +} | ||
200 | + | ||
201 | +a { | ||
202 | + color: #369 | ||
203 | +} | ||
204 | + | ||
205 | +a:hover { | ||
206 | + color: #1ab8f3 | ||
207 | +} | ||
208 | + | ||
209 | +a:active { | ||
210 | + color: #0aa5df | ||
211 | +} | ||
212 | + | ||
213 | +article { | ||
214 | + margin-top: 20px | ||
215 | +} | ||
216 | + | ||
217 | +article h2 { | ||
218 | + font-size: 1.6em | ||
219 | +} | ||
220 | + | ||
221 | +article h3 { | ||
222 | + font-size: 1.5em | ||
223 | +} | ||
224 | + | ||
225 | +article ol { | ||
226 | + padding-left: 10px | ||
227 | +} | ||
228 | + | ||
229 | +article p { | ||
230 | + font-size: 1.45em | ||
231 | +} | ||
232 | + | ||
233 | +article pre { | ||
234 | + white-space: pre | ||
235 | +} | ||
236 | + | ||
237 | +article li { | ||
238 | + font-size: 1.4em; | ||
239 | + list-style: inside | ||
240 | +} | ||
241 | + | ||
242 | +article ul { | ||
243 | + font-size: 0.9em; | ||
244 | + padding-bottom: 10px; | ||
245 | + padding-left: 5px | ||
246 | +} | ||
247 | + | ||
248 | +article .body { | ||
249 | + margin-top: 20px; | ||
250 | + word-wrap: break-word | ||
251 | +} | ||
252 | + | ||
253 | +blockquote { | ||
254 | + background: url(../fonts/quote-2fae1e7bd06251d5537226c926785216.gif) no-repeat 0 0 #fcfcfc; | ||
255 | + border-radius: 4px; | ||
256 | + margin-left: 0; | ||
257 | + padding-left: 22px | ||
258 | +} | ||
259 | + | ||
260 | +blockquote p { | ||
261 | + font-size: 1.3em; | ||
262 | + padding-bottom: 5px; | ||
263 | + padding-left: 10px; | ||
264 | + padding-top: 5px | ||
265 | +} | ||
266 | + | ||
267 | +body { | ||
268 | + background-color: #fafafa; | ||
269 | + color: #333; | ||
270 | + font-family: "Open Sans", "Arial", sans-serif; | ||
271 | + font-size: 10px; | ||
272 | + height: 100%; | ||
273 | + line-height: 1.6 | ||
274 | +} | ||
275 | + | ||
276 | +code { | ||
277 | + background-color: #fefefe; | ||
278 | + border-radius: 3px; | ||
279 | + border: 1px solid #fbfbfb; | ||
280 | + margin: 0 2px; | ||
281 | + padding: 1px 5px | ||
282 | +} | ||
283 | + | ||
284 | +header .edit { | ||
285 | + display: block; | ||
286 | + font-size: 1.4em; | ||
287 | + margin: 10px auto 0; | ||
288 | + padding-top: 8px; | ||
289 | + text-align: center; | ||
290 | + text-decoration: none; | ||
291 | + width: 100px | ||
292 | +} | ||
293 | + | ||
294 | +header .edit:hover { | ||
295 | + color: #fff | ||
296 | +} | ||
297 | + | ||
298 | +img { | ||
299 | + max-width: 100% | ||
300 | +} | ||
301 | + | ||
302 | +pre { | ||
303 | + background-color: #fefefe; | ||
304 | + border-radius: 3px; | ||
305 | + border: 1px solid #fbfbfb; | ||
306 | + color: #393939; | ||
307 | + font-family: menlo, monospace, serif; | ||
308 | + font-size: 1.2em; | ||
309 | + overflow: auto; | ||
310 | + padding: 10px 10px; | ||
311 | + white-space: pre | ||
312 | +} | ||
313 | + | ||
314 | +textarea { | ||
315 | + resize: vertical | ||
316 | +} | ||
317 | + | ||
318 | +textarea.code { | ||
319 | + font-family: menlo, monospace | ||
320 | +} | ||
321 | + | ||
322 | +ul { | ||
323 | + list-style: none | ||
324 | +} | ||
325 | + | ||
326 | +.clearfix { | ||
327 | + *zoom: 1 | ||
328 | +} | ||
329 | + | ||
330 | +.clearfix:before, .clearfix:after { | ||
331 | + content: " "; | ||
332 | + display: table | ||
333 | +} | ||
334 | + | ||
335 | +.clearfix:after { | ||
336 | + clear: both | ||
337 | +} | ||
338 | + | ||
339 | +.content { | ||
340 | + margin: 0 auto; | ||
341 | + width: 93% | ||
342 | +} | ||
343 | + | ||
344 | +.header { | ||
345 | + margin-top: 10px; | ||
346 | + text-align: center | ||
347 | +} | ||
348 | + | ||
349 | +.header a { | ||
350 | + color: #3b3b3b; | ||
351 | + letter-spacing: -3px; | ||
352 | + line-height: 1.1; | ||
353 | + text-decoration: none; | ||
354 | + text-shadow: 2px 2px #fff | ||
355 | +} | ||
356 | + | ||
357 | +.header a:hover { | ||
358 | + color: #444 | ||
359 | +} | ||
360 | + | ||
361 | +.header div { | ||
362 | + color: #888; | ||
363 | + font-size: 1.3em | ||
364 | +} | ||
365 | + | ||
366 | +.input { | ||
367 | + -webkit-border-radius: 2px; | ||
368 | + -moz-border-radius: 2px; | ||
369 | + -ms-border-radius: 2px; | ||
370 | + -o-border-radius: 2px; | ||
371 | + border-radius: 2px; | ||
372 | + background-color: #fff; | ||
373 | + border: 1px solid #ccc; | ||
374 | + color: #333; | ||
375 | + font-size: 1.3em; | ||
376 | + max-height: 300px; | ||
377 | + min-height: 25px; | ||
378 | + padding: 12px 10px; | ||
379 | + transition: all 0.15s ease-in 0s; | ||
380 | + width: 100% | ||
381 | +} | ||
382 | + | ||
383 | +.input:focus { | ||
384 | + border-color: #eee | ||
385 | +} | ||
386 | + | ||
387 | +.mandatory { | ||
388 | + color: #b94a48; | ||
389 | + font-size: 1.3em; | ||
390 | + font-weight: bold | ||
391 | +} | ||
392 | + | ||
393 | +.navigation { | ||
394 | + margin-top: 5px; | ||
395 | + text-align: center | ||
396 | +} | ||
397 | + | ||
398 | +.navigation > a, .navigation .i-heart { | ||
399 | + background-color: #fff; | ||
400 | + border-radius: 4px; | ||
401 | + display: inline-block; | ||
402 | + font-size: 2.3em; | ||
403 | + margin-top: 8px; | ||
404 | + padding-bottom: 8px; | ||
405 | + padding-top: 8px | ||
406 | +} | ||
407 | + | ||
408 | +.navigation > a:hover, .navigation .i-heart:hover { | ||
409 | + color: #6ecff5; | ||
410 | + transition: color 0s ease 0s, color 0.2s ease-in 0s | ||
411 | +} | ||
412 | + | ||
413 | +.navigation > a:active, .navigation .i-heart:active { | ||
414 | + color: #0aa5df | ||
415 | +} | ||
416 | + | ||
417 | +.navigation a { | ||
418 | + color: #555; | ||
419 | + text-decoration: none | ||
420 | +} | ||
421 | + | ||
422 | +.navigation .i-heart { | ||
423 | + color: red; | ||
424 | + cursor: pointer | ||
425 | +} | ||
426 | + | ||
427 | +.navigation .i-heart:hover { | ||
428 | + color: #ff9bc3 | ||
429 | +} | ||
430 | + | ||
431 | +.placeholder { | ||
432 | + float: left; | ||
433 | + margin-top: 10px; | ||
434 | + padding-left: 2px; | ||
435 | + padding-right: 2px; | ||
436 | + width: 100% | ||
437 | +} | ||
438 | + | ||
439 | +.saver { | ||
440 | + clear: both; | ||
441 | + float: right; | ||
442 | + margin-bottom: 15px; | ||
443 | + margin-top: 10px; | ||
444 | + width: 100% | ||
445 | +} | ||
446 | + | ||
447 | +.share { | ||
448 | + margin-top: 30px | ||
449 | +} | ||
450 | + | ||
451 | +.share a { | ||
452 | + background-color: #e1f4fd; | ||
453 | + display: block; | ||
454 | + height: 36px; | ||
455 | + text-decoration: none | ||
456 | +} | ||
457 | + | ||
458 | +.share a:hover { | ||
459 | + background-color: #c2e8fa | ||
460 | +} | ||
461 | + | ||
462 | +.share p { | ||
463 | + color: #333; | ||
464 | + font-size: 1.4em; | ||
465 | + font-weight: bold; | ||
466 | + letter-spacing: 0.7px; | ||
467 | + text-align: center | ||
468 | +} | ||
469 | + | ||
470 | +.share .twitter { | ||
471 | + border: 1px solid #b2e2f9; | ||
472 | + border-radius: 3px; | ||
473 | + margin: 0 auto; | ||
474 | + width: 78px | ||
475 | +} | ||
476 | + | ||
477 | +.share .twitter i { | ||
478 | + color: #24acee; | ||
479 | + font-size: 1.5em; | ||
480 | + left: 28px; | ||
481 | + position: relative; | ||
482 | + top: 9px | ||
483 | +} | ||
484 | + | ||
485 | +#donations { | ||
486 | + display: none; | ||
487 | + font-weight: bold; | ||
488 | + margin-top: 5px; | ||
489 | + text-align: center | ||
490 | +} | ||
491 | + | ||
492 | +#donations a { | ||
493 | + color: #dc5; | ||
494 | + font-size: 1.4em | ||
495 | +} | ||
496 | + | ||
497 | +#donations a:hover { | ||
498 | + color: #6ecff5; | ||
499 | + transition: color 0s ease 0s, color 0.2s ease-in 0s | ||
500 | +} | ||
501 | + | ||
502 | +#donations a:active { | ||
503 | + color: #0aa5df | ||
504 | +} | ||
505 | + | ||
506 | +#donations span { | ||
507 | + color: #ff9bc3; | ||
508 | + font-size: 1.8em; | ||
509 | + padding-left: 3px; | ||
510 | + padding-right: 3px; | ||
511 | + vertical-align: sub | ||
512 | +} | ||
513 | + | ||
514 | +@media only screen and (min-width: 568px) { | ||
515 | + body { | ||
516 | + font-size: 11px | ||
517 | + } | ||
518 | +} | ||
519 | + | ||
520 | +@media only screen and (min-width: 768px) { | ||
521 | + body { | ||
522 | + font-size: 12px | ||
523 | + } | ||
524 | + | ||
525 | + .content { | ||
526 | + margin-top: 10px; | ||
527 | + width: 90% | ||
528 | + } | ||
529 | +} | ||
530 | + | ||
531 | +.highlight .nd { | ||
532 | + color: #707a7c | ||
533 | +} | ||
534 | + | ||
535 | +.highlight .c1 { | ||
536 | + color: #228b22 | ||
537 | +} | ||
538 | + | ||
539 | +.highlight .hll { | ||
540 | + background-color: #ffc | ||
541 | +} | ||
542 | + | ||
543 | +.highlight .c { | ||
544 | + color: #008800; | ||
545 | + font-style: italic | ||
546 | +} | ||
547 | + | ||
548 | +.highlight .err { | ||
549 | + color: #a61717; | ||
550 | + background-color: #e3d2d2 | ||
551 | +} | ||
552 | + | ||
553 | +.highlight .k { | ||
554 | + color: #000080; | ||
555 | + font-weight: bold | ||
556 | +} | ||
557 | + | ||
558 | +.highlight .cm { | ||
559 | + color: #008800; | ||
560 | + font-style: italic | ||
561 | +} | ||
562 | + | ||
563 | +.highlight .cp { | ||
564 | + color: teal | ||
565 | +} | ||
566 | + | ||
567 | +.highlight .cs { | ||
568 | + color: #008800; | ||
569 | + font-weight: bold | ||
570 | +} | ||
571 | + | ||
572 | +.highlight .gd { | ||
573 | + color: #000000; | ||
574 | + background-color: #fdd | ||
575 | +} | ||
576 | + | ||
577 | +.highlight .ge { | ||
578 | + font-style: italic | ||
579 | +} | ||
580 | + | ||
581 | +.highlight .gr { | ||
582 | + color: #a00 | ||
583 | +} | ||
584 | + | ||
585 | +.highlight .gh { | ||
586 | + color: #999 | ||
587 | +} | ||
588 | + | ||
589 | +.highlight .gi { | ||
590 | + color: #000000; | ||
591 | + background-color: #dfd | ||
592 | +} | ||
593 | + | ||
594 | +.highlight .go { | ||
595 | + color: #888 | ||
596 | +} | ||
597 | + | ||
598 | +.highlight .gp { | ||
599 | + color: #555 | ||
600 | +} | ||
601 | + | ||
602 | +.highlight .gs { | ||
603 | + font-weight: bold | ||
604 | +} | ||
605 | + | ||
606 | +.highlight .gu { | ||
607 | + color: #aaa | ||
608 | +} | ||
609 | + | ||
610 | +.highlight .gt { | ||
611 | + color: #a00 | ||
612 | +} | ||
613 | + | ||
614 | +.highlight .kc { | ||
615 | + color: #000080; | ||
616 | + font-weight: bold | ||
617 | +} | ||
618 | + | ||
619 | +.highlight .kd { | ||
620 | + color: #000080; | ||
621 | + font-weight: bold | ||
622 | +} | ||
623 | + | ||
624 | +.highlight .kn { | ||
625 | + color: #000080; | ||
626 | + font-weight: bold | ||
627 | +} | ||
628 | + | ||
629 | +.highlight .kp { | ||
630 | + color: #000080; | ||
631 | + font-weight: bold | ||
632 | +} | ||
633 | + | ||
634 | +.highlight .kr { | ||
635 | + color: #000080; | ||
636 | + font-weight: bold | ||
637 | +} | ||
638 | + | ||
639 | +.highlight .kt { | ||
640 | + color: #000080; | ||
641 | + font-weight: bold | ||
642 | +} | ||
643 | + | ||
644 | +.highlight .m { | ||
645 | + color: blue | ||
646 | +} | ||
647 | + | ||
648 | +.highlight .s { | ||
649 | + color: blue | ||
650 | +} | ||
651 | + | ||
652 | +.highlight .na { | ||
653 | + color: red | ||
654 | +} | ||
655 | + | ||
656 | +.highlight .nt { | ||
657 | + color: #000080; | ||
658 | + font-weight: bold | ||
659 | +} | ||
660 | + | ||
661 | +.highlight .ow { | ||
662 | + font-weight: bold | ||
663 | +} | ||
664 | + | ||
665 | +.highlight .w { | ||
666 | + color: #bbb | ||
667 | +} | ||
668 | + | ||
669 | +.highlight .mf { | ||
670 | + color: blue | ||
671 | +} | ||
672 | + | ||
673 | +.highlight .mh { | ||
674 | + color: blue | ||
675 | +} | ||
676 | + | ||
677 | +.highlight .mi { | ||
678 | + color: blue | ||
679 | +} | ||
680 | + | ||
681 | +.highlight .mo { | ||
682 | + color: blue | ||
683 | +} | ||
684 | + | ||
685 | +.highlight .sb { | ||
686 | + color: blue | ||
687 | +} | ||
688 | + | ||
689 | +.highlight .sc { | ||
690 | + color: purple | ||
691 | +} | ||
692 | + | ||
693 | +.highlight .sd { | ||
694 | + color: blue | ||
695 | +} | ||
696 | + | ||
697 | +.highlight .s2 { | ||
698 | + color: blue | ||
699 | +} | ||
700 | + | ||
701 | +.highlight .se { | ||
702 | + color: blue | ||
703 | +} | ||
704 | + | ||
705 | +.highlight .sh { | ||
706 | + color: blue | ||
707 | +} | ||
708 | + | ||
709 | +.highlight .si { | ||
710 | + color: blue | ||
711 | +} | ||
712 | + | ||
713 | +.highlight .sx { | ||
714 | + color: blue | ||
715 | +} | ||
716 | + | ||
717 | +.highlight .sr { | ||
718 | + color: blue | ||
719 | +} | ||
720 | + | ||
721 | +.highlight .s1 { | ||
722 | + color: blue | ||
723 | +} | ||
724 | + | ||
725 | +.highlight .ss { | ||
726 | + color: blue | ||
727 | +} | ||
728 | + | ||
729 | +.highlight .il { | ||
730 | + color: blue | ||
731 | +} | ||
732 | + | ||
733 | +@font-face { | ||
734 | + font-family: "wbotelhos"; | ||
735 | + font-style: normal; | ||
736 | + font-weight: normal; | ||
737 | + src: url(../fonts/wbotelhos.eot?#iefix) format("embedded-opentype"); | ||
738 | + src: url(../fonts/wbotelhos.svg#wbotelhos) format("svg"); | ||
739 | + src: url(../fonts/wbotelhos.ttf) format("truetype"); | ||
740 | + src: url(../fonts/wbotelhos.woff) format("woff") | ||
741 | +} | ||
742 | + | ||
743 | +[class^="i-"], [class*=" i-"] { | ||
744 | + -moz-osx-font-smoothing: grayscale; | ||
745 | + -webkit-font-smoothing: antialiased; | ||
746 | + font-family: "wbotelhos"; | ||
747 | + font-style: normal; | ||
748 | + font-variant: normal; | ||
749 | + font-weight: normal; | ||
750 | + line-height: 1; | ||
751 | + speak: none; | ||
752 | + text-transform: none | ||
753 | +} | ||
754 | + | ||
755 | +.i-file-zip:before { | ||
756 | + content: "\e600" | ||
757 | +} | ||
758 | + | ||
759 | +.i-lab:before { | ||
760 | + content: "\e601" | ||
761 | +} | ||
762 | + | ||
763 | +.i-labs:before { | ||
764 | + content: "\e602" | ||
765 | +} | ||
766 | + | ||
767 | +.i-github:before { | ||
768 | + content: "\e603" | ||
769 | +} | ||
770 | + | ||
771 | +.i-linkedin:before { | ||
772 | + content: "\e604" | ||
773 | +} | ||
774 | + | ||
775 | +.i-twitter:before { | ||
776 | + content: "\e605" | ||
777 | +} | ||
778 | + | ||
779 | +.i-cog:before { | ||
780 | + content: "\e606" | ||
781 | +} | ||
782 | + | ||
783 | +.i-feed:before { | ||
784 | + content: "\e607" | ||
785 | +} | ||
786 | + | ||
787 | +.i-file:before { | ||
788 | + content: "\e608" | ||
789 | +} | ||
790 | + | ||
791 | +.i-heart:before { | ||
792 | + content: "\e609" | ||
793 | +} | ||
794 | + | ||
795 | +.i-envelope:before { | ||
796 | + content: "\e60a" | ||
797 | +} | ||
798 | + | ||
799 | +.i-exit:before { | ||
800 | + content: "\e60b" | ||
801 | +} | ||
802 | + | ||
803 | +.i-profile:before { | ||
804 | + content: "\e60c" | ||
805 | +} | ||
806 | + | ||
807 | +.button { | ||
808 | + -webkit-border-radius: 4px; | ||
809 | + -moz-border-radius: 4px; | ||
810 | + -ms-border-radius: 4px; | ||
811 | + -o-border-radius: 4px; | ||
812 | + border-radius: 4px; | ||
813 | + border: none; | ||
814 | + color: #fff; | ||
815 | + display: inline-block; | ||
816 | + font-size: 1.1em; | ||
817 | + font-weight: bold; | ||
818 | + height: 45px; | ||
819 | + padding: 10px | ||
820 | +} | ||
821 | + | ||
822 | +.button.blue { | ||
823 | + background-color: #6ecff5 | ||
824 | +} | ||
825 | + | ||
826 | +.button.blue:hover { | ||
827 | + background-color: #1ab8f3; | ||
828 | + color: #fff | ||
829 | +} | ||
830 | + | ||
831 | +.button.blue:active { | ||
832 | + background-color: #0aa5df | ||
833 | +} | ||
834 | + | ||
835 | +.button.green { | ||
836 | + background-color: #5bbd72 | ||
837 | +} | ||
838 | + | ||
839 | +.button.green:hover { | ||
840 | + background-color: #58cb73; | ||
841 | + color: #fff | ||
842 | +} | ||
843 | + | ||
844 | +.button.green:active { | ||
845 | + background-color: #4cb164 | ||
846 | +} | ||
847 | + | ||
848 | +.button.green-dark { | ||
849 | + background-color: #00b5ad | ||
850 | +} | ||
851 | + | ||
852 | +.button.green-dark:hover { | ||
853 | + background-color: #009a93; | ||
854 | + color: #fff | ||
855 | +} | ||
856 | + | ||
857 | +.button.green-dark:active { | ||
858 | + background-color: #00847e | ||
859 | +} | ||
860 | + | ||
861 | +#replying-cancel, #replying-to { | ||
862 | + display: inline-block; | ||
863 | + visibility: hidden | ||
864 | +} | ||
865 | + | ||
866 | +#replying-cancel { | ||
867 | + margin-left: 2px | ||
868 | +} | ||
869 | + | ||
870 | +#replying-to { | ||
871 | + margin-left: 10px | ||
872 | +} | ||
873 | + | ||
874 | +#replying-to strong { | ||
875 | + color: #777 | ||
876 | +} | ||
877 | + | ||
878 | +.comments { | ||
879 | + font-size: 1.3em; | ||
880 | + margin-top: 50px | ||
881 | +} | ||
882 | + | ||
883 | +.comments abbr { | ||
884 | + color: #aaa; | ||
885 | + font-size: 0.9em; | ||
886 | + margin-left: 5px | ||
887 | +} | ||
888 | + | ||
889 | +.comments blockquote p { | ||
890 | + font-size: 1em | ||
891 | +} | ||
892 | + | ||
893 | +.comments h1 { | ||
894 | + font-size: 1.5em | ||
895 | +} | ||
896 | + | ||
897 | +.comments h2 { | ||
898 | + font-size: 1.3em | ||
899 | +} | ||
900 | + | ||
901 | +.comments h3, .comments h4, .comments h5, .comments h6 { | ||
902 | + font-size: 0.9em | ||
903 | +} | ||
904 | + | ||
905 | +.comments header { | ||
906 | + margin-bottom: 5px | ||
907 | +} | ||
908 | + | ||
909 | +.comments header a { | ||
910 | + margin-right: 5px; | ||
911 | + text-decoration: none | ||
912 | +} | ||
913 | + | ||
914 | +.comments ol { | ||
915 | + list-style: none; | ||
916 | + padding: 0 | ||
917 | +} | ||
918 | + | ||
919 | +.comments pre { | ||
920 | + font-size: 0.9em | ||
921 | +} | ||
922 | + | ||
923 | +.comments ul { | ||
924 | + font-size: 0.9em; | ||
925 | + list-style: circle; | ||
926 | + padding-left: 5px | ||
927 | +} | ||
928 | + | ||
929 | +.comments .anchor, .comments .edit, .comments .reply { | ||
930 | + color: #777; | ||
931 | + font-size: 0.9em; | ||
932 | + text-decoration: none | ||
933 | +} | ||
934 | + | ||
935 | +.comments .anchor:hover, .comments .edit:hover, .comments .reply:hover { | ||
936 | + color: #555; | ||
937 | + transition: color 0s ease 0s, color 0.2s ease-in 0s | ||
938 | +} | ||
939 | + | ||
940 | +.comments .anchor, .comments .reply { | ||
941 | + margin-right: 5px | ||
942 | +} | ||
943 | + | ||
944 | +.comments .author { | ||
945 | + background-color: #ccc | ||
946 | +} | ||
947 | + | ||
948 | +.comments .avatar { | ||
949 | + height: 48px; | ||
950 | + left: 0; | ||
951 | + position: absolute; | ||
952 | + top: 8px; | ||
953 | + width: 48px | ||
954 | +} | ||
955 | + | ||
956 | +.comments .avatar img { | ||
957 | + -webkit-border-radius: 3px; | ||
958 | + -moz-border-radius: 3px; | ||
959 | + -ms-border-radius: 3px; | ||
960 | + -o-border-radius: 3px; | ||
961 | + border-radius: 3px | ||
962 | +} | ||
963 | + | ||
964 | +.comments .body { | ||
965 | + margin-bottom: 10px; | ||
966 | + min-height: 56px; | ||
967 | + padding-left: 40px; | ||
968 | + padding-top: 8px; | ||
969 | + position: relative | ||
970 | +} | ||
971 | + | ||
972 | +.comments .comment { | ||
973 | + border-top: 1px solid #ddd; | ||
974 | + padding-left: 15px; | ||
975 | + position: relative; | ||
976 | + word-wrap: break-word | ||
977 | +} | ||
978 | + | ||
979 | +.comments .flag { | ||
980 | + -webkit-border-radius: 3px; | ||
981 | + -moz-border-radius: 3px; | ||
982 | + -ms-border-radius: 3px; | ||
983 | + -o-border-radius: 3px; | ||
984 | + border-radius: 3px; | ||
985 | + border-radius: 3px; | ||
986 | + color: #fff; | ||
987 | + font-size: 0.9em; | ||
988 | + padding: 3px 7px; | ||
989 | + letter-spacing: 0.7px | ||
990 | +} | ||
991 | + | ||
992 | +.comments .pending { | ||
993 | + background-color: #ff8080 | ||
994 | +} | ||
995 | + | ||
996 | +.new_comment input[type="submit"], .edit_comment input[type="submit"] { | ||
997 | + margin-top: 0 | ||
998 | +} | ||
999 | + | ||
1000 | +.new_comment textarea, .edit_comment textarea { | ||
1001 | + height: 100px | ||
1002 | +} | ||
1003 | + | ||
1004 | +.new_comment .not-human input, .edit_comment .not-human input { | ||
1005 | + vertical-align: top | ||
1006 | +} | ||
1007 | + | ||
1008 | +.new_comment .not-human label, .edit_comment .not-human label { | ||
1009 | + display: inline; | ||
1010 | + font-size: 1.2em; | ||
1011 | + padding-right: 5px; | ||
1012 | + vertical-align: top | ||
1013 | +} | ||
1014 | + | ||
1015 | +.new_comment a { | ||
1016 | + text-decoration: none | ||
1017 | +} | ||
1018 | + | ||
1019 | +.new_comment .tip { | ||
1020 | + color: #777; | ||
1021 | + font-size: 1.1em; | ||
1022 | + margin-top: 2px | ||
1023 | +} | ||
1024 | + | ||
1025 | +@media only screen and (min-width: 480px) { | ||
1026 | + .edit_comment, .new_comment { | ||
1027 | + margin-left: auto; | ||
1028 | + margin-right: auto; | ||
1029 | + width: 80% | ||
1030 | + } | ||
1031 | + | ||
1032 | + .edit_comment { | ||
1033 | + margin-top: 30px | ||
1034 | + } | ||
1035 | +} | ||
1036 | + | ||
1037 | +@media only screen and (min-width: 568px) { | ||
1038 | + .comments abbr { | ||
1039 | + font-size: 0.8em | ||
1040 | + } | ||
1041 | + | ||
1042 | + .comments pre { | ||
1043 | + font-size: 0.8em | ||
1044 | + } | ||
1045 | + | ||
1046 | + .comments .anchor, .comments .edit, .comments .reply { | ||
1047 | + font-size: 0.9em | ||
1048 | + } | ||
1049 | + | ||
1050 | + .comments .body { | ||
1051 | + padding-left: 7px | ||
1052 | + } | ||
1053 | + | ||
1054 | + .comments .comment { | ||
1055 | + padding-left: 48px | ||
1056 | + } | ||
1057 | + | ||
1058 | + .comments .flag { | ||
1059 | + font-size: 0.8em | ||
1060 | + } | ||
1061 | + | ||
1062 | + .new_comment textarea, .edit_comment textarea { | ||
1063 | + height: 200px | ||
1064 | + } | ||
1065 | + | ||
1066 | + .new_comment .not-human input, .new_comment .not-human label, .edit_comment .not-human input, .edit_comment .not-human label { | ||
1067 | + vertical-align: middle | ||
1068 | + } | ||
1069 | +} | ||
1070 | + | ||
1071 | +@media only screen and (min-width: 1024px) { | ||
1072 | + .new_comment, .edit_comment { | ||
1073 | + width: 60% | ||
1074 | + } | ||
1075 | +} | ||
1076 | + | ||
1077 | +.navigation > a, .navigation .i-heart { | ||
1078 | + width: 33% | ||
1079 | +} | ||
1080 | + | ||
1081 | +.navigation .download { | ||
1082 | + font-size: 1.8em; | ||
1083 | + padding-bottom: 5px; | ||
1084 | + width: 100% | ||
1085 | +} | ||
1086 | + | ||
1087 | +.navigation .labs { | ||
1088 | + margin-left: 8px | ||
1089 | +} | ||
1090 | + | ||
1091 | +.header a { | ||
1092 | + font-size: 2.2em | ||
1093 | +} | ||
1094 | + | ||
1095 | +.header div { | ||
1096 | + font-weight: bold | ||
1097 | +} | ||
1098 | + | ||
1099 | +.header h1 { | ||
1100 | + margin-bottom: 7px; | ||
1101 | + margin-top: 5px | ||
1102 | +} | ||
1103 | + | ||
1104 | +@media only screen and (min-width: 768px) { | ||
1105 | + .header { | ||
1106 | + float: left | ||
1107 | + } | ||
1108 | + | ||
1109 | + .navigation { | ||
1110 | + float: right | ||
1111 | + } | ||
1112 | +} |
assets/css/style.css
0 → 100644
1 | +/*//取消苹果手机的闪烁*/ | ||
2 | +* { | ||
3 | + -webkit-tap-highlight-color: transparent !important; | ||
4 | + /*font-family:"Microsoft YaHei UI",'PingFangSC-Regular';*/ | ||
5 | + /*font-family: 'PingFangSC-Regular';*/ | ||
6 | +} | ||
7 | + | ||
8 | +@font-face { | ||
9 | + font-family: 'PingFangSC-Regular'; | ||
10 | + src: url("../fonts/PingFangRegular.ttf"); | ||
11 | +} | ||
12 | + | ||
13 | +body { | ||
14 | + margin: 0; | ||
15 | + /*padding:0 0 1rem 0;*/ | ||
16 | + background: #F5F5FA; | ||
17 | +} | ||
18 | + | ||
19 | +input { | ||
20 | + border: none; | ||
21 | + outline: none; | ||
22 | + background: none; | ||
23 | + line-height: 100%; | ||
24 | +} | ||
25 | + | ||
26 | +textarea { | ||
27 | + outline: none; | ||
28 | +} | ||
29 | + | ||
30 | +textarea:hover { | ||
31 | + outline: none; | ||
32 | + | ||
33 | +} | ||
34 | + | ||
35 | +a { | ||
36 | + text-decoration: none; | ||
37 | +} | ||
38 | + | ||
39 | +input:hover { | ||
40 | + outline: none; | ||
41 | + | ||
42 | +} | ||
43 | + | ||
44 | +select { | ||
45 | + margin: 0 0 0 0.18rem; | ||
46 | + height: 0.64rem; | ||
47 | + background-color: #f6f6f6; | ||
48 | + border-radius: 0.05rem; | ||
49 | + border: 0.02rem solid #CCCCCC; | ||
50 | + border-radius: 0.05rem; | ||
51 | +} | ||
52 | + | ||
53 | +select option { | ||
54 | + color: #999; | ||
55 | +} | ||
56 | + | ||
57 | +select:hover { | ||
58 | + outline: none; | ||
59 | +} | ||
60 | + | ||
61 | +input::placeholder { | ||
62 | + color: #222 | ||
63 | +} | ||
64 | + | ||
65 | +.weui-picker__item { | ||
66 | + font-size: 0.3rem; | ||
67 | +} | ||
68 | + | ||
69 | +.weui-picker__hd { | ||
70 | + width: auto !important; | ||
71 | + font-size: 0.3rem; | ||
72 | +} | ||
73 | + | ||
74 | +.weui-picker__action { | ||
75 | + display: block; | ||
76 | + -webkit-box-flex: 1; | ||
77 | + -webkit-flex: 1; | ||
78 | + flex: 1; | ||
79 | + color: rgba(0, 153, 204, 1); | ||
80 | +} | ||
81 | + | ||
82 | +.weui-toast { | ||
83 | + position: fixed; | ||
84 | + z-index: 5000; | ||
85 | + padding: 0.2rem 0.25rem; | ||
86 | + top: 180px; | ||
87 | + left: 0; | ||
88 | + right: 0; | ||
89 | + width: 4rem; | ||
90 | + margin: 0 auto; | ||
91 | + /*margin-left: -1rem;*/ | ||
92 | + background: rgba(17, 17, 17, 0.7); | ||
93 | + text-align: center; | ||
94 | + border-radius: 5px; | ||
95 | + color: #FFFFFF; | ||
96 | + display: flex; | ||
97 | + flex-direction: column; | ||
98 | + justify-content: center; | ||
99 | + align-items: center; | ||
100 | +} | ||
101 | + | ||
102 | +.weui-dialog__title { | ||
103 | + font-weight: 500; | ||
104 | +} | ||
105 | + | ||
106 | +.weui-dialog__hd { | ||
107 | + padding: 0rem 0rem 0rem !important; | ||
108 | +} | ||
109 | + | ||
110 | +.weui-skin_android .weui-dialog__hd { | ||
111 | + text-align: left; | ||
112 | + padding: 0rem .6rem 0rem !important; | ||
113 | +} | ||
114 | + | ||
115 | +.weui-skin_android .weui-dialog__title { | ||
116 | + font-size: .38rem; | ||
117 | + font-family: PingFang-SC-Medium; | ||
118 | + color: rgba(0, 0, 0, 1); | ||
119 | +} | ||
120 | + | ||
121 | +.weui-skin_android .weui-dialog__bd { | ||
122 | + color: #999999; | ||
123 | + padding: 0rem .6rem .6rem; | ||
124 | + font-size: .3rem; | ||
125 | + text-align: left; | ||
126 | +} | ||
127 | + | ||
128 | +.weui-skin_android .weui-dialog__btn { | ||
129 | + color: rgba(51, 51, 51, 1); | ||
130 | +} | ||
131 | + | ||
132 | +.weui-toast__content { | ||
133 | + font-size: .3rem; | ||
134 | +} | ||
135 | + | ||
136 | +.weui-picker__item { | ||
137 | + font-size: 0.3rem; | ||
138 | +} | ||
139 | + | ||
140 | +.weui-picker__hd { | ||
141 | + width: auto !important; | ||
142 | + font-size: 0.3rem; | ||
143 | +} | ||
144 | + | ||
145 | +.weui-picker__action { | ||
146 | + display: block; | ||
147 | + -webkit-box-flex: 1; | ||
148 | + -webkit-flex: 1; | ||
149 | + flex: 1; | ||
150 | + color: rgba(247, 123, 32, 1); | ||
151 | +} | ||
152 | + | ||
153 | +.weui-loading { | ||
154 | + width: 0.6rem; | ||
155 | + height: 0.6rem; | ||
156 | +} | ||
157 | + | ||
158 | +.container { | ||
159 | + width: 7.5rem; | ||
160 | + margin: 0 auto; | ||
161 | +} | ||
162 | + | ||
163 | +/*主页样式开始*/ | ||
164 | +.topmain { | ||
165 | + height: 2.4rem; | ||
166 | + color: #FFFFFF; | ||
167 | + font-size: 0.32rem; | ||
168 | + display: flex; | ||
169 | + padding: 0.6rem 0 0.6rem 0.33rem; | ||
170 | + box-sizing: border-box; | ||
171 | + justify-content: space-between; | ||
172 | + align-items: center; | ||
173 | + background-repeat: no-repeat; | ||
174 | + background-position: center; | ||
175 | + background-size: cover; | ||
176 | +} | ||
177 | + | ||
178 | +.topmian_left { | ||
179 | + display: flex; | ||
180 | + align-items: center; | ||
181 | + font-szie: 0.32rem; | ||
182 | +} | ||
183 | + | ||
184 | +.headerimg { | ||
185 | + width: 1.2rem; | ||
186 | + height: 1.2rem; | ||
187 | + border-radius: 50%; | ||
188 | + overflow: hidden; | ||
189 | + margin: 0 0.2rem 0 0; | ||
190 | +} | ||
191 | + | ||
192 | +.headerimg img { | ||
193 | + display: block; | ||
194 | + width: 100%; | ||
195 | + height: 100%; | ||
196 | +} | ||
197 | + | ||
198 | +.topmian_rigth { | ||
199 | + display: flex; | ||
200 | + align-items: center; | ||
201 | + justify-content: center; | ||
202 | + font-size: 0.24rem; | ||
203 | + background: rgba(127, 142, 255, 1); | ||
204 | + border-radius: 0.3rem 0 0 0.3rem; | ||
205 | + height: 0.6rem; | ||
206 | + width: 1.86rem; | ||
207 | + color:#fff; | ||
208 | +} | ||
209 | + | ||
210 | +.topmian_rigth .iconfont { | ||
211 | + font-size: 0.22rem; | ||
212 | + margin: 0 0.05rem 0 0; | ||
213 | +} | ||
214 | + | ||
215 | +.info { | ||
216 | + position: relative; | ||
217 | + height: 0.8rem; | ||
218 | + box-sizing: border-box; | ||
219 | + display: flex; | ||
220 | + align-items: center; | ||
221 | + justify-content: center; | ||
222 | + padding: 0 0 0 0.32rem; | ||
223 | + color: #666666; | ||
224 | + font-size: 0.26rem; | ||
225 | + background: #fff; | ||
226 | +} | ||
227 | + | ||
228 | +.info_txt { | ||
229 | + width: 1.6rem; | ||
230 | + color: #7F8EFF; | ||
231 | + font-size: 0.28rem; | ||
232 | + | ||
233 | +} | ||
234 | + | ||
235 | +.info_y { | ||
236 | + position: relative; | ||
237 | + height: 100%; | ||
238 | + width: 5.9rem; | ||
239 | + overflow: hidden; | ||
240 | + white-space: nowrap; | ||
241 | + text-overflow: ellipsis; | ||
242 | +} | ||
243 | + | ||
244 | +.info_y a { | ||
245 | + color: #333; | ||
246 | + font-size: 0.28rem; | ||
247 | +} | ||
248 | + | ||
249 | +.index_nav { | ||
250 | + margin: 0.16rem 0; | ||
251 | + padding: 0 1.4rem; | ||
252 | + background: #fff; | ||
253 | + height: 1rem; | ||
254 | + display: flex; | ||
255 | + align-items: center; | ||
256 | + justify-content: space-between; | ||
257 | + color: #666; | ||
258 | + font-size: 0.32rem; | ||
259 | +} | ||
260 | + | ||
261 | +.index_navitem { | ||
262 | + border-bottom: 0.04rem solid #fff; | ||
263 | +} | ||
264 | + | ||
265 | +.active { | ||
266 | + color: #576BFF; | ||
267 | + border-bottom: 0.04rem solid #576BFF; | ||
268 | + | ||
269 | +} | ||
270 | + | ||
271 | +.index_cell { | ||
272 | + display: block; | ||
273 | + background: #fff; | ||
274 | + margin: 0 0 0.16rem 0; | ||
275 | + padding: 0.5rem 0.32rem; | ||
276 | + box-sizing: border-box; | ||
277 | + color: #999; | ||
278 | + font-size: 0.26rem; | ||
279 | +} | ||
280 | + | ||
281 | +.titlebox { | ||
282 | + display: flex; | ||
283 | + align-items: center; | ||
284 | + justify-content: space-between; | ||
285 | + color: #262626; | ||
286 | + font-size: 0.3rem; | ||
287 | +} | ||
288 | + | ||
289 | +.title { | ||
290 | + width: 5.9rem; | ||
291 | + white-space: nowrap; | ||
292 | + overflow: hidden; | ||
293 | + text-overflow: ellipsis; | ||
294 | +} | ||
295 | + | ||
296 | +.title_subtxt { | ||
297 | + color: #576BFF; | ||
298 | + font-size: 0.26rem; | ||
299 | + border: 0.01rem solid #576BFF; | ||
300 | + border-radius: 0.05rem; | ||
301 | + padding: 0.03rem 0.16rem; | ||
302 | +} | ||
303 | + | ||
304 | +.cellmain { | ||
305 | + position: relative; | ||
306 | + margin: 0.3rem 0 0 0; | ||
307 | + line-height: 0.4rem; | ||
308 | +} | ||
309 | + | ||
310 | +.cellmain_btn { | ||
311 | + position: absolute; | ||
312 | + bottom: 0; | ||
313 | + right: 0; | ||
314 | + height: 0.6rem; | ||
315 | + display: flex; | ||
316 | + align-items: center; | ||
317 | + justify-content: center; | ||
318 | + color: #FFFFFF; | ||
319 | + font-size: 0.28rem; | ||
320 | + background: #FF9F40; | ||
321 | + border-radius: 0.05rem; | ||
322 | + padding: 0 0.2rem; | ||
323 | + box-sizing: border-box; | ||
324 | +} | ||
325 | + | ||
326 | +.cellmain_btn:active { | ||
327 | + opacity: 0.7; | ||
328 | +} | ||
329 | + | ||
330 | +.bottom_btn { | ||
331 | + | ||
332 | + position: fixed; | ||
333 | + bottom: 0.4rem; | ||
334 | + left: 0.332rem; | ||
335 | + height: 0.8rem; | ||
336 | + border-radius: 0.05rem; | ||
337 | + width: 6.86rem; | ||
338 | + margin: 0 auto; | ||
339 | + background: #576BFF; | ||
340 | + color: #fff; | ||
341 | + font-size: 0.34rem; | ||
342 | + display: flex; | ||
343 | + align-items: center; | ||
344 | + justify-content: center; | ||
345 | +} | ||
346 | + | ||
347 | +/*主页样式结束*/ | ||
348 | +/*我的保修样式开始*/ | ||
349 | +.keep_header { | ||
350 | + position: fixed; | ||
351 | + top: 0; | ||
352 | + left: 0; | ||
353 | + width: 100%; | ||
354 | + height: 1rem; | ||
355 | + background: #fff; | ||
356 | + padding: 0 0.32rem; | ||
357 | + box-sizing: border-box; | ||
358 | + color: #999; | ||
359 | + font-weight: bold; | ||
360 | + font-size: 0.28rem; | ||
361 | + display: flex; | ||
362 | + align-items: center; | ||
363 | + justify-content: space-between; | ||
364 | +} | ||
365 | + | ||
366 | +.header_active { | ||
367 | + position: relative; | ||
368 | + color: #576BFF | ||
369 | +} | ||
370 | + | ||
371 | +.header_active:before { | ||
372 | + content: ''; | ||
373 | + bottom: -0.02rem; | ||
374 | + width: 0.4rem; | ||
375 | + height: 0.03rem; | ||
376 | + position: absolute; | ||
377 | + left: 50%; | ||
378 | + transform: translateX(-50%); | ||
379 | + background: #576BFF; | ||
380 | +} | ||
381 | + | ||
382 | +.keep_cell { | ||
383 | + margin: 0.16rem 0 0 0; | ||
384 | + background: #fff; | ||
385 | + padding: 0.3rem 0.32rem; | ||
386 | + display: flex; | ||
387 | + align-items: center; | ||
388 | + justify-content: space-between; | ||
389 | + box-sizing: border-box; | ||
390 | + color: #999; | ||
391 | + font-size: 0.26rem; | ||
392 | +} | ||
393 | + | ||
394 | +.keep_main { | ||
395 | + width: 5.5rem; | ||
396 | +} | ||
397 | + | ||
398 | +.title_keep { | ||
399 | + color: #292929; | ||
400 | + font-size: 0.3rem; | ||
401 | + margin: 0 0 0.1rem 0; | ||
402 | +} | ||
403 | + | ||
404 | +.keep_txtbox { | ||
405 | + color: #999; | ||
406 | + font-size: 0.26rem; | ||
407 | +} | ||
408 | + | ||
409 | +.keep_btn { | ||
410 | + height: 0.4rem; | ||
411 | + font-size: 0.26rem; | ||
412 | + color: #fff; | ||
413 | + display: flex; | ||
414 | + align-items: center; | ||
415 | + justify-content: center; | ||
416 | + padding: 0 0.15rem; | ||
417 | + background: #576BFF; | ||
418 | + border-radius: 0.05rem; | ||
419 | +} | ||
420 | + | ||
421 | +.yellow { | ||
422 | + background: #FF9F40; | ||
423 | +} | ||
424 | + | ||
425 | +.blue { | ||
426 | + background: #99A5FF; | ||
427 | +} | ||
428 | + | ||
429 | +.gray { | ||
430 | + background: #999999; | ||
431 | +} | ||
432 | + | ||
433 | +.details_cell { | ||
434 | + margin: 0; | ||
435 | +} | ||
436 | + | ||
437 | +.tlak_box { | ||
438 | + background: #fff; | ||
439 | + margin: 0.16rem 0 0 0; | ||
440 | + padding: 0.32rem; | ||
441 | + box-sizing: border-box; | ||
442 | +} | ||
443 | + | ||
444 | +.tlak_title { | ||
445 | + text-align: center; | ||
446 | + color: #262626; | ||
447 | + margin: 0 0 0.24rem 0; | ||
448 | + font-size: 0.28rem; | ||
449 | +} | ||
450 | + | ||
451 | +.tlak_title .iconfont { | ||
452 | + color: #666666; | ||
453 | + font-size: 0.3rem; | ||
454 | +} | ||
455 | + | ||
456 | +.textbox { | ||
457 | + | ||
458 | + width: 100%; | ||
459 | + height: 5.73rem; | ||
460 | + border: 0.01rem solid rgba(230, 230, 230, 1); | ||
461 | + border-radius: 0.05rem; | ||
462 | +} | ||
463 | + | ||
464 | +.textbox textarea { | ||
465 | + border: none; | ||
466 | + width: 98%; | ||
467 | + height: 100%; | ||
468 | + padding: 0.2rem 0.3rem; | ||
469 | + color: #999; | ||
470 | + font-size: 0.28rem; | ||
471 | +} | ||
472 | + | ||
473 | +.textbox textarea::placeholder { | ||
474 | + color: #999; | ||
475 | + font-size: 0.28rem; | ||
476 | +} | ||
477 | + | ||
478 | +.imgbox { | ||
479 | + margin: 0 0.5rem; | ||
480 | + display: flex; | ||
481 | + align-items: center; | ||
482 | + flex-wrap: wrap; | ||
483 | +} | ||
484 | + | ||
485 | +.img_cell { | ||
486 | + display: flex; | ||
487 | + align-items: center; | ||
488 | + justify-content: center; | ||
489 | + margin: 0 0.14rem 0.28rem 0.14rem; | ||
490 | + width: 1.6rem; | ||
491 | + height: 1.6rem; | ||
492 | + background: #E6E6E6; | ||
493 | + border-radius: 0.05rem; | ||
494 | +} | ||
495 | +.img_cell img{ | ||
496 | + width:100%; | ||
497 | + height: 100%; | ||
498 | +} | ||
499 | +.content { | ||
500 | + border: 0.01rem solid rgba(230, 230, 230, 1); | ||
501 | + border-radius: 0.05rem; | ||
502 | + color: #666666; | ||
503 | + font-size: 0.26rem; | ||
504 | + overflow: hidden; | ||
505 | + padding: 0.28rem 0.3rem; | ||
506 | + box-sizing: border-box; | ||
507 | +} | ||
508 | + | ||
509 | +.tel_box { | ||
510 | + margin: 0.24rem 0 0.8rem 0; | ||
511 | + text-align: center; | ||
512 | + font-size: 0.24rem; | ||
513 | + color: #999; | ||
514 | +} | ||
515 | + | ||
516 | +.tel { | ||
517 | + color: #576BFF; | ||
518 | +} | ||
519 | + | ||
520 | +.detail_btn { | ||
521 | + margin: 0 auto 0.8rem auto; | ||
522 | + width: 2.86rem; | ||
523 | + height: 0.8rem; | ||
524 | + border-radius: 0.05rem; | ||
525 | + color: #fff; | ||
526 | + font-size: 0.32rem; | ||
527 | + display: flex; | ||
528 | + align-items: center; | ||
529 | + justify-content: center; | ||
530 | + background: #999999; | ||
531 | +} | ||
532 | + | ||
533 | +/*我的保修样式结束*/ | ||
534 | +/*个人中心样式开始*/ | ||
535 | +.my_top { | ||
536 | + display: flex; | ||
537 | + align-items: center; | ||
538 | + justify-content: center; | ||
539 | +} | ||
540 | + | ||
541 | +.input_box { | ||
542 | + background: #fff; | ||
543 | + padding: 0 0.332rem; | ||
544 | +} | ||
545 | + | ||
546 | +.input_in { | ||
547 | + border-bottom: 0.01rem solid #E6E6E6; | ||
548 | + display: flex; | ||
549 | + justify-content: space-between; | ||
550 | + align-items: center; | ||
551 | + color: #292929; | ||
552 | + font-size: 0.32rem; | ||
553 | + padding: 0.34rem 0; | ||
554 | +} | ||
555 | + | ||
556 | +.input_in:last-child { | ||
557 | + border: none; | ||
558 | +} | ||
559 | + | ||
560 | +.input_tab { | ||
561 | + width: 2.4rem; | ||
562 | +} | ||
563 | + | ||
564 | +.input_cell { | ||
565 | + width: 5rem; | ||
566 | +} | ||
567 | + | ||
568 | +.input_cell input { | ||
569 | + width: 100%; | ||
570 | + color: #292929; | ||
571 | + font-size: 0.32rem; | ||
572 | +} | ||
573 | + | ||
574 | +.input_cell input::placeholder { | ||
575 | + color: #999; | ||
576 | + font-size: 0.32rem; | ||
577 | +} | ||
578 | + | ||
579 | +.my_btn { | ||
580 | + margin: 0.8rem auto 0 auto; | ||
581 | + color: #fff; | ||
582 | + font-size: 0.34rem; | ||
583 | + height: 0.8rem; | ||
584 | + width: 6.86rem; | ||
585 | + display: flex; | ||
586 | + align-items: center; | ||
587 | + justify-content: center; | ||
588 | + background: #576BFF; | ||
589 | + border-radius: 0.05rem; | ||
590 | +} | ||
591 | + | ||
592 | +.my_btn:active { | ||
593 | + opacity: 0.7; | ||
594 | +} | ||
595 | + | ||
596 | +.notice { | ||
597 | + margin: 0.2rem 0.32rem; | ||
598 | + color: #999999; | ||
599 | + font-size: 0.26rem; | ||
600 | +} | ||
601 | + | ||
602 | +.notice a { | ||
603 | + color: #576BFF; | ||
604 | + font-size: 0.26rem; | ||
605 | +} | ||
606 | + | ||
607 | +.mold { | ||
608 | + | ||
609 | + width: 100%; | ||
610 | + height: 100%; | ||
611 | + position: fixed; | ||
612 | + top: 0; | ||
613 | + left: 0; | ||
614 | + display: flex; | ||
615 | + align-items: center; | ||
616 | + justify-content: center; | ||
617 | + background: rgba(0, 0, 0, 0.7); | ||
618 | + z-index:2; | ||
619 | + display: none; | ||
620 | +} | ||
621 | +.inputmold{ | ||
622 | + display: none; | ||
623 | + width: 100%; | ||
624 | + height: 100%; | ||
625 | + position: fixed; | ||
626 | + top: 0; | ||
627 | + left: 0; | ||
628 | + background: rgba(0, 0, 0, 0.4); | ||
629 | + z-index:3; | ||
630 | +} | ||
631 | + | ||
632 | +.mold_mian { | ||
633 | + width: 6.86rem; | ||
634 | + box-sizing: border-box; | ||
635 | + padding:0.2rem 0.34rem 0.48rem 0.34rem; | ||
636 | + background: #fff; | ||
637 | + border-radius: 0.2rem; | ||
638 | +} | ||
639 | +.inputmold_mian{ | ||
640 | + margin: 3.34rem auto 0 auto; | ||
641 | + width: 6.86rem; | ||
642 | + box-sizing: border-box; | ||
643 | + padding:0.9rem 0.4rem 0.48rem 0.4rem; | ||
644 | + background: #fff; | ||
645 | + border-radius: 0.2rem; | ||
646 | +} | ||
647 | + | ||
648 | +.mold_img { | ||
649 | + width: 3.9rem; | ||
650 | + margin: 0 auto; | ||
651 | +} | ||
652 | + | ||
653 | +.mold_img img { | ||
654 | + width: 100%; | ||
655 | +} | ||
656 | +.mold_txt{ | ||
657 | + width:3.93rem; | ||
658 | + margin: 0.36rem auto 0.6rem auto; | ||
659 | + color:#292929; | ||
660 | + font-size:0.32rem; | ||
661 | + text-align: center; | ||
662 | +} | ||
663 | +.mold_btnbox{ | ||
664 | + width:100%; | ||
665 | + display: flex; | ||
666 | + align-items: center; | ||
667 | + justify-content: space-between; | ||
668 | +} | ||
669 | +.mold_btn{ | ||
670 | + width:2.86rem; | ||
671 | + height: 0.8rem; | ||
672 | + display: flex; | ||
673 | + align-items: center; | ||
674 | + justify-content: center; | ||
675 | + color:#8F9BFF; | ||
676 | + font-size:0.34rem; | ||
677 | + font-weight: bold; | ||
678 | + border-radius: 0.05rem; | ||
679 | + border:1px solid #8F9BFF; | ||
680 | +} | ||
681 | +.inputmold_txt{ | ||
682 | + display: flex; | ||
683 | + align-items: center; | ||
684 | + justify-content: space-between; | ||
685 | + color:#292929; | ||
686 | + font-size:0.32rem; | ||
687 | + margin: 0 0 0.89rem 0; | ||
688 | +} | ||
689 | +.input_txtbox{ | ||
690 | + position: relative; | ||
691 | + display: flex; | ||
692 | + align-items: center; | ||
693 | + width:4.3rem; | ||
694 | + height: 0.8rem; | ||
695 | + border:1px solid #e6e6e6; | ||
696 | + border-radius: 0.1rem; | ||
697 | + padding: 0 0.3rem; | ||
698 | + color:#666666; | ||
699 | + font-size: 0.32rem; | ||
700 | + box-sizing: border-box; | ||
701 | +} | ||
702 | +.input_txtbox .span_a{ | ||
703 | + position: absolute; | ||
704 | + top:0.15rem; | ||
705 | + right: 0.3rem; | ||
706 | + display: inline-block; | ||
707 | + width:0.3rem; | ||
708 | + height: 0.14rem; | ||
709 | +} | ||
710 | +.input_txtbox .span_a img{ | ||
711 | + width:100%; | ||
712 | + height: 100%; | ||
713 | +} | ||
714 | +.input_txtbox input{ | ||
715 | + width:100%; | ||
716 | + height: 100%; | ||
717 | +} | ||
718 | +.input_txtbox input::placeholder{ | ||
719 | + color:#999; | ||
720 | + font-size:0.32rem; | ||
721 | +} | ||
722 | +.mold_btn:active{ | ||
723 | + opacity: 0.7; | ||
724 | +} | ||
725 | +.mold_btn_active{ | ||
726 | + background: #576BFF; | ||
727 | + color:#fff; | ||
728 | +} | ||
729 | +.inputmold_btn{ | ||
730 | + justify-content: center; | ||
731 | +} | ||
732 | +.index_mold{ | ||
733 | + display: none; | ||
734 | + width: 100%; | ||
735 | + height: 100%; | ||
736 | + position: fixed; | ||
737 | + top: 0; | ||
738 | + left: 0; | ||
739 | + background: rgba(0, 0, 0, 0.7); | ||
740 | + z-index:4; | ||
741 | +} | ||
742 | +.index_success{ | ||
743 | + display: none; | ||
744 | + width: 100%; | ||
745 | + height: 100%; | ||
746 | + position: fixed; | ||
747 | + top: 0; | ||
748 | + left: 0; | ||
749 | + background: rgba(0, 0, 0, 0.7); | ||
750 | + z-index:5; | ||
751 | +} | ||
752 | +.index_err{ | ||
753 | + display: none; | ||
754 | + width: 100%; | ||
755 | + height: 100%; | ||
756 | + position: fixed; | ||
757 | + top: 0; | ||
758 | + left: 0; | ||
759 | + background: rgba(0, 0, 0, 0.7); | ||
760 | + z-index:5; | ||
761 | +} | ||
762 | +.index_repair{ | ||
763 | + display: none; | ||
764 | + width: 100%; | ||
765 | + height: 100%; | ||
766 | + position: fixed; | ||
767 | + top: 0; | ||
768 | + left: 0; | ||
769 | + background: rgba(0, 0, 0, 0.7); | ||
770 | + z-index:5; | ||
771 | +} | ||
772 | +.index_mold_btn{ | ||
773 | + background: #FF9F40; | ||
774 | + color:#fff; | ||
775 | + border:none ; | ||
776 | +} | ||
777 | +.pricebox{ | ||
778 | + display: flex; | ||
779 | + align-items: center; | ||
780 | + justify-content: space-between; | ||
781 | + color:#FF9F40; | ||
782 | + font-size:0.26rem; | ||
783 | + margin: 0 0 0.48rem 0; | ||
784 | +} | ||
785 | +.price{ | ||
786 | + color:#666666; | ||
787 | + font-size:0.36rem; | ||
788 | + font-weight: bold; | ||
789 | +} | ||
790 | +.xvfei_txt{ | ||
791 | + margin: 0 0 0.4rem 0; | ||
792 | +} | ||
793 | +.success_box{ | ||
794 | + display: flex; | ||
795 | + align-items: center; | ||
796 | + justify-content: center; | ||
797 | + margin: 0 0 0.6rem 0; | ||
798 | +} | ||
799 | +.success_icon{ | ||
800 | + margin: 0 0.28rem 0 0; | ||
801 | + width:0.9rem; | ||
802 | + height: 0.9rem; | ||
803 | + border-radius: 50%; | ||
804 | + overflow: hidden; | ||
805 | +} | ||
806 | +.success_icon img{ | ||
807 | + display: block; | ||
808 | + width:100%; | ||
809 | + height: 100%; | ||
810 | +} | ||
811 | +.success_title{ | ||
812 | + color:#292929; | ||
813 | + font-size:0.4rem; | ||
814 | + margin: 0 0 0.1rem 0; | ||
815 | + font-weight: bold; | ||
816 | +} | ||
817 | +.success_txt{ | ||
818 | + color:#666666; | ||
819 | + font-size:0.26rem; | ||
820 | + width: 3.8rem; | ||
821 | +} | ||
822 | +.success_btn{ | ||
823 | + border:1px solid #FF9F40; | ||
824 | + color:#FF9F40; | ||
825 | +} | ||
826 | +.scroll { | ||
827 | + /*width的大小是根据下面li的长度和多少个li而定的,需注意!*/ | ||
828 | + width:500%; | ||
829 | + position:absolute; | ||
830 | + left:0; | ||
831 | + top:0; | ||
832 | + z-index:100; | ||
833 | +} | ||
834 | +.scroll span { | ||
835 | + float:left; | ||
836 | + display: inline-block; | ||
837 | + line-height:40px; | ||
838 | + text-align:center; | ||
839 | + color:#333; | ||
840 | + font-size:0.23rem; | ||
841 | +} | ||
842 | +.index_navitem a{ | ||
843 | + color:#666666; | ||
844 | +} | ||
845 | +.detail_btnbox{ | ||
846 | + display: flex; | ||
847 | + align-items: center; | ||
848 | + justify-content: space-between; | ||
849 | +} | ||
850 | +.detail_btncell{ | ||
851 | + background: #fff; | ||
852 | + border:1px solid rgba(255,159,64,1); | ||
853 | + color:#FF9F40; | ||
854 | +} | ||
855 | +.detail_paybtn{ | ||
856 | + background:#FF9F40 ; | ||
857 | + color:#fff; | ||
858 | +} | ||
859 | +.btn_submit{ | ||
860 | + background: #576BFF; | ||
861 | + width:6.86rem; | ||
862 | +} | ||
863 | +.add_cell{ | ||
864 | + border:2px #E6E6E6 dashed; | ||
865 | + background: #fff; | ||
866 | +} | ||
867 | +.add_cell .iconfont{ | ||
868 | + color:#999; | ||
869 | + font-size:0.8rem; | ||
870 | + font-weight: bold; | ||
871 | +} | ||
872 | +/*个人中心样式结束*/ |
assets/css/swiper-3.4.2.min.css
0 → 100644
1 | +/** | ||
2 | + * Swiper 3.4.2 | ||
3 | + * Most modern mobile touch slider and framework with hardware accelerated transitions | ||
4 | + * | ||
5 | + * http://www.idangero.us/swiper/ | ||
6 | + * | ||
7 | + * Copyright 2017, Vladimir Kharlampidi | ||
8 | + * The iDangero.us | ||
9 | + * http://www.idangero.us/ | ||
10 | + * | ||
11 | + * Licensed under MIT | ||
12 | + * | ||
13 | + * Released on: March 10, 2017 | ||
14 | + */ | ||
15 | +.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} |
-
请 注册 或 登录 后发表评论