From d4addf82cbc987e5322e787adffd09b3fc2da979 Mon Sep 17 00:00:00 2001 From: doum <doum> Date: 星期二, 23 九月 2025 16:40:49 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- mobile/images/icon3/ic_cantingguanli@2x.png | 0 mobile/wenyiyanchu.html | 262 ++++ mobile/gongrenwenhuagong.html | 281 ++++ mobile/images/icon3/ic_xuanzuo@2x.png | 0 mobile/images/icon3/ic_nianka@2x.png | 0 mobile/images/icon3/ic_saomadiancan@2x.png | 0 mobile/images/yunying_img212@2x.png | 0 mobile/qiyegonghui.html | 265 ++++ mobile/images/img_qinzi@2x.png | 0 mobile/js/index.js | 6 mobile/images/icon3/ic_shebeizulin@2x.png | 0 mobile/js/wow.min.js | 2 mobile/.idea/watcherTasks.xml | 25 mobile/js/shengshiji-shuzhitiyu.js | 0 mobile/css/animate.min.css | 6 mobile/css/qiyegonghui.css | 252 ++++ mobile/images/icon3/ic_cika@2x.png | 0 mobile/images/icon3/ic_jumu@2x.png | 0 mobile/images/icon3/ic_xunjianyunwei@2x.png | 0 mobile/css/animate.css | 8 mobile/images/img_jingqu@2x.png | 0 mobile/images/icon3/ic_waisong@2x.png | 0 mobile/images/img_wenyi@2x.png | 0 mobile/images/icon3/ic_qinzipiao@2x.png | 0 mobile/images/img_gonghui@2x.png | 0 mobile/lvyoujingqu.html | 343 +++++ mobile/images/icon3/ic_taocanzuhe@2x.png | 0 mobile/shengshiji-shuzhitiyu.html | 262 ++++ mobile/css/shengshiji-shuzhitiyu.css | 252 ++++ mobile/css/index.css | 238 +++ mobile/images/icon3/ic_cangchuguanli@2x.png | 0 mobile/images/1.jpg | 0 mobile/js/qinzileyuan.js | 0 mobile/images/solution_shengshiji@2x.png | 0 mobile/js/lvyoujingqu.js | 0 mobile/sportsChain.html | 4 mobile/.idea/misc.xml | 4 mobile/images/solution_wenyi@2x.png | 0 mobile/images/icon3/ic_shanghuguanli@2x.png | 0 mobile/images/solution_jingqu@2x.png | 0 mobile/images/3.png | 0 mobile/images/icon3/ic_zichanguanli@2x.png | 0 mobile/js/gongrenwenhuagong.js | 0 mobile/images/icon3/ic_pinghaoqucan@2x.png | 0 mobile/css/gomgrenwenhuagong.css | 252 ++++ mobile/images/solution_qinzi@2x.png | 0 mobile/.idea/h5.iml | 12 mobile/images/icon3/ic_shangpingchuruku@2x.png | 0 mobile/.idea/.gitignore | 3 mobile/images/yuny1ing_img2@2x.png | 0 mobile/images/icon3/ic_zuowei@2x.png | 0 mobile/images/img_wenhuagong@2x.png | 0 mobile/images/solution_gonghui@2x.png | 0 mobile/images/icon3/ic_xiaochengxudingchang@2x.png | 0 mobile/images/solution_gongren@2x.png | 0 mobile/index.html | 143 ++ mobile/css/lvyoujingqu.css | 252 ++++ mobile/css/qinzileyuan.css | 252 ++++ mobile/.idea/modules.xml | 2 mobile/images/icon3/ic_tangshiwufu@2x.png | 0 mobile/images/yu1nyin2g_img2@2x.png | 0 mobile/qinzileyuan.html | 295 +++++ 62 files changed, 3,375 insertions(+), 46 deletions(-) diff --git a/mobile/.idea/.gitignore b/mobile/.idea/.gitignore index 13566b8..b58b603 100644 --- a/mobile/.idea/.gitignore +++ b/mobile/.idea/.gitignore @@ -3,6 +3,3 @@ /workspace.xml # Editor-based HTTP Client requests /httpRequests/ -# Datasource local storage ignored files -/dataSources/ -/dataSources.local.xml diff --git a/mobile/.idea/h5.iml b/mobile/.idea/h5.iml new file mode 100644 index 0000000..24643cc --- /dev/null +++ b/mobile/.idea/h5.iml @@ -0,0 +1,12 @@ +<?xml version="1.0" encoding="UTF-8"?> +<module type="WEB_MODULE" version="4"> + <component name="NewModuleRootManager"> + <content url="file://$MODULE_DIR$"> + <excludeFolder url="file://$MODULE_DIR$/.tmp" /> + <excludeFolder url="file://$MODULE_DIR$/temp" /> + <excludeFolder url="file://$MODULE_DIR$/tmp" /> + </content> + <orderEntry type="inheritedJdk" /> + <orderEntry type="sourceFolder" forTests="false" /> + </component> +</module> \ No newline at end of file diff --git a/mobile/.idea/misc.xml b/mobile/.idea/misc.xml index 639900d..28a804d 100644 --- a/mobile/.idea/misc.xml +++ b/mobile/.idea/misc.xml @@ -1,6 +1,6 @@ <?xml version="1.0" encoding="UTF-8"?> <project version="4"> - <component name="ProjectRootManager"> - <output url="file://$PROJECT_DIR$/out" /> + <component name="JavaScriptSettings"> + <option name="languageLevel" value="ES6" /> </component> </project> \ No newline at end of file diff --git a/mobile/.idea/modules.xml b/mobile/.idea/modules.xml index 348e586..1a52939 100644 --- a/mobile/.idea/modules.xml +++ b/mobile/.idea/modules.xml @@ -2,7 +2,7 @@ <project version="4"> <component name="ProjectModuleManager"> <modules> - <module fileurl="file://$PROJECT_DIR$/.idea/mobile.iml" filepath="$PROJECT_DIR$/.idea/mobile.iml" /> + <module fileurl="file://$PROJECT_DIR$/.idea/h5.iml" filepath="$PROJECT_DIR$/.idea/h5.iml" /> </modules> </component> </project> \ No newline at end of file diff --git a/mobile/.idea/watcherTasks.xml b/mobile/.idea/watcherTasks.xml new file mode 100644 index 0000000..4201403 --- /dev/null +++ b/mobile/.idea/watcherTasks.xml @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="UTF-8"?> +<project version="4"> + <component name="ProjectTasksOptions"> + <TaskOptions isEnabled="false"> + <option name="arguments" value="$FileName$:$FileNameWithoutExtension$.css" /> + <option name="checkSyntaxErrors" value="true" /> + <option name="description" /> + <option name="exitCodeBehavior" value="ERROR" /> + <option name="fileExtension" value="scss" /> + <option name="immediateSync" value="true" /> + <option name="name" value="SCSS" /> + <option name="output" value="$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map" /> + <option name="outputFilters"> + <array /> + </option> + <option name="outputFromStdout" value="false" /> + <option name="program" value="sass" /> + <option name="runOnExternalChanges" value="true" /> + <option name="scopeName" value="Project Files" /> + <option name="trackOnlyRoot" value="true" /> + <option name="workingDir" value="$FileDir$" /> + <envs /> + </TaskOptions> + </component> +</project> \ No newline at end of file diff --git a/mobile/css/animate.css b/mobile/css/animate.css new file mode 100644 index 0000000..9eb868d --- /dev/null +++ b/mobile/css/animate.css @@ -0,0 +1,8 @@ + +/*! + * animate.css - https://animate.style/ + * Version - 4.1.1 + * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev + * + * Copyright (c) 2022 Animate.css + */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} diff --git a/mobile/css/animate.min.css b/mobile/css/animate.min.css new file mode 100644 index 0000000..1229caf --- /dev/null +++ b/mobile/css/animate.min.css @@ -0,0 +1,6 @@ +锘緻charset "UTF-8";/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2014 Daniel Eden +*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} \ No newline at end of file diff --git a/mobile/css/gomgrenwenhuagong.css b/mobile/css/gomgrenwenhuagong.css new file mode 100644 index 0000000..99cd998 --- /dev/null +++ b/mobile/css/gomgrenwenhuagong.css @@ -0,0 +1,252 @@ +.box { + width: 100%; +} +.head { + width: 100%; + height: 44px; + padding: 0 15px; + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + background: #FFFFFF; + position: sticky; + top: 0; + left: 0; + z-index: 999; + box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05); +} +.head_logo { + width: 98px; + height: 32px; +} +.head_menu { + width: 24px; + height: 24px; +} +.banner { + width: 100%; + padding: 24px 15px; + box-sizing: border-box; + background: #F8F9FB; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.banner_title { + font-weight: 600; + font-size: 18px; + color: #191B1F; +} +.banner_info { + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 10px; + text-align: center; +} +.banner img { + width: 345px; + height: 173px; + margin-top: 20px; +} +.lanmu { + width: 100%; + height: 70px; +} +.item { + width: 100%; + padding: 24px 0; + box-sizing: border-box; + background-color: #ffffff; +} +.item_title { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + font-weight: 600; + font-size: 16px; + color: #191B1F; +} +.item_info { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 11px; +} +.item_list { + width: 100%; + margin-top: 10px; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; +} +.item_list_item { + width: 25%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 15px; +} +.item_list_item img { + width: 44px; + height: 44px; +} +.item_list_item span { + font-weight: 400; + font-size: 13px; + color: #191B1F; + margin-top: 10px; +} +.item_image { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + margin-top: 5px; +} +.gengduo { + width: 100%; + padding: 24px 17px; + box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #ffffff; +} +.gengduo_title { + font-weight: 600; + font-size: 18px; + color: #191B1F; +} +.gengduo_info { + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 10px; + text-align: center; +} +.gengduo img { + width: 100%; + margin-top: 13px; +} +.footer { + width: 100%; + padding: 24px 20px; + box-sizing: border-box; + background: #2E333A; + position: relative; +} +.footer_title { + font-weight: 600; + font-size: 16px; + color: #FFFFFF; + margin-bottom: 15px; +} +.footer_row { + width: 100%; + margin-bottom: 11px; +} +.footer_row { + width: 100%; + display: flex; + align-items: center; +} +.footer_row img { + width: 14px; + height: 14px; + margin-right: 16px; +} +.footer_row span { + font-weight: 400; + font-size: 13px; + color: #CCCCCC; +} +.footer_x { + width: 100%; + height: 1px; + margin-bottom: 23px; + background-color: #898989; +} +.footer_info { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.footer_info span { + font-weight: 400; + font-size: 11px; + color: #999999; +} +.footer_qrcode { + position: absolute; + right: 30px; + top: 30px; + display: flex; + align-items: center; +} +.footer_qrcode_item { + width: 68px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-left: 11px; +} +.footer_qrcode_item img { + width: 68px; + height: 68px; +} +.footer_qrcode_item span { + font-weight: 400; + font-size: 12px; + color: #CCCCCC; + margin-top: 10px; +} +.footer_lx { + width: 100%; + height: 54px; + background: #FFFFFF; + position: fixed; + bottom: 0; + left: 0; + padding: 0 15px; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: space-between; +} +.footer_lx_left { + display: flex; + align-items: center; +} +.footer_lx_left img { + width: 23px; + height: 23px; + margin-right: 8px; +} +.footer_lx_left span { + font-weight: 500; + font-size: 14px; + color: #191B1F; +} +.footer_lx_right { + width: 214px; + height: 36px; + line-height: 36px; + text-align: center; + background: #FF7900; + box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54); + border-radius: 18px; + font-weight: 600; + font-size: 15px; + color: #FFFFFF; +} diff --git a/mobile/css/index.css b/mobile/css/index.css index 0613c22..fae82a9 100644 --- a/mobile/css/index.css +++ b/mobile/css/index.css @@ -1,30 +1,122 @@ .box { width: 100%; } +.head { + width: 100%; + height: 44px; + background: #FFFFFF; + position: sticky; + top: 0; + left: 0; + z-index: 999; + box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05); +} +.head_box { + width: 100%; + height: 100%; + padding: 0 15px; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: space-between; + position: relative; +} +.head_logo { + width: 98px; + height: 32px; +} +.head_menu { + width: 24px; + height: 24px; +} +.head_menus { + width: 100%; + padding: 20px; + box-sizing: border-box; + height: calc(100vh - 44px); + position: absolute; + top: 44px; + left: 0; + z-index: 9; + background-color: #F5F5F5; + overflow-y: scroll; +} +.head_menus_item { + width: 100%; + display: flex; + flex-direction: column; + padding-bottom: 15px; + box-sizing: border-box; + border-bottom: 1px solid #DFE2E8; + margin-bottom: 20px; +} +.head_menus_item:last-child { + margin: 0 !important; +} +.menus_top { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; +} +.menus_top_left { + display: flex; + align-items: center; +} +.menus_top_left_x { + width: 3px; + height: 15px; + background: #FF7900; + border-radius: 2px; + margin-right: 10px; +} +.menus_top_left span { + font-weight: 600; + font-size: 16px; + color: #191B1F; +} +.menus_top img { + width: 7px; + height: 14px; +} +.menus_list { + width: 100%; + margin-top: 15px; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; +} +.menus_list_item { + width: 49%; + height: 47px; + background: #FFFFFF; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: center; + font-weight: 400; + font-size: 14px; + color: #222222; + margin-top: 10px; +} +.menus_list_item:nth-child(1) { + margin-top: 0 !important; +} +.menus_list_item:nth-child(2) { + margin-top: 0 !important; +} .banner { width: 100%; height: 211px; -} -.swiper-container2 { - width: 100%; - height: 211px; -} -.swiper-slide1 { - width: 100%; padding: 0 30px; box-sizing: border-box; + background-image: url("../images/home_banner@2x.png"); + background-repeat: no-repeat; + background-size: 100% 100%; display: flex; flex-direction: column; justify-content: center; - position: relative; -} -.swiper-slide1 img { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; } .banner_title { font-weight: bold; @@ -410,3 +502,117 @@ color: #9196A1; margin-top: 12px; } +.footer { + width: 100%; + padding: 24px 20px; + box-sizing: border-box; + background: #2E333A; + position: relative; +} +.footer_title { + font-weight: 600; + font-size: 16px; + color: #FFFFFF; + margin-bottom: 15px; +} +.footer_row { + width: 100%; + margin-bottom: 11px; +} +.footer_row { + width: 100%; + display: flex; + align-items: center; +} +.footer_row img { + width: 14px; + height: 14px; + margin-right: 16px; +} +.footer_row span { + font-weight: 400; + font-size: 13px; + color: #CCCCCC; +} +.footer_x { + width: 100%; + height: 1px; + margin-bottom: 23px; + background-color: #898989; +} +.footer_info { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.footer_info span { + font-weight: 400; + font-size: 11px; + color: #999999; +} +.footer_qrcode { + position: absolute; + right: 30px; + top: 30px; + display: flex; + align-items: center; +} +.footer_qrcode_item { + width: 68px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-left: 11px; +} +.footer_qrcode_item img { + width: 68px; + height: 68px; +} +.footer_qrcode_item span { + font-weight: 400; + font-size: 12px; + color: #CCCCCC; + margin-top: 10px; +} +.footer_lx { + width: 100%; + height: 54px; + background: #FFFFFF; + position: fixed; + bottom: 0; + left: 0; + padding: 0 15px; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: space-between; +} +.footer_lx_left { + display: flex; + align-items: center; +} +.footer_lx_left img { + width: 23px; + height: 23px; + margin-right: 8px; +} +.footer_lx_left span { + font-weight: 500; + font-size: 14px; + color: #191B1F; +} +.footer_lx_right { + width: 214px; + height: 36px; + line-height: 36px; + text-align: center; + background: #FF7900; + box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54); + border-radius: 18px; + font-weight: 600; + font-size: 15px; + color: #FFFFFF; +} diff --git a/mobile/css/lvyoujingqu.css b/mobile/css/lvyoujingqu.css new file mode 100644 index 0000000..99cd998 --- /dev/null +++ b/mobile/css/lvyoujingqu.css @@ -0,0 +1,252 @@ +.box { + width: 100%; +} +.head { + width: 100%; + height: 44px; + padding: 0 15px; + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + background: #FFFFFF; + position: sticky; + top: 0; + left: 0; + z-index: 999; + box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05); +} +.head_logo { + width: 98px; + height: 32px; +} +.head_menu { + width: 24px; + height: 24px; +} +.banner { + width: 100%; + padding: 24px 15px; + box-sizing: border-box; + background: #F8F9FB; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.banner_title { + font-weight: 600; + font-size: 18px; + color: #191B1F; +} +.banner_info { + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 10px; + text-align: center; +} +.banner img { + width: 345px; + height: 173px; + margin-top: 20px; +} +.lanmu { + width: 100%; + height: 70px; +} +.item { + width: 100%; + padding: 24px 0; + box-sizing: border-box; + background-color: #ffffff; +} +.item_title { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + font-weight: 600; + font-size: 16px; + color: #191B1F; +} +.item_info { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 11px; +} +.item_list { + width: 100%; + margin-top: 10px; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; +} +.item_list_item { + width: 25%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 15px; +} +.item_list_item img { + width: 44px; + height: 44px; +} +.item_list_item span { + font-weight: 400; + font-size: 13px; + color: #191B1F; + margin-top: 10px; +} +.item_image { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + margin-top: 5px; +} +.gengduo { + width: 100%; + padding: 24px 17px; + box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #ffffff; +} +.gengduo_title { + font-weight: 600; + font-size: 18px; + color: #191B1F; +} +.gengduo_info { + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 10px; + text-align: center; +} +.gengduo img { + width: 100%; + margin-top: 13px; +} +.footer { + width: 100%; + padding: 24px 20px; + box-sizing: border-box; + background: #2E333A; + position: relative; +} +.footer_title { + font-weight: 600; + font-size: 16px; + color: #FFFFFF; + margin-bottom: 15px; +} +.footer_row { + width: 100%; + margin-bottom: 11px; +} +.footer_row { + width: 100%; + display: flex; + align-items: center; +} +.footer_row img { + width: 14px; + height: 14px; + margin-right: 16px; +} +.footer_row span { + font-weight: 400; + font-size: 13px; + color: #CCCCCC; +} +.footer_x { + width: 100%; + height: 1px; + margin-bottom: 23px; + background-color: #898989; +} +.footer_info { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.footer_info span { + font-weight: 400; + font-size: 11px; + color: #999999; +} +.footer_qrcode { + position: absolute; + right: 30px; + top: 30px; + display: flex; + align-items: center; +} +.footer_qrcode_item { + width: 68px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-left: 11px; +} +.footer_qrcode_item img { + width: 68px; + height: 68px; +} +.footer_qrcode_item span { + font-weight: 400; + font-size: 12px; + color: #CCCCCC; + margin-top: 10px; +} +.footer_lx { + width: 100%; + height: 54px; + background: #FFFFFF; + position: fixed; + bottom: 0; + left: 0; + padding: 0 15px; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: space-between; +} +.footer_lx_left { + display: flex; + align-items: center; +} +.footer_lx_left img { + width: 23px; + height: 23px; + margin-right: 8px; +} +.footer_lx_left span { + font-weight: 500; + font-size: 14px; + color: #191B1F; +} +.footer_lx_right { + width: 214px; + height: 36px; + line-height: 36px; + text-align: center; + background: #FF7900; + box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54); + border-radius: 18px; + font-weight: 600; + font-size: 15px; + color: #FFFFFF; +} diff --git a/mobile/css/qinzileyuan.css b/mobile/css/qinzileyuan.css new file mode 100644 index 0000000..99cd998 --- /dev/null +++ b/mobile/css/qinzileyuan.css @@ -0,0 +1,252 @@ +.box { + width: 100%; +} +.head { + width: 100%; + height: 44px; + padding: 0 15px; + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + background: #FFFFFF; + position: sticky; + top: 0; + left: 0; + z-index: 999; + box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05); +} +.head_logo { + width: 98px; + height: 32px; +} +.head_menu { + width: 24px; + height: 24px; +} +.banner { + width: 100%; + padding: 24px 15px; + box-sizing: border-box; + background: #F8F9FB; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.banner_title { + font-weight: 600; + font-size: 18px; + color: #191B1F; +} +.banner_info { + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 10px; + text-align: center; +} +.banner img { + width: 345px; + height: 173px; + margin-top: 20px; +} +.lanmu { + width: 100%; + height: 70px; +} +.item { + width: 100%; + padding: 24px 0; + box-sizing: border-box; + background-color: #ffffff; +} +.item_title { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + font-weight: 600; + font-size: 16px; + color: #191B1F; +} +.item_info { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 11px; +} +.item_list { + width: 100%; + margin-top: 10px; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; +} +.item_list_item { + width: 25%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 15px; +} +.item_list_item img { + width: 44px; + height: 44px; +} +.item_list_item span { + font-weight: 400; + font-size: 13px; + color: #191B1F; + margin-top: 10px; +} +.item_image { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + margin-top: 5px; +} +.gengduo { + width: 100%; + padding: 24px 17px; + box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #ffffff; +} +.gengduo_title { + font-weight: 600; + font-size: 18px; + color: #191B1F; +} +.gengduo_info { + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 10px; + text-align: center; +} +.gengduo img { + width: 100%; + margin-top: 13px; +} +.footer { + width: 100%; + padding: 24px 20px; + box-sizing: border-box; + background: #2E333A; + position: relative; +} +.footer_title { + font-weight: 600; + font-size: 16px; + color: #FFFFFF; + margin-bottom: 15px; +} +.footer_row { + width: 100%; + margin-bottom: 11px; +} +.footer_row { + width: 100%; + display: flex; + align-items: center; +} +.footer_row img { + width: 14px; + height: 14px; + margin-right: 16px; +} +.footer_row span { + font-weight: 400; + font-size: 13px; + color: #CCCCCC; +} +.footer_x { + width: 100%; + height: 1px; + margin-bottom: 23px; + background-color: #898989; +} +.footer_info { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.footer_info span { + font-weight: 400; + font-size: 11px; + color: #999999; +} +.footer_qrcode { + position: absolute; + right: 30px; + top: 30px; + display: flex; + align-items: center; +} +.footer_qrcode_item { + width: 68px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-left: 11px; +} +.footer_qrcode_item img { + width: 68px; + height: 68px; +} +.footer_qrcode_item span { + font-weight: 400; + font-size: 12px; + color: #CCCCCC; + margin-top: 10px; +} +.footer_lx { + width: 100%; + height: 54px; + background: #FFFFFF; + position: fixed; + bottom: 0; + left: 0; + padding: 0 15px; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: space-between; +} +.footer_lx_left { + display: flex; + align-items: center; +} +.footer_lx_left img { + width: 23px; + height: 23px; + margin-right: 8px; +} +.footer_lx_left span { + font-weight: 500; + font-size: 14px; + color: #191B1F; +} +.footer_lx_right { + width: 214px; + height: 36px; + line-height: 36px; + text-align: center; + background: #FF7900; + box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54); + border-radius: 18px; + font-weight: 600; + font-size: 15px; + color: #FFFFFF; +} diff --git a/mobile/css/qiyegonghui.css b/mobile/css/qiyegonghui.css new file mode 100644 index 0000000..99cd998 --- /dev/null +++ b/mobile/css/qiyegonghui.css @@ -0,0 +1,252 @@ +.box { + width: 100%; +} +.head { + width: 100%; + height: 44px; + padding: 0 15px; + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + background: #FFFFFF; + position: sticky; + top: 0; + left: 0; + z-index: 999; + box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05); +} +.head_logo { + width: 98px; + height: 32px; +} +.head_menu { + width: 24px; + height: 24px; +} +.banner { + width: 100%; + padding: 24px 15px; + box-sizing: border-box; + background: #F8F9FB; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.banner_title { + font-weight: 600; + font-size: 18px; + color: #191B1F; +} +.banner_info { + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 10px; + text-align: center; +} +.banner img { + width: 345px; + height: 173px; + margin-top: 20px; +} +.lanmu { + width: 100%; + height: 70px; +} +.item { + width: 100%; + padding: 24px 0; + box-sizing: border-box; + background-color: #ffffff; +} +.item_title { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + font-weight: 600; + font-size: 16px; + color: #191B1F; +} +.item_info { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 11px; +} +.item_list { + width: 100%; + margin-top: 10px; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; +} +.item_list_item { + width: 25%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 15px; +} +.item_list_item img { + width: 44px; + height: 44px; +} +.item_list_item span { + font-weight: 400; + font-size: 13px; + color: #191B1F; + margin-top: 10px; +} +.item_image { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + margin-top: 5px; +} +.gengduo { + width: 100%; + padding: 24px 17px; + box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #ffffff; +} +.gengduo_title { + font-weight: 600; + font-size: 18px; + color: #191B1F; +} +.gengduo_info { + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 10px; + text-align: center; +} +.gengduo img { + width: 100%; + margin-top: 13px; +} +.footer { + width: 100%; + padding: 24px 20px; + box-sizing: border-box; + background: #2E333A; + position: relative; +} +.footer_title { + font-weight: 600; + font-size: 16px; + color: #FFFFFF; + margin-bottom: 15px; +} +.footer_row { + width: 100%; + margin-bottom: 11px; +} +.footer_row { + width: 100%; + display: flex; + align-items: center; +} +.footer_row img { + width: 14px; + height: 14px; + margin-right: 16px; +} +.footer_row span { + font-weight: 400; + font-size: 13px; + color: #CCCCCC; +} +.footer_x { + width: 100%; + height: 1px; + margin-bottom: 23px; + background-color: #898989; +} +.footer_info { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.footer_info span { + font-weight: 400; + font-size: 11px; + color: #999999; +} +.footer_qrcode { + position: absolute; + right: 30px; + top: 30px; + display: flex; + align-items: center; +} +.footer_qrcode_item { + width: 68px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-left: 11px; +} +.footer_qrcode_item img { + width: 68px; + height: 68px; +} +.footer_qrcode_item span { + font-weight: 400; + font-size: 12px; + color: #CCCCCC; + margin-top: 10px; +} +.footer_lx { + width: 100%; + height: 54px; + background: #FFFFFF; + position: fixed; + bottom: 0; + left: 0; + padding: 0 15px; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: space-between; +} +.footer_lx_left { + display: flex; + align-items: center; +} +.footer_lx_left img { + width: 23px; + height: 23px; + margin-right: 8px; +} +.footer_lx_left span { + font-weight: 500; + font-size: 14px; + color: #191B1F; +} +.footer_lx_right { + width: 214px; + height: 36px; + line-height: 36px; + text-align: center; + background: #FF7900; + box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54); + border-radius: 18px; + font-weight: 600; + font-size: 15px; + color: #FFFFFF; +} diff --git a/mobile/css/shengshiji-shuzhitiyu.css b/mobile/css/shengshiji-shuzhitiyu.css new file mode 100644 index 0000000..99cd998 --- /dev/null +++ b/mobile/css/shengshiji-shuzhitiyu.css @@ -0,0 +1,252 @@ +.box { + width: 100%; +} +.head { + width: 100%; + height: 44px; + padding: 0 15px; + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + background: #FFFFFF; + position: sticky; + top: 0; + left: 0; + z-index: 999; + box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05); +} +.head_logo { + width: 98px; + height: 32px; +} +.head_menu { + width: 24px; + height: 24px; +} +.banner { + width: 100%; + padding: 24px 15px; + box-sizing: border-box; + background: #F8F9FB; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.banner_title { + font-weight: 600; + font-size: 18px; + color: #191B1F; +} +.banner_info { + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 10px; + text-align: center; +} +.banner img { + width: 345px; + height: 173px; + margin-top: 20px; +} +.lanmu { + width: 100%; + height: 70px; +} +.item { + width: 100%; + padding: 24px 0; + box-sizing: border-box; + background-color: #ffffff; +} +.item_title { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + font-weight: 600; + font-size: 16px; + color: #191B1F; +} +.item_info { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 11px; +} +.item_list { + width: 100%; + margin-top: 10px; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; +} +.item_list_item { + width: 25%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 15px; +} +.item_list_item img { + width: 44px; + height: 44px; +} +.item_list_item span { + font-weight: 400; + font-size: 13px; + color: #191B1F; + margin-top: 10px; +} +.item_image { + width: 100%; + padding: 0 15px; + box-sizing: border-box; + margin-top: 5px; +} +.gengduo { + width: 100%; + padding: 24px 17px; + box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #ffffff; +} +.gengduo_title { + font-weight: 600; + font-size: 18px; + color: #191B1F; +} +.gengduo_info { + font-weight: 400; + font-size: 11px; + color: #9196A1; + margin-top: 10px; + text-align: center; +} +.gengduo img { + width: 100%; + margin-top: 13px; +} +.footer { + width: 100%; + padding: 24px 20px; + box-sizing: border-box; + background: #2E333A; + position: relative; +} +.footer_title { + font-weight: 600; + font-size: 16px; + color: #FFFFFF; + margin-bottom: 15px; +} +.footer_row { + width: 100%; + margin-bottom: 11px; +} +.footer_row { + width: 100%; + display: flex; + align-items: center; +} +.footer_row img { + width: 14px; + height: 14px; + margin-right: 16px; +} +.footer_row span { + font-weight: 400; + font-size: 13px; + color: #CCCCCC; +} +.footer_x { + width: 100%; + height: 1px; + margin-bottom: 23px; + background-color: #898989; +} +.footer_info { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.footer_info span { + font-weight: 400; + font-size: 11px; + color: #999999; +} +.footer_qrcode { + position: absolute; + right: 30px; + top: 30px; + display: flex; + align-items: center; +} +.footer_qrcode_item { + width: 68px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-left: 11px; +} +.footer_qrcode_item img { + width: 68px; + height: 68px; +} +.footer_qrcode_item span { + font-weight: 400; + font-size: 12px; + color: #CCCCCC; + margin-top: 10px; +} +.footer_lx { + width: 100%; + height: 54px; + background: #FFFFFF; + position: fixed; + bottom: 0; + left: 0; + padding: 0 15px; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: space-between; +} +.footer_lx_left { + display: flex; + align-items: center; +} +.footer_lx_left img { + width: 23px; + height: 23px; + margin-right: 8px; +} +.footer_lx_left span { + font-weight: 500; + font-size: 14px; + color: #191B1F; +} +.footer_lx_right { + width: 214px; + height: 36px; + line-height: 36px; + text-align: center; + background: #FF7900; + box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54); + border-radius: 18px; + font-weight: 600; + font-size: 15px; + color: #FFFFFF; +} diff --git a/mobile/gongrenwenhuagong.html b/mobile/gongrenwenhuagong.html new file mode 100644 index 0000000..80eceb7 --- /dev/null +++ b/mobile/gongrenwenhuagong.html @@ -0,0 +1,281 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="./css/gomgrenwenhuagong.css"> + <link rel="stylesheet" href="./css/common.css"> + <title>宸ヤ汉鏂囧寲瀹�</title> +</head> +<body> + <div class="box"> + <div class="head"> + <img class="head_logo" src="./images/top_logo@2x.png" /> + <img class="head_menu" src="./images/top_menu@2x.png" /> + </div> + <div class="banner"> + <div class="banner_title">宸ヤ汉鏂囧寲瀹ず鎰忓浘</div> + <div class="banner_info">鏋勫缓鏁板瓧鍖栥�佹櫤鑳藉寲鍏叡鏈嶅姟骞冲彴锛屾彁鍗囩┖闂寸鐞嗘晥鐜囧拰鏈嶅姟璐ㄩ噺锛屼负鍚勯」涓氬姟鎻愪緵渚垮埄</div> + <img src="./images/img_wenhuagong@2x.png" /> + </div> + <div class="banner" style="background: #FFF6ED;"> + <div class="banner_title">宸ヤ汉鏂囧寲瀹В鍐虫柟妗堜紭鍔�</div> + <img style="height: 155px;" src="./images/solution_gongren@2x.png" /> + </div> + <img src="./images/img_hexingongneng@2x.png" class="lanmu" /> + <div class="item"> + <div class="item_title">鏈嶅姟涓績</div> + <div class="item_info"> + 鏁村悎鍛ㄨ竟鏅烘収鍦洪璧勬簮锛屾墦閫犲眳姘戔��15鍒嗛挓鍋ヨ韩鍦堚�濓紱<br /> + 鎻愪緵鍋ヨ韩銆佸叕鍏辨湇鍔′笌杩愬姩鐩稿叧鎸囧锛�<br /> + 瀵瑰浗姘戜綋璐ㄥ仴搴风洃娴嬬粺璁★紱 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_vipguanli@2x.png" /> + <span>浼氬憳绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_xinxigonggao@2x.png" /> + <span>淇℃伅鍏憡</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_jianshenzhidao@2x.png" /> + <span>鍋ヨ韩鎸囧</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_dashujuzhidao@2x.png" /> + <span>澶ф暟鎹�<br />搴旂敤鎸囧</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_ticetikao@2x.png" /> + <span>浣撴祴浣撹��</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_tizhijiance@2x.png" /> + <span>浣撹川鐩戞祴</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_qicaizulin@2x.png" /> + <span>鍣ㄦ潗绉熻祦</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/wuren_img_2@2x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">璧涗簨娲诲姩</div> + <div class="item_info"> + 瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_saishifabu@2x.png" /> + <span>璧涗簨鍙戝竷</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_saishiguanli@2x.png" /> + <span>璧涗簨绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_huodongbaoming@2x.png" /> + <span>娲诲姩鎶ュ悕</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_chengjigongbu@2x.png" /> + <span>鎴愮哗鍏竷</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_saishizhibo@2x.png" /> + <span>璧涗簨鐩存挱</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhihuiguansai@2x.png" /> + <span>鏅烘収瑙傝禌</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yunyingbaozhang@2x.png" /> + <span>杩愯惀淇濋殰</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/zongheguan_img_7@2x.png" /> + </div> + <div class="item"> + <div class="item_title">瀵艰瀵艰</div> + <div class="item_info"> + 涓烘潵璁胯�呮彁渚涙櫤鑳藉寲銆佷究鎹峰寲鐨勭┖闂村紩瀵煎拰淇℃伅鏈嶅姟 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_daolanping@2x.png" /> + <span>瀵艰瑙︽帶灞�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_luxianzhiyin@2x.png" /> + <span>灏忕▼搴忚矾绾挎寚寮�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yingbingjiqi@2x.png" /> + <span>鏅鸿兘杩庡鏈哄櫒浜�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhishipai@2x.png" /> + <span>瀵艰鎸囩ず鐗�</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/yunyi1ng_img2@2x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">鏅鸿兘绠℃帶</div> + <div class="item_info"> + 棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br /> + 鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br /> + 杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_renlianshibie@2x.png" /> + <span>浜鸿劯璇嗗埆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_erweimashibie@2x.png" /> + <span>浜岀淮鐮佽瘑鍒�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengchuwugui@2x.png" /> + <span>鏅鸿兘鍌ㄧ墿鏌�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengzhaji@2x.png" /> + <span>鏅鸿兘闂告満</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yundongzhuapai@2x.png" /> + <span>AI杩愬姩鎶撴媿</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinenganfang@2x.png" /> + <span>鏅鸿兘瀹夐槻鐩戞帶</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yunweiguanli@2x.png" /> + <span>杩愮淮绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengdengkong@2x.png" /> + <span>鏅鸿兘鐏帶</span> + </div> + </div> + <img class="item_image" src="./images/zongheguan_img_5@2x.png" /> + </div> + <div class="item"> + <div class="item_title">鏁版嵁澶у睆</div> + <div class="item_info"> + 閲囩敤鍙鍖栭泦鎴愮郴缁燂紝涓�鐩簡鐒讹紝渚夸簬绠$悊鑰呴殢鏃朵簡瑙i鍐呭姩鎬� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_keliujiance@2x.png" /> + <span>瀹㈡祦鐩戞祴</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yundongtongji@2x.png" /> + <span>杩愬姩缁熻</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_shebeizhuangtai@2x.png" /> + <span>璁惧鐘舵��</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_anquanyujing@2x.png" /> + <span>瀹夊叏棰勮</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_tingcheshuju@2x.png" /> + <span>鍋滆溅鏁版嵁</span> + </div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/yunying_img2@2x.png" /> + </div> + <div class="item"> + <div class="item_title">鏅烘収鍋滆溅</div> + <div class="item_info"> + 瀹炵幇杞﹁締蹇�熷嚭鍏ヤ笌楂樻晥绠$悊锛屾彁鍗囧仠杞︽湇鍔$殑鏅鸿兘鍖栦笌渚挎嵎鎬� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_cheweiyindao@2x.png" /> + <span>杞︿綅寮曞</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_chepaishibie@2x.png" /> + <span>杞︾墝璇嗗埆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zizhujiaofei@2x.png" /> + <span>鑷姪缂磋垂</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_cheweiyuyue@2x.png" /> + <span>杞︿綅棰勭害</span> + </div> + </div> + <img class="item_image" src="./images/yunyin2g_img2@2x.png" /> + </div> + <div class="gengduo"> + <div class="gengduo_title">鏇村鍔熻兘</div> + <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div> + <img src="./images/cate.png" /> + </div> + <div class="footer"> + <div class="footer_title">鑱旂郴鎴戜滑</div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>0551-63450845</span> + </div> + <div class="footer_row"> + <img src="./images/ic_cellphone@2x.png" /> + <span>15395136032</span> + </div> + <div class="footer_row"> + <img src="./images/ic_time@2x.png" /> + <span>09:00-22:00</span> + </div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span> + </div> + <div class="footer_x"></div> + <div class="footer_info"> + <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span> + <span>dmtt.run. All Rights Reserved</span> + </div> + <div style="width: 100%; height: 54px;"></div> + <div class="footer_qrcode"> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>寰俊鍏紬鍙�</span> + </div> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>瀹㈡湇寰俊</span> + </div> + </div> + <div class="footer_lx"> + <div class="footer_lx_left"> + <img src="./images/ic_phone@2x.png" /> + <span>鐢佃瘽鍜ㄨ</span> + </div> + <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div> + </div> + </div> + </div> + <script src="./js/gongrenwenhuagong.js"></script> +</body> +</html> diff --git a/mobile/images/1.jpg b/mobile/images/1.jpg new file mode 100644 index 0000000..d363876 --- /dev/null +++ b/mobile/images/1.jpg Binary files differ diff --git a/mobile/images/3.png b/mobile/images/3.png new file mode 100644 index 0000000..72f8ffd --- /dev/null +++ b/mobile/images/3.png Binary files differ diff --git a/mobile/images/icon3/ic_cangchuguanli@2x.png b/mobile/images/icon3/ic_cangchuguanli@2x.png new file mode 100644 index 0000000..237f290 --- /dev/null +++ b/mobile/images/icon3/ic_cangchuguanli@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_cantingguanli@2x.png b/mobile/images/icon3/ic_cantingguanli@2x.png new file mode 100644 index 0000000..0d0f8c8 --- /dev/null +++ b/mobile/images/icon3/ic_cantingguanli@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_cika@2x.png b/mobile/images/icon3/ic_cika@2x.png new file mode 100644 index 0000000..7a29857 --- /dev/null +++ b/mobile/images/icon3/ic_cika@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_jumu@2x.png b/mobile/images/icon3/ic_jumu@2x.png new file mode 100644 index 0000000..b707bfa --- /dev/null +++ b/mobile/images/icon3/ic_jumu@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_nianka@2x.png b/mobile/images/icon3/ic_nianka@2x.png new file mode 100644 index 0000000..938af70 --- /dev/null +++ b/mobile/images/icon3/ic_nianka@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_pinghaoqucan@2x.png b/mobile/images/icon3/ic_pinghaoqucan@2x.png new file mode 100644 index 0000000..e990ca0 --- /dev/null +++ b/mobile/images/icon3/ic_pinghaoqucan@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_qinzipiao@2x.png b/mobile/images/icon3/ic_qinzipiao@2x.png new file mode 100644 index 0000000..7a032cd --- /dev/null +++ b/mobile/images/icon3/ic_qinzipiao@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_saomadiancan@2x.png b/mobile/images/icon3/ic_saomadiancan@2x.png new file mode 100644 index 0000000..ed03dfe --- /dev/null +++ b/mobile/images/icon3/ic_saomadiancan@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_shanghuguanli@2x.png b/mobile/images/icon3/ic_shanghuguanli@2x.png new file mode 100644 index 0000000..d4af903 --- /dev/null +++ b/mobile/images/icon3/ic_shanghuguanli@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_shangpingchuruku@2x.png b/mobile/images/icon3/ic_shangpingchuruku@2x.png new file mode 100644 index 0000000..1021df8 --- /dev/null +++ b/mobile/images/icon3/ic_shangpingchuruku@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_shebeizulin@2x.png b/mobile/images/icon3/ic_shebeizulin@2x.png new file mode 100644 index 0000000..2394b66 --- /dev/null +++ b/mobile/images/icon3/ic_shebeizulin@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_tangshiwufu@2x.png b/mobile/images/icon3/ic_tangshiwufu@2x.png new file mode 100644 index 0000000..8a30a26 --- /dev/null +++ b/mobile/images/icon3/ic_tangshiwufu@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_taocanzuhe@2x.png b/mobile/images/icon3/ic_taocanzuhe@2x.png new file mode 100644 index 0000000..bc0151e --- /dev/null +++ b/mobile/images/icon3/ic_taocanzuhe@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_waisong@2x.png b/mobile/images/icon3/ic_waisong@2x.png new file mode 100644 index 0000000..a803089 --- /dev/null +++ b/mobile/images/icon3/ic_waisong@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_xiaochengxudingchang@2x.png b/mobile/images/icon3/ic_xiaochengxudingchang@2x.png new file mode 100644 index 0000000..4931e4e --- /dev/null +++ b/mobile/images/icon3/ic_xiaochengxudingchang@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_xuanzuo@2x.png b/mobile/images/icon3/ic_xuanzuo@2x.png new file mode 100644 index 0000000..6a89f07 --- /dev/null +++ b/mobile/images/icon3/ic_xuanzuo@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_xunjianyunwei@2x.png b/mobile/images/icon3/ic_xunjianyunwei@2x.png new file mode 100644 index 0000000..309f286 --- /dev/null +++ b/mobile/images/icon3/ic_xunjianyunwei@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_zichanguanli@2x.png b/mobile/images/icon3/ic_zichanguanli@2x.png new file mode 100644 index 0000000..a17234b --- /dev/null +++ b/mobile/images/icon3/ic_zichanguanli@2x.png Binary files differ diff --git a/mobile/images/icon3/ic_zuowei@2x.png b/mobile/images/icon3/ic_zuowei@2x.png new file mode 100644 index 0000000..89a8128 --- /dev/null +++ b/mobile/images/icon3/ic_zuowei@2x.png Binary files differ diff --git a/mobile/images/img_gonghui@2x.png b/mobile/images/img_gonghui@2x.png new file mode 100644 index 0000000..1a66de3 --- /dev/null +++ b/mobile/images/img_gonghui@2x.png Binary files differ diff --git a/mobile/images/img_jingqu@2x.png b/mobile/images/img_jingqu@2x.png new file mode 100644 index 0000000..aefb727 --- /dev/null +++ b/mobile/images/img_jingqu@2x.png Binary files differ diff --git a/mobile/images/img_qinzi@2x.png b/mobile/images/img_qinzi@2x.png new file mode 100644 index 0000000..8ae2f73 --- /dev/null +++ b/mobile/images/img_qinzi@2x.png Binary files differ diff --git a/mobile/images/img_wenhuagong@2x.png b/mobile/images/img_wenhuagong@2x.png new file mode 100644 index 0000000..c5c45b3 --- /dev/null +++ b/mobile/images/img_wenhuagong@2x.png Binary files differ diff --git a/mobile/images/img_wenyi@2x.png b/mobile/images/img_wenyi@2x.png new file mode 100644 index 0000000..835b278 --- /dev/null +++ b/mobile/images/img_wenyi@2x.png Binary files differ diff --git a/mobile/images/solution_gonghui@2x.png b/mobile/images/solution_gonghui@2x.png new file mode 100644 index 0000000..2a30dc5 --- /dev/null +++ b/mobile/images/solution_gonghui@2x.png Binary files differ diff --git a/mobile/images/solution_gongren@2x.png b/mobile/images/solution_gongren@2x.png new file mode 100644 index 0000000..e5094fa --- /dev/null +++ b/mobile/images/solution_gongren@2x.png Binary files differ diff --git a/mobile/images/solution_jingqu@2x.png b/mobile/images/solution_jingqu@2x.png new file mode 100644 index 0000000..ed0d929 --- /dev/null +++ b/mobile/images/solution_jingqu@2x.png Binary files differ diff --git a/mobile/images/solution_qinzi@2x.png b/mobile/images/solution_qinzi@2x.png new file mode 100644 index 0000000..365851e --- /dev/null +++ b/mobile/images/solution_qinzi@2x.png Binary files differ diff --git a/mobile/images/solution_shengshiji@2x.png b/mobile/images/solution_shengshiji@2x.png new file mode 100644 index 0000000..365851e --- /dev/null +++ b/mobile/images/solution_shengshiji@2x.png Binary files differ diff --git a/mobile/images/solution_wenyi@2x.png b/mobile/images/solution_wenyi@2x.png new file mode 100644 index 0000000..f3f24ce --- /dev/null +++ b/mobile/images/solution_wenyi@2x.png Binary files differ diff --git a/mobile/images/yu1nyin2g_img2@2x.png b/mobile/images/yu1nyin2g_img2@2x.png new file mode 100644 index 0000000..e7a8285 --- /dev/null +++ b/mobile/images/yu1nyin2g_img2@2x.png Binary files differ diff --git a/mobile/images/yuny1ing_img2@2x.png b/mobile/images/yuny1ing_img2@2x.png new file mode 100644 index 0000000..dd2c346 --- /dev/null +++ b/mobile/images/yuny1ing_img2@2x.png Binary files differ diff --git a/mobile/images/yunying_img212@2x.png b/mobile/images/yunying_img212@2x.png new file mode 100644 index 0000000..8258219 --- /dev/null +++ b/mobile/images/yunying_img212@2x.png Binary files differ diff --git a/mobile/index.html b/mobile/index.html index ffff93c..eeae690 100644 --- a/mobile/index.html +++ b/mobile/index.html @@ -7,24 +7,96 @@ <link rel="stylesheet" href="./css/index.css"> <link rel="stylesheet" href="./css/common.css"> <link rel="stylesheet" href="./css/swiper.min.css"> - <script src="./js/jquery.js"></script> - <script src="./js/index.js"></script> - <title>棣栭〉</title> + <title>Document</title> </head> <body> <div class="box"> - <div id="header"></div> - <div class="banner"> - <div class="swiper-container2"> - <div class="swiper-wrapper"> - <div class="swiper-slide1"> - <img src="./images/home_banner@2x.png" /> - <span class="banner_title">璞嗙背绉戞妧 鏁版櫤鏂囦綋鏃呮湇鍔″晢</span> - <span class="banner_info">鏅烘収鍦洪钀ラ攢SaaS绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</span> - <div class="banner_btn">鍜ㄨ璇︽儏</div> + <div class="head"> + <div class="head_box"> + <img class="head_logo" src="./images/top_logo@2x.png" /> + <img class="head_menu" src="./images/top_menu@2x.png" /> + <div class="head_menus"> + <div class="head_menus_item"> + <div class="menus_top"> + <div class="menus_top_left"> + <div class="menus_top_left_x"></div> + <span>棣栭〉</span> + </div> + <img src="./images/ic_ar@2x.png" /> + </div> + </div> + <div class="head_menus_item"> + <div class="menus_top"> + <div class="menus_top_left"> + <div class="menus_top_left_x"></div> + <span>鏅烘収绯荤粺</span> + </div> + <img src="./images/ic_ar@2x.png" /> + </div> + <div class="menus_list"> + <div class="menus_list_item">鏅烘収鍦洪杩愯惀绯荤粺</div> + <div class="menus_list_item">鏅烘収鍦洪杩愮淮绯荤粺</div> + </div> + </div> + <div class="head_menus_item"> + <div class="menus_top"> + <div class="menus_top_left"> + <div class="menus_top_left_x"></div> + <span>鏁版櫤浣撹偛鍦洪</span> + </div> + <img src="./images/ic_ar@2x.png" /> + </div> + <div class="menus_list"> + <div class="menus_list_item">缁煎悎浣撹偛鍦洪</div> + <div class="menus_list_item">鍏ㄦ皯鍋ヨ韩涓績</div> + <div class="menus_list_item">鏍″洯浣撹偛鍦洪</div> + <div class="menus_list_item">鍐伴洩浣撹偛鍦洪</div> + <div class="menus_list_item">娓告吵浣撹偛鍦洪</div> + <div class="menus_list_item">鏅烘収浣撹偛鍏洯</div> + </div> + </div> + <div class="head_menus_item"> + <div class="menus_top"> + <div class="menus_top_left"> + <div class="menus_top_left_x"></div> + <span>24H鏅鸿兘鍦洪</span> + </div> + <img src="./images/ic_ar@2x.png" /> + </div> + <div class="menus_list"> + <div class="menus_list_item">24H鏅鸿兘鍦洪</div> + <div class="menus_list_item">鏃犱汉鍊煎畧鍦洪</div> + </div> + </div> + <div class="head_menus_item"> + <div class="menus_top"> + <div class="menus_top_left"> + <div class="menus_top_left_x"></div> + <span>鏁版櫤浣撹偛骞冲彴</span> + </div> + <img src="./images/ic_ar@2x.png" /> + </div> + <div class="menus_list"> + <div class="menus_list_item">浣撹偛杩為攣杩愯惀骞冲彴</div> + <div class="menus_list_item">鐪佸競绾ф暟鏅轰綋鑲插钩鍙�</div> + </div> + </div> + <div class="head_menus_item"> + <div class="menus_top"> + <div class="menus_top_left"> + <div class="menus_top_left_x"></div> + <span>鏅尯&娓镐箰鍥�</span> + </div> + <img src="./images/ic_ar@2x.png" /> + </div> </div> </div> </div> + </div> + <div class="banner"> + <span class="banner_title">璞嗙背绉戞妧 鏁版櫤鏂囦綋鏃呮湇鍔″晢</span> + <span class="banner_info">鏅烘収鍦洪钀ラ攢SaaS绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</span> + <div class="banner_btn">鍜ㄨ璇︽儏</div> </div> <div class="fangan"> <div class="fangan_title">鏅烘収绌洪棿瑙e喅鏂规</div> @@ -231,9 +303,51 @@ <div class="fangan_info" style="width: 331px;">鐢ㄦ洿濂界殑鎶�鏈�佹洿浼樼殑鏈嶅姟鍔╁姏鍦洪瀹炵幇鍏ㄥ満鏅櫤鑳藉寲鍗囩骇鏀归��</div> <img class="fangan_image" style="height: 260px;" src="./images/home_hezuo@2x.png" /> </div> - <div id="footer"></div> + <div class="footer"> + <div class="footer_title">鑱旂郴鎴戜滑</div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>0551-63450845</span> + </div> + <div class="footer_row"> + <img src="./images/ic_cellphone@2x.png" /> + <span>15395136032</span> + </div> + <div class="footer_row"> + <img src="./images/ic_time@2x.png" /> + <span>09:00-22:00</span> + </div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span> + </div> + <div class="footer_x"></div> + <div class="footer_info"> + <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span> + <span>dmtt.run. All Rights Reserved</span> + </div> + <div style="width: 100%; height: 54px;"></div> + <div class="footer_qrcode"> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>寰俊鍏紬鍙�</span> + </div> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>瀹㈡湇寰俊</span> + </div> + </div> + <div class="footer_lx"> + <div class="footer_lx_left"> + <img src="./images/ic_phone@2x.png" /> + <span>鐢佃瘽鍜ㄨ</span> + </div> + <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div> + </div> + </div> </div> <script src="./js/swiper.min.js"></script> + <script src="./js/index.js"></script> <script> var swiper = new Swiper('.swiper-container', { @@ -244,9 +358,6 @@ var swiper1 = new Swiper('.swiper-container1', { slidesPerView: 1.1, spaceBetween: 10 - }); - var swiper2 = new Swiper('.swiper-container2', { - slidesPerView: 1 }); </script> </body> diff --git a/mobile/js/gongrenwenhuagong.js b/mobile/js/gongrenwenhuagong.js new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/mobile/js/gongrenwenhuagong.js diff --git a/mobile/js/index.js b/mobile/js/index.js index 9067096..e69de29 100644 --- a/mobile/js/index.js +++ b/mobile/js/index.js @@ -1,6 +0,0 @@ -$(document).ready(function() { - // 璁剧疆鍏叡瀵艰埅鏍� - $("#header").load("./components/nav.html"); - // 璁剧疆鍏叡搴曢儴 - $("#footer").load("./components/footer.html"); -}); diff --git a/mobile/js/lvyoujingqu.js b/mobile/js/lvyoujingqu.js new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/mobile/js/lvyoujingqu.js diff --git a/mobile/js/qinzileyuan.js b/mobile/js/qinzileyuan.js new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/mobile/js/qinzileyuan.js diff --git a/mobile/js/shengshiji-shuzhitiyu.js b/mobile/js/shengshiji-shuzhitiyu.js new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/mobile/js/shengshiji-shuzhitiyu.js diff --git a/mobile/js/wow.min.js b/mobile/js/wow.min.js new file mode 100644 index 0000000..f2ca659 --- /dev/null +++ b/mobile/js/wow.min.js @@ -0,0 +1,2 @@ +/*! WOW - v1.0.1 - 2014-09-03 +* Copyright (c) 2014 Matthieu Aussaguel; Licensed MIT */(function(){var a,b,c,d,e,f=function(a,b){return function(){return a.apply(b,arguments)}},g=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};b=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in b)d=b[c],null==a[c]&&(a[c]=d);return a},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a.prototype.addEvent=function(a,b,c){return null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c},a.prototype.removeEvent=function(a,b,c){return null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]},a.prototype.innerHeight=function(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight},a}(),c=this.WeakMap||this.MozWeakMap||(c=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),a=this.MutationObserver||this.WebkitMutationObserver||this.MozMutationObserver||(a=function(){function a(){"undefined"!=typeof console&&null!==console&&console.warn("MutationObserver is not supported by your browser."),"undefined"!=typeof console&&null!==console&&console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content.")}return a.notSupported=!0,a.prototype.observe=function(){},a}()),d=this.getComputedStyle||function(a){return this.getPropertyValue=function(b){var c;return"float"===b&&(b="styleFloat"),e.test(b)&&b.replace(e,function(a,b){return b.toUpperCase()}),(null!=(c=a.currentStyle)?c[b]:void 0)||null},this},e=/(\-([a-z]){1})/g,this.WOW=function(){function e(a){null==a&&(a={}),this.scrollCallback=f(this.scrollCallback,this),this.scrollHandler=f(this.scrollHandler,this),this.start=f(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),this.animationNameCache=new c}return e.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0},e.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():this.util().addEvent(document,"DOMContentLoaded",this.start),this.finished=[]},e.prototype.start=function(){var b,c,d,e;if(this.stopped=!1,this.boxes=function(){var a,c,d,e;for(d=this.element.querySelectorAll("."+this.config.boxClass),e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.all=function(){var a,c,d,e;for(d=this.boxes,e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.boxes.length)if(this.disabled())this.resetStyle();else{for(e=this.boxes,c=0,d=e.length;d>c;c++)b=e[c],this.applyStyle(b,!0);this.util().addEvent(window,"scroll",this.scrollHandler),this.util().addEvent(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)}return this.config.live?new a(function(a){return function(b){var c,d,e,f,g;for(g=[],e=0,f=b.length;f>e;e++)d=b[e],g.push(function(){var a,b,e,f;for(e=d.addedNodes||[],f=[],a=0,b=e.length;b>a;a++)c=e[a],f.push(this.doSync(c));return f}.call(a));return g}}(this)).observe(document.body,{childList:!0,subtree:!0}):void 0},e.prototype.stop=function(){return this.stopped=!0,this.util().removeEvent(window,"scroll",this.scrollHandler),this.util().removeEvent(window,"resize",this.scrollHandler),null!=this.interval?clearInterval(this.interval):void 0},e.prototype.sync=function(){return a.notSupported?this.doSync(this.element):void 0},e.prototype.doSync=function(a){var b,c,d,e,f;if(!this.stopped){if(null==a&&(a=this.element),1!==a.nodeType)return;for(a=a.parentNode||a,e=a.querySelectorAll("."+this.config.boxClass),f=[],c=0,d=e.length;d>c;c++)b=e[c],g.call(this.all,b)<0?(this.applyStyle(b,!0),this.boxes.push(b),this.all.push(b),f.push(this.scrolled=!0)):f.push(void 0);return f}},e.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},e.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},e.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),e.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.setAttribute("style","visibility: visible;"));return e},e.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},e.prototype.vendors=["moz","webkit"],e.prototype.vendorSet=function(a,b){var c,d,e,f;f=[];for(c in b)d=b[c],a[""+c]=d,f.push(function(){var b,f,g,h;for(g=this.vendors,h=[],b=0,f=g.length;f>b;b++)e=g[b],h.push(a[""+e+c.charAt(0).toUpperCase()+c.substr(1)]=d);return h}.call(this));return f},e.prototype.vendorCSS=function(a,b){var c,e,f,g,h,i;for(e=d(a),c=e.getPropertyCSSValue(b),i=this.vendors,g=0,h=i.length;h>g;g++)f=i[g],c=c||e.getPropertyCSSValue("-"+f+"-"+b);return c},e.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=d(a).getPropertyValue("animation-name")}return"none"===b?"":b},e.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},e.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},e.prototype.scrollHandler=function(){return this.scrolled=!0},e.prototype.scrollCallback=function(){var a;return!this.scrolled||(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),this.boxes.length||this.config.live)?void 0:this.stop()},e.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},e.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+Math.min(this.element.clientHeight,this.util().innerHeight())-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},e.prototype.util=function(){return null!=this._util?this._util:this._util=new b},e.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},e}()}).call(this); \ No newline at end of file diff --git a/mobile/lvyoujingqu.html b/mobile/lvyoujingqu.html new file mode 100644 index 0000000..5fdba7d --- /dev/null +++ b/mobile/lvyoujingqu.html @@ -0,0 +1,343 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="./css/lvyoujingqu.css"> + <link rel="stylesheet" href="./css/common.css"> + <title>鏃呮父鏅尯</title> +</head> +<body> + <div class="box"> + <div class="head"> + <img class="head_logo" src="./images/top_logo@2x.png" /> + <img class="head_menu" src="./images/top_menu@2x.png" /> + </div> + <div class="banner"> + <div class="banner_title">鏃呮父鏅尯绀烘剰鍥�</div> + <div class="banner_info">鏁村悎鏅尯澶氫笟鎬佽祫婧愶紝淇冭繘鏃呮父鏈嶅姟鍚戠敓鎬佸寲銆佹櫤鑳藉寲鐨勭患鍚堜笟鎬佺粡钀ョ鐞嗘ā寮忓崌绾�</div> + <img src="./images/img_jingqu@2x.png" /> + </div> + <div class="banner" style="background: #FFF6ED;"> + <div class="banner_title">鏃呮父鏅尯瑙e喅鏂规浼樺娍</div> + <img style="height: 155px;" src="./images/solution_jingqu@2x.png" /> + </div> + <img src="./images/img_hexingongneng@2x.png" class="lanmu" /> + <div class="item"> + <div class="item_title">绁ㄥ姟绠$悊</div> + <div class="item_info"> + 鐢ㄦ埛鍙�氳繃绾夸笂绾夸笅澶氱娓犻亾璐拱涔愬洯椤圭洰闂ㄧエ锛�<br /> + 璐エ鏃舵敮鎸佹壂鐮併�佺幇閲戠瓑澶氱鏀粯鏂瑰紡锛�<br /> + 绁ㄥ姟鍞涓�浣撳寲锛屽疄鐜版櫤鑳芥棤鎰熼�氳 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_menpiaoshoumai@2x.png" /> + <span>绁ㄥ姟绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_taocanfuwu@2x.png" /> + <span>濂楅绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_xiaochengxudingchang@2x.png" /> + <span>灏忕▼搴忚鍦�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_nianka@2x.png" /> + <span>骞村崱</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_cika@2x.png" /> + <span>娆″崱</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_qinzipiao@2x.png" /> + <span>浜插瓙绁�</span> + </div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/1.jpg" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">鏅鸿兘绠℃帶</div> + <div class="item_info"> + 棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br /> + 鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br /> + 杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_renlianshibie@2x.png" /> + <span>浜鸿劯璇嗗埆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_erweimashibie@2x.png" /> + <span>浜岀淮鐮佽瘑鍒�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengchuwugui@2x.png" /> + <span>鏅鸿兘鍌ㄧ墿鏌�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengzhaji@2x.png" /> + <span>鏅鸿兘闂告満</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yundongzhuapai@2x.png" /> + <span>AI杩愬姩鎶撴媿</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinenganfang@2x.png" /> + <span>鏅鸿兘瀹夐槻鐩戞帶</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yunweiguanli@2x.png" /> + <span>杩愮淮绠$悊</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/zongheguan_img_5@2x.png" /> + </div> + <div class="item"> + <div class="item_title">鐐归鏈嶅姟</div> + <div class="item_info"> + 鐢ㄦ埛鍙�氳繃绾夸笂绾夸笅澶氱娓犻亾璐拱涔愬洯椤圭洰闂ㄧエ锛�<br /> + 璐エ鏃舵敮鎸佹壂鐮併�佺幇閲戠瓑澶氱鏀粯鏂瑰紡锛�<br /> + 绁ㄥ姟鍞涓�浣撳寲锛屽疄鐜版櫤鑳芥棤鎰熼�氳 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_cantingguanli@2x.png" /> + <span>椁愬巺绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_saomadiancan@2x.png" /> + <span>鎵爜鐐归</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_pinghaoqucan@2x.png" /> + <span>鍑彿鍙栭</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_taocanzuhe@2x.png" /> + <span>濂楅缁勫悎</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_tangshiwufu@2x.png" /> + <span>鍫傞鏈嶅姟</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_waisong@2x.png" /> + <span>澶栭�佹湇鍔�</span> + </div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/yu1nyin2g_img2@2x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">瀵艰瀵艰</div> + <div class="item_info"> + 涓烘潵璁胯�呮彁渚涙櫤鑳藉寲銆佷究鎹峰寲鐨勭┖闂村紩瀵煎拰淇℃伅鏈嶅姟 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_daolanping@2x.png" /> + <span>瀵艰瑙︽帶灞�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_luxianzhiyin@2x.png" /> + <span>灏忕▼搴忚矾绾挎寚寮�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yingbingjiqi@2x.png" /> + <span>鏅鸿兘杩庡鏈哄櫒浜�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhishipai@2x.png" /> + <span>瀵艰鎸囩ず鐗�</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/yunyi1ng_img2@2x.png" /> + </div> + <div class="item"> + <div class="item_title">璁惧绉熻祦</div> + <div class="item_info"> + 瀵圭璧佺墿鍝佺姸鎬佸疄鏃剁洃鎺э紝渚夸簬璁惧绠$悊锛�<br /> + 鏅鸿兘璋冮厤涓庤ˉ璐ф彁閱掞紝鎻愬崌璧勬簮鍒╃敤鏁堢巼 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_shebeizulin@2x.png" /> + <span>璁惧绉熻祦</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_shangpingshoumai@2x.png" /> + <span>鍟嗗搧鍞崠</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_shangpingchuruku@2x.png" /> + <span>鍟嗗搧鍑哄叆搴�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_dingdanguanli@2x.png" /> + <span>璁㈠崟绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_xiaoshoubaobiao@2x.png" /> + <span>閿�鍞姤琛�</span> + </div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/yuny1ing_img2@2x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">钀ラ攢鎺ㄥ箍</div> + <div class="item_info"> + 缁撳悎钀ラ攢宸ュ叿鍖咃紝绛栧垝澶氱娲诲姩褰㈠紡瀹炵幇鐢ㄦ埛鎷夋柊锛屼細鍛樹績娲伙紱<br /> + 鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱<br /> + 绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_jifenguanli@2x.png" /> + <span>绉垎绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_jifenshangcheng@2x.png" /> + <span>绉垎鍟嗗煄</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_duihuandingdan@2x.png" /> + <span>鍏戞崲璁㈠崟</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_wuliupeisong@2x.png" /> + <span>鐗╂祦閰嶉��</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_miaoshachoujiang@2x.png" /> + <span>绉掓潃鎶藉</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_duanxintuisong@2x.png" /> + <span>鐭俊鎺ㄩ��</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_dingxiangfaquan@2x.png" /> + <span>瀹氬悜鍙戝埜</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_dengjiquanyi@2x.png" /> + <span>绛夌骇鏉冪泭</span> + </div> + </div> + <img class="item_image" src="./images/yun1ying_img2@2x.png" /> + </div> + <div class="item"> + <div class="item_title">杩愮淮宸℃</div> + <div class="item_info"> + 瀹炴椂鐩戞祴缁存姢璁惧杩愯鐘舵�侊紝淇濋殰鏅尯楂樻晥瀹夊叏杩愯惀 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_zichanguanli@2x.png" /> + <span>璧勪骇绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_xunjianyunwei@2x.png" /> + <span>宸℃杩愮淮</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_cangchuguanli@2x.png" /> + <span>浠撳偍绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_shanghuguanli@2x.png" /> + <span>鍟嗘埛绠$悊</span> + </div> + </div> + <img class="item_image" src="./images/yunying_img212@2x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">鏅烘収鍋滆溅</div> + <div class="item_info"> + 瀹炵幇杞﹁締蹇�熷嚭鍏ヤ笌楂樻晥绠$悊锛屾彁鍗囧仠杞︽湇鍔$殑鏅鸿兘鍖栦笌渚挎嵎鎬� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_cheweiyindao@2x.png" /> + <span>杞︿綅寮曞</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_chepaishibie@2x.png" /> + <span>杞︾墝璇嗗埆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zizhujiaofei@2x.png" /> + <span>鑷姪缂磋垂</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_cheweiyuyue@2x.png" /> + <span>杞︿綅棰勭害</span> + </div> + </div> + <img class="item_image" src="./images/yunyin2g_img2@2x.png" /> + </div> + <div class="gengduo"> + <div class="gengduo_title">鏇村鍔熻兘</div> + <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div> + <img src="./images/cate.png" /> + </div> + <div class="footer"> + <div class="footer_title">鑱旂郴鎴戜滑</div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>0551-63450845</span> + </div> + <div class="footer_row"> + <img src="./images/ic_cellphone@2x.png" /> + <span>15395136032</span> + </div> + <div class="footer_row"> + <img src="./images/ic_time@2x.png" /> + <span>09:00-22:00</span> + </div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span> + </div> + <div class="footer_x"></div> + <div class="footer_info"> + <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span> + <span>dmtt.run. All Rights Reserved</span> + </div> + <div style="width: 100%; height: 54px;"></div> + <div class="footer_qrcode"> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>寰俊鍏紬鍙�</span> + </div> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>瀹㈡湇寰俊</span> + </div> + </div> + <div class="footer_lx"> + <div class="footer_lx_left"> + <img src="./images/ic_phone@2x.png" /> + <span>鐢佃瘽鍜ㄨ</span> + </div> + <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div> + </div> + </div> + </div> + <script src="./js/lvyoujingqu.js"></script> +</body> +</html> diff --git a/mobile/qinzileyuan.html b/mobile/qinzileyuan.html new file mode 100644 index 0000000..e6fbc54 --- /dev/null +++ b/mobile/qinzileyuan.html @@ -0,0 +1,295 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="./css/qinzileyuan.css"> + <link rel="stylesheet" href="./css/common.css"> + <title>浜插瓙涔愬洯骞冲彴</title> +</head> +<body> + <div class="box"> + <div class="head"> + <img class="head_logo" src="./images/top_logo@2x.png" /> + <img class="head_menu" src="./images/top_menu@2x.png" /> + </div> + <div class="banner"> + <div class="banner_title">浜插瓙涔愬洯骞冲彴绀烘剰鍥�</div> + <div class="banner_info">鏋勫缓鍏ㄥ満鏅櫤鑳芥湇鍔$敓鎬侊紝鍔╁姏涔愬洯浠庡崟涓�濞变箰绌洪棿鍗囩骇涓烘暟鏅哄寲瀹跺涵濞变箰鏈嶅姟涓績</div> + <img src="./images/img_qinzi@2x.png" /> + </div> + <div class="banner" style="background: #FFF6ED;"> + <div class="banner_title">浜插瓙涔愬洯瑙e喅鏂规浼樺娍</div> + <img style="height: 155px;" src="./images/solution_qinzi@2x.png" /> + </div> + <img src="./images/img_hexingongneng@2x.png" class="lanmu" /> + <div class="item"> + <div class="item_title">绁ㄥ姟绠$悊</div> + <div class="item_info"> + 鐢ㄦ埛鍙�氳繃绾夸笂绾夸笅澶氱娓犻亾璐拱涔愬洯椤圭洰闂ㄧエ锛�<br /> + 璐エ鏃舵敮鎸佹壂鐮併�佺幇閲戠瓑澶氱鏀粯鏂瑰紡锛�<br /> + 绁ㄥ姟鍞涓�浣撳寲锛屽疄鐜版櫤鑳芥棤鎰熼�氳 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_menpiaoshoumai@2x.png" /> + <span>绁ㄥ姟绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_taocanfuwu@2x.png" /> + <span>濂楅绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_xiaochengxudingchang@2x.png" /> + <span>灏忕▼搴忚鍦�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_nianka@2x.png" /> + <span>骞村崱</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_cika@2x.png" /> + <span>娆″崱</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_qinzipiao@2x.png" /> + <span>浜插瓙绁�</span> + </div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/1.jpg" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">鏅鸿兘绠℃帶</div> + <div class="item_info"> + 棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br /> + 鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br /> + 杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_renlianshibie@2x.png" /> + <span>浜鸿劯璇嗗埆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_erweimashibie@2x.png" /> + <span>浜岀淮鐮佽瘑鍒�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengchuwugui@2x.png" /> + <span>鏅鸿兘鍌ㄧ墿鏌�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengzhaji@2x.png" /> + <span>鏅鸿兘闂告満</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yundongzhuapai@2x.png" /> + <span>AI杩愬姩鎶撴媿</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinenganfang@2x.png" /> + <span>鏅鸿兘瀹夐槻鐩戞帶</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yunweiguanli@2x.png" /> + <span>杩愮淮绠$悊</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/zongheguan_img_5@2x.png" /> + </div> + <div class="item"> + <div class="item_title">鑷姪璐エ鏈�</div> + <div class="item_info"> + 鐢ㄦ埛鐜板満鑷姪鏌ュ崟璁㈠満锛岀紦瑙e墠鍙板帇鍔涳紱<br /> + 鏀寔绾夸笂銆佺嚎涓嬭喘绁紝鍙�氳繃鍞エ鏈鸿嚜鍔╂墦鍗板嚟璇佸叆鍦猴紱<br /> + 绠�鍖栬喘绁ㄦ祦绋嬶紝瀵规棤鎵嬫満浜虹兢銆佽�佷汉鍜屽皬瀛╂洿鍙嬪ソ锛� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_xianshanggoupiao@2x.png" /> + <span>绾夸笂璐エ</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_xianxiagoupiao@2x.png" /> + <span>绾夸笅璐エ</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_dingdanchaxun@2x.png" /> + <span>璁㈠崟鏌ヨ</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_dayinpingzheng@2x.png" /> + <span>鎵撳嵃鍑瘉</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_duoyanghuazhifu@2x.png" /> + <span>澶氭牱鍖栨敮浠�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_gaiqiantuipiao@2x.png" /> + <span>鏀圭閫�绁�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_xinxigonggao@2x.png" /> + <span>淇℃伅鍏憡</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/zongheguan_img_4@2x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">钀ラ攢鎺ㄥ箍</div> + <div class="item_info"> + 缁撳悎钀ラ攢宸ュ叿鍖咃紝绛栧垝澶氱娲诲姩褰㈠紡瀹炵幇鐢ㄦ埛鎷夋柊锛屼細鍛樹績娲伙紱<br /> + 鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱<br /> + 绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_jifenguanli@2x.png" /> + <span>绉垎绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_jifenshangcheng@2x.png" /> + <span>绉垎鍟嗗煄</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_duihuandingdan@2x.png" /> + <span>鍏戞崲璁㈠崟</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_wuliupeisong@2x.png" /> + <span>鐗╂祦閰嶉��</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_miaoshachoujiang@2x.png" /> + <span>绉掓潃鎶藉</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_duanxintuisong@2x.png" /> + <span>鐭俊鎺ㄩ��</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_dingxiangfaquan@2x.png" /> + <span>瀹氬悜鍙戝埜</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_dengjiquanyi@2x.png" /> + <span>绛夌骇鏉冪泭</span> + </div> + </div> + <img class="item_image" src="./images/yun1ying_img2@2x.png" /> + </div> + <div class="item"> + <div class="item_title">璁惧绉熻祦</div> + <div class="item_info"> + 瀵圭璧佺墿鍝佺姸鎬佸疄鏃剁洃鎺э紝渚夸簬璁惧绠$悊锛�<br /> + 鏅鸿兘璋冮厤涓庤ˉ璐ф彁閱掞紝鎻愬崌璧勬簮鍒╃敤鏁堢巼 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_shebeizulin@2x.png" /> + <span>璁惧绉熻祦</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_shangpingshoumai@2x.png" /> + <span>鍟嗗搧鍞崠</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_shangpingchuruku@2x.png" /> + <span>鍟嗗搧鍑哄叆搴�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_dingdanguanli@2x.png" /> + <span>璁㈠崟绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_xiaoshoubaobiao@2x.png" /> + <span>閿�鍞姤琛�</span> + </div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/yuny1ing_img2@2x.png" /> + </div> + <div class="item"> + <div class="item_title">鏅烘収鍋滆溅</div> + <div class="item_info"> + 瀹炵幇杞﹁締蹇�熷嚭鍏ヤ笌楂樻晥绠$悊锛屾彁鍗囧仠杞︽湇鍔$殑鏅鸿兘鍖栦笌渚挎嵎鎬� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_cheweiyindao@2x.png" /> + <span>杞︿綅寮曞</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_chepaishibie@2x.png" /> + <span>杞︾墝璇嗗埆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zizhujiaofei@2x.png" /> + <span>鑷姪缂磋垂</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_cheweiyuyue@2x.png" /> + <span>杞︿綅棰勭害</span> + </div> + </div> + <img class="item_image" src="./images/yunyin2g_img2@2x.png" /> + </div> + <div class="gengduo"> + <div class="gengduo_title">鏇村鍔熻兘</div> + <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div> + <img src="./images/cate.png" /> + </div> + <div class="footer"> + <div class="footer_title">鑱旂郴鎴戜滑</div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>0551-63450845</span> + </div> + <div class="footer_row"> + <img src="./images/ic_cellphone@2x.png" /> + <span>15395136032</span> + </div> + <div class="footer_row"> + <img src="./images/ic_time@2x.png" /> + <span>09:00-22:00</span> + </div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span> + </div> + <div class="footer_x"></div> + <div class="footer_info"> + <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span> + <span>dmtt.run. All Rights Reserved</span> + </div> + <div style="width: 100%; height: 54px;"></div> + <div class="footer_qrcode"> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>寰俊鍏紬鍙�</span> + </div> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>瀹㈡湇寰俊</span> + </div> + </div> + <div class="footer_lx"> + <div class="footer_lx_left"> + <img src="./images/ic_phone@2x.png" /> + <span>鐢佃瘽鍜ㄨ</span> + </div> + <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div> + </div> + </div> + </div> + <script src="./js/qinzileyuan.js"></script> +</body> +</html> diff --git a/mobile/qiyegonghui.html b/mobile/qiyegonghui.html new file mode 100644 index 0000000..04a86d5 --- /dev/null +++ b/mobile/qiyegonghui.html @@ -0,0 +1,265 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="./css/qiyegonghui.css"> + <link rel="stylesheet" href="./css/common.css"> + <title>浼佷笟宸ヤ細棣�</title> +</head> +<body> + <div class="box"> + <div class="head"> + <img class="head_logo" src="./images/top_logo@2x.png" /> + <img class="head_menu" src="./images/top_menu@2x.png" /> + </div> + <div class="banner"> + <div class="banner_title">浼佷笟宸ヤ細棣嗙ず鎰忓浘</div> + <div class="banner_info">鏋勫缓鏁板瓧鍖栥�佹櫤鑳藉寲鍏叡鏈嶅姟骞冲彴锛屾彁鍗囩┖闂寸鐞嗘晥鐜囧拰鏈嶅姟璐ㄩ噺锛屼负鍚勯」涓氬姟鎻愪緵渚垮埄</div> + <img src="./images/img_gonghui@2x.png" /> + </div> + <div class="banner" style="background: #FFF6ED;"> + <div class="banner_title">浼佷笟宸ヤ細棣嗚В鍐虫柟妗堜紭鍔�</div> + <img style="height: 155px;" src="./images/solution_gonghui@2x.png" /> + </div> + <img src="./images/img_hexingongneng@2x.png" class="lanmu" /> + <div class="item"> + <div class="item_title">棰勭害骞冲彴</div> + <div class="item_info"> + 鎼缓绾夸笂鏈嶅姟骞冲彴锛屾暣鍚堝懆杈逛綋鑲插満棣嗕俊鎭紱<br /> + 鏀寔鐢ㄦ埛鍦ㄧ嚎棰勭害璁㈠満锛屽疄鐜拌祫婧愰珮鏁堣皟閰� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_changdiyuding@2x.png" /> + <span>鍦哄湴棰勫畾</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_jianshenditu@2x.png" /> + <span>鍋ヨ韩鍦板浘</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_huodongzuzhi@2x.png" /> + <span>娲诲姩缁勭粐</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_huodongbaoming@2x.png" /> + <span>璧涗簨鎶ュ悕</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zaixianyueqiu@2x.png" /> + <span>鍦ㄧ嚎绾︾悆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_jianshenzhidao@2x.png" /> + <span>杩愬姩鎸囧</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_kechengbaoming@2x.png" /> + <span>璇剧▼鎶ュ悕</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/zongheguan_img_3@2x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">鏅鸿兘绠℃帶</div> + <div class="item_info"> + 棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br /> + 鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br /> + 杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_renlianshibie@2x.png" /> + <span>浜鸿劯璇嗗埆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_erweimashibie@2x.png" /> + <span>浜岀淮鐮佽瘑鍒�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengchuwugui@2x.png" /> + <span>鏅鸿兘鍌ㄧ墿鏌�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengzhaji@2x.png" /> + <span>鏅鸿兘闂告満</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yundongzhuapai@2x.png" /> + <span>AI杩愬姩鎶撴媿</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinenganfang@2x.png" /> + <span>鏅鸿兘瀹夐槻鐩戞帶</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yunweiguanli@2x.png" /> + <span>杩愮淮绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengdengkong@2x.png" /> + <span>鏅鸿兘鐏帶</span> + </div> + </div> + <img class="item_image" src="./images/zongheguan_img_5@2x.png" /> + </div> + <div class="item"> + <div class="item_title">浣撳煿浣撹</div> + <div class="item_info"> + 瀵瑰鍛�/鏁欑粌鏅鸿兘绠$悊锛岀郴缁熻嚜鍔ㄦ帓璇撅紝涓�閿鍒版秷璇剧鐞嗘棤蹇� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_xueyuanganli@2x.png" /> + <span>瀛﹀憳绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_xianshanggoupiao@2x.png" /> + <span>绛惧埌娑堣</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_kechengguanli@2x.png" /> + <span>璇剧▼绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_jiaolianguanli@2x.png" /> + <span>鏁欑粌绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_keshijilu@2x.png" /> + <span>璇炬椂璁板綍</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengxiaokeji@2x.png" /> + <span>鏅鸿兘娑堣鏈�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengpaike@2x.png" /> + <span>鏅鸿兘鎺掕</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/zongheguan_img_6@2x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">璧涗簨娲诲姩</div> + <div class="item_info"> + 瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_saishifabu@2x.png" /> + <span>璧涗簨鍙戝竷</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_saishiguanli@2x.png" /> + <span>璧涗簨绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_huodongbaoming@2x.png" /> + <span>娲诲姩鎶ュ悕</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_chengjigongbu@2x.png" /> + <span>鎴愮哗鍏竷</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_saishizhibo@2x.png" /> + <span>璧涗簨鐩存挱</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhihuiguansai@2x.png" /> + <span>鏅烘収瑙傝禌</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yunyingbaozhang@2x.png" /> + <span>杩愯惀淇濋殰</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/zongheguan_img_7@2x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">鏁版嵁澶у睆</div> + <div class="item_info"> + 閲囩敤鍙鍖栭泦鎴愮郴缁燂紝涓�鐩簡鐒讹紝渚夸簬绠$悊鑰呴殢鏃朵簡瑙i鍐呭姩鎬� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_keliujiance@2x.png" /> + <span>瀹㈡祦鐩戞祴</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yundongtongji@2x.png" /> + <span>杩愬姩缁熻</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_shebeizhuangtai@2x.png" /> + <span>璁惧鐘舵��</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_anquanyujing@2x.png" /> + <span>瀹夊叏棰勮</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_tingcheshuju@2x.png" /> + <span>鍋滆溅鏁版嵁</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/yunying_img2@2x.png" /> + </div> + <div class="gengduo"> + <div class="gengduo_title">鏇村鍔熻兘</div> + <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div> + <img src="./images/cate.png" /> + </div> + <div class="footer"> + <div class="footer_title">鑱旂郴鎴戜滑</div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>0551-63450845</span> + </div> + <div class="footer_row"> + <img src="./images/ic_cellphone@2x.png" /> + <span>15395136032</span> + </div> + <div class="footer_row"> + <img src="./images/ic_time@2x.png" /> + <span>09:00-22:00</span> + </div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span> + </div> + <div class="footer_x"></div> + <div class="footer_info"> + <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span> + <span>dmtt.run. All Rights Reserved</span> + </div> + <div style="width: 100%; height: 54px;"></div> + <div class="footer_qrcode"> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>寰俊鍏紬鍙�</span> + </div> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>瀹㈡湇寰俊</span> + </div> + </div> + <div class="footer_lx"> + <div class="footer_lx_left"> + <img src="./images/ic_phone@2x.png" /> + <span>鐢佃瘽鍜ㄨ</span> + </div> + <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div> + </div> + </div> + </div> + <script src="./js/sportsVenue.js"></script> +</body> +</html> diff --git a/mobile/shengshiji-shuzhitiyu.html b/mobile/shengshiji-shuzhitiyu.html new file mode 100644 index 0000000..0c3d41f --- /dev/null +++ b/mobile/shengshiji-shuzhitiyu.html @@ -0,0 +1,262 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="./css/shengshiji-shuzhitiyu.css"> + <link rel="stylesheet" href="./css/common.css"> + <title>鐪佸競绾ф暟鏅轰綋鑲插钩鍙�</title> +</head> +<body> + <div class="box"> + <div class="head"> + <img class="head_logo" src="./images/top_logo@2x.png" /> + <img class="head_menu" src="./images/top_menu@2x.png" /> + </div> + <div class="banner"> + <div class="banner_title">鐪佸競绾ф暟鏅轰綋鑲插钩鍙扮ず鎰忓浘</div> + <div class="banner_info">鏁村悎鍏ㄥ煙鍦洪鏁版嵁涓庡叕鍏辨湇鍔¤祫婧愯繘琛岃祫婧愬悎鐞嗛厤缃強鍋ヨ韩鏈嶅姟浣撻獙鍗囩骇</div> + <img src="./images/home_img1_open@2x.png" /> + </div> + <div class="banner" style="background: #FFF6ED;"> + <div class="banner_title">鐪佸競绾ф暟鏅轰綋鑲插钩鍙拌В鍐虫柟妗堜紭鍔�</div> + <img style="height: 155px;" src="./images/solution_shengshiji@2x.png" /> + </div> + <img src="./images/img_hexingongneng@2x.png" class="lanmu" /> + <div class="item"> + <div class="item_title">鏈嶅姟涓績</div> + <div class="item_info"> + 鏁村悎鍛ㄨ竟鏅烘収鍦洪璧勬簮锛屾墦閫犲眳姘戔��15鍒嗛挓鍋ヨ韩鍦堚�濓紱<br /> + 鎻愪緵鍋ヨ韩銆佸叕鍏辨湇鍔′笌杩愬姩鐩稿叧鎸囧锛�<br /> + 瀵瑰浗姘戜綋璐ㄥ仴搴风洃娴嬬粺璁★紱 + </div> + <div class="item_list" style="align-items: baseline;"> + <div class="item_list_item"> + <img src="./images/icon3/ic_vipguanli@2x.png" /> + <span>浼氬憳绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_xinxigonggao@2x.png" /> + <span>淇℃伅鍏憡</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_jianshenzhidao@2x.png" /> + <span>鍋ヨ韩鎸囧</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_dashujuzhidao@2x.png" /> + <span>澶ф暟鎹�<br />搴旂敤鎸囧</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_ticetikao@2x.png" /> + <span>浣撴祴浣撹��</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_tizhijiance@2x.png" /> + <span>浣撹川鐩戞祴</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_qicaizulin@2x.png" /> + <span>鍣ㄦ潗绉熻祦</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/yunying_img2@12x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">棰勭害骞冲彴</div> + <div class="item_info"> + 鎼缓绾夸笂鏈嶅姟骞冲彴锛屾暣鍚堝懆杈逛綋鑲插満棣嗕俊鎭紱<br /> + 鏀寔鐢ㄦ埛鍦ㄧ嚎棰勭害璁㈠満锛屽疄鐜拌祫婧愰珮鏁堣皟閰� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_changdiyuding@2x.png" /> + <span>鍦哄湴棰勫畾</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_jianshenditu@2x.png" /> + <span>鍋ヨ韩鍦板浘</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_huodongzuzhi@2x.png" /> + <span>娲诲姩缁勭粐</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_huodongbaoming@2x.png" /> + <span>璧涗簨鎶ュ悕</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zaixianyueqiu@2x.png" /> + <span>鍦ㄧ嚎绾︾悆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_jianshenzhidao@2x.png" /> + <span>杩愬姩鎸囧</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_kechengbaoming@2x.png" /> + <span>璇剧▼鎶ュ悕</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/zongheguan_img_3@2x.png" /> + </div> + <div class="item"> + <div class="item_title">鍋ヨ韩鏈嶅姟</div> + <div class="item_info"> + 涓虹敤鎴锋彁渚涚瀛︺�佷究鎹枫�佸畾鍒跺寲鐨勫仴韬寚瀵间笌鏈嶅姟浣撻獙 + </div> + <div class="item_list"> + <div class="item_list_item" style="text-align: center;"> + <img src="./images/icon3/ic_jiankangjiance@2x.png" /> + <span>浣撹川鍋ュ悍<br/>鐩戞祴</span> + </div> + <div class="item_list_item" style="text-align: center;"> + <img src="./images/icon3/ic_xinlijiankang@2x.png" /> + <span>蹇冪悊鍋ュ悍<br/>鐩戞祴</span> + </div> + <div class="item_list_item" style="text-align: center;"> + <img src="./images/icon3/ic_jianshenquan@2x.png" /> + <span>15鍒嗛挓<br/>鍋ヨ韩鍦�</span> + </div> + <div class="item_list_item" style="text-align: center;"> + <img src="./images/icon3/ic_quanyuhuwai@2x.png" /> + <span>鍏ㄥ煙鎴峰<br/>杩愬姩</span> + </div> + </div> + <img class="item_image" src="./images/yunying_img2123@2x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">鏅鸿兘绠℃帶</div> + <div class="item_info"> + 棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br /> + 鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br /> + 杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_renlianshibie@2x.png" /> + <span>浜鸿劯璇嗗埆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_erweimashibie@2x.png" /> + <span>浜岀淮鐮佽瘑鍒�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengchuwugui@2x.png" /> + <span>鏅鸿兘鍌ㄧ墿鏌�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengzhaji@2x.png" /> + <span>鏅鸿兘闂告満</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yundongzhuapai@2x.png" /> + <span>AI杩愬姩鎶撴媿</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinenganfang@2x.png" /> + <span>鏅鸿兘瀹夐槻鐩戞帶</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yunweiguanli@2x.png" /> + <span>杩愮淮绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengdengkong@2x.png" /> + <span>鏅鸿兘鐏帶</span> + </div> + </div> + <img class="item_image" src="./images/zongheguan_img_5@2x.png" /> + </div> + <div class="item"> + <div class="item_title">璧涗簨娲诲姩</div> + <div class="item_info"> + 瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_saishifabu@2x.png" /> + <span>璧涗簨鍙戝竷</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_saishiguanli@2x.png" /> + <span>璧涗簨绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_huodongbaoming@2x.png" /> + <span>娲诲姩鎶ュ悕</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_chengjigongbu@2x.png" /> + <span>鎴愮哗鍏竷</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_saishizhibo@2x.png" /> + <span>璧涗簨鐩存挱</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhihuiguansai@2x.png" /> + <span>鏅烘収瑙傝禌</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yunyingbaozhang@2x.png" /> + <span>杩愯惀淇濋殰</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/zongheguan_img_7@2x.png" /> + </div> + <div class="gengduo"> + <div class="gengduo_title">鏇村鍔熻兘</div> + <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div> + <img src="./images/cate.png" /> + </div> + <div class="footer"> + <div class="footer_title">鑱旂郴鎴戜滑</div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>0551-63450845</span> + </div> + <div class="footer_row"> + <img src="./images/ic_cellphone@2x.png" /> + <span>15395136032</span> + </div> + <div class="footer_row"> + <img src="./images/ic_time@2x.png" /> + <span>09:00-22:00</span> + </div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span> + </div> + <div class="footer_x"></div> + <div class="footer_info"> + <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span> + <span>dmtt.run. All Rights Reserved</span> + </div> + <div style="width: 100%; height: 54px;"></div> + <div class="footer_qrcode"> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>寰俊鍏紬鍙�</span> + </div> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>瀹㈡湇寰俊</span> + </div> + </div> + <div class="footer_lx"> + <div class="footer_lx_left"> + <img src="./images/ic_phone@2x.png" /> + <span>鐢佃瘽鍜ㄨ</span> + </div> + <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div> + </div> + </div> + </div> + <script src="./js/shengshiji-shuzhitiyu.js"></script> +</body> +</html> diff --git a/mobile/sportsChain.html b/mobile/sportsChain.html index 50dd0d4..4a81082 100644 --- a/mobile/sportsChain.html +++ b/mobile/sportsChain.html @@ -71,7 +71,7 @@ <div class="item" style="background: #F8F9FB;"> <div class="item_title">棰勭害璁㈠満</div> <div class="item_info"> - 灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧 + 灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧鑱旈攣瀹氬満鍦� </div> <div class="item_list"> <div class="item_list_item"> @@ -193,6 +193,7 @@ <div class="item"> <div class="item_title">鍟嗗搧绠$悊</div> <div class="item_info"> + 鍟嗗搧杩涢攢瀛樺叏娴佺▼鏅鸿兘鍖栫鎺э紝鎻愬崌鐗╄祫绠$悊鏁堢巼锛�<br /> 绾夸笂闅忔椂鏌ョ湅搴撳瓨鍜屼笂鏋跺晢鍝侊紝鏀寔浼氬憳鍗″厖鍊煎垝鎵o紱 </div> <div class="item_list"> @@ -262,7 +263,6 @@ <img src="./images/icon3/ic_dengjiquanyi@2x.png" /> <span>绛夌骇鏉冪泭</span> </div> - <div style="width: 25%; height: 0;"></div> </div> <img class="item_image" src="./images/yun1ying_img2@2x.png" /> </div> diff --git a/mobile/wenyiyanchu.html b/mobile/wenyiyanchu.html new file mode 100644 index 0000000..24f3c6f --- /dev/null +++ b/mobile/wenyiyanchu.html @@ -0,0 +1,262 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="./css/sportsVenue.css"> + <link rel="stylesheet" href="./css/common.css"> + <title>鏂囪壓婕斿嚭棣�</title> +</head> +<body> + <div class="box"> + <div class="head"> + <img class="head_logo" src="./images/top_logo@2x.png" /> + <img class="head_menu" src="./images/top_menu@2x.png" /> + </div> + <div class="banner"> + <div class="banner_title">鏂囪壓婕斿嚭棣嗙ず鎰忓浘</div> + <div class="banner_info">閫氳繃瀵圭幆澧冭鏂姐�佹湇鍔℃柟寮忋�佽繍钀ョ鐞嗚繘琛屾櫤鎱у寲鍗囩骇锛屾彁鍗囩┖闂磋繍琛岀鐞嗗拰鏈嶅姟鏁堣兘</div> + <img src="./images/img_wenyi@2x.png" /> + </div> + <div class="banner" style="background: #FFF6ED;"> + <div class="banner_title">鏂囪壓婕斿嚭棣嗚В鍐虫柟妗堜紭鍔�</div> + <img style="height: 155px;" src="./images/solution_wenyi@2x.png" /> + </div> + <img src="./images/img_hexingongneng@2x.png" class="lanmu" /> + <div class="item"> + <div class="item_title">绁ㄥ姟绠$悊</div> + <div class="item_info"> + 鐢ㄦ埛鍙�氳繃绾夸笂绾夸笅澶氱娓犻亾璐拱涔愬洯椤圭洰闂ㄧエ锛�<br /> + 璐エ鏃舵敮鎸佹壂鐮併�佺幇閲戠瓑澶氱鏀粯鏂瑰紡锛�<br /> + 绁ㄥ姟鍞涓�浣撳寲锛屽疄鐜版櫤鑳芥棤鎰熼�氳 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_xuanzuo@2x.png" /> + <span>閫夊骇璁㈠満</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zuowei@2x.png" /> + <span>搴т綅绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_taocanfuwu@2x.png" /> + <span>濂楅绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_jumu@2x.png" /> + <span>鍓х洰鍙戝竷</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_huiyuanbanli@2x.png" /> + <span>娲诲姩鍏憡</span> + </div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/1.jpg" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">鏅鸿兘绠℃帶</div> + <div class="item_info"> + 棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br /> + 鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br /> + 杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_renlianshibie@2x.png" /> + <span>浜鸿劯璇嗗埆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_erweimashibie@2x.png" /> + <span>浜岀淮鐮佽瘑鍒�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengchuwugui@2x.png" /> + <span>鏅鸿兘鍌ㄧ墿鏌�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengzhaji@2x.png" /> + <span>鏅鸿兘闂告満</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yundongzhuapai@2x.png" /> + <span>AI杩愬姩鎶撴媿</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinenganfang@2x.png" /> + <span>鏅鸿兘瀹夐槻鐩戞帶</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yunweiguanli@2x.png" /> + <span>杩愮淮绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhinengdengkong@2x.png" /> + <span>鏅鸿兘鐏帶</span> + </div> + </div> + <img class="item_image" src="./images/zongheguan_img_5@2x.png" /> + </div> + <div class="item"> + <div class="item_title">绀惧尯璁哄潧</div> + <div class="item_info"> + 閫氳繃涓撳睘APP/灏忕▼搴忥紝鍦ㄧ嚎鍙戝竷鍐呭锛屾彁渚涘鏍峰寲鐨勮浼椾簰鍔ㄦ湇鍔� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_changdiyuding@2x.png" /> + <span>娲诲姩鍙戝竷</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zaixiangoupiao@2x.png" /> + <span>绮惧僵鑺辩诞</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zizhuchongzhi@2x.png" /> + <span>骞曞悗閲囪</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_huiyuanbanli@2x.png" /> + <span>浜掑姩绀惧尯</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_taocanfuwu@2x.png" /> + <span>璇勫垎鎶曠エ</span> + </div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/3.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">瀵艰瀵艰</div> + <div class="item_info"> + 涓烘潵璁胯�呮彁渚涙櫤鑳藉寲銆佷究鎹峰寲鐨勭┖闂村紩瀵煎拰淇℃伅鏈嶅姟 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_daolanping@2x.png" /> + <span>瀵艰瑙︽帶灞�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_luxianzhiyin@2x.png" /> + <span>灏忕▼搴忚矾绾挎寚寮�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_yingbingjiqi@2x.png" /> + <span>鏅鸿兘杩庡鏈哄櫒浜�</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zhishipai@2x.png" /> + <span>瀵艰鎸囩ず鐗�</span> + </div> + <div style="width: 25%; height: 0;"></div> + </div> + <img class="item_image" src="./images/yunyi1ng_img2@2x.png" /> + </div> + <div class="item"> + <div class="item_title">杩愮淮宸℃</div> + <div class="item_info"> + 瀹炴椂鐩戞祴缁存姢璁惧杩愯鐘舵�侊紝淇濋殰鏅尯楂樻晥瀹夊叏杩愯惀 + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_jifenguanli@2x.png" /> + <span>璧勪骇绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_xunjianyunwei@2x.png" /> + <span>宸℃杩愮淮</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_dingdanchaxun@2x.png" /> + <span>浠撳偍绠$悊</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_shanghuguanli@2x.png" /> + <span>鍟嗘埛绠$悊</span> + </div> + </div> + <img class="item_image" src="./images/yunying_img212@2x.png" /> + </div> + <div class="item" style="background: #F8F9FB;"> + <div class="item_title">鏅烘収鍋滆溅</div> + <div class="item_info"> + 瀹炵幇杞﹁締蹇�熷嚭鍏ヤ笌楂樻晥绠$悊锛屾彁鍗囧仠杞︽湇鍔$殑鏅鸿兘鍖栦笌渚挎嵎鎬� + </div> + <div class="item_list"> + <div class="item_list_item"> + <img src="./images/icon3/ic_cheweiyindao@2x.png" /> + <span>杞︿綅寮曞</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_chepaishibie@2x.png" /> + <span>杞︾墝璇嗗埆</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_zizhujiaofei@2x.png" /> + <span>鑷姪缂磋垂</span> + </div> + <div class="item_list_item"> + <img src="./images/icon3/ic_cheweiyuyue@2x.png" /> + <span>杞︿綅棰勭害</span> + </div> + </div> + <img class="item_image" src="./images/yunyin2g_img2@2x.png" /> + </div> + <div class="gengduo"> + <div class="gengduo_title">鏇村鍔熻兘</div> + <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div> + <img src="./images/cate.png" /> + </div> + <div class="footer"> + <div class="footer_title">鑱旂郴鎴戜滑</div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>0551-63450845</span> + </div> + <div class="footer_row"> + <img src="./images/ic_cellphone@2x.png" /> + <span>15395136032</span> + </div> + <div class="footer_row"> + <img src="./images/ic_time@2x.png" /> + <span>09:00-22:00</span> + </div> + <div class="footer_row"> + <img src="./images/ic_telephone@2x.png" /> + <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span> + </div> + <div class="footer_x"></div> + <div class="footer_info"> + <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span> + <span>dmtt.run. All Rights Reserved</span> + </div> + <div style="width: 100%; height: 54px;"></div> + <div class="footer_qrcode"> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>寰俊鍏紬鍙�</span> + </div> + <div class="footer_qrcode_item"> + <img src="./images/home_ic_bushu@2x.png" /> + <span>瀹㈡湇寰俊</span> + </div> + </div> + <div class="footer_lx"> + <div class="footer_lx_left"> + <img src="./images/ic_phone@2x.png" /> + <span>鐢佃瘽鍜ㄨ</span> + </div> + <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div> + </div> + </div> + </div> + <script src="./js/sportsVenue.js"></script> +</body> +</html> -- Gitblit v1.9.3