├── README.md
└── 中秋h5宣传页
    ├── .idea
        ├── encodings.xml
        ├── modules.xml
        ├── workspace.xml
        ├── 移动端模板.iml
        └── 雇主30强H5.iml
    ├── css
        ├── animate.css
        ├── index.css
        ├── loading.css
        └── swiper.min.css
    ├── images
        ├── arr.png
        ├── btnLine.png
        ├── close.png
        ├── jiantou.png
        ├── moutain.png
        ├── music2.png
        ├── page1_btn.png
        ├── page2_bg.jpg
        ├── page2_cute.png
        ├── page2_lamp.png
        ├── page2_text.png
        ├── page2_text2.png
        ├── page2_text3.png
        ├── page2_text4.png
        ├── page3_bg.jpg
        ├── page3_text.png
        ├── page3_text2.png
        ├── page3_text3.png
        ├── page3_text4.png
        ├── page3_text5.png
        ├── page3_text6.png
        ├── page3_text7.png
        ├── page4_bg.jpg
        ├── page4_text.png
        ├── page4_text2.png
        ├── page4_text3.png
        ├── page5_bg.jpg
        ├── page5_text.png
        ├── page5_text2.png
        ├── page_beauty.png
        ├── page_bg.jpg
        ├── page_leveas.png
        ├── page_sunny.png
        ├── page_text.png
        ├── page_titleE.png
        ├── page_titleQ.png
        ├── page_titleY.png
        ├── page_titleYY.png
        ├── page_titleZ.png
        ├── showPic.png
        ├── showPic2.png
        ├── showPic3.png
        ├── showPic4.png
        └── showPic5.png
    ├── index.html
    └── js
        ├── index.js
        ├── jquery-2.1.3.min.js
        ├── loadImg.js
        ├── resize.js
        └── swiper.min.js


/README.md:
--------------------------------------------------------------------------------
 1 | # H5-animate-
 2 | 中秋主题--Html5宣传动画网页（swiper）
 3 | 
 4 | 1）此demo利用了swiper框架，animat动画库，还有设置js代码来做到自适应移动端，转换单位是rem，与px转换是/100
 5 | 
 6 | 2）此素材在千图网使用会员下载原创psd，谢谢提供的h5设计稿的作者，利用此设计稿我做成这demo，仅供参考与学习，有做的不好纠正与体谅；
 7 | 
 8 | 3）demo里面使用的动画animate，有些是利用了第三方动画库，不过大部分是自己自定义写的动画效果；不过一般设置动画都很大程度是根据设计稿的
 9 | 主题来构思设置啥样的动画效果比较好。
10 | 
11 | 
12 | 效果图
13 | 
14 | ![Alt text](https://github.com/lilyping/H5-animate-/blob/master/%E4%B8%AD%E7%A7%8Bh5%E5%AE%A3%E4%BC%A0%E9%A1%B5/images/showPic.png)
15 | 
16 | 部分说明：第一页，使用了传送带的循环动画效果；还使用了树叶被风吹后摇晃的动画效果
17 | 
18 | 
19 | ![Alt text](https://github.com/lilyping/H5-animate-/blob/master/%E4%B8%AD%E7%A7%8Bh5%E5%AE%A3%E4%BC%A0%E9%A1%B5/images/showPic2.png)
20 | 
21 | 部分说明：第二页，利用了cut裁剪动画效果（有点类似文本打字出现的效果）；不过cut的动画效果的瑕疵就是设置这种cut效果，安卓显示正常的效果，
22 | 苹果不兼容，效果是直接出现，而不是像打印一样处理；
23 | 
24 | ![Alt text](https://github.com/lilyping/H5-animate-/blob/master/%E4%B8%AD%E7%A7%8Bh5%E5%AE%A3%E4%BC%A0%E9%A1%B5/images/showPic3.png)
25 | 
26 | 部分说明：第三页，使用了字体垂掉，然后掉到一定位置的效果
27 | 
28 | ![Alt text](https://github.com/lilyping/H5-animate-/blob/master/%E4%B8%AD%E7%A7%8Bh5%E5%AE%A3%E4%BC%A0%E9%A1%B5/images/showPic4.png)
29 | 
30 | 部分说明：第四页，使用了h5移动端拖拽效果（仿手机开锁那种效果）
31 | 
32 | ![Alt text](https://github.com/lilyping/H5-animate-/blob/master/%E4%B8%AD%E7%A7%8Bh5%E5%AE%A3%E4%BC%A0%E9%A1%B5/images/showPic5.png)
33 | 
34 | 部分说明：第五页，使用了背景图，由远到近的效果
35 | 


--------------------------------------------------------------------------------
/中秋h5宣传页/.idea/encodings.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="Encoding">
4 |     <file url="file://$PROJECT_DIR$/index.html" charset="UTF-8" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/中秋h5宣传页/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/.idea/雇主30强H5.iml" filepath="$PROJECT_DIR$/.idea/雇主30强H5.iml" />
6 |     </modules>
7 |   </component>
8 | </project>


--------------------------------------------------------------------------------
/中秋h5宣传页/.idea/workspace.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <project version="4">
  3 |   <component name="ChangeListManager">
  4 |     <list default="true" id="358c320a-56de-4f70-9fd1-27209396fa34" name="Default" comment="" />
  5 |     <ignored path="$PROJECT_DIR$/.tmp/" />
  6 |     <ignored path="$PROJECT_DIR$/temp/" />
  7 |     <ignored path="$PROJECT_DIR$/tmp/" />
  8 |     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
  9 |     <option name="TRACKING_ENABLED" value="true" />
 10 |     <option name="SHOW_DIALOG" value="false" />
 11 |     <option name="HIGHLIGHT_CONFLICTS" value="true" />
 12 |     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
 13 |     <option name="LAST_RESOLUTION" value="IGNORE" />
 14 |   </component>
 15 |   <component name="FileEditorManager">
 16 |     <splitter split-orientation="horizontal" split-proportion="0.51627135">
 17 |       <split-first>
 18 |         <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
 19 |           <file leaf-file-name="loadImg.js" pinned="false" current-in-tab="false">
 20 |             <entry file="file://$PROJECT_DIR$/js/loadImg.js">
 21 |               <provider selected="true" editor-type-id="text-editor">
 22 |                 <state relative-caret-position="589">
 23 |                   <caret line="31" column="35" lean-forward="false" selection-start-line="31" selection-start-column="35" selection-end-line="31" selection-end-column="35" />
 24 |                   <folding />
 25 |                 </state>
 26 |               </provider>
 27 |             </entry>
 28 |           </file>
 29 |           <file leaf-file-name="resize.js" pinned="false" current-in-tab="false">
 30 |             <entry file="file://$PROJECT_DIR$/js/resize.js">
 31 |               <provider selected="true" editor-type-id="text-editor">
 32 |                 <state relative-caret-position="0">
 33 |                   <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
 34 |                   <folding />
 35 |                 </state>
 36 |               </provider>
 37 |             </entry>
 38 |           </file>
 39 |           <file leaf-file-name="swiper.min.js" pinned="false" current-in-tab="false">
 40 |             <entry file="file://$PROJECT_DIR$/js/swiper.min.js">
 41 |               <provider selected="true" editor-type-id="text-editor">
 42 |                 <state relative-caret-position="338">
 43 |                   <caret line="14" column="28791" lean-forward="false" selection-start-line="14" selection-start-column="28791" selection-end-line="14" selection-end-column="28791" />
 44 |                   <folding />
 45 |                 </state>
 46 |               </provider>
 47 |             </entry>
 48 |           </file>
 49 |           <file leaf-file-name="loading.css" pinned="false" current-in-tab="false">
 50 |             <entry file="file://$PROJECT_DIR$/css/loading.css">
 51 |               <provider selected="true" editor-type-id="text-editor">
 52 |                 <state relative-caret-position="-1829">
 53 |                   <caret line="13" column="22" lean-forward="false" selection-start-line="13" selection-start-column="22" selection-end-line="13" selection-end-column="22" />
 54 |                   <folding />
 55 |                 </state>
 56 |               </provider>
 57 |             </entry>
 58 |           </file>
 59 |           <file leaf-file-name="swiper.min.css" pinned="false" current-in-tab="false">
 60 |             <entry file="file://$PROJECT_DIR$/css/swiper.min.css">
 61 |               <provider selected="true" editor-type-id="text-editor">
 62 |                 <state relative-caret-position="266">
 63 |                   <caret line="14" column="1" lean-forward="false" selection-start-line="14" selection-start-column="1" selection-end-line="14" selection-end-column="1" />
 64 |                   <folding />
 65 |                 </state>
 66 |               </provider>
 67 |             </entry>
 68 |           </file>
 69 |           <file leaf-file-name="index.js" pinned="false" current-in-tab="false">
 70 |             <entry file="file://$PROJECT_DIR$/js/index.js">
 71 |               <provider selected="true" editor-type-id="text-editor">
 72 |                 <state relative-caret-position="-2603">
 73 |                   <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
 74 |                   <folding />
 75 |                 </state>
 76 |               </provider>
 77 |             </entry>
 78 |           </file>
 79 |           <file leaf-file-name="index.html" pinned="false" current-in-tab="true">
 80 |             <entry file="file://$PROJECT_DIR$/index.html">
 81 |               <provider selected="true" editor-type-id="text-editor">
 82 |                 <state relative-caret-position="208">
 83 |                   <caret line="64" column="65" lean-forward="true" selection-start-line="64" selection-start-column="65" selection-end-line="64" selection-end-column="65" />
 84 |                   <folding>
 85 |                     <element signature="n#style#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
 86 |                     <element signature="n#style#0;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
 87 |                     <element signature="n#style#0;n#div#1;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
 88 |                     <element signature="n#style#0;n#div#2;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
 89 |                     <element signature="n#style#0;n#div#3;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
 90 |                     <element signature="n#style#0;n#div#4;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
 91 |                   </folding>
 92 |                 </state>
 93 |               </provider>
 94 |             </entry>
 95 |           </file>
 96 |         </leaf>
 97 |       </split-first>
 98 |       <split-second>
 99 |         <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
100 |           <file leaf-file-name="index.css" pinned="false" current-in-tab="true">
101 |             <entry file="file://$PROJECT_DIR$/css/index.css">
102 |               <provider selected="true" editor-type-id="text-editor">
103 |                 <state relative-caret-position="201">
104 |                   <caret line="174" column="1" lean-forward="false" selection-start-line="174" selection-start-column="1" selection-end-line="174" selection-end-column="1" />
105 |                   <folding />
106 |                 </state>
107 |               </provider>
108 |             </entry>
109 |           </file>
110 |           <file leaf-file-name="animate.css" pinned="false" current-in-tab="false">
111 |             <entry file="file://$PROJECT_DIR$/css/animate.css">
112 |               <provider selected="true" editor-type-id="text-editor">
113 |                 <state relative-caret-position="76">
114 |                   <caret line="4" column="0" lean-forward="true" selection-start-line="4" selection-start-column="0" selection-end-line="4" selection-end-column="0" />
115 |                   <folding />
116 |                 </state>
117 |               </provider>
118 |             </entry>
119 |           </file>
120 |         </leaf>
121 |       </split-second>
122 |     </splitter>
123 |   </component>
124 |   <component name="FileTemplateManagerImpl">
125 |     <option name="RECENT_TEMPLATES">
126 |       <list>
127 |         <option value="HTML File" />
128 |         <option value="CSS File" />
129 |         <option value="JavaScript File" />
130 |       </list>
131 |     </option>
132 |   </component>
133 |   <component name="FindInProjectRecents">
134 |     <findStrings>
135 |       <find>arr</find>
136 |       <find>img</find>
137 |       <find>page2_title</find>
138 |       <find>page2_endText</find>
139 |       <find>row_logo</find>
140 |       <find>.music</find>
141 |       <find>body</find>
142 |       <find>head</find>
143 |       <find>page2_alert2</find>
144 |       <find>bounceInDown</find>
145 |       <find>flipX</find>
146 |       <find>family</find>
147 |       <find>.page2_content .companyList</find>
148 |       <find>.logoText</find>
149 |       <find>.page2_content .companyList .row .row_logo</find>
150 |       <find>.textAll .logoText</find>
151 |       <find>正威</find>
152 |       <find>font-size</find>
153 |       <find>.circle</find>
154 |       <find>.cLoad</find>
155 |       <find>logo</find>
156 |       <find>#load i</find>
157 |       <find>gb2312</find>
158 |       <find>page1_progress2</find>
159 |       <find>page1_btn</find>
160 |     </findStrings>
161 |   </component>
162 |   <component name="IdeDocumentHistory">
163 |     <option name="CHANGED_PATHS">
164 |       <list>
165 |         <option value="$PROJECT_DIR$/js/index.js" />
166 |         <option value="$PROJECT_DIR$/js/alert2.js" />
167 |         <option value="$PROJECT_DIR$/js/alert.js" />
168 |         <option value="$PROJECT_DIR$/js/share.js" />
169 |         <option value="$PROJECT_DIR$/css/loading.css" />
170 |         <option value="$PROJECT_DIR$/js/loadImg.js" />
171 |         <option value="$PROJECT_DIR$/index.html" />
172 |         <option value="$PROJECT_DIR$/css/index.css" />
173 |         <option value="$PROJECT_DIR$/css/animate.css" />
174 |       </list>
175 |     </option>
176 |   </component>
177 |   <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
178 |   <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
179 |   <component name="JsGulpfileManager">
180 |     <detection-done>true</detection-done>
181 |     <sorting>DEFINITION_ORDER</sorting>
182 |   </component>
183 |   <component name="ProjectFrameBounds" extendedState="1">
184 |     <option name="x" value="-8" />
185 |     <option name="y" value="-8" />
186 |     <option name="width" value="1386" />
187 |     <option name="height" value="788" />
188 |   </component>
189 |   <component name="ProjectView">
190 |     <navigator currentView="ProjectPane" proportions="" version="1">
191 |       <flattenPackages />
192 |       <showMembers />
193 |       <showModules />
194 |       <showLibraryContents />
195 |       <hideEmptyPackages />
196 |       <abbreviatePackageNames />
197 |       <autoscrollToSource />
198 |       <autoscrollFromSource ProjectPane="true" />
199 |       <sortByType />
200 |       <manualOrder />
201 |       <foldersAlwaysOnTop value="true" />
202 |     </navigator>
203 |     <panes>
204 |       <pane id="Scratches" />
205 |       <pane id="Scope" />
206 |       <pane id="ProjectPane">
207 |         <subPane>
208 |           <expand>
209 |             <path>
210 |               <item name="中秋h5宣传页" type="b2602c69:ProjectViewProjectNode" />
211 |               <item name="中秋h5宣传页" type="462c0819:PsiDirectoryNode" />
212 |             </path>
213 |             <path>
214 |               <item name="中秋h5宣传页" type="b2602c69:ProjectViewProjectNode" />
215 |               <item name="中秋h5宣传页" type="462c0819:PsiDirectoryNode" />
216 |               <item name="css" type="462c0819:PsiDirectoryNode" />
217 |             </path>
218 |             <path>
219 |               <item name="中秋h5宣传页" type="b2602c69:ProjectViewProjectNode" />
220 |               <item name="中秋h5宣传页" type="462c0819:PsiDirectoryNode" />
221 |               <item name="js" type="462c0819:PsiDirectoryNode" />
222 |             </path>
223 |           </expand>
224 |           <select />
225 |         </subPane>
226 |       </pane>
227 |     </panes>
228 |   </component>
229 |   <component name="PropertiesComponent">
230 |     <property name="WebServerToolWindowFactoryState" value="false" />
231 |     <property name="last_opened_file_path" value="$PROJECT_DIR$" />
232 |     <property name="HbShouldOpenHtmlAsHb" value="" />
233 |     <property name="DefaultHtmlFileTemplate" value="HTML File" />
234 |     <property name="list.type.of.created.stylesheet" value="CSS" />
235 |   </component>
236 |   <component name="RunDashboard">
237 |     <option name="ruleStates">
238 |       <list>
239 |         <RuleState>
240 |           <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
241 |         </RuleState>
242 |         <RuleState>
243 |           <option name="name" value="StatusDashboardGroupingRule" />
244 |         </RuleState>
245 |       </list>
246 |     </option>
247 |   </component>
248 |   <component name="RunManager" selected="JavaScript Debug.index.html (4)">
249 |     <configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js">
250 |       <node-interpreter>project</node-interpreter>
251 |       <node-options />
252 |       <gulpfile />
253 |       <tasks />
254 |       <arguments />
255 |       <envs />
256 |     </configuration>
257 |     <configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application">
258 |       <method />
259 |     </configuration>
260 |     <configuration default="true" type="DartTestRunConfigurationType" factoryName="Dart Test">
261 |       <method />
262 |     </configuration>
263 |     <configuration default="true" type="JavaScriptTestRunnerJest" factoryName="Jest">
264 |       <node-interpreter value="project" />
265 |       <working-dir value="" />
266 |       <envs />
267 |       <scope-kind value="ALL" />
268 |       <method />
269 |     </configuration>
270 |     <configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma">
271 |       <config-file value="" />
272 |       <node-interpreter value="project" />
273 |       <envs />
274 |       <method />
275 |     </configuration>
276 |     <configuration default="true" type="JavaScriptTestRunnerProtractor" factoryName="Protractor">
277 |       <config-file value="" />
278 |       <node-interpreter value="project" />
279 |       <envs />
280 |       <method />
281 |     </configuration>
282 |     <configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug">
283 |       <method />
284 |     </configuration>
285 |     <configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" path-to-node="project" working-dir="">
286 |       <method />
287 |     </configuration>
288 |     <configuration default="true" type="cucumber.js" factoryName="Cucumber.js">
289 |       <option name="cucumberJsArguments" value="" />
290 |       <option name="executablePath" />
291 |       <option name="filePath" />
292 |       <method />
293 |     </configuration>
294 |     <configuration default="true" type="js.build_tools.npm" factoryName="npm">
295 |       <command value="run" />
296 |       <scripts />
297 |       <node-interpreter value="project" />
298 |       <envs />
299 |       <method />
300 |     </configuration>
301 |     <configuration default="true" type="mocha-javascript-test-runner" factoryName="Mocha">
302 |       <node-interpreter>project</node-interpreter>
303 |       <node-options />
304 |       <working-directory />
305 |       <pass-parent-env>true</pass-parent-env>
306 |       <envs />
307 |       <ui />
308 |       <extra-mocha-options />
309 |       <test-kind>DIRECTORY</test-kind>
310 |       <test-directory />
311 |       <recursive>false</recursive>
312 |       <method />
313 |     </configuration>
314 |     <configuration name="index.html (1)" type="JavascriptDebugType" factoryName="JavaScript Debug" temporary="true" nameIsGenerated="true" uri="http://localhost:63342/雇主30强H5/index.html" />
315 |     <configuration name="index.html (2)" type="JavascriptDebugType" factoryName="JavaScript Debug" temporary="true" nameIsGenerated="true" uri="http://localhost:63342/H5模板最终修改版/index.html" />
316 |     <configuration name="index.html (3)" type="JavascriptDebugType" factoryName="JavaScript Debug" temporary="true" nameIsGenerated="true" uri="http://localhost:63342/1H5模板最终修改版(loading)/index.html" />
317 |     <configuration name="index.html (4)" type="JavascriptDebugType" factoryName="JavaScript Debug" temporary="true" nameIsGenerated="true" uri="http://localhost:63342/中秋h5宣传页/index.html" />
318 |     <configuration name="loadImg.js" type="NodeJSConfigurationType" factoryName="Node.js" temporary="true" path-to-node="project" path-to-js-file="loadImg.js" working-dir="$PROJECT_DIR$/js" />
319 |     <list size="5">
320 |       <item index="0" class="java.lang.String" itemvalue="JavaScript Debug.index.html (1)" />
321 |       <item index="1" class="java.lang.String" itemvalue="Node.js.loadImg.js" />
322 |       <item index="2" class="java.lang.String" itemvalue="JavaScript Debug.index.html (2)" />
323 |       <item index="3" class="java.lang.String" itemvalue="JavaScript Debug.index.html (3)" />
324 |       <item index="4" class="java.lang.String" itemvalue="JavaScript Debug.index.html (4)" />
325 |     </list>
326 |     <recent_temporary>
327 |       <list size="5">
328 |         <item index="0" class="java.lang.String" itemvalue="JavaScript Debug.index.html (4)" />
329 |         <item index="1" class="java.lang.String" itemvalue="JavaScript Debug.index.html (3)" />
330 |         <item index="2" class="java.lang.String" itemvalue="JavaScript Debug.index.html (2)" />
331 |         <item index="3" class="java.lang.String" itemvalue="JavaScript Debug.index.html (1)" />
332 |         <item index="4" class="java.lang.String" itemvalue="Node.js.loadImg.js" />
333 |       </list>
334 |     </recent_temporary>
335 |   </component>
336 |   <component name="ShelveChangesManager" show_recycled="false">
337 |     <option name="remove_strategy" value="false" />
338 |   </component>
339 |   <component name="SvnConfiguration">
340 |     <configuration />
341 |   </component>
342 |   <component name="TaskManager">
343 |     <task active="true" id="Default" summary="Default task">
344 |       <changelist id="358c320a-56de-4f70-9fd1-27209396fa34" name="Default" comment="" />
345 |       <created>1503201278007</created>
346 |       <option name="number" value="Default" />
347 |       <option name="presentableId" value="Default" />
348 |       <updated>1503201278007</updated>
349 |       <workItem from="1503201282756" duration="3476000" />
350 |       <workItem from="1503623461176" duration="434000" />
351 |       <workItem from="1503625132182" duration="54000" />
352 |       <workItem from="1503829073555" duration="1454000" />
353 |       <workItem from="1504251507252" duration="1349000" />
354 |       <workItem from="1511255314310" duration="2162000" />
355 |       <workItem from="1511258900647" duration="234000" />
356 |       <workItem from="1516152142378" duration="630000" />
357 |       <workItem from="1516153650722" duration="2454000" />
358 |       <workItem from="1516156694260" duration="19873000" />
359 |       <workItem from="1516181347778" duration="9134000" />
360 |       <workItem from="1516238425935" duration="6000" />
361 |       <workItem from="1516238434468" duration="85000" />
362 |       <workItem from="1516238524457" duration="3382000" />
363 |       <workItem from="1516242098448" duration="15626000" />
364 |       <workItem from="1516602056391" duration="881000" />
365 |       <workItem from="1516603061798" duration="110000" />
366 |       <workItem from="1516603178453" duration="60000" />
367 |       <workItem from="1521020387465" duration="2543000" />
368 |       <workItem from="1523498852461" duration="125000" />
369 |       <workItem from="1523499061134" duration="733000" />
370 |       <workItem from="1523500098056" duration="1736000" />
371 |       <workItem from="1523522249737" duration="2000" />
372 |       <workItem from="1528682725931" duration="3489000" />
373 |       <workItem from="1528688740905" duration="87000" />
374 |       <workItem from="1528688923154" duration="1359000" />
375 |       <workItem from="1528696498780" duration="2388000" />
376 |       <workItem from="1528859617802" duration="837000" />
377 |       <workItem from="1528860572022" duration="3586000" />
378 |       <workItem from="1528871512958" duration="1278000" />
379 |       <workItem from="1528872981653" duration="350000" />
380 |       <workItem from="1528873836665" duration="698000" />
381 |       <workItem from="1528875647288" duration="1569000" />
382 |       <workItem from="1528878538682" duration="5728000" />
383 |       <workItem from="1528897629802" duration="2207000" />
384 |     </task>
385 |     <servers />
386 |   </component>
387 |   <component name="TimeTrackingManager">
388 |     <option name="totallyTimeSpent" value="90119000" />
389 |   </component>
390 |   <component name="ToolWindowManager">
391 |     <frame x="-8" y="-8" width="1386" height="788" extended-state="1" />
392 |     <editor active="true" />
393 |     <layout>
394 |       <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.046735905" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
395 |       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
396 |       <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
397 |       <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
398 |       <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
399 |       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
400 |       <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
401 |       <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
402 |       <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.0" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
403 |       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
404 |       <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
405 |       <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
406 |       <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
407 |       <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
408 |       <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
409 |       <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
410 |     </layout>
411 |   </component>
412 |   <component name="TypeScriptGeneratedFilesManager">
413 |     <option name="version" value="1" />
414 |   </component>
415 |   <component name="VcsContentAnnotationSettings">
416 |     <option name="myLimit" value="2678400000" />
417 |   </component>
418 |   <component name="XDebuggerManager">
419 |     <breakpoint-manager>
420 |       <option name="time" value="4" />
421 |     </breakpoint-manager>
422 |     <watches-manager />
423 |   </component>
424 |   <component name="editorHistoryManager">
425 |     <entry file="file://$PROJECT_DIR$/images/page_bg.jpg" />
426 |     <entry file="file://$PROJECT_DIR$/images/page_center.png" />
427 |     <entry file="file://$PROJECT_DIR$/images/page_btn.png" />
428 |     <entry file="file://$PROJECT_DIR$/images/page_btn2.png" />
429 |     <entry file="file://$PROJECT_DIR$/images/page2_logo2.png" />
430 |     <entry file="file://$PROJECT_DIR$/js/alert.js" />
431 |     <entry file="file://$PROJECT_DIR$/js/share.js" />
432 |     <entry file="jar://$APPLICATION_HOME_DIR$/lib/webstorm.jar!/resources/html5-schema/html5/phrase.rnc">
433 |       <provider selected="true" editor-type-id="text-editor">
434 |         <state relative-caret-position="338">
435 |           <caret line="167" column="16" lean-forward="false" selection-start-line="167" selection-start-column="16" selection-end-line="167" selection-end-column="16" />
436 |           <folding />
437 |         </state>
438 |       </provider>
439 |     </entry>
440 |     <entry file="file://$PROJECT_DIR$/images/page_logo.png" />
441 |     <entry file="file://$PROJECT_DIR$/images/page1_logo.png" />
442 |     <entry file="file://$PROJECT_DIR$/images/page_beauty.png">
443 |       <provider selected="true" editor-type-id="images">
444 |         <state />
445 |       </provider>
446 |     </entry>
447 |     <entry file="file://$PROJECT_DIR$/images/page_titleQ.png">
448 |       <provider selected="true" editor-type-id="images">
449 |         <state />
450 |       </provider>
451 |     </entry>
452 |     <entry file="file://$PROJECT_DIR$/images/page_titleY.png">
453 |       <provider selected="true" editor-type-id="images">
454 |         <state />
455 |       </provider>
456 |     </entry>
457 |     <entry file="file://$PROJECT_DIR$/images/page_titleE.png">
458 |       <provider selected="true" editor-type-id="images">
459 |         <state />
460 |       </provider>
461 |     </entry>
462 |     <entry file="file://$PROJECT_DIR$/images/page_leveas.png">
463 |       <provider selected="true" editor-type-id="images">
464 |         <state />
465 |       </provider>
466 |     </entry>
467 |     <entry file="file://$PROJECT_DIR$/images/page2_lamp.png">
468 |       <provider selected="true" editor-type-id="images">
469 |         <state />
470 |       </provider>
471 |     </entry>
472 |     <entry file="file://$PROJECT_DIR$/images/page2_cute.png">
473 |       <provider selected="true" editor-type-id="images">
474 |         <state />
475 |       </provider>
476 |     </entry>
477 |     <entry file="file://$PROJECT_DIR$/images/page2_text.png">
478 |       <provider selected="true" editor-type-id="images">
479 |         <state />
480 |       </provider>
481 |     </entry>
482 |     <entry file="file://$PROJECT_DIR$/images/page2_text3.png">
483 |       <provider selected="true" editor-type-id="images">
484 |         <state />
485 |       </provider>
486 |     </entry>
487 |     <entry file="file://$PROJECT_DIR$/images/page2_text4.png">
488 |       <provider selected="true" editor-type-id="images">
489 |         <state />
490 |       </provider>
491 |     </entry>
492 |     <entry file="file://$PROJECT_DIR$/images/page4_text.png">
493 |       <provider selected="true" editor-type-id="images">
494 |         <state />
495 |       </provider>
496 |     </entry>
497 |     <entry file="file://$PROJECT_DIR$/images/page4_text2.png">
498 |       <provider selected="true" editor-type-id="images">
499 |         <state />
500 |       </provider>
501 |     </entry>
502 |     <entry file="file://$PROJECT_DIR$/images/page4_text3.png">
503 |       <provider selected="true" editor-type-id="images">
504 |         <state />
505 |       </provider>
506 |     </entry>
507 |     <entry file="file://$PROJECT_DIR$/images/page_sunny.png">
508 |       <provider selected="true" editor-type-id="images">
509 |         <state />
510 |       </provider>
511 |     </entry>
512 |     <entry file="file://$PROJECT_DIR$/images/moutain.png">
513 |       <provider selected="true" editor-type-id="images">
514 |         <state />
515 |       </provider>
516 |     </entry>
517 |     <entry file="file://$PROJECT_DIR$/images/page_titleYY.png">
518 |       <provider selected="true" editor-type-id="images">
519 |         <state />
520 |       </provider>
521 |     </entry>
522 |     <entry file="file://$PROJECT_DIR$/images/page_text.png">
523 |       <provider selected="true" editor-type-id="images">
524 |         <state />
525 |       </provider>
526 |     </entry>
527 |     <entry file="file://$PROJECT_DIR$/images/page3_text.png">
528 |       <provider selected="true" editor-type-id="images">
529 |         <state />
530 |       </provider>
531 |     </entry>
532 |     <entry file="file://$PROJECT_DIR$/images/page3_text4.png">
533 |       <provider selected="true" editor-type-id="images">
534 |         <state />
535 |       </provider>
536 |     </entry>
537 |     <entry file="file://$PROJECT_DIR$/images/page3_text3.png">
538 |       <provider selected="true" editor-type-id="images">
539 |         <state />
540 |       </provider>
541 |     </entry>
542 |     <entry file="file://$PROJECT_DIR$/images/page3_text2.png">
543 |       <provider selected="true" editor-type-id="images">
544 |         <state />
545 |       </provider>
546 |     </entry>
547 |     <entry file="file://$PROJECT_DIR$/images/page3_text5.png">
548 |       <provider selected="true" editor-type-id="images">
549 |         <state />
550 |       </provider>
551 |     </entry>
552 |     <entry file="file://$PROJECT_DIR$/images/page3_text7.png">
553 |       <provider selected="true" editor-type-id="images">
554 |         <state />
555 |       </provider>
556 |     </entry>
557 |     <entry file="file://$PROJECT_DIR$/images/page3_text6.png">
558 |       <provider selected="true" editor-type-id="images">
559 |         <state />
560 |       </provider>
561 |     </entry>
562 |     <entry file="file://$PROJECT_DIR$/images/page5_text2.png">
563 |       <provider selected="true" editor-type-id="images">
564 |         <state />
565 |       </provider>
566 |     </entry>
567 |     <entry file="file://$PROJECT_DIR$/images/page5_text.png">
568 |       <provider selected="true" editor-type-id="images">
569 |         <state />
570 |       </provider>
571 |     </entry>
572 |     <entry file="file://$PROJECT_DIR$/images/btnLine.png">
573 |       <provider selected="true" editor-type-id="images">
574 |         <state />
575 |       </provider>
576 |     </entry>
577 |     <entry file="file://$PROJECT_DIR$/images/page1_btn.png">
578 |       <provider selected="true" editor-type-id="images">
579 |         <state />
580 |       </provider>
581 |     </entry>
582 |     <entry file="file://G:/整理公司需要用的笔记/animate（动画）/移动端拖拽效果/jsgc101733/js/loadImg.js" />
583 |     <entry file="file://G:/整理公司需要用的笔记/animate（动画）/移动端拖拽效果/jsgc101733/index.html" />
584 |     <entry file="file://$PROJECT_DIR$/images/page_titleZ.png">
585 |       <provider selected="true" editor-type-id="images">
586 |         <state />
587 |       </provider>
588 |     </entry>
589 |     <entry file="file://$PROJECT_DIR$/images/page2_text2.png">
590 |       <provider selected="true" editor-type-id="images">
591 |         <state />
592 |       </provider>
593 |     </entry>
594 |     <entry file="file://$PROJECT_DIR$/css/animate.css">
595 |       <provider selected="true" editor-type-id="text-editor">
596 |         <state relative-caret-position="76">
597 |           <caret line="4" column="0" lean-forward="true" selection-start-line="4" selection-start-column="0" selection-end-line="4" selection-end-column="0" />
598 |           <folding />
599 |         </state>
600 |       </provider>
601 |     </entry>
602 |     <entry file="file://$PROJECT_DIR$/css/loading.css">
603 |       <provider selected="true" editor-type-id="text-editor">
604 |         <state relative-caret-position="-1829">
605 |           <caret line="13" column="22" lean-forward="false" selection-start-line="13" selection-start-column="22" selection-end-line="13" selection-end-column="22" />
606 |           <folding />
607 |         </state>
608 |       </provider>
609 |     </entry>
610 |     <entry file="file://$PROJECT_DIR$/css/swiper.min.css">
611 |       <provider selected="true" editor-type-id="text-editor">
612 |         <state relative-caret-position="266">
613 |           <caret line="14" column="1" lean-forward="false" selection-start-line="14" selection-start-column="1" selection-end-line="14" selection-end-column="1" />
614 |           <folding />
615 |         </state>
616 |       </provider>
617 |     </entry>
618 |     <entry file="file://$PROJECT_DIR$/js/index.js">
619 |       <provider selected="true" editor-type-id="text-editor">
620 |         <state relative-caret-position="-2603">
621 |           <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
622 |           <folding />
623 |         </state>
624 |       </provider>
625 |     </entry>
626 |     <entry file="file://$PROJECT_DIR$/js/loadImg.js">
627 |       <provider selected="true" editor-type-id="text-editor">
628 |         <state relative-caret-position="589">
629 |           <caret line="31" column="35" lean-forward="false" selection-start-line="31" selection-start-column="35" selection-end-line="31" selection-end-column="35" />
630 |           <folding />
631 |         </state>
632 |       </provider>
633 |     </entry>
634 |     <entry file="file://$PROJECT_DIR$/js/resize.js">
635 |       <provider selected="true" editor-type-id="text-editor">
636 |         <state relative-caret-position="0">
637 |           <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
638 |           <folding />
639 |         </state>
640 |       </provider>
641 |     </entry>
642 |     <entry file="file://$PROJECT_DIR$/js/swiper.min.js">
643 |       <provider selected="true" editor-type-id="text-editor">
644 |         <state relative-caret-position="338">
645 |           <caret line="14" column="28791" lean-forward="false" selection-start-line="14" selection-start-column="28791" selection-end-line="14" selection-end-column="28791" />
646 |           <folding />
647 |         </state>
648 |       </provider>
649 |     </entry>
650 |     <entry file="file://$PROJECT_DIR$/index.html">
651 |       <provider selected="true" editor-type-id="text-editor">
652 |         <state relative-caret-position="208">
653 |           <caret line="64" column="65" lean-forward="true" selection-start-line="64" selection-start-column="65" selection-end-line="64" selection-end-column="65" />
654 |           <folding>
655 |             <element signature="n#style#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
656 |             <element signature="n#style#0;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
657 |             <element signature="n#style#0;n#div#1;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
658 |             <element signature="n#style#0;n#div#2;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
659 |             <element signature="n#style#0;n#div#3;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
660 |             <element signature="n#style#0;n#div#4;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="true" />
661 |           </folding>
662 |         </state>
663 |       </provider>
664 |     </entry>
665 |     <entry file="file://$PROJECT_DIR$/css/index.css">
666 |       <provider selected="true" editor-type-id="text-editor">
667 |         <state relative-caret-position="201">
668 |           <caret line="174" column="1" lean-forward="false" selection-start-line="174" selection-start-column="1" selection-end-line="174" selection-end-column="1" />
669 |           <folding />
670 |         </state>
671 |       </provider>
672 |     </entry>
673 |   </component>
674 | </project>


--------------------------------------------------------------------------------
/中秋h5宣传页/.idea/移动端模板.iml:
--------------------------------------------------------------------------------
 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>


--------------------------------------------------------------------------------
/中秋h5宣传页/.idea/雇主30强H5.iml:
--------------------------------------------------------------------------------
 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>


--------------------------------------------------------------------------------
/中秋h5宣传页/css/index.css:
--------------------------------------------------------------------------------
   1 | /*reset*/
   2 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
   3 | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
   4 | ol, ul { list-style: none; }
   5 | blockquote, q { quotes: none; }
   6 | blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
   7 | table { border-collapse: collapse; border-spacing: 0; }
   8 | * { tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-size: contain; background-repeat: no-repeat; }
   9 | body{ font-family: "Microsoft YaHei";line-height: 1; }
  10 | input, textarea { outline: 0; resize: none; }
  11 | a{ display: block; height: 100%; text-decoration: none; }
  12 | img{ width: 100%;vertical-align: top;}
  13 | html,body {width:100%; height:100%;margin:0;padding:0;}
  14 | 
  15 | /*music*/
  16 | .music{position:absolute;width:.31rem;height:.31rem;z-index:2;top:0.75rem;right:0.625rem; z-index:99;}
  17 | .play{-webkit-animation:music 1.5s linear infinite;animation:music 1.5s linear infinite;}
  18 | a.arr{position:absolute;z-index:100; bottom:0.25rem;left:50%; margin-left:-.325rem; width:.65rem; height:.51rem; -webkit-animation:arr2 1s linear infinite;animation:arr2 1s linear infinite;}
  19 | @-webkit-keyframes arr2{
  20 |     0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
  21 |     100%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0;}
  22 | }
  23 | @keyframes arr2{
  24 |     0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
  25 |     100%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0;}
  26 | }
  27 | @keyframes music{
  28 |     0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  29 |     100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
  30 | }
  31 | 
  32 | @-webkit-keyframes music{
  33 |     0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  34 |     100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
  35 | }
  36 | 
  37 | /*Loading CSS*/
  38 | .loadwrap{  width: 100%;height: 100%;background-color:#000;position: absolute;z-index: 99;}
  39 | #caseBlanche {  height:1.5rem;  width :1.5rem;  float : left;  position: absolute;  z-index: 99;  left: 0;right: 0;top: -17%;bottom: 0;margin: auto;}
  40 | /*#caseBlanche #load {height:1.5rem; width:1.5rem; color : #fff;font-family : calibri;text-align : center;position : absolute;top: .88rem;font-size:0.24rem;line-height:.5rem;text-align: center;}*/
  41 | #load{
  42 |     position:absolute;
  43 |     top:38%;
  44 |     left:48%;
  45 | }
  46 | #load i{height: 100%;display: inline-block;width: 100%;text-align: center;line-height: 1.84rem;font-size: .16rem;}
  47 | /*#load{position:absolute;top: -17%;bottom: 0;}*/
  48 | .loading{position: absolute;top:1.712rem; width: 100%; color:#fff;font-size:0.24rem;text-align: center;}
  49 | 
  50 | .caseBlanche_logo img{
  51 |     width:2.81rem;
  52 |     position: absolute;
  53 |     left:50%;
  54 |     margin-left:-1.41rem;
  55 |     top:28%;
  56 |     /*top:-3rem;*/
  57 | }
  58 | canvas{
  59 |     width:4rem;
  60 |     height:3rem;
  61 | }
  62 | .cLoad {
  63 |     width:4rem;
  64 |     height:3rem;
  65 |     display: block;
  66 |     position: absolute;
  67 |     left:50%;
  68 |     top:30%;
  69 |     margin-left: -2rem;
  70 | }
  71 | /*swiper*/
  72 | body {
  73 |     font-family: "Microsoft YaHei";
  74 |     font-size: .14rem;
  75 |     color:#000;
  76 |     margin: 0;
  77 |     padding: 0;
  78 |     width:100%;
  79 |     height:100%;
  80 |     overflow: hidden;
  81 | }
  82 | .swiper-container {
  83 |     width: 100%;
  84 |     height: 100%;
  85 | }
  86 | .swiper-slide {
  87 |     /*text-align: center;*/
  88 |     font-size: .18px;
  89 |     background: #fff;
  90 | 
  91 |     /* Center slide text vertically */
  92 |     display: -webkit-box;
  93 |     display: -ms-flexbox;
  94 |     display: -webkit-flex;
  95 |     display: flex;
  96 |     -webkit-box-pack: center;
  97 |     -ms-flex-pack: center;
  98 |     -webkit-justify-content: center;
  99 |     justify-content: center;
 100 |     -webkit-box-align: center;
 101 |     -ms-flex-align: center;
 102 |     -webkit-align-items: center;
 103 |     align-items: center;
 104 |     overflow: hidden;
 105 | }
 106 | /*隐藏*/
 107 | .hide{
 108 |     opacity:0;
 109 | }
 110 | .page_common{
 111 |     width:100%;
 112 |     height:100%;
 113 |     position:relative;
 114 | }
 115 | .page_1{
 116 |     background-color: #000;
 117 |     background:url(../images/page_bg.jpg) center top no-repeat;
 118 |     background-size:cover;
 119 | }
 120 | .page_2{
 121 |     background-color: #000;
 122 |     background:url(../images/page2_bg.jpg) center top no-repeat;
 123 |     background-size:cover;
 124 | }
 125 | .page_3{
 126 |     background-color: #000;
 127 |     background:url(../images/page3_bg.jpg) center top no-repeat;
 128 |     background-size:cover;
 129 | }
 130 | /*@-webkit-keyframes scale {*/
 131 |      /*0%{*/
 132 |          /*opacity: 1;*/
 133 |          /*-webkit-transform: scale(1);*/
 134 |      /*}*/
 135 |      /*100%{*/
 136 |          /*opacity: 1;*/
 137 |          /*-webkit-transform: scale(1.04);*/
 138 |      /*}*/
 139 |  /*}*/
 140 | /*@keyframes scale {*/
 141 |     /*0%{*/
 142 |         /*opacity: 1;*/
 143 |         /*-webkit-transform: scale(1);*/
 144 |     /*}*/
 145 |     /*100%{*/
 146 |         /*opacity: 1;*/
 147 |         /*-webkit-transform: scale(1.04);*/
 148 |     /*}*/
 149 | /*}*/
 150 | .page_4{
 151 |     background-color: #000;
 152 |     background:url(../images/page4_bg.jpg) center top no-repeat;
 153 |     background-size:cover;
 154 | }
 155 | .page_5{
 156 |     background-color: #000;
 157 |     background:url(../images/page5_bg.jpg) center top no-repeat;
 158 |     background-size:cover;
 159 |     animation:scale 1.4s .4s linear infinite;
 160 |     -webkit-animation:scale 1.4s .4s linear infinite;
 161 | }
 162 | 
 163 | @-webkit-keyframes scale {
 164 |     0%{
 165 |         opacity: 1;
 166 |         height:100%
 167 |     }
 168 |     50%{
 169 |         opacity: 1;
 170 |         height:104%
 171 |     }
 172 |     100%{
 173 |         opacity: 1;
 174 |         height:108%;
 175 |     }
 176 | }
 177 | @keyframes scale {
 178 |     0%{
 179 |         opacity: 1;
 180 |         height:100%
 181 |     }
 182 |     50%{
 183 |         opacity: 1;
 184 |         height:104%
 185 |     }
 186 |     100%{
 187 |         opacity: 1;
 188 |         height:108%;
 189 |     }
 190 | }
 191 | 
 192 | 
 193 | 
 194 | 
 195 | 
 196 | /*page1*/
 197 | .page_beauty{
 198 |     width: 3.71rem;
 199 |     position: absolute;
 200 |     left:1.74rem;
 201 |     top:.84rem;
 202 | }
 203 | .moutain{
 204 |     /*width: 100%;*/
 205 |     width: 200%;
 206 |     /*min-width: 6.4rem;*/
 207 |     height:1.33rem;
 208 |     position: absolute;
 209 |     left:0;
 210 |     top:6.8rem;
 211 |     opacity: .6;
 212 |     /*background: url('../images/moutain.png') repeat-x;*/
 213 |     /*background-size: 100%;*/
 214 |     animation: scroll 5s 2s linear infinite;
 215 |     -webkit-animation: scroll 8s 2s linear infinite;
 216 | }
 217 | /*流动的水*/
 218 | @keyframes scroll{
 219 |     from{}
 220 |     to{margin-left: -100%;}
 221 | }
 222 | @-webkit-keyframes scroll{
 223 |     from{}
 224 |     to{margin-left: -100%;}
 225 | }
 226 | .page_titleZ{
 227 |     width: .53rem;
 228 |     position: absolute;
 229 |     left:1.78rem;
 230 |     top:6.4rem;
 231 | }
 232 | .page_titleQ{
 233 |     width: .7rem;
 234 |     position: absolute;
 235 |     left:2.3rem;
 236 |     top:6.46rem;
 237 | }
 238 | .page_titleY{
 239 |     width: .45rem;
 240 |     position: absolute;
 241 |     left:3.04rem;
 242 |     top:6.46rem;
 243 | }
 244 | .page_titleE{
 245 |     width: .64rem;
 246 |     position: absolute;
 247 |     left:3.66rem;
 248 |     top:6.46rem;
 249 | }
 250 | .page_titleYY{
 251 |     width: .51rem;
 252 |     position: absolute;
 253 |     left:4.36rem;
 254 |     top:6.46rem;
 255 | }
 256 | .page_text{
 257 |     width: 4.21rem;
 258 |     position: absolute;
 259 |     left:1.28rem;
 260 |     top:7.22rem;
 261 | }
 262 | .page_leveas{
 263 |     width: 1.84rem;
 264 |     position: absolute;
 265 |     left:0;
 266 |     bottom:0;
 267 | }
 268 | .page_sunny{
 269 |     width: 5.6rem;
 270 |     position: absolute;
 271 |     left:.5rem;
 272 |     top:.14rem;
 273 | }
 274 | 
 275 | /*page2*/
 276 | .page2_lamp{
 277 |     width:1.19rem;
 278 |     position: absolute;
 279 |     left:5.16rem;
 280 |     top:1.58rem;
 281 | }
 282 | .page2_cute{
 283 |     width:2.41rem;
 284 |     position: absolute;
 285 |     left:0;
 286 |     bottom:0;
 287 | }
 288 | .page2_text{
 289 |     width:.38rem;
 290 |     position: absolute;
 291 |     left:4.84rem;
 292 |     top:3.6rem;
 293 | }
 294 | .page2_text2{
 295 |     width:.39rem;
 296 |     position: absolute;
 297 |     left:4.08rem;
 298 |     top:4.2rem;
 299 | }
 300 | .page2_text3{
 301 |     width:.38rem;
 302 |     position: absolute;
 303 |     left:3.38rem;
 304 |     top:5rem;
 305 | }
 306 | .page2_text4{
 307 |     width:.38rem;
 308 |     position: absolute;
 309 |     left:2.6rem;
 310 |     top:5.6rem;
 311 | }
 312 | 
 313 | /*page3*/
 314 | .page3_text{
 315 |     width:1rem;
 316 |     position: absolute;
 317 |     left:2.61rem;
 318 |     top:.48rem;
 319 | }
 320 | .page3_text2{
 321 |     width:.38rem;
 322 |     position: absolute;
 323 |     left:1.58rem;
 324 |     top:.46rem;
 325 | }
 326 | .page3_text3{
 327 |     width:.48rem;
 328 |     position: absolute;
 329 |     left:1.32rem;
 330 |     top:1.46rem;
 331 | }
 332 | .page3_text4{
 333 |     width:.48rem;
 334 |     position: absolute;
 335 |     left:1.7rem;
 336 |     top:2.2rem;
 337 | }
 338 | .page3_text5{
 339 |      width:.34rem;
 340 |      position: absolute;
 341 |      left:1.58rem;
 342 |      top:3.02rem;
 343 |  }
 344 | .page3_text6{
 345 |     width:.4rem;
 346 |     position: absolute;
 347 |     left:.6rem;
 348 |     top:1.58rem;
 349 | }
 350 | .page3_text7{
 351 |     width:.62rem;
 352 |     position: absolute;
 353 |     left:.6rem;
 354 |     top:2.98rem;
 355 | }
 356 | 
 357 | /*page4*/
 358 | .page4_text{
 359 |     width:.97rem;
 360 |     position: absolute;
 361 |     left:5.12rem;
 362 |     top:.34rem;
 363 | }
 364 | .page4_text2{
 365 |     width:.52rem;
 366 |     position: absolute;
 367 |     left:4.26rem;
 368 |     top:.34rem;
 369 | }
 370 | .page4_text3{
 371 |     width:.67rem;
 372 |     position: absolute;
 373 |     left:3.44rem;
 374 |     top:.98rem;
 375 | }
 376 | .btnLine{
 377 |     width:5.67rem;
 378 |     position: absolute;
 379 |     left:50%;
 380 |     margin-left: -2.835rem;
 381 |     top:8.3rem;
 382 | }
 383 | .page1_btn{
 384 |     width:.92rem;
 385 |     position: absolute;
 386 |     left:1.72rem;
 387 |     top:8rem;
 388 |     animation:btn .6s linear infinite;
 389 |     -webkit-animation:btn .6s linear infinite;
 390 | }
 391 | @-webkit-keyframes btn {
 392 |     0%{
 393 |         opacity: 1;
 394 |         left:1.72rem;
 395 |     }
 396 |     100%{
 397 |         opacity: 1;
 398 |         left:1.82rem;
 399 |     }
 400 | }
 401 | @keyframes btn {
 402 |     0%{
 403 |         opacity: 1;
 404 |         left:1.72rem;
 405 |     }
 406 |     100%{
 407 |         opacity: 1;
 408 |         left:1.82rem;
 409 |     }
 410 | }
 411 | /*page5*/
 412 | .page5_text2{
 413 |     width:1.52rem;
 414 |     position: absolute;
 415 |     left:2.34rem;
 416 |     top:.38rem;
 417 | }
 418 | .page5_text{
 419 |     width:4.37rem;
 420 |     position: absolute;
 421 |     left:.9rem;
 422 |     top:1.54rem;
 423 | }
 424 | 
 425 | /*animate infinite*/
 426 | 
 427 | .swiper-slide-active .page_sunny{
 428 |     -webkit-animation:flash 1.6s .4s linear infinite;
 429 |     animation:flash 1.6s .4s linear infinite;
 430 | }
 431 | .swiper-slide-active .page_beauty{
 432 |     -webkit-animation:smallbig .6s .6s linear forwards,beauty 1.2s .8s linear infinite;
 433 |     animation:smallbig .6s .6s linear forwards,beauty 1.2s .8s linear infinite;
 434 | }
 435 | @-webkit-keyframes beauty {
 436 |     0%{
 437 |         left:1.64rem;
 438 |         top:.74rem;
 439 |     }
 440 |     50%{
 441 |         left:1.74rem;
 442 |         top:.84rem;
 443 |     }
 444 |     100%{
 445 |         left:1.84rem;
 446 |         top:.94rem;
 447 |     }
 448 | }
 449 | @keyframes beauty {
 450 |     0%{
 451 |         left:1.64rem;
 452 |         top:.74rem;
 453 |     }
 454 |     50%{
 455 |         left:1.74rem;
 456 |         top:.84rem;
 457 |     }
 458 |     100%{
 459 |         left:1.84rem;
 460 |         top:.94rem;
 461 |     }
 462 | }
 463 | 
 464 | .swiper-slide-active .page_titleZ{
 465 |     -webkit-animation:tree .4s 1.2s linear forwards;
 466 |     animation:tree .4s 1.2s linear forwards;
 467 | }
 468 | .swiper-slide-active .page_titleQ{
 469 |     -webkit-animation:tree .4s 1.5s linear forwards;
 470 |     animation:tree .4s 1.5s linear forwards;
 471 | }
 472 | .swiper-slide-active .page_titleY{
 473 |     -webkit-animation:tree .4s 1.7s linear forwards;
 474 |     animation:tree .4s 1.7s linear forwards;
 475 | }
 476 | .swiper-slide-active .page_titleE{
 477 |     -webkit-animation:tree .4s 1.9s linear forwards;
 478 |     animation:tree .4s 1.9s linear forwards;
 479 | }
 480 | .swiper-slide-active .page_titleYY{
 481 |     -webkit-animation:tree .4s 2.1s linear forwards;
 482 |     animation:tree .4s 2.1s linear forwards;
 483 | }
 484 | @-webkit-keyframes tree {
 485 |     0% {
 486 |         opacity: 0;
 487 |         -webkit-transform: scale(0);
 488 |         -webkit-transform-origin:center bottom;
 489 |     }
 490 |     100%{
 491 |         opacity:1;
 492 |         -webkit-transform: scale(1);
 493 |         -webkit-transform-origin:center bottom;
 494 |     }
 495 | }
 496 | @keyframes tree {
 497 |     0% {
 498 |         opacity: 0;
 499 |         transform: scale(0);
 500 |         transform-origin:center bottom;
 501 |     }
 502 |     100%{
 503 |         opacity:1;
 504 |         transform: scale(1);
 505 |         transform-origin:center bottom;
 506 |     }
 507 | }
 508 | .swiper-slide-active .page_text{
 509 |     -webkit-animation:txt 1s 2.5s linear forwards;
 510 |     animation:txt 1s 2.5s linear forwards;
 511 | }
 512 | @-webkit-keyframes txt {
 513 |     0% {
 514 |         opacity: 0;
 515 |         top:8.22rem;
 516 |     }
 517 |     100%{
 518 |         opacity:1;
 519 |         top:7.22rem;
 520 |     }
 521 | }
 522 | @keyframes txt {
 523 |     0% {
 524 |         opacity: 0;
 525 |         top:8.22rem;
 526 |     }
 527 |     100%{
 528 |         opacity:1;
 529 |         top:7.22rem;
 530 |     }
 531 | }
 532 | 
 533 | .swiper-slide-active .page_leveas{
 534 |     -webkit-animation:leveas 1.6s 1.6s linear infinite;
 535 |     animation:leveas 1.6s 1.6s linear infinite;
 536 | }
 537 | @-webkit-keyframes leveas{
 538 |     0%{
 539 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 540 |         transform: rotate3d(0, 0, 1, 0deg);
 541 |         -webkit-transform-origin: bottom left;
 542 |         transform-origin: bottom left;
 543 |         -webkit-animation-timing-function: ease-in-out;
 544 |         animation-timing-function: ease-in-out;
 545 |         opacity: 1;
 546 |     }
 547 |     50%{
 548 |         -webkit-transform: rotate3d(0, 0, 1, -6deg);
 549 |         transform: rotate3d(0, 0, 1, -6deg);
 550 |         -webkit-transform-origin: bottom left;
 551 |         transform-origin: bottom left;
 552 |         -webkit-animation-timing-function: ease-in-out;
 553 |         animation-timing-function: ease-in-out;
 554 |         opacity: 1;
 555 |     }
 556 |     100%{
 557 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 558 |         transform: rotate3d(0, 0, 1, 0deg);
 559 |         -webkit-transform-origin: bottom left;
 560 |         transform-origin: bottom left;
 561 |         -webkit-animation-timing-function: ease-in-out;
 562 |         animation-timing-function: ease-in-out;
 563 |         opacity: 1;
 564 |     }
 565 | }
 566 | @keyframes leveas{
 567 |     0%{
 568 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 569 |         transform: rotate3d(0, 0, 1, 0deg);
 570 |         -webkit-transform-origin: bottom left;
 571 |         transform-origin: bottom left;
 572 |         -webkit-animation-timing-function: ease-in-out;
 573 |         animation-timing-function: ease-in-out;
 574 |         opacity: 1;
 575 |     }
 576 |     50%{
 577 |         -webkit-transform: rotate3d(0, 0, 1, -6deg);
 578 |         transform: rotate3d(0, 0, 1, -6deg);
 579 |         -webkit-transform-origin: bottom left;
 580 |         transform-origin: bottom left;
 581 |         -webkit-animation-timing-function: ease-in-out;
 582 |         animation-timing-function: ease-in-out;
 583 |         opacity: 1;
 584 |     }
 585 |     100%{
 586 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 587 |         transform: rotate3d(0, 0, 1, 0deg);
 588 |         -webkit-transform-origin: bottom left;
 589 |         transform-origin: bottom left;
 590 |         -webkit-animation-timing-function: ease-in-out;
 591 |         animation-timing-function: ease-in-out;
 592 |         opacity: 1;
 593 |     }
 594 | 
 595 | }
 596 | 
 597 | /*page2*/
 598 | .swiper-slide-active .page2_lamp{
 599 |     -webkit-animation:lampS .6s .3s linear forwards,lamp 1.2s .9s linear infinite;
 600 |     animation:lampS .6s .3s linear forwards,lamp 1.2s .9s linear infinite;
 601 | }
 602 | @-webkit-keyframes lampS {
 603 |     0%{
 604 |         opacity: 1;
 605 |         -webkit-transform: scale(1);
 606 |     }
 607 |     100%{
 608 |         opacity: 1;
 609 |         -webkit-transform: scale(.6);
 610 |     }
 611 | }
 612 | 
 613 | @keyframes lampS {
 614 |     0%{
 615 |         opacity: 1;
 616 |         transform: scale(1);
 617 |     }
 618 |     100%{
 619 |         opacity: 1;
 620 |         transform: scale(.6);
 621 |     }
 622 | }
 623 | @-webkit-keyframes lamp{
 624 |     0%{
 625 |         opacity: 1;
 626 |        top:1.38rem;
 627 |     }
 628 |     100%{
 629 |         opacity: 1;
 630 |         top:1.58rem;
 631 |     }
 632 | }
 633 | @keyframes lamp{
 634 |     0%{
 635 |         opacity: 1;
 636 |         top:1.38rem;
 637 |     }
 638 |     100%{
 639 |         opacity: 1;
 640 |         top:1.58rem;
 641 |     }
 642 | }
 643 | 
 644 | .swiper-slide-active .page2_cute{
 645 |     -webkit-animation:cute 1.2s .3s linear forwards;
 646 |     animation:cute 1.2s .3s linear forwards;
 647 | }
 648 | @-webkit-keyframes cute {
 649 |     0%{
 650 |         opacity: 0;
 651 |         -webkit-transform: translateX(-100%);
 652 |     }
 653 |     100%{
 654 |         opacity: 1;
 655 |         -webkit-transform: translateX(0);
 656 |     }
 657 | }
 658 | @keyframes cute {
 659 |     0%{
 660 |         opacity: 0;
 661 |         transform: translateX(-100%);
 662 |     }
 663 |     100%{
 664 |         opacity: 1;
 665 |         transform: translateX(0);
 666 |     }
 667 | }
 668 | 
 669 | .swiper-slide-active .page2_text{
 670 |     -webkit-animation:cut 1s .6s linear forwards;
 671 |     animation:cut 1s .6s linear forwards;
 672 | }
 673 | @-webkit-keyframes cut{
 674 |     0%{opacity: 1;clip: rect(0,4.84rem,1rem,0);}
 675 |     100%{opacity: 1;clip: rect(0,4.84rem,4.38rem,0);}
 676 | }
 677 | @keyframes cut{
 678 |     0%{opacity: 1;clip:  rect(0,4.84rem,1rem,0);}
 679 |     100%{opacity: 1;clip: rect(0,4.84rem,4.38rem,0);}
 680 | }
 681 | .swiper-slide-active .page2_text2{
 682 |     -webkit-animation:cut2 1s 1.2s linear forwards;
 683 |     animation:cut2 1s 1.2s linear forwards;
 684 | }
 685 | @-webkit-keyframes cut2{
 686 |     0%{opacity: 1;clip: rect(0,4.08rem,1rem,0);}
 687 |     100%{opacity: 1;clip: rect(0,4.08rem,4.98rem,0);}
 688 | }
 689 | @keyframes cut2{
 690 |     0%{opacity: 1;clip:  rect(0,4.08rem,1rem,0);}
 691 |     100%{opacity: 1;clip: rect(0,4.08rem,4.98rem,0);}
 692 | }
 693 | .swiper-slide-active .page2_text3{
 694 |     -webkit-animation:cut3 1s 1.8s linear forwards;
 695 |     animation:cut3 1s 1.8s linear forwards;
 696 | }
 697 | @-webkit-keyframes cut3{
 698 |     0%{opacity: 1;clip: rect(0,3.38rem,1rem,0);}
 699 |     100%{opacity: 1;clip: rect(0,3.38rem,5.58rem,0);}
 700 | }
 701 | @keyframes cut3{
 702 |     0%{opacity: 1;clip:  rect(0,3.38rem,1rem,0);}
 703 |     100%{opacity: 1;clip: rect(0,3.38rem,5.58rem,0);}
 704 | }
 705 | .swiper-slide-active .page2_text4{
 706 |     -webkit-animation:cut4 1s 2.4s linear forwards;
 707 |     animation:cut4 1s 2.4s linear forwards;
 708 | }
 709 | @-webkit-keyframes cut4{
 710 |     0%{opacity: 1;clip: rect(0,2.6rem,1rem,0);}
 711 |     100%{opacity: 1;clip: rect(0,2.6rem,6.12rem,0);}
 712 | }
 713 | @keyframes cut4{
 714 |     0%{opacity: 1;clip:  rect(0,2.6rem,1rem,0);}
 715 |     100%{opacity: 1;clip: rect(0,2.6rem,6.12rem,0);}
 716 | }
 717 | /*page3*/
 718 | .swiper-slide-active .page3_text{
 719 |     -webkit-animation:smallbig .4s .3s linear forwards;
 720 |     animation:smallbig .4s .3s linear forwards;
 721 | }
 722 | .swiper-slide-active .page3_text2{
 723 |     -webkit-animation:page3_text2 .8s .7s linear forwards;
 724 |     animation:page3_text2 .8s .7s linear forwards;
 725 | }
 726 | @-webkit-keyframes  page3_text2{
 727 |    0%{
 728 |        opacity: 0;
 729 |        top:0;
 730 |    }
 731 |     100%{
 732 |         opacity: 1;
 733 |         top:.46rem;
 734 |     }
 735 | }
 736 | @keyframes  page3_text2{
 737 |     0%{
 738 |         opacity: 0;
 739 |         top:0;
 740 |     }
 741 |     100%{
 742 |         opacity: 1;
 743 |         top:.46rem;
 744 |     }
 745 | }
 746 | .swiper-slide-active .page3_text5{
 747 |     -webkit-animation:page3_text5 .8s 1s linear forwards;
 748 |     animation:page3_text5 .8s 1s linear forwards;
 749 | }
 750 | @-webkit-keyframes  page3_text5{
 751 |     0%{
 752 |         opacity: 0;
 753 |         top:0;
 754 |     }
 755 |     100%{
 756 |         opacity: 1;
 757 |         top:3.02rem;
 758 |     }
 759 | }
 760 | @keyframes  page3_text5{
 761 |     0%{
 762 |         opacity: 0;
 763 |         top:0;
 764 |     }
 765 |     100%{
 766 |         opacity: 1;
 767 |         top:3.02rem;
 768 |     }
 769 | }
 770 | .swiper-slide-active .page3_text3{
 771 |     -webkit-animation:page3_text3 .6s 1.6s linear forwards;
 772 |     animation:page3_text3 .6s 1.6s linear forwards;
 773 | }
 774 | 
 775 | 
 776 | @-webkit-keyframes page3_text3{
 777 |     0%{
 778 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 779 |         transform: rotate3d(0, 0, 1, 0deg);
 780 |         -webkit-transform-origin: bottom center;
 781 |         transform-origin: bottom center;
 782 |         -webkit-animation-timing-function: ease-in-out;
 783 |         animation-timing-function: ease-in-out;
 784 |         opacity: 1;
 785 |         top:.16rem;
 786 |     }
 787 |     50%{
 788 |         -webkit-transform: rotate3d(0, 0, 1, -6deg);
 789 |         transform: rotate3d(0, 0, 1, -6deg);
 790 |         -webkit-transform-origin: bottom center;
 791 |         transform-origin: bottom center;
 792 |         -webkit-animation-timing-function: ease-in-out;
 793 |         animation-timing-function: ease-in-out;
 794 |         opacity: 1;
 795 |         top:.16rem;
 796 |     }
 797 |     100%{
 798 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 799 |         transform: rotate3d(0, 0, 1, 0deg);
 800 |         -webkit-transform-origin: bottom center;
 801 |         transform-origin: bottom center;
 802 |         -webkit-animation-timing-function: ease-in-out;
 803 |         animation-timing-function: ease-in-out;
 804 |         opacity: 1;
 805 |         top:1.46rem;
 806 |     }
 807 | }
 808 | @keyframes page3_text3{
 809 |     0%{
 810 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 811 |         transform: rotate3d(0, 0, 1, 0deg);
 812 |         -webkit-transform-origin: bottom center;
 813 |         transform-origin: bottom center;
 814 |         -webkit-animation-timing-function: ease-in-out;
 815 |         animation-timing-function: ease-in-out;
 816 |         opacity: 1;
 817 |         top:.16rem;
 818 |     }
 819 |     50%{
 820 |         -webkit-transform: rotate3d(0, 0, 1, -6deg);
 821 |         transform: rotate3d(0, 0, 1, -6deg);
 822 |         -webkit-transform-origin: bottom center;
 823 |         transform-origin: bottom center;
 824 |         -webkit-animation-timing-function: ease-in-out;
 825 |         animation-timing-function: ease-in-out;
 826 |         opacity: 1;
 827 |         top:.16rem;
 828 |     }
 829 |     100%{
 830 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 831 |         transform: rotate3d(0, 0, 1, 0deg);
 832 |         -webkit-transform-origin: bottom center;
 833 |         transform-origin: bottom center;
 834 |         -webkit-animation-timing-function: ease-in-out;
 835 |         animation-timing-function: ease-in-out;
 836 |         opacity: 1;
 837 |         top:1.46rem;
 838 |     }
 839 | 
 840 | }
 841 | 
 842 | .swiper-slide-active .page3_text4{
 843 |     -webkit-animation:page3_text4 .6s 2.2s linear forwards;
 844 |     animation:page3_text4 .6s 2.2s linear forwards;
 845 | }
 846 | @-webkit-keyframes page3_text4{
 847 |     0%{
 848 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 849 |         transform: rotate3d(0, 0, 1, 0deg);
 850 |         -webkit-transform-origin: bottom center;
 851 |         transform-origin: bottom center;
 852 |         -webkit-animation-timing-function: ease-in-out;
 853 |         animation-timing-function: ease-in-out;
 854 |         opacity: 1;
 855 |         top:.16rem;
 856 |     }
 857 |     50%{
 858 |         -webkit-transform: rotate3d(0, 0, 1, -6deg);
 859 |         transform: rotate3d(0, 0, 1, -6deg);
 860 |         -webkit-transform-origin: bottom center;
 861 |         transform-origin: bottom center;
 862 |         -webkit-animation-timing-function: ease-in-out;
 863 |         animation-timing-function: ease-in-out;
 864 |         opacity: 1;
 865 |         top:.16rem;
 866 |     }
 867 |     100%{
 868 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 869 |         transform: rotate3d(0, 0, 1, 0deg);
 870 |         -webkit-transform-origin: bottom center;
 871 |         transform-origin: bottom center;
 872 |         -webkit-animation-timing-function: ease-in-out;
 873 |         animation-timing-function: ease-in-out;
 874 |         opacity: 1;
 875 |         top:2.2rem;
 876 |     }
 877 | }
 878 | @keyframes page3_text4{
 879 |     0%{
 880 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 881 |         transform: rotate3d(0, 0, 1, 0deg);
 882 |         -webkit-transform-origin: bottom center;
 883 |         transform-origin: bottom center;
 884 |         -webkit-animation-timing-function: ease-in-out;
 885 |         animation-timing-function: ease-in-out;
 886 |         opacity: 1;
 887 |         top:.16rem;
 888 |     }
 889 |     50%{
 890 |         -webkit-transform: rotate3d(0, 0, 1, -6deg);
 891 |         transform: rotate3d(0, 0, 1, -6deg);
 892 |         -webkit-transform-origin: bottom center;
 893 |         transform-origin: bottom center;
 894 |         -webkit-animation-timing-function: ease-in-out;
 895 |         animation-timing-function: ease-in-out;
 896 |         opacity: 1;
 897 |         top:.16rem;
 898 |     }
 899 |     100%{
 900 |         -webkit-transform: rotate3d(0, 0, 1, 0deg);
 901 |         transform: rotate3d(0, 0, 1, 0deg);
 902 |         -webkit-transform-origin: bottom center;
 903 |         transform-origin: bottom center;
 904 |         -webkit-animation-timing-function: ease-in-out;
 905 |         animation-timing-function: ease-in-out;
 906 |         opacity: 1;
 907 |         top:2.2rem;
 908 |     }
 909 | 
 910 | }
 911 | .swiper-slide-active .page3_text6{
 912 |     -webkit-animation:page3_text6 .6s 2.6s linear forwards;
 913 |     animation:page3_text6 .6s 2.6s linear forwards;
 914 | }
 915 | @-webkit-keyframes page3_text6 {
 916 |     0%{
 917 |         opacity: 0;
 918 |         top:.58rem;
 919 |     }
 920 |     100%{
 921 |         opacity: 1;
 922 |         top:1.58rem;
 923 |     }
 924 | }
 925 | @keyframes page3_text6 {
 926 |     0%{
 927 |         opacity: 0;
 928 |         top:.58rem;
 929 |     }
 930 |     100%{
 931 |         opacity: 1;
 932 |         top:1.58rem;
 933 |     }
 934 | }
 935 | .swiper-slide-active .page3_text7{
 936 |     -webkit-animation:page3_text7 .6s 2.7s linear forwards;
 937 |     animation:page3_text7 .6s 2.7s linear forwards;
 938 | }
 939 | @-webkit-keyframes page3_text7 {
 940 |     0%{
 941 |         opacity: 0;
 942 |         top:3.98rem;
 943 |     }
 944 |     100%{
 945 |         opacity: 1;
 946 |         top:2.98rem;
 947 |     }
 948 | }
 949 | @keyframes page3_text7 {
 950 |     0%{
 951 |         opacity: 0;
 952 |         top:3.98rem;
 953 |     }
 954 |     100%{
 955 |         opacity: 1;
 956 |         top:2.98rem;
 957 |     }
 958 | }
 959 | 
 960 | /*page4*/
 961 | .swiper-slide-active .page4_text{
 962 |     -webkit-animation:smallbig .4s .3s linear forwards;
 963 |     animation:smallbig .4s .3s linear forwards;
 964 | }
 965 | .swiper-slide-active .page4_text2{
 966 |     -webkit-animation:page4_text2 .8s .7s linear forwards;
 967 |     animation:page4_text2 .8s .7s linear forwards;
 968 | }
 969 | @-webkit-keyframes page4_text2 {
 970 |     0%{
 971 |         opacity: 0;
 972 |         -webkit-transform: translateY(-100%);
 973 |     }
 974 |     100%{
 975 |         opacity: 1;
 976 |         -webkit-transform: translateY(0);
 977 |     }
 978 | }
 979 | @keyframes page4_text2 {
 980 |     0%{
 981 |         opacity: 0;
 982 |         transform: translateY(-100%);
 983 |     }
 984 |     100%{
 985 |         opacity: 1;
 986 |         transform: translateY(0);
 987 |     }
 988 | }
 989 | .swiper-slide-active .page4_text3{
 990 |     -webkit-animation:page4_text3 .8s .8s linear forwards;
 991 |     animation:page4_text3 .8s .8s linear forwards;
 992 | }
 993 | @-webkit-keyframes page4_text3 {
 994 |     0%{
 995 |         opacity: 0;
 996 |         -webkit-transform: translateY(30%);
 997 |     }
 998 |     100%{
 999 |         opacity: 1;
1000 |         -webkit-transform: translateY(0);
1001 |     }
1002 | }
1003 | @keyframes page4_text3 {
1004 |     0%{
1005 |         opacity: 0;
1006 |         transform: translateY(30%);
1007 |     }
1008 |     100%{
1009 |         opacity: 1;
1010 |         transform: translateY(0);
1011 |     }
1012 | }
1013 | /*page5*/
1014 | .swiper-slide-active .page5_text2{
1015 |     -webkit-animation:tree .4s .3s linear forwards;
1016 |     animation:tree .4s .3s linear forwards;
1017 | }
1018 | .swiper-slide-active .page5_text{
1019 |     -webkit-animation:page5_text .6s .7s linear forwards;
1020 |     animation:page5_text .6s .7s linear forwards;
1021 | }
1022 | @-webkit-keyframes page5_text {
1023 |     0%{
1024 |         opacity: 0;
1025 |         height:.01rem;
1026 |     }
1027 |     20%{
1028 |          opacity: 0.2;
1029 |          height:.8rem;
1030 |      }
1031 |     40%{
1032 |         opacity: 0.4;
1033 |         height:1.2rem;
1034 |     }
1035 |     60%{
1036 |         opacity: 0.6;
1037 |         height:1.6rem;
1038 |     }
1039 |     80%{
1040 |         opacity: 0.8;
1041 |         height:1.8rem;
1042 |     }
1043 |     100%{
1044 |         opacity: 1;
1045 |        height:2.2rem;
1046 |     }
1047 | }
1048 | @keyframes page5_text {
1049 |     0%{
1050 |         opacity: 0;
1051 |         height:.01rem;
1052 |     }
1053 |     20%{
1054 |         opacity: 0.2;
1055 |         height:.8rem;
1056 |     }
1057 |     40%{
1058 |         opacity: 0.4;
1059 |         height:1.2rem;
1060 |     }
1061 |     60%{
1062 |         opacity: 0.6;
1063 |         height:1.6rem;
1064 |     }
1065 |     80%{
1066 |         opacity: 0.8;
1067 |         height:1.8rem;
1068 |     }
1069 |     100%{
1070 |         opacity: 1;
1071 |         height:2.2rem;
1072 |     }
1073 | }
1074 | 
1075 | .clear:after{clear:both;content:'';height:0;overflow:hidden;display:block;}
1076 | 


--------------------------------------------------------------------------------
/中秋h5宣传页/css/loading.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | .red { background-color: #D50F25 }
  4 | .yellow { background-color: #EEB211 }
  5 | .green { background-color: #009925 } /* or 009939? */
  6 | .blue { background-color: #3369E8 }
  7 | 
  8 | 
  9 | .wrap {
 10 |   width:100%; height:100%;
 11 |   margin: 0 auto;
 12 |   line-height: .6rem;
 13 |   text-align: center;
 14 |   background-color:#fff;
 15 | }
 16 | 
 17 | .loader {
 18 |   position: absolute;
 19 |   margin: 0 auto .3rem auto;
 20 |   overflow: hidden;
 21 | }
 22 | 
 23 | 
 24 | .loader > div { 
 25 |   position: absolute;
 26 |   top: 0; left: 0;
 27 |   height: 100%;
 28 |   width: 100%;
 29 | }
 30 | 
 31 | 
 32 | /* BAR */
 33 | .bar {
 34 |   width: 100%;
 35 |   height: .05rem;
 36 |   top: 0; left: 0;
 37 | }
 38 | 
 39 | .go .loader.bar > div{
 40 |   animation: loading-bar 2s infinite backwards ease-out;
 41 | }
 42 | 
 43 | .bar > div {
 44 |   transform: scaleX(1);
 45 | }
 46 | 
 47 | .loader.bar div:nth-child(1) {
 48 |   animation-delay: -1.5s;
 49 | }
 50 | .loader.bar div:nth-child(2) {
 51 |   animation-delay: -1s;
 52 | }
 53 | .loader.bar div:nth-child(3) {
 54 |   animation-delay: -.5s;
 55 | }
 56 | .loader.bar div:nth-child(4) {
 57 |   animation-delay: 0s;
 58 | }
 59 | 
 60 | @keyframes loading-bar {
 61 |   0% { 
 62 |     transform: scaleX(0);
 63 |     z-index: 15;
 64 |   }
 65 |   22% { 
 66 |     transform: scaleX(0);
 67 |     z-index: 15;
 68 |   }
 69 |   50% { 
 70 |     transform: scaleX(1);
 71 |   }
 72 |   90% { 
 73 |     transform: scaleX(1);
 74 |     z-index: 1;
 75 |   }
 76 |   100% {
 77 |     transform: scaleX(1);
 78 |     z-index: 0;
 79 |   }
 80 | }
 81 | 
 82 | 
 83 | 
 84 | /* CIRCLE */
 85 | .circle {
 86 |   height: .6rem;
 87 |   width: .6rem;
 88 |   border-radius: 50%;
 89 |   transform: scale(1);
 90 |   top: .3rem;
 91 |   right: .3rem;
 92 |   margin: auto
 93 | }
 94 | 
 95 | .circle > div {
 96 |   height: 100%; width: 100%;
 97 |   border-radius: 50%;
 98 | }
 99 | 
100 | .go .loader.circle > div { 
101 |   animation: loading-circle 2s infinite backwards ease-out;
102 | }
103 | 
104 | .loader.circle div:nth-child(1) {
105 |   animation-delay: -1.5s;
106 |   transform: translateX(-500%);
107 | }
108 | .loader.circle div:nth-child(2) {
109 |   animation-delay: -1s;
110 |   transform: translateY(500%);
111 | }
112 | .loader.circle div:nth-child(3) {
113 |   animation-delay: -.5s;
114 |   transform: translateX(500%);
115 | }
116 | .loader.circle div:nth-child(4) {
117 |   animation-delay: 0s;
118 |   transform: translateY(-500%);
119 | }
120 | 
121 | @keyframes loading-circle {
122 |    0% { 
123 |     z-index: 10;
124 |   }
125 |   75% {
126 |     transform: translateX(0);
127 |     z-index: 1;
128 |   }
129 |   
130 |   100% {
131 |     transform: translateX(0);
132 |     z-index: 0;
133 |   }
134 | }
135 | 
136 | 


--------------------------------------------------------------------------------
/中秋h5宣传页/css/swiper.min.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Swiper 3.0.7
 3 |  * Most modern mobile touch slider and framework with hardware accelerated transitions
 4 |  * 
 5 |  * http://www.idangero.us/swiper/
 6 |  * 
 7 |  * Copyright 2015, Vladimir Kharlampidi
 8 |  * The iDangero.us
 9 |  * http://www.idangero.us/
10 |  * 
11 |  * Licensed under MIT
12 |  * 
13 |  * Released on: April 25, 2015
14 |  */
15 | .swiper-container{margin:0 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-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-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-fles-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-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.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:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-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-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.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{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 .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.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{-ms-perspective:1200px}.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}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;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)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.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)}}


--------------------------------------------------------------------------------
/中秋h5宣传页/images/arr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/arr.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/btnLine.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/btnLine.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/close.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/jiantou.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/jiantou.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/moutain.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/moutain.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/music2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/music2.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page1_btn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page1_btn.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page2_bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page2_bg.jpg


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page2_cute.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page2_cute.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page2_lamp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page2_lamp.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page2_text.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page2_text.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page2_text2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page2_text2.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page2_text3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page2_text3.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page2_text4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page2_text4.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page3_bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page3_bg.jpg


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page3_text.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page3_text.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page3_text2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page3_text2.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page3_text3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page3_text3.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page3_text4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page3_text4.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page3_text5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page3_text5.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page3_text6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page3_text6.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page3_text7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page3_text7.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page4_bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page4_bg.jpg


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page4_text.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page4_text.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page4_text2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page4_text2.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page4_text3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page4_text3.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page5_bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page5_bg.jpg


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page5_text.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page5_text.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page5_text2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page5_text2.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page_beauty.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page_beauty.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page_bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page_bg.jpg


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page_leveas.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page_leveas.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page_sunny.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page_sunny.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page_text.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page_text.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page_titleE.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page_titleE.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page_titleQ.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page_titleQ.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page_titleY.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page_titleY.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page_titleYY.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page_titleYY.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/page_titleZ.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/page_titleZ.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/showPic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/showPic.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/showPic2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/showPic2.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/showPic3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/showPic3.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/showPic4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/showPic4.png


--------------------------------------------------------------------------------
/中秋h5宣传页/images/showPic5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/images/showPic5.png


--------------------------------------------------------------------------------
/中秋h5宣传页/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 |     <html>
  3 |     <head>
  4 |         <meta charset="UTF-8"/>
  5 |         <meta name="apple-mobile-web-app-capable" content="yes" />
  6 |         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  7 |         <meta name="format-detection"content="telephone=no, email=no" />
  8 |         <meta name="renderer" content="webkit">
  9 |         <meta http-equiv="X-UA-Compatible" content="IE=edge">
 10 |         <meta name="HandheldFriendly" content="true">
 11 |         <meta name="MobileOptimized" content="640">
 12 |         <meta name="screen-orientation" content="portrait">
 13 |         <meta name="x5-orientation" content="portrait">
 14 |         <meta name="full-screen" content="yes">
 15 |         <meta name="x5-fullscreen" content="true">
 16 |         <meta name="browsermode" content="application">
 17 |         <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
 18 |         <title>H5宣传页--中秋佳节</title>
 19 |         <link rel="stylesheet" href="css/swiper.min.css">
 20 |         <link href="css/index.css" rel="stylesheet"/>
 21 |         <link href="css/animate.css" rel="stylesheet"/>
 22 |         <link rel="stylesheet" href="css/loading.css">
 23 |     </head>
 24 |     <body>
 25 | 
 26 |       <div class="loadwrap wrap go" style="display:block;">
 27 |         <div class="loader bar"> <!-- google now -->
 28 |             <div class="blue"></div>
 29 |             <div class="yellow"></div>
 30 |             <div class="green"></div>
 31 |             <div class="red"></div>
 32 |         </div>
 33 | 
 34 |         <div class="caseBlanche_logo">
 35 |             <!--<img src="#" />-->
 36 |         </div>
 37 |         <div class="loader circle"> <!-- gmail -->
 38 |             <div class="blue"></div>
 39 |             <div class="red"></div>
 40 |             <div class="yellow"></div>
 41 |             <div class="green"></div>
 42 |         </div>
 43 | 
 44 |         <div class="cLoad">
 45 |         <canvas id="c"></canvas>
 46 |         </div>
 47 | 
 48 |         <div id="load">
 49 |         <i><span>0</span>%</i>
 50 |         </div>
 51 |     </div>
 52 | 
 53 | 
 54 | 
 55 |     <div class="swiper-container">
 56 |         <a class="arr"><img src="images/arr.png"></a>
 57 |         <img class="music play" src="images/music2.png"/>
 58 |         <div class="swiper-wrapper">
 59 |             <div class="swiper-slide" style="display:block;">
 60 |                 <section class="page_common page_1">
 61 |                     <img src="images/page_sunny.png" class="page_sunny hide">
 62 |                     <img src="images/page_beauty.png" class="page_beauty hide">
 63 |                     <img src="images/moutain.png" class="moutain hide">
 64 |                     <!--<div class="moutain"></div>-->
 65 |                     <img src="images/page_titleZ.png" class="page_titleZ hide">
 66 |                     <img src="images/page_titleQ.png" class="page_titleQ hide">
 67 |                     <img src="images/page_titleY.png" class="page_titleY hide">
 68 |                     <img src="images/page_titleE.png" class="page_titleE hide">
 69 |                     <img src="images/page_titleYY.png" class="page_titleYY hide">
 70 |                     <img src="images/page_text.png" class="page_text hide">
 71 |                     <img src="images/page_leveas.png" class="page_leveas hide">
 72 |                 </section>
 73 | 
 74 | 
 75 |             </div>
 76 |             <div class="swiper-slide" style="display: block;">
 77 | 
 78 |                 <section class="page_common page_2">
 79 |                     <img src="images/page2_lamp.png" class="page2_lamp hide">
 80 |                     <img src="images/page2_cute.png" class="page2_cute hide">
 81 |                     <img src="images/page2_text.png" class="page2_text hide">
 82 |                     <img src="images/page2_text2.png" class="page2_text2 hide">
 83 |                     <img src="images/page2_text3.png" class="page2_text3 hide">
 84 |                     <img src="images/page2_text4.png" class="page2_text4 hide">
 85 |                 </section>
 86 | 
 87 |             </div>
 88 | 
 89 |             <div class="swiper-slide" style="display: block;">
 90 | 
 91 |                 <section class="page_common page_3">
 92 |                     <img src="images/page3_text.png" class="page3_text hide">
 93 |                     <img src="images/page3_text2.png" class="page3_text2 hide">
 94 |                     <img src="images/page3_text3.png" class="page3_text3 hide">
 95 |                     <img src="images/page3_text4.png" class="page3_text4 hide">
 96 |                     <img src="images/page3_text5.png" class="page3_text5 hide">
 97 |                     <img src="images/page3_text6.png" class="page3_text6 hide">
 98 |                     <img src="images/page3_text7.png" class="page3_text7 hide">
 99 |                 </section>
100 | 
101 |             </div>
102 | 
103 |             <div class="swiper-slide" style="display: block;">
104 | 
105 |                 <section class="page_common page_4">
106 |                     <img src="images/page4_text.png" class="page4_text hide">
107 |                     <img src="images/page4_text2.png" class="page4_text2 hide">
108 |                     <img src="images/page4_text3.png" class="page4_text3 hide">
109 |                     <img src="images/btnLine.png" class="btnLine"/>
110 |                     <img src="images/page1_btn.png" class="page1_btn" id="btn"/>
111 |                 </section>
112 | 
113 |             </div>
114 | 
115 |             <div class="swiper-slide" style="display: block;">
116 | 
117 |                 <section class="page_common page_5">
118 |                     <img src="images/page5_text2.png" class="page5_text2 hide">
119 |                     <img src="images/page5_text.png" class="page5_text hide">
120 |                 </section>
121 | 
122 |             </div>
123 | 
124 |         </div>
125 |     </div>
126 | 
127 |    <!--music-->
128 |    <audio id="audios" src="#" loop autoplay></audio>
129 | 
130 |     <script src="js/jquery-2.1.3.min.js"></script>
131 |     <script src="js/swiper.min.js"></script>
132 |     <script src="js/resize.js"></script>
133 |     <script src="js/loadImg.js"></script>
134 |    <script src="js/index.js"></script>
135 | 
136 |    <script>
137 | //       <!--移动端自适应-->
138 |        (function(doc, win) {
139 |            var docEl = doc.documentElement,
140 |                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
141 |                recalc = function() {
142 |                    var clientWidth = docEl.clientWidth;
143 |                    if(!clientWidth) return;
144 |                    docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
145 |                };
146 |            if(!doc.addEventListener) return;
147 |            win.addEventListener(resizeEvt, recalc, false);
148 |            doc.addEventListener('DOMContentLoaded', recalc, false);
149 |        })(document, window);
150 |    </script>
151 | 
152 |     <script>
153 | //        <!--音乐-->
154 |         document.addEventListener('DOMContentLoaded', function () {
155 |             function audioAutoPlay() {
156 |                 var audio = document.getElementById("audios");
157 |                 audio.play();
158 |                 document.addEventListener("WeixinJSBridgeReady", function () {
159 |                     audio.play();
160 |                 }, false);
161 | 
162 |                 audio.addEventListener("ended", function (event) {
163 |                     $(".music").removeClass('play');
164 |                 }, false);
165 | 
166 |                 $(".music").on("touchstart",function(){
167 |                     if(!audio.paused){
168 |                         audio.pause();
169 |                         $(this).removeClass('play');
170 | 
171 |                     }
172 |                     else {
173 |                         audio.play();
174 |                         $(this).addClass('play');
175 |                         }
176 |                 });
177 |             }
178 |             audioAutoPlay();
179 |         });
180 |     </script>
181 | 
182 |       <!--<script>-->
183 |       <!--&lt;!&ndash;moutain&ndash;&gt;-->
184 |       <!--var index=$('.moutain').index();-->
185 |       <!--var n=2;-->
186 |       <!--$('.moutain').animate({-->
187 |       <!--opactiy:1,-->
188 |       <!--left:n+1-->
189 |       <!--},4000);-->
190 |       <!--</script>-->
191 | 
192 |     </body>
193 |     </html>
194 | 


--------------------------------------------------------------------------------
/中秋h5宣传页/js/index.js:
--------------------------------------------------------------------------------
  1 | /* super inefficient right now, could be improved */
  2 | var c = document.getElementById('c'),
  3 |     ctx = c.getContext('2d'),
  4 |     cw = c.width = 400,
  5 | 		ch = c.height = 300,
  6 |     rand = function(a,b){return ~~((Math.random()*(b-a+1))+a);},
  7 |     dToR = function(degrees){
  8 |         return degrees * (Math.PI / 180);
  9 |     },
 10 |     circle = {
 11 |       x: (cw / 2) + 5,
 12 |       y: (ch / 2) + 22,
 13 |       radius: 90,
 14 |       speed: 2,
 15 |       rotation: 0,
 16 |       angleStart: 270,
 17 |       angleEnd: 90,
 18 |       hue: 220,
 19 |       thickness: 18,
 20 |       blur: 25
 21 |     },
 22 |     particles = [],
 23 |     particleMax = 100,
 24 |     updateCircle = function(){
 25 |       if(circle.rotation < 360){
 26 |       	circle.rotation += circle.speed;
 27 |       } else {
 28 |       	circle.rotation = 0; 
 29 |       }
 30 |     },
 31 |     renderCircle = function(){
 32 |       ctx.save();
 33 |       ctx.translate(circle.x, circle.y);
 34 |       ctx.rotate(dToR(circle.rotation));
 35 |       ctx.beginPath();
 36 |       ctx.arc(0, 0, circle.radius, dToR(circle.angleStart), dToR(circle.angleEnd), true);
 37 |       ctx.lineWidth = circle.thickness;    
 38 |       ctx.strokeStyle = gradient1;
 39 |       ctx.stroke();
 40 |       ctx.restore();
 41 |     },
 42 |     renderCircleBorder = function(){
 43 |       ctx.save();
 44 |       ctx.translate(circle.x, circle.y);
 45 |       ctx.rotate(dToR(circle.rotation));
 46 |       ctx.beginPath();
 47 |       ctx.arc(0, 0, circle.radius + (circle.thickness/2), dToR(circle.angleStart), dToR(circle.angleEnd), true);
 48 |       ctx.lineWidth = 2;  
 49 |       ctx.strokeStyle = gradient2;
 50 |       ctx.stroke();
 51 |       ctx.restore();
 52 |     },
 53 | 		renderCircleFlare = function(){
 54 |       ctx.save();
 55 |       ctx.translate(circle.x, circle.y);
 56 |       ctx.rotate(dToR(circle.rotation+185));
 57 |       ctx.scale(1,1);
 58 |       ctx.beginPath();
 59 |       ctx.arc(0, circle.radius, 30, 0, Math.PI *2, false);
 60 |       ctx.closePath();
 61 |       var gradient3 = ctx.createRadialGradient(0, circle.radius, 0, 0, circle.radius, 30);      
 62 |       gradient3.addColorStop(0, 'hsla(330, 50%, 50%, .35)');
 63 |       gradient3.addColorStop(1, 'hsla(330, 50%, 50%, 0)');
 64 |       ctx.fillStyle = gradient3;
 65 |       ctx.fill();     
 66 |       ctx.restore();
 67 |     },
 68 |     renderCircleFlare2 = function(){
 69 |       ctx.save();
 70 |       ctx.translate(circle.x, circle.y);
 71 |       ctx.rotate(dToR(circle.rotation+165));
 72 |       ctx.scale(1.5,1);
 73 |       ctx.beginPath();
 74 |       ctx.arc(0, circle.radius, 25, 0, Math.PI *2, false);
 75 |       ctx.closePath();
 76 |       var gradient4 = ctx.createRadialGradient(0, circle.radius, 0, 0, circle.radius, 25);
 77 |       gradient4.addColorStop(0, 'hsla(30, 100%, 50%, .2)');
 78 |       gradient4.addColorStop(1, 'hsla(30, 100%, 50%, 0)');
 79 |       ctx.fillStyle = gradient4;
 80 |       ctx.fill();     
 81 |       ctx.restore();
 82 |     },
 83 |     createParticles = function(){
 84 |       if(particles.length < particleMax){
 85 |         particles.push({
 86 |           x: (circle.x + circle.radius * Math.cos(dToR(circle.rotation-85))) + (rand(0, circle.thickness*2) - circle.thickness),
 87 |           y: (circle.y + circle.radius * Math.sin(dToR(circle.rotation-85))) + (rand(0, circle.thickness*2) - circle.thickness),
 88 |           vx: (rand(0, 100)-50)/1000,
 89 |           vy: (rand(0, 100)-50)/1000,
 90 |           radius: rand(1, 6)/2,
 91 |           alpha: rand(10, 20)/100
 92 |         });
 93 |       }
 94 |     },
 95 |     updateParticles = function(){
 96 |       var i = particles.length;
 97 |       while(i--){
 98 |       	var p = particles[i];
 99 |         p.vx += (rand(0, 100)-50)/750;
100 |         p.vy += (rand(0, 100)-50)/750;
101 |         p.x += p.vx;
102 |         p.y += p.vy;
103 |         p.alpha -= .01;
104 |         
105 |         if(p.alpha < .02){
106 |           particles.splice(i, 1)
107 |         }
108 |       }
109 |     },
110 |     renderParticles = function(){
111 |       var i = particles.length;
112 |       while(i--){
113 |       	var p = particles[i];
114 |         ctx.beginPath();
115 |         ctx.fillRect(p.x, p.y, p.radius, p.radius);
116 |         ctx.closePath();
117 |         ctx.fillStyle = 'hsla(0, 0%, 100%, '+p.alpha+')';
118 |       }
119 |     },
120 |     clear = function(){
121 |       ctx.globalCompositeOperation = 'destination-out';
122 |       ctx.fillStyle = 'rgba(0, 0, 0, .1)';
123 |       ctx.fillRect(0, 0, cw, ch);
124 |       ctx.globalCompositeOperation = 'lighter';		
125 |     }
126 |     loop = function(){
127 |       clear();
128 |       updateCircle();
129 |       renderCircle();
130 |       renderCircleBorder();
131 |       renderCircleFlare();
132 |       renderCircleFlare2();
133 |       createParticles();
134 |       updateParticles();
135 |       renderParticles();
136 |     }
137 | 
138 | /* Append Canvas */
139 | //document.body.appendChild(c);
140 | 
141 | /* Set Constant Properties */
142 | ctx.shadowBlur = circle.blur;
143 | ctx.shadowColor = 'hsla('+circle.hue+', 80%, 60%, 1)';
144 | ctx.lineCap = 'round'
145 |   
146 | var gradient1 = ctx.createLinearGradient(0, -circle.radius, 0, circle.radius);
147 | gradient1.addColorStop(0, 'hsla('+circle.hue+', 60%, 50%, .25)');
148 | gradient1.addColorStop(1, 'hsla('+circle.hue+', 60%, 50%, 0)');
149 |   
150 | var gradient2 = ctx.createLinearGradient(0, -circle.radius, 0, circle.radius);
151 | gradient2.addColorStop(0, 'hsla('+circle.hue+', 100%, 50%, 0)');
152 | gradient2.addColorStop(.1, 'hsla('+circle.hue+', 100%, 100%, .7)');
153 | gradient2.addColorStop(1, 'hsla('+circle.hue+', 100%, 50%, 0)');
154 | 
155 | /* Loop It, Loop It Good */
156 | setInterval(loop, 16);
157 | 


--------------------------------------------------------------------------------
/中秋h5宣传页/js/loadImg.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lilyping/H5-animate-/7eb317615a3beb0eabc43668a25a08e7dcea172c/中秋h5宣传页/js/loadImg.js


--------------------------------------------------------------------------------
/中秋h5宣传页/js/resize.js:
--------------------------------------------------------------------------------
1 | !function(x){function w(){var v,u,t,tes,scale,s=x.document,r=s.documentElement,a=r.clientWidth,h=r.clientHeight,ratio=1080/1736;if(!v&&!u){var n=!!x.navigator.appVersion.match(/AppleWebKit.*Mobile.*/);v=x.devicePixelRatio;v=n?v:1,u=1/v}r.style.fontSize=a/h>ratio?h*ratio/320*20+"px":a/320*20+"px";scale=a/h>ratio?h/1736:a/1080}w()}(window);


--------------------------------------------------------------------------------
/中秋h5宣传页/js/swiper.min.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Swiper 3.0.7
 3 |  * Most modern mobile touch slider and framework with hardware accelerated transitions
 4 |  * 
 5 |  * http://www.idangero.us/swiper/
 6 |  * 
 7 |  * Copyright 2015, Vladimir Kharlampidi
 8 |  * The iDangero.us
 9 |  * http://www.idangero.us/
10 |  * 
11 |  * Licensed under MIT
12 |  * 
13 |  * Released on: April 25, 2015
14 |  */
15 | !function(){"use strict";function e(e){e.fn.swiper=function(t){var r;return e(this).each(function(){var e=new a(this,t);r||(r=e)}),r}}var a=function(e,r){function s(){return"horizontal"===g.params.direction}function i(){g.autoplayTimeoutId=setTimeout(function(){g.params.loop?(g.fixLoop(),g._slideNext()):g.isEnd?r.autoplayStopOnLast?g.stopAutoplay():g._slideTo(0):g._slideNext()},g.params.autoplay)}function n(e,a){var t=v(e.target);if(!t.is(a))if("string"==typeof a)t=t.parents(a);else if(a.nodeType){var r;return t.parents().each(function(e,t){t===a&&(r=a)}),r?a:void 0}return 0===t.length?void 0:t[0]}function o(e,a){a=a||{};var t=window.MutationObserver||window.WebkitMutationObserver,r=new t(function(e){e.forEach(function(e){g.onResize(!0),g.emit("onObserverUpdate",g,e)})});r.observe(e,{attributes:"undefined"==typeof a.attributes?!0:a.attributes,childList:"undefined"==typeof a.childList?!0:a.childList,characterData:"undefined"==typeof a.characterData?!0:a.characterData}),g.observers.push(r)}function l(e){e.originalEvent&&(e=e.originalEvent);var a=e.keyCode||e.charCode;if(!g.params.allowSwipeToNext&&(s()&&39===a||!s()&&40===a))return!1;if(!g.params.allowSwipeToPrev&&(s()&&37===a||!s()&&38===a))return!1;if(!(e.shiftKey||e.altKey||e.ctrlKey||e.metaKey||document.activeElement&&document.activeElement.nodeName&&("input"===document.activeElement.nodeName.toLowerCase()||"textarea"===document.activeElement.nodeName.toLowerCase()))){if(37===a||39===a||38===a||40===a){var t=!1;if(g.container.parents(".swiper-slide").length>0&&0===g.container.parents(".swiper-slide-active").length)return;for(var r={left:window.pageXOffset,top:window.pageYOffset},i=window.innerWidth,n=window.innerHeight,o=g.container.offset(),l=[[o.left,o.top],[o.left+g.width,o.top],[o.left,o.top+g.height],[o.left+g.width,o.top+g.height]],d=0;d<l.length;d++){var p=l[d];p[0]>=r.left&&p[0]<=r.left+i&&p[1]>=r.top&&p[1]<=r.top+n&&(t=!0)}if(!t)return}s()?((37===a||39===a)&&(e.preventDefault?e.preventDefault():e.returnValue=!1),39===a&&g.slideNext(),37===a&&g.slidePrev()):((38===a||40===a)&&(e.preventDefault?e.preventDefault():e.returnValue=!1),40===a&&g.slideNext(),38===a&&g.slidePrev())}}function d(e){e.originalEvent&&(e=e.originalEvent);var a=g._wheelEvent,t=0;if(e.detail)t=-e.detail;else if("mousewheel"===a)if(g.params.mousewheelForceToAxis)if(s()){if(!(Math.abs(e.wheelDeltaX)>Math.abs(e.wheelDeltaY)))return;t=e.wheelDeltaX}else{if(!(Math.abs(e.wheelDeltaY)>Math.abs(e.wheelDeltaX)))return;t=e.wheelDeltaY}else t=e.wheelDelta;else if("DOMMouseScroll"===a)t=-e.detail;else if("wheel"===a)if(g.params.mousewheelForceToAxis)if(s()){if(!(Math.abs(e.deltaX)>Math.abs(e.deltaY)))return;t=-e.deltaX}else{if(!(Math.abs(e.deltaY)>Math.abs(e.deltaX)))return;t=-e.deltaY}else t=Math.abs(e.deltaX)>Math.abs(e.deltaY)?-e.deltaX:-e.deltaY;if(g.params.freeMode){var r=g.getWrapperTranslate()+t;if(r>0&&(r=0),r<g.maxTranslate()&&(r=g.maxTranslate()),g.setWrapperTransition(0),g.setWrapperTranslate(r),g.updateProgress(),g.updateActiveIndex(),0===r||r===g.maxTranslate())return}else(new window.Date).getTime()-g._lastWheelScrollTime>60&&(0>t?g.slideNext():g.slidePrev()),g._lastWheelScrollTime=(new window.Date).getTime();return g.params.autoplay&&g.stopAutoplay(),e.preventDefault?e.preventDefault():e.returnValue=!1,!1}function p(e,a){e=v(e);var t,r,i;t=e.attr("data-swiper-parallax")||"0",r=e.attr("data-swiper-parallax-x"),i=e.attr("data-swiper-parallax-y"),r||i?(r=r||"0",i=i||"0"):s()?(r=t,i="0"):(i=t,r="0"),r=r.indexOf("%")>=0?parseInt(r,10)*a+"%":r*a+"px",i=i.indexOf("%")>=0?parseInt(i,10)*a+"%":i*a+"px",e.transform("translate3d("+r+", "+i+",0px)")}function u(e){return 0!==e.indexOf("on")&&(e=e[0]!==e[0].toUpperCase()?"on"+e[0].toUpperCase()+e.substring(1):"on"+e),e}if(!(this instanceof a))return new a(e,r);var c={direction:"horizontal",touchEventsTarget:"container",initialSlide:0,speed:300,autoplay:!1,autoplayDisableOnInteraction:!0,freeMode:!1,freeModeMomentum:!0,freeModeMomentumRatio:1,freeModeMomentumBounce:!0,freeModeMomentumBounceRatio:1,freeModeSticky:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",coverflow:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:!0},cube:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94},fade:{crossFade:!1},parallax:!1,scrollbar:null,scrollbarHide:!0,keyboardControl:!1,mousewheelControl:!1,mousewheelForceToAxis:!1,hashnav:!1,spaceBetween:0,slidesPerView:1,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,centeredSlides:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,onlyExternal:!1,threshold:0,touchMoveStopPropagation:!0,pagination:null,paginationClickable:!1,paginationHide:!1,paginationBulletRender:null,resistance:!0,resistanceRatio:.85,nextButton:null,prevButton:null,watchSlidesProgress:!1,watchSlidesVisibility:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,lazyLoading:!1,lazyLoadingInPrevNext:!1,lazyLoadingOnTransitionStart:!1,preloadImages:!0,updateOnImagesReady:!0,loop:!1,loopAdditionalSlides:0,loopedSlides:null,control:void 0,controlInverse:!1,allowSwipeToPrev:!0,allowSwipeToNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",slideClass:"swiper-slide",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideDuplicateClass:"swiper-slide-duplicate",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",bulletClass:"swiper-pagination-bullet",bulletActiveClass:"swiper-pagination-bullet-active",buttonDisabledClass:"swiper-button-disabled",paginationHiddenClass:"swiper-pagination-hidden",observer:!1,observeParents:!1,a11y:!1,prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",runCallbacksOnInit:!0},m=r&&r.virtualTranslate;r=r||{};for(var f in c)if("undefined"==typeof r[f])r[f]=c[f];else if("object"==typeof r[f])for(var h in c[f])"undefined"==typeof r[f][h]&&(r[f][h]=c[f][h]);var g=this;g.version="3.0.7",g.params=r,g.classNames=[];var v;if(v="undefined"==typeof t?window.Dom7||window.Zepto||window.jQuery:t,v&&(g.$=v,g.container=v(e),0!==g.container.length)){if(g.container.length>1)return void g.container.each(function(){new a(this,r)});g.container[0].swiper=g,g.container.data("swiper",g),g.classNames.push("swiper-container-"+g.params.direction),g.params.freeMode&&g.classNames.push("swiper-container-free-mode"),g.support.flexbox||(g.classNames.push("swiper-container-no-flexbox"),g.params.slidesPerColumn=1),(g.params.parallax||g.params.watchSlidesVisibility)&&(g.params.watchSlidesProgress=!0),["cube","coverflow"].indexOf(g.params.effect)>=0&&(g.support.transforms3d?(g.params.watchSlidesProgress=!0,g.classNames.push("swiper-container-3d")):g.params.effect="slide"),"slide"!==g.params.effect&&g.classNames.push("swiper-container-"+g.params.effect),"cube"===g.params.effect&&(g.params.resistanceRatio=0,g.params.slidesPerView=1,g.params.slidesPerColumn=1,g.params.slidesPerGroup=1,g.params.centeredSlides=!1,g.params.spaceBetween=0,g.params.virtualTranslate=!0,g.params.setWrapperSize=!1),"fade"===g.params.effect&&(g.params.slidesPerView=1,g.params.slidesPerColumn=1,g.params.slidesPerGroup=1,g.params.watchSlidesProgress=!0,g.params.spaceBetween=0,"undefined"==typeof m&&(g.params.virtualTranslate=!0)),g.params.grabCursor&&g.support.touch&&(g.params.grabCursor=!1),g.wrapper=g.container.children("."+g.params.wrapperClass),g.params.pagination&&(g.paginationContainer=v(g.params.pagination),g.params.paginationClickable&&g.paginationContainer.addClass("swiper-pagination-clickable")),g.rtl=s()&&("rtl"===g.container[0].dir.toLowerCase()||"rtl"===g.container.css("direction")),g.rtl&&g.classNames.push("swiper-container-rtl"),g.rtl&&(g.wrongRTL="-webkit-box"===g.wrapper.css("display")),g.params.slidesPerColumn>1&&g.classNames.push("swiper-container-multirow"),g.device.android&&g.classNames.push("swiper-container-android"),g.container.addClass(g.classNames.join(" ")),g.translate=0,g.progress=0,g.velocity=0,g.lockSwipeToNext=function(){g.params.allowSwipeToNext=!1},g.lockSwipeToPrev=function(){g.params.allowSwipeToPrev=!1},g.lockSwipes=function(){g.params.allowSwipeToNext=g.params.allowSwipeToPrev=!1},g.unlockSwipeToNext=function(){g.params.allowSwipeToNext=!0},g.unlockSwipeToPrev=function(){g.params.allowSwipeToPrev=!0},g.unlockSwipes=function(){g.params.allowSwipeToNext=g.params.allowSwipeToPrev=!0},g.params.grabCursor&&(g.container[0].style.cursor="move",g.container[0].style.cursor="-webkit-grab",g.container[0].style.cursor="-moz-grab",g.container[0].style.cursor="grab"),g.imagesToLoad=[],g.imagesLoaded=0,g.loadImage=function(e,a,t,r){function s(){r&&r()}var i;e.complete&&t?s():a?(i=new window.Image,i.onload=s,i.onerror=s,i.src=a):s()},g.preloadImages=function(){function e(){"undefined"!=typeof g&&null!==g&&(void 0!==g.imagesLoaded&&g.imagesLoaded++,g.imagesLoaded===g.imagesToLoad.length&&(g.params.updateOnImagesReady&&g.update(),g.emit("onImagesReady",g)))}g.imagesToLoad=g.container.find("img");for(var a=0;a<g.imagesToLoad.length;a++)g.loadImage(g.imagesToLoad[a],g.imagesToLoad[a].currentSrc||g.imagesToLoad[a].getAttribute("src"),!0,e)},g.autoplayTimeoutId=void 0,g.autoplaying=!1,g.autoplayPaused=!1,g.startAutoplay=function(){return"undefined"!=typeof g.autoplayTimeoutId?!1:g.params.autoplay?g.autoplaying?!1:(g.autoplaying=!0,g.emit("onAutoplayStart",g),void i()):!1},g.stopAutoplay=function(e){g.autoplayTimeoutId&&(g.autoplayTimeoutId&&clearTimeout(g.autoplayTimeoutId),g.autoplaying=!1,g.autoplayTimeoutId=void 0,g.emit("onAutoplayStop",g))},g.pauseAutoplay=function(e){g.autoplayPaused||(g.autoplayTimeoutId&&clearTimeout(g.autoplayTimeoutId),g.autoplayPaused=!0,0===e?(g.autoplayPaused=!1,i()):g.wrapper.transitionEnd(function(){g&&(g.autoplayPaused=!1,g.autoplaying?i():g.stopAutoplay())}))},g.minTranslate=function(){return-g.snapGrid[0]},g.maxTranslate=function(){return-g.snapGrid[g.snapGrid.length-1]},g.updateContainerSize=function(){var e,a;e="undefined"!=typeof g.params.width?g.params.width:g.container[0].clientWidth,a="undefined"!=typeof g.params.height?g.params.height:g.container[0].clientHeight,0===e&&s()||0===a&&!s()||(g.width=e,g.height=a,g.size=s()?g.width:g.height)},g.updateSlidesSize=function(){g.slides=g.wrapper.children("."+g.params.slideClass),g.snapGrid=[],g.slidesGrid=[],g.slidesSizesGrid=[];var e,a=g.params.spaceBetween,t=0,r=0,i=0;"string"==typeof a&&a.indexOf("%")>=0&&(a=parseFloat(a.replace("%",""))/100*g.size),g.virtualSize=-a,g.slides.css(g.rtl?{marginLeft:"",marginTop:""}:{marginRight:"",marginBottom:""});var n;g.params.slidesPerColumn>1&&(n=Math.floor(g.slides.length/g.params.slidesPerColumn)===g.slides.length/g.params.slidesPerColumn?g.slides.length:Math.ceil(g.slides.length/g.params.slidesPerColumn)*g.params.slidesPerColumn);var o;for(e=0;e<g.slides.length;e++){o=0;var l=g.slides.eq(e);if(g.params.slidesPerColumn>1){var d,p,u,c,m=g.params.slidesPerColumn;"column"===g.params.slidesPerColumnFill?(p=Math.floor(e/m),u=e-p*m,d=p+u*n/m,l.css({"-webkit-box-ordinal-group":d,"-moz-box-ordinal-group":d,"-ms-flex-order":d,"-webkit-order":d,order:d})):(c=n/m,u=Math.floor(e/c),p=e-u*c),l.css({"margin-top":0!==u&&g.params.spaceBetween&&g.params.spaceBetween+"px"}).attr("data-swiper-column",p).attr("data-swiper-row",u)}"none"!==l.css("display")&&("auto"===g.params.slidesPerView?o=s()?l.outerWidth(!0):l.outerHeight(!0):(o=(g.size-(g.params.slidesPerView-1)*a)/g.params.slidesPerView,s()?g.slides[e].style.width=o+"px":g.slides[e].style.height=o+"px"),g.slides[e].swiperSlideSize=o,g.slidesSizesGrid.push(o),g.params.centeredSlides?(t=t+o/2+r/2+a,0===e&&(t=t-g.size/2-a),Math.abs(t)<.001&&(t=0),i%g.params.slidesPerGroup===0&&g.snapGrid.push(t),g.slidesGrid.push(t)):(i%g.params.slidesPerGroup===0&&g.snapGrid.push(t),g.slidesGrid.push(t),t=t+o+a),g.virtualSize+=o+a,r=o,i++)}g.virtualSize=Math.max(g.virtualSize,g.size);var f;if(g.rtl&&g.wrongRTL&&("slide"===g.params.effect||"coverflow"===g.params.effect)&&g.wrapper.css({width:g.virtualSize+g.params.spaceBetween+"px"}),(!g.support.flexbox||g.params.setWrapperSize)&&g.wrapper.css(s()?{width:g.virtualSize+g.params.spaceBetween+"px"}:{height:g.virtualSize+g.params.spaceBetween+"px"}),g.params.slidesPerColumn>1&&(g.virtualSize=(o+g.params.spaceBetween)*n,g.virtualSize=Math.ceil(g.virtualSize/g.params.slidesPerColumn)-g.params.spaceBetween,g.wrapper.css({width:g.virtualSize+g.params.spaceBetween+"px"}),g.params.centeredSlides)){for(f=[],e=0;e<g.snapGrid.length;e++)g.snapGrid[e]<g.virtualSize+g.snapGrid[0]&&f.push(g.snapGrid[e]);g.snapGrid=f}if(!g.params.centeredSlides){for(f=[],e=0;e<g.snapGrid.length;e++)g.snapGrid[e]<=g.virtualSize-g.size&&f.push(g.snapGrid[e]);g.snapGrid=f,Math.floor(g.virtualSize-g.size)>Math.floor(g.snapGrid[g.snapGrid.length-1])&&g.snapGrid.push(g.virtualSize-g.size)}0===g.snapGrid.length&&(g.snapGrid=[0]),0!==g.params.spaceBetween&&g.slides.css(s()?g.rtl?{marginLeft:a+"px"}:{marginRight:a+"px"}:{marginBottom:a+"px"}),g.params.watchSlidesProgress&&g.updateSlidesOffset()},g.updateSlidesOffset=function(){for(var e=0;e<g.slides.length;e++)g.slides[e].swiperSlideOffset=s()?g.slides[e].offsetLeft:g.slides[e].offsetTop},g.updateSlidesProgress=function(e){if("undefined"==typeof e&&(e=g.translate||0),0!==g.slides.length){"undefined"==typeof g.slides[0].swiperSlideOffset&&g.updateSlidesOffset();var a=g.params.centeredSlides?-e+g.size/2:-e;g.rtl&&(a=g.params.centeredSlides?e-g.size/2:e);{g.container[0].getBoundingClientRect(),s()?"left":"top",s()?"right":"bottom"}g.slides.removeClass(g.params.slideVisibleClass);for(var t=0;t<g.slides.length;t++){var r=g.slides[t],i=g.params.centeredSlides===!0?r.swiperSlideSize/2:0,n=(a-r.swiperSlideOffset-i)/(r.swiperSlideSize+g.params.spaceBetween);if(g.params.watchSlidesVisibility){var o=-(a-r.swiperSlideOffset-i),l=o+g.slidesSizesGrid[t],d=o>=0&&o<g.size||l>0&&l<=g.size||0>=o&&l>=g.size;d&&g.slides.eq(t).addClass(g.params.slideVisibleClass)}r.progress=g.rtl?-n:n}}},g.updateProgress=function(e){"undefined"==typeof e&&(e=g.translate||0);var a=g.maxTranslate()-g.minTranslate();0===a?(g.progress=0,g.isBeginning=g.isEnd=!0):(g.progress=(e-g.minTranslate())/a,g.isBeginning=g.progress<=0,g.isEnd=g.progress>=1),g.isBeginning&&g.emit("onReachBeginning",g),g.isEnd&&g.emit("onReachEnd",g),g.params.watchSlidesProgress&&g.updateSlidesProgress(e),g.emit("onProgress",g,g.progress)},g.updateActiveIndex=function(){var e,a,t,r=g.rtl?g.translate:-g.translate;for(a=0;a<g.slidesGrid.length;a++)"undefined"!=typeof g.slidesGrid[a+1]?r>=g.slidesGrid[a]&&r<g.slidesGrid[a+1]-(g.slidesGrid[a+1]-g.slidesGrid[a])/2?e=a:r>=g.slidesGrid[a]&&r<g.slidesGrid[a+1]&&(e=a+1):r>=g.slidesGrid[a]&&(e=a);(0>e||"undefined"==typeof e)&&(e=0),t=Math.floor(e/g.params.slidesPerGroup),t>=g.snapGrid.length&&(t=g.snapGrid.length-1),e!==g.activeIndex&&(g.snapIndex=t,g.previousIndex=g.activeIndex,g.activeIndex=e,g.updateClasses())},g.updateClasses=function(){g.slides.removeClass(g.params.slideActiveClass+" "+g.params.slideNextClass+" "+g.params.slidePrevClass);var e=g.slides.eq(g.activeIndex);if(e.addClass(g.params.slideActiveClass),e.next("."+g.params.slideClass).addClass(g.params.slideNextClass),e.prev("."+g.params.slideClass).addClass(g.params.slidePrevClass),g.bullets&&g.bullets.length>0){g.bullets.removeClass(g.params.bulletActiveClass);var a;g.params.loop?(a=Math.ceil(g.activeIndex-g.loopedSlides)/g.params.slidesPerGroup,a>g.slides.length-1-2*g.loopedSlides&&(a-=g.slides.length-2*g.loopedSlides),a>g.bullets.length-1&&(a-=g.bullets.length)):a="undefined"!=typeof g.snapIndex?g.snapIndex:g.activeIndex||0,g.paginationContainer.length>1?g.bullets.each(function(){v(this).index()===a&&v(this).addClass(g.params.bulletActiveClass)}):g.bullets.eq(a).addClass(g.params.bulletActiveClass)}g.params.loop||(g.params.prevButton&&(g.isBeginning?(v(g.params.prevButton).addClass(g.params.buttonDisabledClass),g.params.a11y&&g.a11y&&g.a11y.disable(v(g.params.prevButton))):(v(g.params.prevButton).removeClass(g.params.buttonDisabledClass),g.params.a11y&&g.a11y&&g.a11y.enable(v(g.params.prevButton)))),g.params.nextButton&&(g.isEnd?(v(g.params.nextButton).addClass(g.params.buttonDisabledClass),g.params.a11y&&g.a11y&&g.a11y.disable(v(g.params.nextButton))):(v(g.params.nextButton).removeClass(g.params.buttonDisabledClass),g.params.a11y&&g.a11y&&g.a11y.enable(v(g.params.nextButton)))))},g.updatePagination=function(){if(g.params.pagination&&g.paginationContainer&&g.paginationContainer.length>0){for(var e="",a=g.params.loop?Math.ceil((g.slides.length-2*g.loopedSlides)/g.params.slidesPerGroup):g.snapGrid.length,t=0;a>t;t++)e+=g.params.paginationBulletRender?g.params.paginationBulletRender(t,g.params.bulletClass):'<span class="'+g.params.bulletClass+'"></span>';g.paginationContainer.html(e),g.bullets=g.paginationContainer.find("."+g.params.bulletClass)}},g.update=function(e){function a(){r=Math.min(Math.max(g.translate,g.maxTranslate()),g.minTranslate()),g.setWrapperTranslate(r),g.updateActiveIndex(),g.updateClasses()}if(g.updateContainerSize(),g.updateSlidesSize(),g.updateProgress(),g.updatePagination(),g.updateClasses(),g.params.scrollbar&&g.scrollbar&&g.scrollbar.set(),e){var t,r;g.params.freeMode?a():(t="auto"===g.params.slidesPerView&&g.isEnd&&!g.params.centeredSlides?g.slideTo(g.slides.length-1,0,!1,!0):g.slideTo(g.activeIndex,0,!1,!0),t||a())}},g.onResize=function(e){if(g.updateContainerSize(),g.updateSlidesSize(),g.updateProgress(),("auto"===g.params.slidesPerView||g.params.freeMode||e)&&g.updatePagination(),g.params.scrollbar&&g.scrollbar&&g.scrollbar.set(),g.params.freeMode){var a=Math.min(Math.max(g.translate,g.maxTranslate()),g.minTranslate());g.setWrapperTranslate(a),g.updateActiveIndex(),g.updateClasses()}else g.updateClasses(),"auto"===g.params.slidesPerView&&g.isEnd&&!g.params.centeredSlides?g.slideTo(g.slides.length-1,0,!1,!0):g.slideTo(g.activeIndex,0,!1,!0)};var w=["mousedown","mousemove","mouseup"];window.navigator.pointerEnabled?w=["pointerdown","pointermove","pointerup"]:window.navigator.msPointerEnabled&&(w=["MSPointerDown","MSPointerMove","MSPointerUp"]),g.touchEvents={start:g.support.touch||!g.params.simulateTouch?"touchstart":w[0],move:g.support.touch||!g.params.simulateTouch?"touchmove":w[1],end:g.support.touch||!g.params.simulateTouch?"touchend":w[2]},(window.navigator.pointerEnabled||window.navigator.msPointerEnabled)&&("container"===g.params.touchEventsTarget?g.container:g.wrapper).addClass("swiper-wp8-"+g.params.direction),g.initEvents=function(e){var a=e?"off":"on",t=e?"removeEventListener":"addEventListener",s="container"===g.params.touchEventsTarget?g.container[0]:g.wrapper[0],i=g.support.touch?s:document,n=g.params.nested?!0:!1;g.browser.ie?(s[t](g.touchEvents.start,g.onTouchStart,!1),i[t](g.touchEvents.move,g.onTouchMove,n),i[t](g.touchEvents.end,g.onTouchEnd,!1)):(g.support.touch&&(s[t](g.touchEvents.start,g.onTouchStart,!1),s[t](g.touchEvents.move,g.onTouchMove,n),s[t](g.touchEvents.end,g.onTouchEnd,!1)),!r.simulateTouch||g.device.ios||g.device.android||(s[t]("mousedown",g.onTouchStart,!1),document[t]("mousemove",g.onTouchMove,n),document[t]("mouseup",g.onTouchEnd,!1))),window[t]("resize",g.onResize),g.params.nextButton&&(v(g.params.nextButton)[a]("click",g.onClickNext),g.params.a11y&&g.a11y&&v(g.params.nextButton)[a]("keydown",g.a11y.onEnterKey)),g.params.prevButton&&(v(g.params.prevButton)[a]("click",g.onClickPrev),g.params.a11y&&g.a11y&&v(g.params.prevButton)[a]("keydown",g.a11y.onEnterKey)),g.params.pagination&&g.params.paginationClickable&&v(g.paginationContainer)[a]("click","."+g.params.bulletClass,g.onClickIndex),(g.params.preventClicks||g.params.preventClicksPropagation)&&s[t]("click",g.preventClicks,!0)},g.attachEvents=function(e){g.initEvents()},g.detachEvents=function(){g.initEvents(!0)},g.allowClick=!0,g.preventClicks=function(e){g.allowClick||(g.params.preventClicks&&e.preventDefault(),g.params.preventClicksPropagation&&(e.stopPropagation(),e.stopImmediatePropagation()))},g.onClickNext=function(e){e.preventDefault(),g.slideNext()},g.onClickPrev=function(e){e.preventDefault(),g.slidePrev()},g.onClickIndex=function(e){e.preventDefault();var a=v(this).index()*g.params.slidesPerGroup;g.params.loop&&(a+=g.loopedSlides),g.slideTo(a)},g.updateClickedSlide=function(e){var a=n(e,"."+g.params.slideClass),t=!1;if(a)for(var r=0;r<g.slides.length;r++)g.slides[r]===a&&(t=!0);if(!a||!t)return g.clickedSlide=void 0,void(g.clickedIndex=void 0);if(g.clickedSlide=a,g.clickedIndex=v(a).index(),g.params.slideToClickedSlide&&void 0!==g.clickedIndex&&g.clickedIndex!==g.activeIndex){var s,i=g.clickedIndex;if(g.params.loop)if(s=v(g.clickedSlide).attr("data-swiper-slide-index"),i>g.slides.length-g.params.slidesPerView)g.fixLoop(),i=g.wrapper.children("."+g.params.slideClass+'[data-swiper-slide-index="'+s+'"]').eq(0).index(),setTimeout(function(){g.slideTo(i)},0);else if(i<g.params.slidesPerView-1){g.fixLoop();var o=g.wrapper.children("."+g.params.slideClass+'[data-swiper-slide-index="'+s+'"]');i=o.eq(o.length-1).index(),setTimeout(function(){g.slideTo(i)},0)}else g.slideTo(i);else g.slideTo(i)}};var y,b,x,T,S,C,M,E,z,P="input, select, textarea, button",I=Date.now(),k=[];g.animating=!1,g.touches={startX:0,startY:0,currentX:0,currentY:0,diff:0};var L,D;if(g.onTouchStart=function(e){if(e.originalEvent&&(e=e.originalEvent),L="touchstart"===e.type,L||!("which"in e)||3!==e.which){if(g.params.noSwiping&&n(e,"."+g.params.noSwipingClass))return void(g.allowClick=!0);if(!g.params.swipeHandler||n(e,g.params.swipeHandler)){if(y=!0,b=!1,T=void 0,D=void 0,g.touches.startX=g.touches.currentX="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,g.touches.startY=g.touches.currentY="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,x=Date.now(),g.allowClick=!0,g.updateContainerSize(),g.swipeDirection=void 0,g.params.threshold>0&&(M=!1),"touchstart"!==e.type){var a=!0;v(e.target).is(P)&&(a=!1),document.activeElement&&v(document.activeElement).is(P)&&document.activeElement.blur(),a&&e.preventDefault()}g.emit("onTouchStart",g,e)}}},g.onTouchMove=function(e){if(e.originalEvent&&(e=e.originalEvent),!(L&&"mousemove"===e.type||e.preventedByNestedSwiper)){if(g.params.onlyExternal)return b=!0,void(g.allowClick=!1);if(L&&document.activeElement&&e.target===document.activeElement&&v(e.target).is(P))return b=!0,void(g.allowClick=!1);if(g.emit("onTouchMove",g,e),!(e.targetTouches&&e.targetTouches.length>1)){if(g.touches.currentX="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,g.touches.currentY="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,"undefined"==typeof T){var a=180*Math.atan2(Math.abs(g.touches.currentY-g.touches.startY),Math.abs(g.touches.currentX-g.touches.startX))/Math.PI;T=s()?a>g.params.touchAngle:90-a>g.params.touchAngle}if(T&&g.emit("onTouchMoveOpposite",g,e),"undefined"==typeof D&&g.browser.ieTouch&&(g.touches.currentX!==g.touches.startX||g.touches.currentY!==g.touches.startY)&&(D=!0),y){if(T)return void(y=!1);if(D||!g.browser.ieTouch){g.allowClick=!1,g.emit("onSliderMove",g,e),e.preventDefault(),g.params.touchMoveStopPropagation&&!g.params.nested&&e.stopPropagation(),b||(r.loop&&g.fixLoop(),C=g.getWrapperTranslate(),g.setWrapperTransition(0),g.animating&&g.wrapper.trigger("webkitTransitionEnd transitionend oTransitionEnd MSTransitionEnd msTransitionEnd"),g.params.autoplay&&g.autoplaying&&(g.params.autoplayDisableOnInteraction?g.stopAutoplay():g.pauseAutoplay()),z=!1,g.params.grabCursor&&(g.container[0].style.cursor="move",g.container[0].style.cursor="-webkit-grabbing",g.container[0].style.cursor="-moz-grabbin",g.container[0].style.cursor="grabbing")),b=!0;var t=g.touches.diff=s()?g.touches.currentX-g.touches.startX:g.touches.currentY-g.touches.startY;t*=g.params.touchRatio,g.rtl&&(t=-t),g.swipeDirection=t>0?"prev":"next",S=t+C;var i=!0;if(t>0&&S>g.minTranslate()?(i=!1,g.params.resistance&&(S=g.minTranslate()-1+Math.pow(-g.minTranslate()+C+t,g.params.resistanceRatio))):0>t&&S<g.maxTranslate()&&(i=!1,g.params.resistance&&(S=g.maxTranslate()+1-Math.pow(g.maxTranslate()-C-t,g.params.resistanceRatio))),i&&(e.preventedByNestedSwiper=!0),!g.params.allowSwipeToNext&&"next"===g.swipeDirection&&C>S&&(S=C),!g.params.allowSwipeToPrev&&"prev"===g.swipeDirection&&S>C&&(S=C),g.params.followFinger){if(g.params.threshold>0){if(!(Math.abs(t)>g.params.threshold||M))return void(S=C);if(!M)return M=!0,g.touches.startX=g.touches.currentX,g.touches.startY=g.touches.currentY,S=C,void(g.touches.diff=s()?g.touches.currentX-g.touches.startX:g.touches.currentY-g.touches.startY)}(g.params.freeMode||g.params.watchSlidesProgress)&&g.updateActiveIndex(),g.params.freeMode&&(0===k.length&&k.push({position:g.touches[s()?"startX":"startY"],time:x}),k.push({position:g.touches[s()?"currentX":"currentY"],time:(new window.Date).getTime()})),g.updateProgress(S),g.setWrapperTranslate(S)}}}}}},g.onTouchEnd=function(e){if(e.originalEvent&&(e=e.originalEvent),g.emit("onTouchEnd",g,e),y){g.params.grabCursor&&b&&y&&(g.container[0].style.cursor="move",g.container[0].style.cursor="-webkit-grab",g.container[0].style.cursor="-moz-grab",g.container[0].style.cursor="grab");var a=Date.now(),t=a-x;if(g.allowClick&&(g.updateClickedSlide(e),g.emit("onTap",g,e),300>t&&a-I>300&&(E&&clearTimeout(E),E=setTimeout(function(){g&&(g.params.paginationHide&&g.paginationContainer.length>0&&!v(e.target).hasClass(g.params.bulletClass)&&g.paginationContainer.toggleClass(g.params.paginationHiddenClass),g.emit("onClick",g,e))},300)),300>t&&300>a-I&&(E&&clearTimeout(E),g.emit("onDoubleTap",g,e))),I=Date.now(),setTimeout(function(){g&&g.allowClick&&(g.allowClick=!0)},0),!y||!b||!g.swipeDirection||0===g.touches.diff||S===C)return void(y=b=!1);y=b=!1;var r;if(r=g.params.followFinger?g.rtl?g.translate:-g.translate:-S,g.params.freeMode){if(r<-g.minTranslate())return void g.slideTo(g.activeIndex);if(r>-g.maxTranslate())return void g.slideTo(g.slides.length<g.snapGrid.length?g.snapGrid.length-1:g.slides.length-1);if(g.params.freeModeMomentum){if(k.length>1){var s=k.pop(),i=k.pop(),n=s.position-i.position,o=s.time-i.time;g.velocity=n/o,g.velocity=g.velocity/2,Math.abs(g.velocity)<.02&&(g.velocity=0),(o>150||(new window.Date).getTime()-s.time>300)&&(g.velocity=0)}else g.velocity=0;k.length=0;var l=1e3*g.params.freeModeMomentumRatio,d=g.velocity*l,p=g.translate+d;g.rtl&&(p=-p);var u,c=!1,m=20*Math.abs(g.velocity)*g.params.freeModeMomentumBounceRatio;if(p<g.maxTranslate())g.params.freeModeMomentumBounce?(p+g.maxTranslate()<-m&&(p=g.maxTranslate()-m),u=g.maxTranslate(),c=!0,z=!0):p=g.maxTranslate();else if(p>g.minTranslate())g.params.freeModeMomentumBounce?(p-g.minTranslate()>m&&(p=g.minTranslate()+m),u=g.minTranslate(),c=!0,z=!0):p=g.minTranslate();else if(g.params.freeModeSticky){var f,h=0;for(h=0;h<g.snapGrid.length;h+=1)if(g.snapGrid[h]>-p){f=h;break}p=Math.abs(g.snapGrid[f]-p)<Math.abs(g.snapGrid[f-1]-p)||"next"===g.swipeDirection?g.snapGrid[f]:g.snapGrid[f-1],g.rtl||(p=-p)}if(0!==g.velocity)l=Math.abs(g.rtl?(-p-g.translate)/g.velocity:(p-g.translate)/g.velocity);else if(g.params.freeModeSticky)return void g.slideReset();g.params.freeModeMomentumBounce&&c?(g.updateProgress(u),g.setWrapperTransition(l),g.setWrapperTranslate(p),g.onTransitionStart(),g.animating=!0,g.wrapper.transitionEnd(function(){g&&z&&(g.emit("onMomentumBounce",g),g.setWrapperTransition(g.params.speed),g.setWrapperTranslate(u),g.wrapper.transitionEnd(function(){g&&g.onTransitionEnd()}))})):g.velocity?(g.updateProgress(p),g.setWrapperTransition(l),g.setWrapperTranslate(p),g.onTransitionStart(),g.animating||(g.animating=!0,g.wrapper.transitionEnd(function(){g&&g.onTransitionEnd()}))):g.updateProgress(p),g.updateActiveIndex()}return void((!g.params.freeModeMomentum||t>=g.params.longSwipesMs)&&(g.updateProgress(),g.updateActiveIndex()))}var w,T=0,M=g.slidesSizesGrid[0];for(w=0;w<g.slidesGrid.length;w+=g.params.slidesPerGroup)"undefined"!=typeof g.slidesGrid[w+g.params.slidesPerGroup]?r>=g.slidesGrid[w]&&r<g.slidesGrid[w+g.params.slidesPerGroup]&&(T=w,M=g.slidesGrid[w+g.params.slidesPerGroup]-g.slidesGrid[w]):r>=g.slidesGrid[w]&&(T=w,M=g.slidesGrid[g.slidesGrid.length-1]-g.slidesGrid[g.slidesGrid.length-2]);var P=(r-g.slidesGrid[T])/M;if(t>g.params.longSwipesMs){if(!g.params.longSwipes)return void g.slideTo(g.activeIndex);"next"===g.swipeDirection&&g.slideTo(P>=g.params.longSwipesRatio?T+g.params.slidesPerGroup:T),"prev"===g.swipeDirection&&g.slideTo(P>1-g.params.longSwipesRatio?T+g.params.slidesPerGroup:T)}else{if(!g.params.shortSwipes)return void g.slideTo(g.activeIndex);"next"===g.swipeDirection&&g.slideTo(T+g.params.slidesPerGroup),"prev"===g.swipeDirection&&g.slideTo(T)}}},g._slideTo=function(e,a){return g.slideTo(e,a,!0,!0)},g.slideTo=function(e,a,t,r){"undefined"==typeof t&&(t=!0),"undefined"==typeof e&&(e=0),0>e&&(e=0),g.snapIndex=Math.floor(e/g.params.slidesPerGroup),g.snapIndex>=g.snapGrid.length&&(g.snapIndex=g.snapGrid.length-1);var i=-g.snapGrid[g.snapIndex];if(!g.params.allowSwipeToNext&&i<g.translate)return!1;if(!g.params.allowSwipeToPrev&&i>g.translate)return!1;g.params.autoplay&&g.autoplaying&&(r||!g.params.autoplayDisableOnInteraction?g.pauseAutoplay(a):g.stopAutoplay()),g.updateProgress(i);for(var n=0;n<g.slidesGrid.length;n++)-i>=g.slidesGrid[n]&&(e=n);if("undefined"==typeof a&&(a=g.params.speed),g.previousIndex=g.activeIndex||0,g.activeIndex=e,i===g.translate)return g.updateClasses(),!1;g.updateClasses(),g.onTransitionStart(t);s()?i:0,s()?0:i;return 0===a?(g.setWrapperTransition(0),g.setWrapperTranslate(i),g.onTransitionEnd(t)):(g.setWrapperTransition(a),g.setWrapperTranslate(i),g.animating||(g.animating=!0,g.wrapper.transitionEnd(function(){g&&g.onTransitionEnd(t)}))),!0},g.onTransitionStart=function(e){"undefined"==typeof e&&(e=!0),g.lazy&&g.lazy.onTransitionStart(),e&&(g.emit("onTransitionStart",g),g.activeIndex!==g.previousIndex&&g.emit("onSlideChangeStart",g))},g.onTransitionEnd=function(e){g.animating=!1,g.setWrapperTransition(0),"undefined"==typeof e&&(e=!0),g.lazy&&g.lazy.onTransitionEnd(),e&&(g.emit("onTransitionEnd",g),g.activeIndex!==g.previousIndex&&g.emit("onSlideChangeEnd",g)),g.params.hashnav&&g.hashnav&&g.hashnav.setHash()},g.slideNext=function(e,a,t){if(g.params.loop){if(g.animating)return!1;g.fixLoop();{g.container[0].clientLeft}return g.slideTo(g.activeIndex+g.params.slidesPerGroup,a,e,t)}return g.slideTo(g.activeIndex+g.params.slidesPerGroup,a,e,t)},g._slideNext=function(e){return g.slideNext(!0,e,!0)},g.slidePrev=function(e,a,t){if(g.params.loop){if(g.animating)return!1;g.fixLoop();{g.container[0].clientLeft}return g.slideTo(g.activeIndex-1,a,e,t)}return g.slideTo(g.activeIndex-1,a,e,t)},g._slidePrev=function(e){return g.slidePrev(!0,e,!0)},g.slideReset=function(e,a,t){return g.slideTo(g.activeIndex,a,e)},g.setWrapperTransition=function(e,a){g.wrapper.transition(e),"slide"!==g.params.effect&&g.effects[g.params.effect]&&g.effects[g.params.effect].setTransition(e),g.params.parallax&&g.parallax&&g.parallax.setTransition(e),g.params.scrollbar&&g.scrollbar&&g.scrollbar.setTransition(e),g.params.control&&g.controller&&g.controller.setTransition(e,a),g.emit("onSetTransition",g,e)},g.setWrapperTranslate=function(e,a,t){var r=0,i=0,n=0;s()?r=g.rtl?-e:e:i=e,g.params.virtualTranslate||g.wrapper.transform(g.support.transforms3d?"translate3d("+r+"px, "+i+"px, "+n+"px)":"translate("+r+"px, "+i+"px)"),g.translate=s()?r:i,a&&g.updateActiveIndex(),"slide"!==g.params.effect&&g.effects[g.params.effect]&&g.effects[g.params.effect].setTranslate(g.translate),g.params.parallax&&g.parallax&&g.parallax.setTranslate(g.translate),g.params.scrollbar&&g.scrollbar&&g.scrollbar.setTranslate(g.translate),g.params.control&&g.controller&&g.controller.setTranslate(g.translate,t),g.emit("onSetTranslate",g,g.translate)},g.getTranslate=function(e,a){var t,r,s,i;return"undefined"==typeof a&&(a="x"),g.params.virtualTranslate?g.rtl?-g.translate:g.translate:(s=window.getComputedStyle(e,null),
16 | window.WebKitCSSMatrix?i=new window.WebKitCSSMatrix("none"===s.webkitTransform?"":s.webkitTransform):(i=s.MozTransform||s.OTransform||s.MsTransform||s.msTransform||s.transform||s.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),t=i.toString().split(",")),"x"===a&&(r=window.WebKitCSSMatrix?i.m41:parseFloat(16===t.length?t[12]:t[4])),"y"===a&&(r=window.WebKitCSSMatrix?i.m42:parseFloat(16===t.length?t[13]:t[5])),g.rtl&&r&&(r=-r),r||0)},g.getWrapperTranslate=function(e){return"undefined"==typeof e&&(e=s()?"x":"y"),g.getTranslate(g.wrapper[0],e)},g.observers=[],g.initObservers=function(){if(g.params.observeParents)for(var e=g.container.parents(),a=0;a<e.length;a++)o(e[a]);o(g.container[0],{childList:!1}),o(g.wrapper[0],{attributes:!1})},g.disconnectObservers=function(){for(var e=0;e<g.observers.length;e++)g.observers[e].disconnect();g.observers=[]},g.createLoop=function(){g.wrapper.children("."+g.params.slideClass+"."+g.params.slideDuplicateClass).remove();var e=g.wrapper.children("."+g.params.slideClass);g.loopedSlides=parseInt(g.params.loopedSlides||g.params.slidesPerView,10),g.loopedSlides=g.loopedSlides+g.params.loopAdditionalSlides,g.loopedSlides>e.length&&(g.loopedSlides=e.length);var a,t=[],r=[];for(e.each(function(a,s){var i=v(this);a<g.loopedSlides&&r.push(s),a<e.length&&a>=e.length-g.loopedSlides&&t.push(s),i.attr("data-swiper-slide-index",a)}),a=0;a<r.length;a++)g.wrapper.append(v(r[a].cloneNode(!0)).addClass(g.params.slideDuplicateClass));for(a=t.length-1;a>=0;a--)g.wrapper.prepend(v(t[a].cloneNode(!0)).addClass(g.params.slideDuplicateClass))},g.destroyLoop=function(){g.wrapper.children("."+g.params.slideClass+"."+g.params.slideDuplicateClass).remove(),g.slides.removeAttr("data-swiper-slide-index")},g.fixLoop=function(){var e;g.activeIndex<g.loopedSlides?(e=g.slides.length-3*g.loopedSlides+g.activeIndex,e+=g.loopedSlides,g.slideTo(e,0,!1,!0)):("auto"===g.params.slidesPerView&&g.activeIndex>=2*g.loopedSlides||g.activeIndex>g.slides.length-2*g.params.slidesPerView)&&(e=-g.slides.length+g.activeIndex+g.loopedSlides,e+=g.loopedSlides,g.slideTo(e,0,!1,!0))},g.appendSlide=function(e){if(g.params.loop&&g.destroyLoop(),"object"==typeof e&&e.length)for(var a=0;a<e.length;a++)e[a]&&g.wrapper.append(e[a]);else g.wrapper.append(e);g.params.loop&&g.createLoop(),g.params.observer&&g.support.observer||g.update(!0)},g.prependSlide=function(e){g.params.loop&&g.destroyLoop();var a=g.activeIndex+1;if("object"==typeof e&&e.length){for(var t=0;t<e.length;t++)e[t]&&g.wrapper.prepend(e[t]);a=g.activeIndex+e.length}else g.wrapper.prepend(e);g.params.loop&&g.createLoop(),g.params.observer&&g.support.observer||g.update(!0),g.slideTo(a,0,!1)},g.removeSlide=function(e){g.params.loop&&(g.destroyLoop(),g.slides=g.wrapper.children("."+g.params.slideClass));var a,t=g.activeIndex;if("object"==typeof e&&e.length){for(var r=0;r<e.length;r++)a=e[r],g.slides[a]&&g.slides.eq(a).remove(),t>a&&t--;t=Math.max(t,0)}else a=e,g.slides[a]&&g.slides.eq(a).remove(),t>a&&t--,t=Math.max(t,0);g.params.loop&&g.createLoop(),g.params.observer&&g.support.observer||g.update(!0),g.params.loop?g.slideTo(t+g.loopedSlides,0,!1):g.slideTo(t,0,!1)},g.removeAllSlides=function(){for(var e=[],a=0;a<g.slides.length;a++)e.push(a);g.removeSlide(e)},g.effects={fade:{fadeIndex:null,setTranslate:function(){for(var e=0;e<g.slides.length;e++){var a=g.slides.eq(e),t=a[0].swiperSlideOffset,r=-t;g.params.virtualTranslate||(r-=g.translate);var i=0;s()||(i=r,r=0);var n=g.params.fade.crossFade?Math.max(1-Math.abs(a[0].progress),0):1+Math.min(Math.max(a[0].progress,-1),0);n>0&&1>n&&(g.effects.fade.fadeIndex=e),a.css({opacity:n}).transform("translate3d("+r+"px, "+i+"px, 0px)")}},setTransition:function(e){if(g.slides.transition(e),g.params.virtualTranslate&&0!==e){var a=null!==g.effects.fade.fadeIndex?g.effects.fade.fadeIndex:g.activeIndex;g.params.loop||g.params.fade.crossFade||0!==a||(a=g.slides.length-1),g.slides.eq(a).transitionEnd(function(){if(g)for(var e=["webkitTransitionEnd","transitionend","oTransitionEnd","MSTransitionEnd","msTransitionEnd"],a=0;a<e.length;a++)g.wrapper.trigger(e[a])})}}},cube:{setTranslate:function(){var e,a=0;g.params.cube.shadow&&(s()?(e=g.wrapper.find(".swiper-cube-shadow"),0===e.length&&(e=v('<div class="swiper-cube-shadow"></div>'),g.wrapper.append(e)),e.css({height:g.width+"px"})):(e=g.container.find(".swiper-cube-shadow"),0===e.length&&(e=v('<div class="swiper-cube-shadow"></div>'),g.container.append(e))));for(var t=0;t<g.slides.length;t++){var r=g.slides.eq(t),i=90*t,n=Math.floor(i/360);g.rtl&&(i=-i,n=Math.floor(-i/360));var o=Math.max(Math.min(r[0].progress,1),-1),l=0,d=0,p=0;t%4===0?(l=4*-n*g.size,p=0):(t-1)%4===0?(l=0,p=4*-n*g.size):(t-2)%4===0?(l=g.size+4*n*g.size,p=g.size):(t-3)%4===0&&(l=-g.size,p=3*g.size+4*g.size*n),g.rtl&&(l=-l),s()||(d=l,l=0);var u="rotateX("+(s()?0:-i)+"deg) rotateY("+(s()?i:0)+"deg) translate3d("+l+"px, "+d+"px, "+p+"px)";if(1>=o&&o>-1&&(a=90*t+90*o,g.rtl&&(a=90*-t-90*o)),r.transform(u),g.params.cube.slideShadows){var c=r.find(s()?".swiper-slide-shadow-left":".swiper-slide-shadow-top"),m=r.find(s()?".swiper-slide-shadow-right":".swiper-slide-shadow-bottom");0===c.length&&(c=v('<div class="swiper-slide-shadow-'+(s()?"left":"top")+'"></div>'),r.append(c)),0===m.length&&(m=v('<div class="swiper-slide-shadow-'+(s()?"right":"bottom")+'"></div>'),r.append(m));{r[0].progress}c.length&&(c[0].style.opacity=-r[0].progress),m.length&&(m[0].style.opacity=r[0].progress)}}if(g.wrapper.css({"-webkit-transform-origin":"50% 50% -"+g.size/2+"px","-moz-transform-origin":"50% 50% -"+g.size/2+"px","-ms-transform-origin":"50% 50% -"+g.size/2+"px","transform-origin":"50% 50% -"+g.size/2+"px"}),g.params.cube.shadow)if(s())e.transform("translate3d(0px, "+(g.width/2+g.params.cube.shadowOffset)+"px, "+-g.width/2+"px) rotateX(90deg) rotateZ(0deg) scale("+g.params.cube.shadowScale+")");else{var f=Math.abs(a)-90*Math.floor(Math.abs(a)/90),h=1.5-(Math.sin(2*f*Math.PI/360)/2+Math.cos(2*f*Math.PI/360)/2),w=g.params.cube.shadowScale,y=g.params.cube.shadowScale/h,b=g.params.cube.shadowOffset;e.transform("scale3d("+w+", 1, "+y+") translate3d(0px, "+(g.height/2+b)+"px, "+-g.height/2/y+"px) rotateX(-90deg)")}var x=g.isSafari||g.isUiWebView?-g.size/2:0;g.wrapper.transform("translate3d(0px,0,"+x+"px) rotateX("+(s()?0:a)+"deg) rotateY("+(s()?-a:0)+"deg)")},setTransition:function(e){g.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),g.params.cube.shadow&&!s()&&g.container.find(".swiper-cube-shadow").transition(e)}},coverflow:{setTranslate:function(){for(var e=g.translate,a=s()?-e+g.width/2:-e+g.height/2,t=s()?g.params.coverflow.rotate:-g.params.coverflow.rotate,r=g.params.coverflow.depth,i=0,n=g.slides.length;n>i;i++){var o=g.slides.eq(i),l=g.slidesSizesGrid[i],d=o[0].swiperSlideOffset,p=(a-d-l/2)/l*g.params.coverflow.modifier,u=s()?t*p:0,c=s()?0:t*p,m=-r*Math.abs(p),f=s()?0:g.params.coverflow.stretch*p,h=s()?g.params.coverflow.stretch*p:0;Math.abs(h)<.001&&(h=0),Math.abs(f)<.001&&(f=0),Math.abs(m)<.001&&(m=0),Math.abs(u)<.001&&(u=0),Math.abs(c)<.001&&(c=0);var w="translate3d("+h+"px,"+f+"px,"+m+"px)  rotateX("+c+"deg) rotateY("+u+"deg)";if(o.transform(w),o[0].style.zIndex=-Math.abs(Math.round(p))+1,g.params.coverflow.slideShadows){var y=o.find(s()?".swiper-slide-shadow-left":".swiper-slide-shadow-top"),b=o.find(s()?".swiper-slide-shadow-right":".swiper-slide-shadow-bottom");0===y.length&&(y=v('<div class="swiper-slide-shadow-'+(s()?"left":"top")+'"></div>'),o.append(y)),0===b.length&&(b=v('<div class="swiper-slide-shadow-'+(s()?"right":"bottom")+'"></div>'),o.append(b)),y.length&&(y[0].style.opacity=p>0?p:0),b.length&&(b[0].style.opacity=-p>0?-p:0)}}if(g.browser.ie){var x=g.wrapper[0].style;x.perspectiveOrigin=a+"px 50%"}},setTransition:function(e){g.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e)}}},g.lazy={initialImageLoaded:!1,loadImageInSlide:function(e,a){if("undefined"!=typeof e&&("undefined"==typeof a&&(a=!0),0!==g.slides.length)){var t=g.slides.eq(e),r=t.find(".swiper-lazy:not(.swiper-lazy-loaded):not(.swiper-lazy-loading)");!t.hasClass("swiper-lazy")||t.hasClass("swiper-lazy-loaded")||t.hasClass("swiper-lazy-loading")||r.add(t[0]),0!==r.length&&r.each(function(){var e=v(this);e.addClass("swiper-lazy-loading");var r=e.attr("data-background"),s=e.attr("data-src");g.loadImage(e[0],s||r,!1,function(){if(r?(e.css("background-image","url("+r+")"),e.removeAttr("data-background")):(e.attr("src",s),e.removeAttr("data-src")),e.addClass("swiper-lazy-loaded").removeClass("swiper-lazy-loading"),t.find(".swiper-lazy-preloader, .preloader").remove(),g.params.loop&&a){var i=t.attr("data-swiper-slide-index");if(t.hasClass(g.params.slideDuplicateClass)){var n=g.wrapper.children('[data-swiper-slide-index="'+i+'"]:not(.'+g.params.slideDuplicateClass+")");g.lazy.loadImageInSlide(n.index(),!1)}else{var o=g.wrapper.children("."+g.params.slideDuplicateClass+'[data-swiper-slide-index="'+i+'"]');g.lazy.loadImageInSlide(o.index(),!1)}}g.emit("onLazyImageReady",g,t[0],e[0])}),g.emit("onLazyImageLoad",g,t[0],e[0])})}},load:function(){if(g.params.watchSlidesVisibility)g.wrapper.children("."+g.params.slideVisibleClass).each(function(){g.lazy.loadImageInSlide(v(this).index())});else if(g.params.slidesPerView>1)for(var e=g.activeIndex;e<g.activeIndex+g.params.slidesPerView;e++)g.slides[e]&&g.lazy.loadImageInSlide(e);else g.lazy.loadImageInSlide(g.activeIndex);if(g.params.lazyLoadingInPrevNext){var a=g.wrapper.children("."+g.params.slideNextClass);a.length>0&&g.lazy.loadImageInSlide(a.index());var t=g.wrapper.children("."+g.params.slidePrevClass);t.length>0&&g.lazy.loadImageInSlide(t.index())}},onTransitionStart:function(){g.params.lazyLoading&&(g.params.lazyLoadingOnTransitionStart||!g.params.lazyLoadingOnTransitionStart&&!g.lazy.initialImageLoaded)&&g.lazy.load()},onTransitionEnd:function(){g.params.lazyLoading&&!g.params.lazyLoadingOnTransitionStart&&g.lazy.load()}},g.scrollbar={set:function(){if(g.params.scrollbar){var e=g.scrollbar;e.track=v(g.params.scrollbar),e.drag=e.track.find(".swiper-scrollbar-drag"),0===e.drag.length&&(e.drag=v('<div class="swiper-scrollbar-drag"></div>'),e.track.append(e.drag)),e.drag[0].style.width="",e.drag[0].style.height="",e.trackSize=s()?e.track[0].offsetWidth:e.track[0].offsetHeight,e.divider=g.size/g.virtualSize,e.moveDivider=e.divider*(e.trackSize/g.size),e.dragSize=e.trackSize*e.divider,s()?e.drag[0].style.width=e.dragSize+"px":e.drag[0].style.height=e.dragSize+"px",e.track[0].style.display=e.divider>=1?"none":"",g.params.scrollbarHide&&(e.track[0].style.opacity=0)}},setTranslate:function(){if(g.params.scrollbar){var e,a=g.scrollbar,t=(g.translate||0,a.dragSize);e=(a.trackSize-a.dragSize)*g.progress,g.rtl&&s()?(e=-e,e>0?(t=a.dragSize-e,e=0):-e+a.dragSize>a.trackSize&&(t=a.trackSize+e)):0>e?(t=a.dragSize+e,e=0):e+a.dragSize>a.trackSize&&(t=a.trackSize-e),s()?(a.drag.transform(g.support.transforms3d?"translate3d("+e+"px, 0, 0)":"translateX("+e+"px)"),a.drag[0].style.width=t+"px"):(a.drag.transform(g.support.transforms3d?"translate3d(0px, "+e+"px, 0)":"translateY("+e+"px)"),a.drag[0].style.height=t+"px"),g.params.scrollbarHide&&(clearTimeout(a.timeout),a.track[0].style.opacity=1,a.timeout=setTimeout(function(){a.track[0].style.opacity=0,a.track.transition(400)},1e3))}},setTransition:function(e){g.params.scrollbar&&g.scrollbar.drag.transition(e)}},g.controller={setTranslate:function(e,t){function r(a){e=a.rtl&&"horizontal"===a.params.direction?-g.translate:g.translate,s=(a.maxTranslate()-a.minTranslate())/(g.maxTranslate()-g.minTranslate()),i=(e-g.minTranslate())*s+a.minTranslate(),g.params.controlInverse&&(i=a.maxTranslate()-i),a.updateProgress(i),a.setWrapperTranslate(i,!1,g),a.updateActiveIndex()}var s,i,n=g.params.control;if(g.isArray(n))for(var o=0;o<n.length;o++)n[o]!==t&&n[o]instanceof a&&r(n[o]);else n instanceof a&&t!==n&&r(n)},setTransition:function(e,t){function r(a){a.setWrapperTransition(e,g),0!==e&&(a.onTransitionStart(),a.wrapper.transitionEnd(function(){i&&a.onTransitionEnd()}))}var s,i=g.params.control;if(g.isArray(i))for(s=0;s<i.length;s++)i[s]!==t&&i[s]instanceof a&&r(i[s]);else i instanceof a&&t!==i&&r(i)}},g.hashnav={init:function(){if(g.params.hashnav){g.hashnav.initialized=!0;var e=document.location.hash.replace("#","");if(e)for(var a=0,t=0,r=g.slides.length;r>t;t++){var s=g.slides.eq(t),i=s.attr("data-hash");if(i===e&&!s.hasClass(g.params.slideDuplicateClass)){var n=s.index();g.slideTo(n,a,g.params.runCallbacksOnInit,!0)}}}},setHash:function(){g.hashnav.initialized&&g.params.hashnav&&(document.location.hash=g.slides.eq(g.activeIndex).attr("data-hash")||"")}},g.disableKeyboardControl=function(){v(document).off("keydown",l)},g.enableKeyboardControl=function(){v(document).on("keydown",l)},g._wheelEvent=!1,g._lastWheelScrollTime=(new window.Date).getTime(),g.params.mousewheelControl){if(void 0!==document.onmousewheel&&(g._wheelEvent="mousewheel"),!g._wheelEvent)try{new window.WheelEvent("wheel"),g._wheelEvent="wheel"}catch(G){}g._wheelEvent||(g._wheelEvent="DOMMouseScroll")}g.disableMousewheelControl=function(){return g._wheelEvent?(g.container.off(g._wheelEvent,d),!0):!1},g.enableMousewheelControl=function(){return g._wheelEvent?(g.container.on(g._wheelEvent,d),!0):!1},g.parallax={setTranslate:function(){g.container.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function(){p(this,g.progress)}),g.slides.each(function(){var e=v(this);e.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function(){var a=Math.min(Math.max(e[0].progress,-1),1);p(this,a)})})},setTransition:function(e){"undefined"==typeof e&&(e=g.params.speed),g.container.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function(){var a=v(this),t=parseInt(a.attr("data-swiper-parallax-duration"),10)||e;0===e&&(t=0),a.transition(t)})}},g._plugins=[];for(var B in g.plugins){var A=g.plugins[B](g,g.params[B]);A&&g._plugins.push(A)}return g.callPlugins=function(e){for(var a=0;a<g._plugins.length;a++)e in g._plugins[a]&&g._plugins[a][e](arguments[1],arguments[2],arguments[3],arguments[4],arguments[5])},g.emitterEventListeners={},g.emit=function(e){g.params[e]&&g.params[e](arguments[1],arguments[2],arguments[3],arguments[4],arguments[5]);var a;if(g.emitterEventListeners[e])for(a=0;a<g.emitterEventListeners[e].length;a++)g.emitterEventListeners[e][a](arguments[1],arguments[2],arguments[3],arguments[4],arguments[5]);g.callPlugins&&g.callPlugins(e,arguments[1],arguments[2],arguments[3],arguments[4],arguments[5])},g.on=function(e,a){return e=u(e),g.emitterEventListeners[e]||(g.emitterEventListeners[e]=[]),g.emitterEventListeners[e].push(a),g},g.off=function(e,a){var t;if(e=u(e),"undefined"==typeof a)return g.emitterEventListeners[e]=[],g;if(g.emitterEventListeners[e]&&0!==g.emitterEventListeners[e].length){for(t=0;t<g.emitterEventListeners[e].length;t++)g.emitterEventListeners[e][t]===a&&g.emitterEventListeners[e].splice(t,1);return g}},g.once=function(e,a){e=u(e);var t=function(){a(arguments[0],arguments[1],arguments[2],arguments[3],arguments[4]),g.off(e,t)};return g.on(e,t),g},g.a11y={makeFocusable:function(e){return e[0].tabIndex="0",e},addRole:function(e,a){return e.attr("role",a),e},addLabel:function(e,a){return e.attr("aria-label",a),e},disable:function(e){return e.attr("aria-disabled",!0),e},enable:function(e){return e.attr("aria-disabled",!1),e},onEnterKey:function(e){13===e.keyCode&&(v(e.target).is(g.params.nextButton)?(g.onClickNext(e),g.a11y.notify(g.isEnd?g.params.lastSlideMsg:g.params.nextSlideMsg)):v(e.target).is(g.params.prevButton)&&(g.onClickPrev(e),g.a11y.notify(g.isBeginning?g.params.firstSlideMsg:g.params.prevSlideMsg)))},liveRegion:v('<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>'),notify:function(e){var a=g.a11y.liveRegion;0!==a.length&&(a.html(""),a.html(e))},init:function(){if(g.params.nextButton){var e=v(g.params.nextButton);g.a11y.makeFocusable(e),g.a11y.addRole(e,"button"),g.a11y.addLabel(e,g.params.nextSlideMsg)}if(g.params.prevButton){var a=v(g.params.prevButton);g.a11y.makeFocusable(a),g.a11y.addRole(a,"button"),g.a11y.addLabel(a,g.params.prevSlideMsg)}v(g.container).append(g.a11y.liveRegion)},destroy:function(){g.a11y.liveRegion&&g.a11y.liveRegion.length>0&&g.a11y.liveRegion.remove()}},g.init=function(){g.params.loop&&g.createLoop(),g.updateContainerSize(),g.updateSlidesSize(),g.updatePagination(),g.params.scrollbar&&g.scrollbar&&g.scrollbar.set(),"slide"!==g.params.effect&&g.effects[g.params.effect]&&(g.params.loop||g.updateProgress(),g.effects[g.params.effect].setTranslate()),g.params.loop?g.slideTo(g.params.initialSlide+g.loopedSlides,0,g.params.runCallbacksOnInit):(g.slideTo(g.params.initialSlide,0,g.params.runCallbacksOnInit),0===g.params.initialSlide&&(g.parallax&&g.params.parallax&&g.parallax.setTranslate(),g.lazy&&g.params.lazyLoading&&(g.lazy.load(),g.lazy.initialImageLoaded=!0))),g.attachEvents(),g.params.observer&&g.support.observer&&g.initObservers(),g.params.preloadImages&&!g.params.lazyLoading&&g.preloadImages(),g.params.autoplay&&g.startAutoplay(),g.params.keyboardControl&&g.enableKeyboardControl&&g.enableKeyboardControl(),g.params.mousewheelControl&&g.enableMousewheelControl&&g.enableMousewheelControl(),g.params.hashnav&&g.hashnav&&g.hashnav.init(),g.params.a11y&&g.a11y&&g.a11y.init(),g.emit("onInit",g)},g.cleanupStyles=function(){g.container.removeClass(g.classNames.join(" ")).removeAttr("style"),g.wrapper.removeAttr("style"),g.slides&&g.slides.length&&g.slides.removeClass([g.params.slideVisibleClass,g.params.slideActiveClass,g.params.slideNextClass,g.params.slidePrevClass].join(" ")).removeAttr("style").removeAttr("data-swiper-column").removeAttr("data-swiper-row"),g.paginationContainer&&g.paginationContainer.length&&g.paginationContainer.removeClass(g.params.paginationHiddenClass),g.bullets&&g.bullets.length&&g.bullets.removeClass(g.params.bulletActiveClass),g.params.prevButton&&v(g.params.prevButton).removeClass(g.params.buttonDisabledClass),g.params.nextButton&&v(g.params.nextButton).removeClass(g.params.buttonDisabledClass),g.params.scrollbar&&g.scrollbar&&(g.scrollbar.track&&g.scrollbar.track.length&&g.scrollbar.track.removeAttr("style"),g.scrollbar.drag&&g.scrollbar.drag.length&&g.scrollbar.drag.removeAttr("style"))},g.destroy=function(e,a){g.detachEvents(),g.stopAutoplay(),g.params.loop&&g.destroyLoop(),a&&g.cleanupStyles(),g.disconnectObservers(),g.params.keyboardControl&&g.disableKeyboardControl&&g.disableKeyboardControl(),g.params.mousewheelControl&&g.disableMousewheelControl&&g.disableMousewheelControl(),g.params.a11y&&g.a11y&&g.a11y.destroy(),g.emit("onDestroy"),e!==!1&&(g=null)},g.init(),g}};a.prototype={isSafari:function(){var e=navigator.userAgent.toLowerCase();return e.indexOf("safari")>=0&&e.indexOf("chrome")<0&&e.indexOf("android")<0}(),isUiWebView:/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent),isArray:function(e){return"[object Array]"===Object.prototype.toString.apply(e)},browser:{ie:window.navigator.pointerEnabled||window.navigator.msPointerEnabled,ieTouch:window.navigator.msPointerEnabled&&window.navigator.msMaxTouchPoints>1||window.navigator.pointerEnabled&&window.navigator.maxTouchPoints>1},device:function(){var e=navigator.userAgent,a=e.match(/(Android);?[\s\/]+([\d.]+)?/),t=e.match(/(iPad).*OS\s([\d_]+)/),r=(e.match(/(iPod)(.*OS\s([\d_]+))?/),!t&&e.match(/(iPhone\sOS)\s([\d_]+)/));return{ios:t||r||t,android:a}}(),support:{touch:window.Modernizr&&Modernizr.touch===!0||function(){return!!("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch)}(),transforms3d:window.Modernizr&&Modernizr.csstransforms3d===!0||function(){var e=document.createElement("div").style;return"webkitPerspective"in e||"MozPerspective"in e||"OPerspective"in e||"MsPerspective"in e||"perspective"in e}(),flexbox:function(){for(var e=document.createElement("div").style,a="alignItems webkitAlignItems webkitBoxAlign msFlexAlign mozBoxAlign webkitFlexDirection msFlexDirection mozBoxDirection mozBoxOrient webkitBoxDirection webkitBoxOrient".split(" "),t=0;t<a.length;t++)if(a[t]in e)return!0}(),observer:function(){return"MutationObserver"in window||"WebkitMutationObserver"in window}()},plugins:{}};for(var t=(function(){var e=function(e){var a=this,t=0;for(t=0;t<e.length;t++)a[t]=e[t];return a.length=e.length,this},a=function(a,t){var r=[],s=0;if(a&&!t&&a instanceof e)return a;if(a)if("string"==typeof a){var i,n,o=a.trim();if(o.indexOf("<")>=0&&o.indexOf(">")>=0){var l="div";for(0===o.indexOf("<li")&&(l="ul"),0===o.indexOf("<tr")&&(l="tbody"),(0===o.indexOf("<td")||0===o.indexOf("<th"))&&(l="tr"),0===o.indexOf("<tbody")&&(l="table"),0===o.indexOf("<option")&&(l="select"),n=document.createElement(l),n.innerHTML=a,s=0;s<n.childNodes.length;s++)r.push(n.childNodes[s])}else for(i=t||"#"!==a[0]||a.match(/[ .<>:~]/)?(t||document).querySelectorAll(a):[document.getElementById(a.split("#")[1])],s=0;s<i.length;s++)i[s]&&r.push(i[s])}else if(a.nodeType||a===window||a===document)r.push(a);else if(a.length>0&&a[0].nodeType)for(s=0;s<a.length;s++)r.push(a[s]);return new e(r)};return e.prototype={addClass:function(e){if("undefined"==typeof e)return this;for(var a=e.split(" "),t=0;t<a.length;t++)for(var r=0;r<this.length;r++)this[r].classList.add(a[t]);return this},removeClass:function(e){for(var a=e.split(" "),t=0;t<a.length;t++)for(var r=0;r<this.length;r++)this[r].classList.remove(a[t]);return this},hasClass:function(e){return this[0]?this[0].classList.contains(e):!1},toggleClass:function(e){for(var a=e.split(" "),t=0;t<a.length;t++)for(var r=0;r<this.length;r++)this[r].classList.toggle(a[t]);return this},attr:function(e,a){if(1===arguments.length&&"string"==typeof e)return this[0]?this[0].getAttribute(e):void 0;for(var t=0;t<this.length;t++)if(2===arguments.length)this[t].setAttribute(e,a);else for(var r in e)this[t][r]=e[r],this[t].setAttribute(r,e[r]);return this},removeAttr:function(e){for(var a=0;a<this.length;a++)this[a].removeAttribute(e);return this},data:function(e,a){if("undefined"==typeof a){if(this[0]){var t=this[0].getAttribute("data-"+e);return t?t:this[0].dom7ElementDataStorage&&e in this[0].dom7ElementDataStorage?this[0].dom7ElementDataStorage[e]:void 0}return void 0}for(var r=0;r<this.length;r++){var s=this[r];s.dom7ElementDataStorage||(s.dom7ElementDataStorage={}),s.dom7ElementDataStorage[e]=a}return this},transform:function(e){for(var a=0;a<this.length;a++){var t=this[a].style;t.webkitTransform=t.MsTransform=t.msTransform=t.MozTransform=t.OTransform=t.transform=e}return this},transition:function(e){"string"!=typeof e&&(e+="ms");for(var a=0;a<this.length;a++){var t=this[a].style;t.webkitTransitionDuration=t.MsTransitionDuration=t.msTransitionDuration=t.MozTransitionDuration=t.OTransitionDuration=t.transitionDuration=e}return this},on:function(e,t,r,s){function i(e){var s=e.target;if(a(s).is(t))r.call(s,e);else for(var i=a(s).parents(),n=0;n<i.length;n++)a(i[n]).is(t)&&r.call(i[n],e)}var n,o,l=e.split(" ");for(n=0;n<this.length;n++)if("function"==typeof t||t===!1)for("function"==typeof t&&(r=arguments[1],s=arguments[2]||!1),o=0;o<l.length;o++)this[n].addEventListener(l[o],r,s);else for(o=0;o<l.length;o++)this[n].dom7LiveListeners||(this[n].dom7LiveListeners=[]),this[n].dom7LiveListeners.push({listener:r,liveListener:i}),this[n].addEventListener(l[o],i,s);return this},off:function(e,a,t,r){for(var s=e.split(" "),i=0;i<s.length;i++)for(var n=0;n<this.length;n++)if("function"==typeof a||a===!1)"function"==typeof a&&(t=arguments[1],r=arguments[2]||!1),this[n].removeEventListener(s[i],t,r);else if(this[n].dom7LiveListeners)for(var o=0;o<this[n].dom7LiveListeners.length;o++)this[n].dom7LiveListeners[o].listener===t&&this[n].removeEventListener(s[i],this[n].dom7LiveListeners[o].liveListener,r);return this},once:function(e,a,t,r){function s(n){t(n),i.off(e,a,s,r)}var i=this;"function"==typeof a&&(a=!1,t=arguments[1],r=arguments[2]),i.on(e,a,s,r)},trigger:function(e,a){for(var t=0;t<this.length;t++){var r;try{r=new window.CustomEvent(e,{detail:a,bubbles:!0,cancelable:!0})}catch(s){r=document.createEvent("Event"),r.initEvent(e,!0,!0),r.detail=a}this[t].dispatchEvent(r)}return this},transitionEnd:function(e){function a(i){if(i.target===this)for(e.call(this,i),t=0;t<r.length;t++)s.off(r[t],a)}var t,r=["webkitTransitionEnd","transitionend","oTransitionEnd","MSTransitionEnd","msTransitionEnd"],s=this;if(e)for(t=0;t<r.length;t++)s.on(r[t],a);return this},width:function(){return this[0]===window?window.innerWidth:this.length>0?parseFloat(this.css("width")):null},outerWidth:function(e){return this.length>0?e?this[0].offsetWidth+parseFloat(this.css("margin-right"))+parseFloat(this.css("margin-left")):this[0].offsetWidth:null},height:function(){return this[0]===window?window.innerHeight:this.length>0?parseFloat(this.css("height")):null},outerHeight:function(e){return this.length>0?e?this[0].offsetHeight+parseFloat(this.css("margin-top"))+parseFloat(this.css("margin-bottom")):this[0].offsetHeight:null},offset:function(){if(this.length>0){var e=this[0],a=e.getBoundingClientRect(),t=document.body,r=e.clientTop||t.clientTop||0,s=e.clientLeft||t.clientLeft||0,i=window.pageYOffset||e.scrollTop,n=window.pageXOffset||e.scrollLeft;return{top:a.top+i-r,left:a.left+n-s}}return null},css:function(e,a){var t;if(1===arguments.length){if("string"!=typeof e){for(t=0;t<this.length;t++)for(var r in e)this[t].style[r]=e[r];return this}if(this[0])return window.getComputedStyle(this[0],null).getPropertyValue(e)}if(2===arguments.length&&"string"==typeof e){for(t=0;t<this.length;t++)this[t].style[e]=a;return this}return this},each:function(e){for(var a=0;a<this.length;a++)e.call(this[a],a,this[a]);return this},html:function(e){if("undefined"==typeof e)return this[0]?this[0].innerHTML:void 0;for(var a=0;a<this.length;a++)this[a].innerHTML=e;return this},is:function(t){if(!this[0])return!1;var r,s;if("string"==typeof t){var i=this[0];if(i===document)return t===document;if(i===window)return t===window;if(i.matches)return i.matches(t);if(i.webkitMatchesSelector)return i.webkitMatchesSelector(t);if(i.mozMatchesSelector)return i.mozMatchesSelector(t);if(i.msMatchesSelector)return i.msMatchesSelector(t);for(r=a(t),s=0;s<r.length;s++)if(r[s]===this[0])return!0;return!1}if(t===document)return this[0]===document;if(t===window)return this[0]===window;if(t.nodeType||t instanceof e){for(r=t.nodeType?[t]:t,s=0;s<r.length;s++)if(r[s]===this[0])return!0;return!1}return!1},index:function(){if(this[0]){for(var e=this[0],a=0;null!==(e=e.previousSibling);)1===e.nodeType&&a++;return a}return void 0},eq:function(a){if("undefined"==typeof a)return this;var t,r=this.length;return a>r-1?new e([]):0>a?(t=r+a,new e(0>t?[]:[this[t]])):new e([this[a]])},append:function(a){var t,r;for(t=0;t<this.length;t++)if("string"==typeof a){var s=document.createElement("div");for(s.innerHTML=a;s.firstChild;)this[t].appendChild(s.firstChild)}else if(a instanceof e)for(r=0;r<a.length;r++)this[t].appendChild(a[r]);else this[t].appendChild(a);return this},prepend:function(a){var t,r;for(t=0;t<this.length;t++)if("string"==typeof a){var s=document.createElement("div");for(s.innerHTML=a,r=s.childNodes.length-1;r>=0;r--)this[t].insertBefore(s.childNodes[r],this[t].childNodes[0])}else if(a instanceof e)for(r=0;r<a.length;r++)this[t].insertBefore(a[r],this[t].childNodes[0]);else this[t].insertBefore(a,this[t].childNodes[0]);return this},insertBefore:function(e){for(var t=a(e),r=0;r<this.length;r++)if(1===t.length)t[0].parentNode.insertBefore(this[r],t[0]);else if(t.length>1)for(var s=0;s<t.length;s++)t[s].parentNode.insertBefore(this[r].cloneNode(!0),t[s])},insertAfter:function(e){for(var t=a(e),r=0;r<this.length;r++)if(1===t.length)t[0].parentNode.insertBefore(this[r],t[0].nextSibling);else if(t.length>1)for(var s=0;s<t.length;s++)t[s].parentNode.insertBefore(this[r].cloneNode(!0),t[s].nextSibling)},next:function(t){return new e(this.length>0?t?this[0].nextElementSibling&&a(this[0].nextElementSibling).is(t)?[this[0].nextElementSibling]:[]:this[0].nextElementSibling?[this[0].nextElementSibling]:[]:[])},nextAll:function(t){var r=[],s=this[0];if(!s)return new e([]);for(;s.nextElementSibling;){var i=s.nextElementSibling;t?a(i).is(t)&&r.push(i):r.push(i),s=i}return new e(r)},prev:function(t){return new e(this.length>0?t?this[0].previousElementSibling&&a(this[0].previousElementSibling).is(t)?[this[0].previousElementSibling]:[]:this[0].previousElementSibling?[this[0].previousElementSibling]:[]:[])},prevAll:function(t){var r=[],s=this[0];if(!s)return new e([]);for(;s.previousElementSibling;){var i=s.previousElementSibling;t?a(i).is(t)&&r.push(i):r.push(i),s=i}return new e(r)},parent:function(e){for(var t=[],r=0;r<this.length;r++)e?a(this[r].parentNode).is(e)&&t.push(this[r].parentNode):t.push(this[r].parentNode);return a(a.unique(t))},parents:function(e){for(var t=[],r=0;r<this.length;r++)for(var s=this[r].parentNode;s;)e?a(s).is(e)&&t.push(s):t.push(s),s=s.parentNode;return a(a.unique(t))},find:function(a){for(var t=[],r=0;r<this.length;r++)for(var s=this[r].querySelectorAll(a),i=0;i<s.length;i++)t.push(s[i]);return new e(t)},children:function(t){for(var r=[],s=0;s<this.length;s++)for(var i=this[s].childNodes,n=0;n<i.length;n++)t?1===i[n].nodeType&&a(i[n]).is(t)&&r.push(i[n]):1===i[n].nodeType&&r.push(i[n]);return new e(a.unique(r))},remove:function(){for(var e=0;e<this.length;e++)this[e].parentNode&&this[e].parentNode.removeChild(this[e]);return this},add:function(){var e,t,r=this;for(e=0;e<arguments.length;e++){var s=a(arguments[e]);for(t=0;t<s.length;t++)r[r.length]=s[t],r.length++}return r}},a.fn=e.prototype,a.unique=function(e){for(var a=[],t=0;t<e.length;t++)-1===a.indexOf(e[t])&&a.push(e[t]);return a},a}()),r=["jQuery","Zepto","Dom7"],s=0;s<r.length;s++)window[r[s]]&&e(window[r[s]]);var i;i="undefined"==typeof t?window.Dom7||window.Zepto||window.jQuery:t,i&&("transitionEnd"in i.fn||(i.fn.transitionEnd=function(e){function a(i){if(i.target===this)for(e.call(this,i),t=0;t<r.length;t++)s.off(r[t],a)}var t,r=["webkitTransitionEnd","transitionend","oTransitionEnd","MSTransitionEnd","msTransitionEnd"],s=this;if(e)for(t=0;t<r.length;t++)s.on(r[t],a);return this}),"transform"in i.fn||(i.fn.transform=function(e){for(var a=0;a<this.length;a++){var t=this[a].style;t.webkitTransform=t.MsTransform=t.msTransform=t.MozTransform=t.OTransform=t.transform=e}return this}),"transition"in i.fn||(i.fn.transition=function(e){"string"!=typeof e&&(e+="ms");for(var a=0;a<this.length;a++){var t=this[a].style;t.webkitTransitionDuration=t.MsTransitionDuration=t.msTransitionDuration=t.MozTransitionDuration=t.OTransitionDuration=t.transitionDuration=e}return this})),window.Swiper=a}(),"undefined"!=typeof module?module.exports=window.Swiper:"function"==typeof define&&define.amd&&define([],function(){"use strict";return window.Swiper});
17 | //# sourceMappingURL=maps/swiper.min.js.map


--------------------------------------------------------------------------------