diff --git a/css/libs/animate.min.css b/css/libs/animate.min.css new file mode 100644 index 0000000..0c8ee97 --- /dev/null +++ b/css/libs/animate.min.css @@ -0,0 +1,4385 @@ +@charset "UTF-8"; + +/*! + * animate.css - https://animate.style/ + * Version - 4.1.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2020 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)*0.8); + animation-duration: calc(var(--animate-duration)*0.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-transition-duration: 1ms !important; + transition-duration: 1ms !important; + -webkit-animation-iteration-count: 1 !important; + animation-iteration-count: 1 !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-transition-timing-function: cubic-bezier(.215, .61, .355, 1); + transition-timing-function: cubic-bezier(.215, .61, .355, 1); + -webkit-transform: translateZ(0) scaleY(.95); + transform: translateZ(0) scaleY(.95) + } + + 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-transition-timing-function: cubic-bezier(.215, .61, .355, 1); + transition-timing-function: cubic-bezier(.215, .61, .355, 1); + -webkit-transform: translateZ(0) scaleY(.95); + transform: translateZ(0) scaleY(.95) + } + + 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-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake +} + +@-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-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing +} + +@-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-name: heartBeat; + animation-name: 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-timing-function: ease-in-out; + animation-timing-function: ease-in-out +} + +@-webkit-keyframes backInDown { + 0% { + -webkit-transform: translateY(-1200px) scale(.7); + transform: translateY(-1200px) scale(.7); + opacity: .7 + } + + 80% { + -webkit-transform: translateY(0) scale(.7); + transform: translateY(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } +} + +@keyframes backInDown { + 0% { + -webkit-transform: translateY(-1200px) scale(.7); + transform: translateY(-1200px) scale(.7); + opacity: .7 + } + + 80% { + -webkit-transform: translateY(0) scale(.7); + transform: translateY(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } +} + +.animate__backInDown { + -webkit-animation-name: backInDown; + animation-name: backInDown +} + +@-webkit-keyframes backInLeft { + 0% { + -webkit-transform: translateX(-2000px) scale(.7); + transform: translateX(-2000px) scale(.7); + opacity: .7 + } + + 80% { + -webkit-transform: translateX(0) scale(.7); + transform: translateX(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } +} + +@keyframes backInLeft { + 0% { + -webkit-transform: translateX(-2000px) scale(.7); + transform: translateX(-2000px) scale(.7); + opacity: .7 + } + + 80% { + -webkit-transform: translateX(0) scale(.7); + transform: translateX(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } +} + +.animate__backInLeft { + -webkit-animation-name: backInLeft; + animation-name: backInLeft +} + +@-webkit-keyframes backInRight { + 0% { + -webkit-transform: translateX(2000px) scale(.7); + transform: translateX(2000px) scale(.7); + opacity: .7 + } + + 80% { + -webkit-transform: translateX(0) scale(.7); + transform: translateX(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } +} + +@keyframes backInRight { + 0% { + -webkit-transform: translateX(2000px) scale(.7); + transform: translateX(2000px) scale(.7); + opacity: .7 + } + + 80% { + -webkit-transform: translateX(0) scale(.7); + transform: translateX(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } +} + +.animate__backInRight { + -webkit-animation-name: backInRight; + animation-name: backInRight +} + +@-webkit-keyframes backInUp { + 0% { + -webkit-transform: translateY(1200px) scale(.7); + transform: translateY(1200px) scale(.7); + opacity: .7 + } + + 80% { + -webkit-transform: translateY(0) scale(.7); + transform: translateY(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } +} + +@keyframes backInUp { + 0% { + -webkit-transform: translateY(1200px) scale(.7); + transform: translateY(1200px) scale(.7); + opacity: .7 + } + + 80% { + -webkit-transform: translateY(0) scale(.7); + transform: translateY(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } +} + +.animate__backInUp { + -webkit-animation-name: backInUp; + animation-name: backInUp +} + +@-webkit-keyframes backOutDown { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + + 20% { + -webkit-transform: translateY(0) scale(.7); + transform: translateY(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: translateY(700px) scale(.7); + transform: translateY(700px) scale(.7); + opacity: .7 + } +} + +@keyframes backOutDown { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + + 20% { + -webkit-transform: translateY(0) scale(.7); + transform: translateY(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: translateY(700px) scale(.7); + transform: translateY(700px) scale(.7); + opacity: .7 + } +} + +.animate__backOutDown { + -webkit-animation-name: backOutDown; + animation-name: backOutDown +} + +@-webkit-keyframes backOutLeft { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + + 20% { + -webkit-transform: translateX(0) scale(.7); + transform: translateX(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: translateX(-2000px) scale(.7); + transform: translateX(-2000px) scale(.7); + opacity: .7 + } +} + +@keyframes backOutLeft { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + + 20% { + -webkit-transform: translateX(0) scale(.7); + transform: translateX(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: translateX(-2000px) scale(.7); + transform: translateX(-2000px) scale(.7); + opacity: .7 + } +} + +.animate__backOutLeft { + -webkit-animation-name: backOutLeft; + animation-name: backOutLeft +} + +@-webkit-keyframes backOutRight { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + + 20% { + -webkit-transform: translateX(0) scale(.7); + transform: translateX(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: translateX(2000px) scale(.7); + transform: translateX(2000px) scale(.7); + opacity: .7 + } +} + +@keyframes backOutRight { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + + 20% { + -webkit-transform: translateX(0) scale(.7); + transform: translateX(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: translateX(2000px) scale(.7); + transform: translateX(2000px) scale(.7); + opacity: .7 + } +} + +.animate__backOutRight { + -webkit-animation-name: backOutRight; + animation-name: backOutRight +} + +@-webkit-keyframes backOutUp { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + + 20% { + -webkit-transform: translateY(0) scale(.7); + transform: translateY(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: translateY(-700px) scale(.7); + transform: translateY(-700px) scale(.7); + opacity: .7 + } +} + +@keyframes backOutUp { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + + 20% { + -webkit-transform: translateY(0) scale(.7); + transform: translateY(0) scale(.7); + opacity: .7 + } + + to { + -webkit-transform: translateY(-700px) scale(.7); + transform: translateY(-700px) scale(.7); + opacity: .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)*0.75); + animation-duration: calc(var(--animate-duration)*0.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)*0.75); + animation-duration: calc(var(--animate-duration)*0.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-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); + transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } + + 40% { + -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); + transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } + + 50% { + -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); + transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); + transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + + to { + -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); + transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); + transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } + + 40% { + -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); + transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } + + 50% { + -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); + transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); + transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + + to { + -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); + transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } +} + +.animate__animated.animate__flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0 + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-20deg); + transform: perspective(400px) rotateX(-20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + + 60% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + opacity: 1 + } + + 80% { + -webkit-transform: perspective(400px) rotateX(-5deg); + transform: perspective(400px) rotateX(-5deg) + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0 + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-20deg); + transform: perspective(400px) rotateX(-20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + + 60% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + opacity: 1 + } + + 80% { + -webkit-transform: perspective(400px) rotateX(-5deg); + transform: perspective(400px) rotateX(-5deg) + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } +} + +.animate__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) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0 + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-20deg); + transform: perspective(400px) rotateY(-20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + + 60% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + opacity: 1 + } + + 80% { + -webkit-transform: perspective(400px) rotateY(-5deg); + transform: perspective(400px) rotateY(-5deg) + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0 + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-20deg); + transform: perspective(400px) rotateY(-20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + + 60% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + opacity: 1 + } + + 80% { + -webkit-transform: perspective(400px) rotateY(-5deg); + transform: perspective(400px) rotateY(-5deg) + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } +} + +.animate__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) rotateX(-20deg); + transform: perspective(400px) rotateX(-20deg); + opacity: 1 + } + + to { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0 + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } + + 30% { + -webkit-transform: perspective(400px) rotateX(-20deg); + transform: perspective(400px) rotateX(-20deg); + opacity: 1 + } + + to { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0 + } +} + +.animate__flipOutX { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-duration: calc(var(--animate-duration)*0.75); + animation-duration: calc(var(--animate-duration)*0.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% { + -webkit-transform: perspective(400px) rotateY(-15deg); + transform: perspective(400px) rotateY(-15deg); + opacity: 1 + } + + to { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0 + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } + + 30% { + -webkit-transform: perspective(400px) rotateY(-15deg); + transform: perspective(400px) rotateY(-15deg); + opacity: 1 + } + + to { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0 + } +} + +.animate__flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-duration: calc(var(--animate-duration)*0.75); + animation-duration: calc(var(--animate-duration)*0.75); + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY +} + +@-webkit-keyframes lightSpeedInRight { + 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) + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +@keyframes lightSpeedInRight { + 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) + } + + 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% { + -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) + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +@keyframes lightSpeedInLeft { + 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) + } + + 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 { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0 + } +} + +@keyframes lightSpeedOutRight { + 0% { + opacity: 1 + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0 + } +} + +.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 { + -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); + transform: translate3d(-100%, 0, 0) skewX(-30deg); + opacity: 0 + } +} + +@keyframes lightSpeedOutLeft { + 0% { + opacity: 1 + } + + to { + -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); + transform: translate3d(-100%, 0, 0) skewX(-30deg); + opacity: 0 + } +} + +.animate__lightSpeedOutLeft { + -webkit-animation-name: lightSpeedOutLeft; + animation-name: lightSpeedOutLeft; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0 + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + opacity: 1 + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0 + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + opacity: 1 + } +} + +.animate__rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; + -webkit-transform-origin: center; + transform-origin: center +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + opacity: 1 + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + opacity: 1 + } +} + +.animate__rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; + -webkit-transform-origin: left bottom; + transform-origin: left bottom +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + opacity: 1 + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + opacity: 1 + } +} + +.animate__rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; + -webkit-transform-origin: right bottom; + transform-origin: right bottom +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + opacity: 1 + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + opacity: 1 + } +} + +.animate__rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; + -webkit-transform-origin: left bottom; + transform-origin: left bottom +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + opacity: 1 + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + opacity: 1 + } +} + +.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 { + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0 + } +} + +@keyframes rotateOut { + 0% { + opacity: 1 + } + + to { + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0 + } +} + +.animate__rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; + -webkit-transform-origin: center; + transform-origin: center +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + opacity: 1 + } + + to { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } +} + +@keyframes rotateOutDownLeft { + 0% { + opacity: 1 + } + + to { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } +} + +.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 { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } +} + +@keyframes rotateOutDownRight { + 0% { + opacity: 1 + } + + to { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } +} + +.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 { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } +} + +@keyframes rotateOutUpLeft { + 0% { + opacity: 1 + } + + to { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } +} + +.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 { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } +} + +@keyframes rotateOutUpRight { + 0% { + opacity: 1 + } + + to { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } +} + +.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-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + + 40%, + 80% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1 + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0 + } +} + +@keyframes hinge { + 0% { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + + 20%, + 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + + 40%, + 80% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1 + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 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% { + 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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.animate__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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.animate__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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.animate__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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.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% { + 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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.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% { + 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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.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(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.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 { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } +} + +.animate__slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } +} + +.animate__slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } +} + +.animate__slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0) + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0) + } +} + +.animate__slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp +} \ No newline at end of file diff --git a/css/libs/reset.css b/css/libs/reset.css new file mode 100644 index 0000000..610ddd7 --- /dev/null +++ b/css/libs/reset.css @@ -0,0 +1,186 @@ +@charset "utf-8"; + +/* CSS Document */ + +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + background-color: #F4F4FC; +} + +body, +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +code, +form, +fieldset, +legend, +input, +textarea, +p, +blockquote, +th, +td, +hr, +button, +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + margin: 0; + padding: 0; +} + +body, +button, +input, +select, +textarea { + font: 12px arial, "微软雅黑" +} + +input, +select, +textarea { + font-size: 100%; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th { + text-align: inherit; +} + +fieldset, +img { + border: 0; +} + +iframe { + display: block; +} + +abbr, +acronym { + border: 0; + font-variant: normal; +} + +del { + text-decoration: line-through; +} + +address, +caption, +cite, +code, +dfn, +em, +i, +th, +var { + font-style: normal; + font-weight: 500; +} + +ol, +ul { + list-style: none; +} + +caption, +th { + text-align: left; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: 500; +} + +q:before, +q:after { + content: ''; +} + +ins, +a { + text-decoration: none; +} + +button { + border: 0; + outline: none; +} + + +/* common +-----------------------------------------------*/ + +.clearfix:after { + content: "\200B"; + display: block; + height: 0; + clear: both; +} + +.clearfix { + zoom: 1; +} + +.clear { + clear: both; + visibility: hidden; +} + +a { + color: #000; + text-decoration: none; +} + +a:hover { + color: #000; + text-decoration: none; +} + +select::-ms-expand { + display: none; +} + +input, +textarea:focus { + outline: none; +} + +select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..bc6de61 --- /dev/null +++ b/css/style.css @@ -0,0 +1,498 @@ +/* 1080*1920 */ +/**滚动条的宽度*/ +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +/**滚动条的滑块*/ +::-webkit-scrollbar-thumb { + background-color: rgba(0,0,0,.3); + border-radius: 4px; +} + +/**只需要加上这一行*/ +::-webkit-scrollbar-corner { + background-color: transparent; +} + +@font-face { + font-family: "DOUYU-Regular"; + src: url('../fonts/斗鱼追光体.ttf'); + font-weight: normal; + font-style: normal; +} +.lib-wrapper{ + width: 100vw; + height: 100vh; + overflow: hidden; +} +.lib-header{ + width: calc(100% - 40px); + padding: 20px; + background-color: #fff; + box-shadow: 0px 0px 20px 1px rgba(0,0,0,.2); +} +.lib-search{ + display: flex; + justify-content: space-between; + align-items: center; + width: calc(100%); + height: 60px; + border: 1px solid #C6C6E2; + border-radius: 5px; + overflow: hidden; +} +.lib-search input{ + display: block; + flex: 1; + height: 60px; + padding: 0 20px; + font-size: 30px; + border: none; +} +.lib-search button{ + position: relative; + display: block; + font-size: 30px; + width: 130px; + height: 60px; + background-color: #5A86F4; + color: #fff; + text-align: center; + padding-left: 30px; + cursor: pointer; +} +.lib-search button::before{ + content: ""; + position: absolute; + left: 14px; + top: 50%; + width: 30px; + height: 30px; + background: url("../images/icon1.png") no-repeat left center; + background-size: cover; + transform: translateY(-50%) +} +.lending-btn{ + position: fixed; + right: 60px; + top: 50%; + text-align: center; + border-radius: 50%; + transform: translateY(-50%); + z-index: 9999; +} +.lending-btn img{ + display: block; + width: 80px; + height: 80px; +} +.lending-btn span{ + display: block; + font-size: 30px; + padding-top: 20px; + font-family: "DOUYU-Regular"; +} +.lib-search-result { + display: none; + font-size: 28px; + padding: 0 20px 10px 20px; +} +.lib-search-result span{ + display: inline-block; + padding-right: 4px; + color: #5A86F4; +} + +.lib-book{ + display: flex; + justify-content: flex-start; + width: calc(100vw); + height: calc(100vh - 102px); + margin-top: 20px; + overflow: hidden; +} +.lib-book-left{ + width: 180px; + padding: 20px 0 20px 20px; + background-color: #fff; + /* border-radius: 14px; */ +} +.left-item { + height: calc(50% - 40px); + padding-bottom: 40px; +} +.left-item h4{ + position: relative; + font-size: 34px; + padding-left: 16px; + margin-bottom: 10px; + line-height: 46px; + font-weight: bold; + color: #191A1A; +} + +.left-item h4::before{ + content: ""; + position: absolute; + left: 0; + top: 50%; + width: 7px; + height: 30px; + background: #5A86F4; + margin-top: -15px; +} + +.left-filter{ + font-size: 28px; + line-height: 56px; + height: calc(100% - 46px); + overflow: hidden; + overflow-y: scroll; +} + +.left-filter li{ + padding-left: 16px; + color: #191A1A; + cursor: pointer; + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 1; + line-clamp: 1; + -webkit-box-orient: vertical; +} + +.left-filter li:hover, +.left-filter li.active{ + font-weight: bold; + background-color: #F1F4FE; + border-radius: 7px 0 0 7px; +} + +.lib-book-right{ + flex: 1; + height: calc(100% - 40px); + padding: 20px 0; + background-color: #F1F4FE; +} +.book-list-wrapper{ + padding-left: 10px; + width: calc(100% - 10px); + height: calc(100% - 30px); + overflow: hidden; + overflow-y: scroll; +} +.book-list { + display: flex; + justify-content: flex-start; + flex-wrap: wrap; + width: calc(100%); +} +.book-list li{ + display: flex; + justify-content: flex-start; + flex-direction: column; + width: calc(100% / 4 - 50px); + padding: 14px; + margin: 0 10px 20px 10px; + border: 1px solid #C6C6E2; + border-radius: 10px; + background-color: #fff; + overflow: hidden; +} + +.book-list li.active{ + position: relative; + border-color: #5A86F4; +} + +.book-list li.active::after{ + content: ""; + position: absolute; + right: -1px; + bottom: 0; + width: 48px; + height: 48px; + background: url("../images/icon2.png") no-repeat; + background-size: 100% 100%; +} + +.book-list li a{ + display: block; +} + +.book-list-img{ + height: 140px; + margin: 0 auto; + overflow: hidden; +} + +.book-list-img img{ + display: block; + height: 100%; + margin: 0 auto; +} + +.book-list li h4{ + font-size: 30px; + height: 64px; + line-height: 32px; + margin: 14px 0; + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + line-clamp: 2; + -webkit-box-orient: vertical; +} + +.book-list li span{ + display: block; + font-size: 24px; +} +.rack-box{ + padding-top: 10px; + width: 100%; + height: calc(100%); +} +.rack-content{ + position: relative; + height: calc(100% - 40px); + overflow: hidden; + overflow-y: scroll; +} +.rack-box-list{ + display: flex; + justify-content: flex-start; + flex-wrap: wrap; + height: 314px; + padding: 0 40px; + width: calc(100vw - 280px); + background: url('../images/list-rack.png') no-repeat 0 212px; + background-size: contain; + overflow: hidden; + white-space: nowrap; +} + +.rack-box-list .list-item{ + /* margin-right: 2px; */ + display: inline-block; + border: none; + height: 254px; + width: 65px; + position: relative; + background-size: contain; +} + +.rack-box-list .list-item.active{ + position: relative; + /* border:2px solid#5A86F4; */ +} + +.rack-box-list .list-item.active::after{ + content: ""; + position: absolute; + right: -1px; + bottom: 0; + width: 32px; + height: 32px; + background: url("../images/icon2.png") no-repeat; + background-size: 100% 100%; +} + +.box-txt{ + position: absolute; + top: 12%; + left: 50%; + transform: translateX(-40%); + pointer-events: none; +} + +.book-name, +.book-writer{ + writing-mode:vertical-rl; + height: 235px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.book-name{ + font-size: 20px; +} +.book-writer{ + font-size: 16px; +} +.rack-box-list .list-item:nth-child(12n+1){ + background: url('../images/1.png') no-repeat 0 0; +} +.rack-box-list .list-item:nth-child(12n+2){ + background: url('../images/2.png') no-repeat 0 0; +} +.rack-box-list .list-item:nth-child(12n+3){ + background: url('../images/3.png') no-repeat 0 0; +} +.rack-box-list .list-item:nth-child(12n+4){ + background: url('../images/4.png') no-repeat 0 0; +} +.rack-box-list .list-item:nth-child(12n+5){ + background: url('../images/6.png') no-repeat 0 0; +} +.rack-box-list .list-item:nth-child(12n+6){ + background: url('../images/7.png') no-repeat 0 0; +} +.rack-box-list .list-item:nth-child(12n+7){ + background: url('../images/10.png') no-repeat 0 0; +} +.rack-box-list .list-item:nth-child(12n+8){ + background: url('../images/11.png') no-repeat 0 0; +} +.rack-box-list .list-item:nth-child(12n+9){ + background: url('../images/12.png') no-repeat 0 0; +} +.rack-box-list .list-item:nth-child(12n+10){ + background: url('../images/13.png') no-repeat 0 0; +} +.rack-box-list .list-item:nth-child(12n+11){ + background: url('../images/14.png') no-repeat 0 0; +} +.rack-box-list .list-item:nth-child(12n+12){ + background: url('../images/15.png') no-repeat 0 0; +} + +.lib-dialog{ + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; +} +.lib-dialog-mask{ + width: 100%; + height: 100%; + background-color: rgba(0,0,0,.3); +} +.lib-dialog-main{ + position: absolute; + left: 50%; + top: 20%; + width: 860px; + background-color: #fff; + border-radius: 24px; + margin-left: -430px; +} + +.lib-dialog-header{ + padding-bottom: 30px; +} +.lib-dialog-title{ + width: 494px; + height: 76px; + line-height: 76px; + background: url('../images/list-title.png') no-repeat; + background-size: contain; + font-size: 40px; + font-weight: bold; + text-align: center; + margin: 0 auto; +} +.lib-lending-list{ + height: 490px; + margin: 0 40px; + overflow: hidden; + overflow-y: scroll; +} +.lib-lending-item{ + display: flex; + justify-content: flex-start; + flex-wrap: nowrap; + align-items: center; + font-size: 26px; + padding: 16px 0; + border-bottom: 1px solid #C6C6E2; +} +.lending-num{ + display: block; + width: 40px; +} +.lending-img{ + width: 60px; + margin-right: 10px; + /* height: 60px; */ + overflow: hidden; +} + +.lending-img img{ + display: block; + width: 100%; +} +.lib-lending-item h4{ + flex: 1; + padding-left: 10px; +} +.lib-lending-item h4, +.lib-lending-item span.lending-author{ + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 1; + line-clamp: 1; + -webkit-box-orient: vertical; +} + +.lib-lending-item .lending-author{ + flex: 1; +} + +.lib-dialog-bottom{ + display: flex; + justify-content: space-around; + padding: 40px 220px; +} + +.lib-dialog-bottom span{ + display: block; + padding: 0 40px; + font-size: 26px; + height: 56px; + line-height: 56px; + border: 1px solid #C6C6E2; + border-radius: 7px; + cursor: pointer; +} +.confirm-btn{ + color: #fff; + background-color: #5A86F4; + border-color: #5A86F4; +} + +.empty-book-list{ + width: 300px; + margin: 100px auto 0 auto; + text-align: center; +} + +.empty-book-list img{ + display: block; + width: 100%; +} + +.empty-book-list span{ + display: block; + padding-top: 20px; + font-size: 30px; + font-weight: bold; +} + +.book-noData{ + color: #a3a3a3; + font-size: 30px; + text-align: center; + padding: 10px 0 0 0; + margin-bottom: 30px; +} \ No newline at end of file diff --git a/fonts/斗鱼追光体.ttf b/fonts/斗鱼追光体.ttf new file mode 100644 index 0000000..c88514c Binary files /dev/null and b/fonts/斗鱼追光体.ttf differ diff --git a/images/1.png b/images/1.png new file mode 100644 index 0000000..ca6f61a Binary files /dev/null and b/images/1.png differ diff --git a/images/10.png b/images/10.png new file mode 100644 index 0000000..1ccd75e Binary files /dev/null and b/images/10.png differ diff --git a/images/11.png b/images/11.png new file mode 100644 index 0000000..6ff6d6a Binary files /dev/null and b/images/11.png differ diff --git a/images/12.png b/images/12.png new file mode 100644 index 0000000..0447202 Binary files /dev/null and b/images/12.png differ diff --git a/images/13.png b/images/13.png new file mode 100644 index 0000000..e0868b4 Binary files /dev/null and b/images/13.png differ diff --git a/images/14.png b/images/14.png new file mode 100644 index 0000000..1d0384e Binary files /dev/null and b/images/14.png differ diff --git a/images/15.png b/images/15.png new file mode 100644 index 0000000..58f5108 Binary files /dev/null and b/images/15.png differ diff --git a/images/2.png b/images/2.png new file mode 100644 index 0000000..8dcd398 Binary files /dev/null and b/images/2.png differ diff --git a/images/3.png b/images/3.png new file mode 100644 index 0000000..5428761 Binary files /dev/null and b/images/3.png differ diff --git a/images/4.png b/images/4.png new file mode 100644 index 0000000..e3af150 Binary files /dev/null and b/images/4.png differ diff --git a/images/5.png b/images/5.png new file mode 100644 index 0000000..52bda6b Binary files /dev/null and b/images/5.png differ diff --git a/images/6.png b/images/6.png new file mode 100644 index 0000000..f4545e4 Binary files /dev/null and b/images/6.png differ diff --git a/images/7.png b/images/7.png new file mode 100644 index 0000000..b78aca6 Binary files /dev/null and b/images/7.png differ diff --git a/images/8.png b/images/8.png new file mode 100644 index 0000000..25cdbd8 Binary files /dev/null and b/images/8.png differ diff --git a/images/9.png b/images/9.png new file mode 100644 index 0000000..782c1b6 Binary files /dev/null and b/images/9.png differ diff --git a/images/book_03.png b/images/book_03.png new file mode 100644 index 0000000..1c28961 Binary files /dev/null and b/images/book_03.png differ diff --git a/images/default-img.png b/images/default-img.png new file mode 100644 index 0000000..01a60cb Binary files /dev/null and b/images/default-img.png differ diff --git a/images/empty.png b/images/empty.png new file mode 100644 index 0000000..7195cc8 Binary files /dev/null and b/images/empty.png differ diff --git a/images/icon1.png b/images/icon1.png new file mode 100644 index 0000000..5d74cc1 Binary files /dev/null and b/images/icon1.png differ diff --git a/images/icon2.png b/images/icon2.png new file mode 100644 index 0000000..ebfda1c Binary files /dev/null and b/images/icon2.png differ diff --git a/images/icon3.png b/images/icon3.png new file mode 100644 index 0000000..1c0b9cb Binary files /dev/null and b/images/icon3.png differ diff --git a/images/list-rack.png b/images/list-rack.png new file mode 100644 index 0000000..45e5027 Binary files /dev/null and b/images/list-rack.png differ diff --git a/images/list-title.png b/images/list-title.png new file mode 100644 index 0000000..0124410 Binary files /dev/null and b/images/list-title.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..bb1ba8c --- /dev/null +++ b/index.html @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + 查询机图书列表 + + +
+
+ +
借阅
+
+
+
+
+
+
检索结果:0
+
+
+
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/index2.html b/index2.html new file mode 100644 index 0000000..76fb424 --- /dev/null +++ b/index2.html @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + 查询机图书列表 + + +
+
+ +
借阅
+
+
+
+
+
+
检索结果:0
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/js/data.js b/js/data.js new file mode 100644 index 0000000..3f23583 --- /dev/null +++ b/js/data.js @@ -0,0 +1 @@ +var data = [{"bookName":"111斗罗大陆.第二部,绝世唐门.15","author":"作者","isbn":"9787535898159","publish":null,"sortmark":"I247.59/106[10]:15","bookCover":"21d0b699832b46c3a5ad768e1f77f0f7","srcUrl":"http://static1.showapi.com/app2/isbn/535/8785d9f48ea04486bd3e3bc360bebbc8.jpg","books":[{"barcode":"4201120100175254","placeName":null},{"barcode":"4201120100175253","placeName":null},{"barcode":"4201120100175254","placeName":null},{"barcode":"4201120100175253","placeName":null}]},{"bookName":"斗罗大陆.第三部,龙王传说.26","author":null,"isbn":"9787556236633","publish":null,"sortmark":"I247.59/106[13]:26","bookCover":"943f7201b1e244c49fb984891874befa","srcUrl":"http://static1.showapi.com/app2/isbn/556/b012d38ef39c48b79004ed98b305c060.jpg","books":[{"barcode":"4201120100260209","placeName":"五楼图书借阅区017排B面05架02层"},{"barcode":"4201120100260208","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.第二部,绝世唐门.16","author":null,"isbn":"9787535898166","publish":null,"sortmark":"I247.59/106[10]:16","bookCover":"ebf57af74ce94de88420af17bfd0f5a8","srcUrl":"https://img1.doubanio.com/view/subject/l/public/s27409688.jpg","books":[{"barcode":"4201120100181674","placeName":null},{"barcode":"4201120100181673","placeName":null}]},{"bookName":"斗罗大陆.第四部,终极斗罗.1","author":null,"isbn":"9787556242337","publish":null,"sortmark":"I247.59/106[4]:1","bookCover":"fde7880585e748879083a9ef91720b54","srcUrl":"http://static1.showapi.com/app2/isbn/556/eab45026a0b74abc8f5954b50a4400e7.jpg","books":[{"barcode":"4201120100331343","placeName":"五楼图书借阅区017排B面05架01层"},{"barcode":"4201120100331343","placeName":"五楼图书借阅区017排B面05架01层"},{"barcode":"4201120100331343","placeName":"五楼图书借阅区017排B面05架01层"},{"barcode":"4201120100331343","placeName":"五楼图书借阅区017排B面05架01层"}]},{"bookName":"斗罗大陆.第四部,终极斗罗.6","author":null,"isbn":"9787556244386","publish":null,"sortmark":"I247.59/106[4]:6","bookCover":"04deb0130b094078a1199a927b8e093a","srcUrl":"http://static1.showapi.com/app2/isbn/imgs/8c99364d387b46d387c4d4c93734f118.jpg","books":[{"barcode":"4201120100326805","placeName":null}]},{"bookName":"斗罗大陆:漫画版.第四部,终极斗罗.3","author":null,"isbn":"9787540491246","publish":null,"sortmark":"J228.2/520:3","bookCover":"fc540d860e754971b3f78128f9f669a3","srcUrl":"http://static1.showapi.com/app2/isbn/1910/649516735fde47d0b8c254163db9468d.jpg","books":[{"barcode":"4201030100450580","placeName":null}]},{"bookName":"斗罗大陆.第三部.Ⅲ,龙王传说:漫画版.1","author":null,"isbn":"9787556244744","publish":null,"sortmark":"J228.2/572:3(1)","bookCover":"bfc50c47f52d4916b84a73e404641413","srcUrl":"http://static1.showapi.com/app2/isbn/35/99130a793d64400b9a0af4f72c542f90.jpg","books":[{"barcode":"4201120100312083","placeName":null}]},{"bookName":"斗罗大陆.第四部.终极斗罗.6:漫画版","author":null,"isbn":"9787540493967","publish":null,"sortmark":"J228.2/685","bookCover":"c128989ba7a944ddba2b99b305ece3af","srcUrl":"http://static1.showapi.com/app2/isbn/15/21f7b554b30a4d7eb3c9a58d12acf7bd.jpg","books":[{"barcode":"4201120100384499","placeName":null},{"barcode":"4201120100384498","placeName":null}]},{"bookName":"斗罗大陆.第四部,终极斗罗.8","author":null,"isbn":"9787556245086","publish":null,"sortmark":"I247.59/106[4]:8","bookCover":"4306ea4912c8461fbd2424007af7a2f1","srcUrl":"http://static1.showapi.com/app2/isbn/imgs/ea00a4a2786747a0ad9c73b7286ac2a2.jpg","books":[{"barcode":"4201120100331457","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.第四部,终极斗罗.18","author":null,"isbn":"9787556251513","publish":null,"sortmark":"I247.5/4974[4]:18","bookCover":"c8a1824cec7d4db781d19bb1dc5ad3f3","srcUrl":"http://static1.showapi.com/app2/isbn/pic/e7e314431a5941759ac6e61118931129.jpg","books":[{"barcode":"4201120100333961","placeName":"五楼图书借阅区009排A面05架02层"},{"barcode":"4201120100333960","placeName":"五楼图书借阅区009排A面05架02层"}]},{"bookName":"斗罗大陆:漫画版.第四部,终极斗罗.9","author":null,"isbn":"9787540496241","publish":null,"sortmark":"J228.2/520:9","bookCover":null,"srcUrl":"http://static1.showapi.com/app2/isbn/1910/24ca06e09fa04a19a58a720c75dd41ee.jpg","books":[{"barcode":"4201030100450607","placeName":null}]},{"bookName":"斗罗大陆.41","author":null,"isbn":"9787541063039","publish":null,"sortmark":"J228.2/435:41","bookCover":"23ed09428b4d4f6cae5d47dc190f4f38","srcUrl":"http://static1.showapi.com/app2/isbn/541/f9e2280612444766950d2f56aed41ae4.jpg","books":[{"barcode":"4201120100275941","placeName":null}]},{"bookName":"斗罗大陆.第二卷,斗魂大战","author":null,"isbn":"9787806806890","publish":null,"sortmark":"I247.59/106[4]:2","bookCover":"ec0ae273637a4136ad7e7c07b297fea9","srcUrl":"http://static1.showapi.com/app2/isbn/806/0a9e90b11f604eaeb96a0759ff9a0232.jpg","books":[{"barcode":"4201120100116057","placeName":"五楼图书借阅区017排B面05架01层"},{"barcode":"4201120100116058","placeName":"五楼图书借阅区017排B面05架01层"}]},{"bookName":"斗罗大陆.2","author":null,"isbn":"9787541074806","publish":null,"sortmark":"J228.2/508:2","bookCover":"4fc52aa6ff3e4dbb8c2f92c754ca326b","srcUrl":"http://static1.showapi.com/app2/isbn/541/0b7ad01fea1447069b0128f778793555.jpg","books":[{"barcode":"4201030100443023","placeName":null}]},{"bookName":"斗罗大陆.27.27","author":null,"isbn":"9787541075056","publish":null,"sortmark":"J228.2/435:27","bookCover":"ce19e365b88b4f4eaef38c1530e39f54","srcUrl":"http://static1.showapi.com/app2/isbn/541/d1488c6c1db84285bffcc8c5de887d69.jpg","books":[{"barcode":"4201120100275927","placeName":null},{"barcode":"4201120100275926","placeName":null}]},{"bookName":"斗罗大陆.29.29","author":null,"isbn":"9787541075070","publish":null,"sortmark":"J228.2/435:29","bookCover":"d3756acd57754a1b99e7481a298e13c1","srcUrl":"http://static1.showapi.com/app2/isbn/541/94f0add5840d4c9497839e25e8368eef.jpg","books":[{"barcode":"4201120100275930","placeName":"二楼少儿借阅区009排B面04架03层"}]},{"bookName":"斗罗大陆.42","author":null,"isbn":"9787541081248","publish":null,"sortmark":"J228.2/435:42","bookCover":"fe6a1248d4ea451a8984f5c77ec2283f","srcUrl":"http://static1.showapi.com/app2/isbn/541/d35d96cab5f24532b75d8f3a86b12395.jpg","books":[{"barcode":"4201120100275939","placeName":null}]},{"bookName":"斗罗大陆.43","author":null,"isbn":"9787541081934","publish":null,"sortmark":"J228.2/435:43","bookCover":"5c27627372cd46fda7b3834541d1152a","srcUrl":"http://static1.showapi.com/app2/isbn/541/bf819db33d314151ba784d4b52268dd5.jpg","books":[{"barcode":"4201120100275943","placeName":null},{"barcode":"4201120100275942","placeName":null}]},{"bookName":"斗罗大陆.12,海神陨落","author":null,"isbn":"9787551300582","publish":null,"sortmark":"I247.59/106[7]:12","bookCover":"5f9658f290cf458382874ff266c0d545","srcUrl":"http://static1.showapi.com/app2/isbn/551/82a1c16b7c2e44b69ea08223d90db9a7.jpg","books":[{"barcode":"4201120100115652","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.11,昊天神技","author":null,"isbn":"9787551300599","publish":null,"sortmark":"I247.59/106[7]:11","bookCover":"6987eb945fc94d3b95c362e8734b0e3f","srcUrl":"http://static1.showapi.com/app2/isbn/40/0b77b140f41a44fea77a0ee191fc895c.jpg","books":[{"barcode":"4201120100115653","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.10,神赐魂环","author":null,"isbn":"9787551300605","publish":null,"sortmark":"I247.59/106[7]:10","bookCover":"1223fe0c4b7c46e0a599a5e4560569c9","srcUrl":"http://static1.showapi.com/app2/isbn/551/99c4057234734ebc81e5c00aa99ddb98.jpg","books":[{"barcode":"4201120100115654","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.8,领域之战","author":null,"isbn":"9787551300629","publish":null,"sortmark":"I247.59/106[7]:8","bookCover":"744da60338544de3ad3f1f69afc668ef","srcUrl":"http://static1.showapi.com/app2/isbn/551/b96cf460a6e54594955a9ee0b2279240.jpg","books":[{"barcode":"4201120100135287","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.7,魂斗罗","author":null,"isbn":"9787551300636","publish":null,"sortmark":"I247.59/106[7]:7","bookCover":"04f90a4d4b074807aea1a15e9d76645d","srcUrl":"http://static1.showapi.com/app2/isbn/551/07efeef5b2e246c5a98435d0ead49205.jpg","books":[{"barcode":"4201120100135290","placeName":null}]},{"bookName":"斗罗大陆.6,杀戮之都","author":null,"isbn":"9787551300643","publish":null,"sortmark":"I247.59/106[7]:6","bookCover":"8b847d14d32b4107b41c90e7fc555b73","srcUrl":"http://static1.showapi.com/app2/isbn/551/1ae569f637ec41f59d61e98edd70c7b2.jpg","books":[{"barcode":"4201120100115655","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.5,武魂城","author":null,"isbn":"9787551300650","publish":null,"sortmark":"I247.59/106[7]:5","bookCover":"4bafefef8be14056a28f7b4e2f0d5669","srcUrl":"http://static1.showapi.com/app2/isbn/551/ce975f227d934cc89d8fc5792acdf57b.jpg","books":[{"barcode":"4201120100115656","placeName":null}]},{"bookName":"斗罗大陆.4,史莱克学院","author":null,"isbn":"9787551300667","publish":null,"sortmark":"I247.59/106[7]:4","bookCover":"a6ac5f8d3dc44811a38521888d999631","srcUrl":"http://static1.showapi.com/app2/isbn/551/283a27b8e1204e82b2876df975b6b344.jpg","books":[{"barcode":"4201120100115660","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.3,七宝琉璃宗","author":null,"isbn":"9787551300674","publish":null,"sortmark":"I247.59/106[7]:3","bookCover":"5bec7af60cb74d2299bd5c66b625b628","srcUrl":"http://static1.showapi.com/app2/isbn/551/b525a7b9e7764d1bb98d097e47865e5b.png","books":[{"barcode":"4201120100115659","placeName":null}]},{"bookName":"斗罗大陆.2,星斗大森林","author":null,"isbn":"9787551300681","publish":null,"sortmark":"I247.59/106[7]:2","bookCover":"d428742b2c4045b7ad774bd8c461a44a","srcUrl":"http://static1.showapi.com/app2/isbn/551/d7eb968b403543578582a2fc4ed73803.jpg","books":[{"barcode":"4201120100115657","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.1,双生武魂","author":null,"isbn":"9787551300698","publish":null,"sortmark":"I247.59/106[7]:1","bookCover":"62afb60cba2640b28bbe7e4be302f3bb","srcUrl":"http://static1.showapi.com/app2/isbn/551/05e16fe7978a4b51871a42bd57e6a8e8.jpg","books":[{"barcode":"4201120100115658","placeName":null}]},{"bookName":"斗罗大陆:精装典藏版.1","author":null,"isbn":"9787556205073","publish":null,"sortmark":"I247.59/106[12]:1","bookCover":"5e11523914204c369945b05cd2c9058f","srcUrl":"http://static1.showapi.com/app2/isbn/556/68fd727ccd8546c8bff2cd8be058ec9f.jpg","books":[{"barcode":"4201120100195414","placeName":null},{"barcode":"4201120100195415","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.第二部,绝世唐门.26","author":null,"isbn":"9787556205301","publish":null,"sortmark":"I247.59/106[10]:26","bookCover":"f8ed356c3c854930bc9e5fa8123f80d5","srcUrl":"https://img1.doubanio.com/view/subject/l/public/s28034329.jpg","books":[{"barcode":"4201120100198413","placeName":null},{"barcode":"4201120100198412","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.第三部,龙王传说.17","author":null,"isbn":"9787556231928","publish":null,"sortmark":"I247.59/106[3]:17","bookCover":"58700c943da340b3a135330b7505f9f8","srcUrl":"http://static1.showapi.com/app2/isbn/556/18ed52cd43ee43719f6a5954500229be.jpg","books":[{"barcode":"4201120100266455","placeName":"五楼图书借阅区017排B面05架02层"},{"barcode":"4201120100266454","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.第三部,龙王传说.27","author":null,"isbn":"9787556229994","publish":null,"sortmark":"I247.59/106[13]:27","bookCover":"37272cf510b14738a6d822f25bd32fea","srcUrl":"http://static1.showapi.com/app2/isbn/556/6b04aafff1c04b9d9305a42a47edae85.jpg","books":[{"barcode":"4201120100260210","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.第四部,终极斗罗.4","author":null,"isbn":"9787556232659","publish":null,"sortmark":"I247.59/106[4]:4","bookCover":"f80e1f4fbed340129858fb841449caad","srcUrl":"https://book-resource.dataesb.com/cover/medium/20190627/eea22273913244958fc1739bd446704d.jpeg","books":[{"barcode":"4201120100360745","placeName":null},{"barcode":"4201120100360744","placeName":null}]},{"bookName":"斗罗大陆.第三部,龙王传说.22","author":null,"isbn":"9787556232970","publish":null,"sortmark":"I247.59/106[3]:22","bookCover":"692dcfb148434be4b2243d60bc2e3984","srcUrl":"http://static1.showapi.com/app2/isbn/556/2b9ff36962db4d3aa1338d17fa1430b7.jpg","books":[{"barcode":"4201120100266434","placeName":"五楼图书借阅区017排B面05架01层"},{"barcode":"4201120100266435","placeName":"五楼图书借阅区017排B面05架01层"}]},{"bookName":"斗罗大陆.第三部,龙王传说.25","author":null,"isbn":"9787556235971","publish":null,"sortmark":"I247.59/106[13]:25","bookCover":"ac5409b6f10344f2b38572e74cb5533e","srcUrl":"http://static1.showapi.com/app2/isbn/556/c6506bcc18e040b99dae029e3d6f35ea.jpg","books":[{"barcode":"4201120100260207","placeName":"五楼图书借阅区033排A面55架03层"},{"barcode":"4201120100260206","placeName":"五楼图书借阅区017排B面05架02层"}]},{"bookName":"斗罗大陆.第二部,绝世唐门.1","author":null,"isbn":"9787535888402","publish":null,"sortmark":"I247.59/106[10]:1","bookCover":"a264669efcb44607b3f43ffce1539dbd","srcUrl":"http://static1.showapi.com/app2/isbn/535/0066a968527d4c4fb490d4a4cac8c108.jpg","books":[{"barcode":"4201120100135968","placeName":"五楼图书借阅区017排B面05架02层"}]}] \ No newline at end of file diff --git a/js/index.js b/js/index.js new file mode 100644 index 0000000..75be379 --- /dev/null +++ b/js/index.js @@ -0,0 +1,365 @@ +let sBoxID = '' +let sSortmark = '' +let page = 0 +let pageSize = 30 +let hasNextPage = true +let searchKeyWord = '' // 搜索keyword +let isSearch = false + +// 默认初始化会有限制选择图书借阅的数量的值 +// public string getReader() +// 读者信息 {"Barcode":"700008","Name":"测试卡","nMaxNum":2} +let lendNum = 0 + +setInterval(function() { + $('.lending-btn img').css('animation-duration', '1s').addClass('animate__animated animate__tada'); + setTimeout(function() { + $('.lending-btn img').removeClass('animate__animated animate__tada'); + }, 1000); +}, 5000); + +getBaseInfoReader() +function getBaseInfoReader(){ + let readerJson = JSON.parse(boundObject.getReader()) + console.log('readerJson',readerJson) + console.log('readerJson-Barcode',readerJson.Barcode) + console.log('readerJson-Name',readerJson.Name) + console.log('readerJson-nMaxNum',readerJson.nMaxNum) + lendNum = readerJson.nMaxNum +} + +// 假设书籍数据 +let books = []; + +// 动态生成左侧分类的项 +createHtmlLeftNav(); +function createHtmlLeftNav() { + // let LeftLocaltionJSON = [{"BoxID":"*","BoxName":"全部"},{"BoxID":"1","BoxName":"1号书盒"},{"BoxID":"2","BoxName":"2号书盒"},{"BoxID":"3","BoxName":"3号书盒"},{"BoxID":"4","BoxName":"4号书盒"},{"BoxID":"5","BoxName":"5号书盒"},{"BoxID":"6","BoxName":"6号书盒"},{"BoxID":"7","BoxName":"7号书盒"},{"BoxID":"8","BoxName":"8号书盒"},{"BoxID":"9","BoxName":"9号书盒"},{"BoxID":"10","BoxName":"10号书盒"},{"BoxID":"11","BoxName":"11号书盒"},{"BoxID":"12","BoxName":"12号书盒"},{"BoxID":"13","BoxName":"13号书盒"},{"BoxID":"14","BoxName":"14号书盒"},{"BoxID":"15","BoxName":"15号书盒"},{"BoxID":"16","BoxName":"16号书盒"},{"BoxID":"17","BoxName":"17号书盒"},{"BoxID":"18","BoxName":"18号书盒"}]; + // let LeftCategoriesJSON = [{"SortIndex":"I","SortName":"文学","BookNum":2},{"SortIndex":"K","SortName":"历史、地理","BookNum":1}]; + + // LeftLocaltionJSON / LeftCategoriesJSON c#执行得返回值 + // boundObject c#端注册类得名称 + // cshareFunction c#端注册类boundObject下的函数 + + let LeftLocaltionJSON = boundObject.getBoxs('1') + let locations = JSON.parse(LeftLocaltionJSON) + console.log('LeftLocaltionJSON',LeftLocaltionJSON) + + let LeftCategoriesJSON = boundObject.getSortmarks('2') + let categories = JSON.parse(LeftCategoriesJSON) + console.log('LeftCategoriesJSON',LeftCategoriesJSON) + + // 图书位置 + let locationsHtml = '

图书位置

'; + + // 图书分类 + let categoriesHtml = '

图书分类

'; + + document.getElementById('lib-book-left').innerHTML = `${locationsHtml}${categoriesHtml}` +} + +// 为图书位置和分类的每个li元素添加点击事件 +document.querySelectorAll('.left-filter li').forEach(item => { + item.addEventListener('click', function(event) { + + document.querySelectorAll('.left-filter li').forEach(li => { + li.classList.remove('active'); + }); + const clickedLi = event.target; + const dataId = clickedLi.getAttribute('data-id'); + + // 判断点击的是图书位置还是分类,并分别处理 + if (clickedLi.closest('.filter-location')) { + if(dataId === '*'){ + sBoxID = ''; + }else{ + sBoxID = dataId; + } + sSortmark = '' + } else if (clickedLi.closest('.filter-sort')) { + sSortmark = dataId; + sBoxID = '' + } + this.classList.add('active'); + + document.querySelector('.book-list-wrapper').scrollTop = 0 + document.querySelector('.book-list-wrapper').innerHTML = '' + + page = 0 + hasNextPage = true + document.querySelector('input[name="keyword"]').value = '' + searchKeyWord = '' + isSearch = false + + FetchRightBookList() + }); +}); + +let scrollTimeout = null; + +function debouncedOnScroll() { + if (scrollTimeout !== null) { + clearTimeout(scrollTimeout); + } + scrollTimeout = setTimeout(onScroll, 200); // 延迟1秒执行onScroll +} + +// 滚动事件处理函数 +function onScroll() { + const element = document.querySelector('.book-list-wrapper') + if (element.scrollTop + element.offsetHeight > element.scrollHeight - 100) { + FetchRightBookList(); + } +} + +// 添加节流后的滚动监听 +document.querySelector('.book-list-wrapper').addEventListener('scroll', debouncedOnScroll); + +FetchRightBookList() +function FetchRightBookList(){ + if (!hasNextPage) return; // 如果没有下一页,停止加载 + if (isSearch) { + page = 0 + sBoxID = '' + sSortmark = '' + document.querySelector('.book-list-wrapper').innerHTML = '' + } + + const params = { + 'sName': searchKeyWord, + 'sBoxID': sBoxID, + 'sSortmark': sSortmark, + 'nPageIndex': page, + 'nPageMaxNum': pageSize + } + // js传参给 c#端 + console.log(params) + console.log('sName',searchKeyWord) + console.log('sBoxID',sBoxID) + console.log('sSortmark',sSortmark) + console.log('nPageIndex',page) + console.log('nPageMaxNum',pageSize) + + // ----- ----- ----- js调用c#的函数 + let booksRightJson = boundObject.getBooks(searchKeyWord,sBoxID,sSortmark,page,pageSize) + var correctedJsonStr = booksRightJson.replace(/"status":\s*"0",\s*/, ''); + // 去除字符串的头尾空白 + correctedJsonStr = correctedJsonStr.trim(); + // 去掉字符串的头花括号 + correctedJsonStr = correctedJsonStr.substring(1); + books = JSON.parse(correctedJsonStr).data + + const totalPages = JSON.parse(correctedJsonStr).totalPages + console.log('totalPages',totalPages) + if (page > totalPages || books.length === 0) { + hasNextPage = false; + } + createRightBooklist(books); + page += 1; +} + +// 有图书封面的时候 +function createRightBooklist(books){ + console.log('books.length',books.length) + let bookListHtml = '' + let bookList = document.querySelector('.book-list-wrapper').querySelector('.book-list'); + let emptyBook = document.querySelector('.book-list-wrapper').querySelector('.empty-book-list'); + + if(books.length === 0){ + document.querySelector(".lib-search-result").style.display = 'none' + document.querySelector(".lib-search-result span").innerHTML = 0 + + bookListHtml = ` +
+ + 暂无相关数据 +
+ `; + document.querySelector('.book-list-wrapper').innerHTML = bookListHtml; + if (bookList) { + bookList.remove() + } + }else{ + // getBooks(string sName,string sBoxID,string sSortmark,int nPageIndex,int nPageMaxNum) + // getBookDetail(string sBarcode) + + // books = [{"Barcode":"000131034","Name":"好人难做","Author":"周磊","ISBN":"9787541566431","Sortmark":"I235/50","BoxID":"1"},{"Barcode":"000134847","Name":"仙逆","Author":"","ISBN":"","Sortmark":"I32","BoxID":"1"},{"Barcode":"1007700","Name":"红楼梦","Author":"","ISBN":"","Sortmark":"K543/20","BoxID":"1"}] + + + books.forEach(book => { + let booksCoverJson = boundObject.getBookDetail(book.Barcode) + let cover = JSON.parse(booksCoverJson) + let booksCover = cover[0].BookCover !== null ? `data:image/jpeg;base64,${cover[0].BookCover}` : 'images/default-img.png' + bookListHtml += ` +
  • +
    + +
    +

    ${book.Name}

    + ${(book.Author !== '' && book.Author !== 'NULL') ? book.Author : ''} +
  • + `; + }); + + if(emptyBook !== null){ + emptyBook.remove() + } + + if (!bookList) { + bookList = document.createElement('ul'); + bookList.className = 'book-list'; + document.querySelector('.book-list-wrapper').appendChild(bookList); + } + + if(!hasNextPage){ + const existingEndMarker = document.querySelector('.book-list-wrapper .book-noData'); + if (!existingEndMarker) { + const bookDataEnd = `
    暂无更多数据啦~
    `; + document.querySelector('.book-list-wrapper').insertAdjacentHTML('beforeend', bookDataEnd); + } + }else{ + document.querySelector('.book-list-wrapper').querySelector('.book-list').innerHTML += bookListHtml; + + // 为图书列表的每个li元素添加点击事件 + document.querySelectorAll('.book-list li').forEach(item => { + item.addEventListener('click', function() { + this.classList.toggle('active'); + }); + }); + } + } + + if(isSearch){ + document.querySelector(".lib-search-result").style.display = 'block' + document.querySelector(".lib-search-result span").innerHTML = books.length + }else{ + document.querySelector(".lib-search-result").style.display = 'none' + document.querySelector(".lib-search-result span").innerHTML = 0 + } +} +// 创建借阅书籍弹框 +function createlendDialog(books) { + // 借阅书籍列表 + const listItems = books.map(function(book,index) { + return ` +
  • + ${index+1} +
    + +
    + ${book.barcode} +

    ${book.title}

    +
  • + `; + }).join(''); + + // ${book.author !== null ? book.author : ''} + + // 弹框的HTML字符串 + const dialogHTML = ` +
    +
    +
    +
    +
    图书借阅
    +
    + +
    + 取消 + 确定 +
    +
    +
    + `; + + // 将弹框添加到body + document.body.insertAdjacentHTML('beforeend', dialogHTML); + + // 获取弹框元素 + const dialog = document.getElementById('lib-dialog'); + const cancelButton = dialog.querySelector('.cancel-btn'); + const confirmButton = dialog.querySelector('.confirm-btn'); + + // 取消 + cancelButton.addEventListener('click', function() { + removeSelected(dialog) + }); + // 确定 + confirmButton.addEventListener('click', function() { + // ----- ----- ----- js调用c#的函数 假设需要借阅得书籍id集 + // public string beginLendBooks(string sData) + const bookBarcodes = books.map(function(book) { + return book.barcode + }) + console.log('bookBarcodes',bookBarcodes) + const params = bookBarcodes.join(',') + let lendBookComfirmed = boundObject.beginLendBooks(params) + if(lendBookComfirmed){ + removeSelected(dialog) + } + }); +} + +function removeSelected(dialog){ + const bookListItems = document.querySelectorAll('.book-list li'); + bookListItems.forEach(function(item) { + item.classList.remove('active'); + }); + dialog.remove() +} + +// 图书借阅弹框 show +document.querySelector(".lending-btn").addEventListener("click", function() { + const selectedBooks = []; + document.querySelectorAll('.book-list li.active').forEach(activeLi => { + const bookData = { + barcode: activeLi.getAttribute('data-id'), + title: activeLi.querySelector('h4').textContent, + image: activeLi.querySelector('img').src + }; + selectedBooks.push(bookData); + }); + + if(selectedBooks.length === 0){ + layer.alert('请先选择需要借阅的图书!'); + return false + }else if(selectedBooks.length > lendNum){ + layer.alert('最多只可借阅'+lendNum+'本图书!'); + return false + }{ + createlendDialog(selectedBooks); + } +}); + +// 搜索按钮点击搜索 +document.querySelector(".search-btn").addEventListener("click", function() { + isSearch = true + searchKeyWord = document.querySelector('input[name="keyword"]').value + if(searchKeyWord === ''){ + layer.alert('请输入关键词进行搜索!'); + return false + } + + hasNextPage = true + // document.querySelector('.book-list-wrapper').scrollTop = 0 + let bookNoData= document.querySelector('.book-list-wrapper').querySelector('.book-noData'); + if(bookNoData){ + bookNoData.remove() + } + document.querySelectorAll('.left-filter li').forEach(item => { + item.classList.remove('active'); + }); + + FetchRightBookList() +}); diff --git a/js/index2.js b/js/index2.js new file mode 100644 index 0000000..32b325e --- /dev/null +++ b/js/index2.js @@ -0,0 +1,402 @@ +let sBoxID = '' +let sSortmark = '' +let page = 0 +let pageSize = 36 +let hasNextPage = true +let searchKeyWord = '' // 搜索keyword +let isSearch = false + +// 默认初始化会有限制选择图书借阅的数量的值 +// public string getReader() +// 读者信息 {"Barcode":"700008","Name":"测试卡","nMaxNum":2} +let lendNum = 0 + +setInterval(function() { + $('.lending-btn img').css('animation-duration', '1s').addClass('animate__animated animate__tada'); + setTimeout(function() { + $('.lending-btn img').removeClass('animate__animated animate__tada'); + }, 1000); +}, 5000); + +getBaseInfoReader() +function getBaseInfoReader(){ + let readerJson = JSON.parse(boundObject.getReader()) + console.log('readerJson',readerJson) + console.log('readerJson-Barcode',readerJson.Barcode) + console.log('readerJson-Name',readerJson.Name) + console.log('readerJson-nMaxNum',readerJson.nMaxNum) + lendNum = readerJson.nMaxNum +} + +// 假设书籍数据 +let books = []; + +// 动态生成左侧分类的项 +createHtmlLeftNav(); +function createHtmlLeftNav() { + let LeftLocaltionJSON = boundObject.getBoxs('1') + let locations = JSON.parse(LeftLocaltionJSON) + console.log('LeftLocaltionJSON',LeftLocaltionJSON) + + let LeftCategoriesJSON = boundObject.getSortmarks('2') + let categories = JSON.parse(LeftCategoriesJSON) + console.log('LeftCategoriesJSON',LeftCategoriesJSON) + + // 图书位置 + let locationsHtml = '

    图书位置

    '; + + // 图书分类 + let categoriesHtml = '

    图书分类

    '; + + document.getElementById('lib-book-left').innerHTML = `${locationsHtml}${categoriesHtml}` +} + +// 为图书位置和分类的每个li元素添加点击事件 +document.querySelectorAll('.left-filter li').forEach(item => { + item.addEventListener('click', function(event) { + document.querySelectorAll('.left-filter li').forEach(li => { + li.classList.remove('active'); + }); + const clickedLi = event.target; + const dataId = clickedLi.getAttribute('data-id'); + + // 判断点击的是图书位置还是分类,并分别处理 + if (clickedLi.closest('.filter-location')) { + if(dataId === '*'){ + sBoxID = ''; + }else{ + sBoxID = dataId; + } + sSortmark = '' + } else if (clickedLi.closest('.filter-sort')) { + sSortmark = dataId; + sBoxID = '' + } + this.classList.add('active'); + + page = 0 + hasNextPage = true + document.querySelector('input[name="keyword"]').value = '' + searchKeyWord = '' + isSearch = false + + document.querySelector('.rack-content').scrollTop = 0 + document.querySelector('.rack-content').innerHTML = '' + createInitRackBooklist(); + }); +}); + +let scrollTimeout = null; + +function debouncedOnScroll() { + if (scrollTimeout !== null) { + clearTimeout(scrollTimeout); + } + scrollTimeout = setTimeout(onScroll, 200); // 延迟1秒执行onScroll +} + +// 滚动事件处理函数 +function onScroll() { + const element = document.querySelector('.rack-content') + if (element.scrollTop + element.offsetHeight > element.scrollHeight - 100) { + FetchRightBookList(); + } +} +document.querySelector('.rack-content').addEventListener('scroll', debouncedOnScroll); + +// 使用事件委托为所有list-item图书添加点击事件 +function addClickEventToItems() { + const rackContent = document.querySelector('.rack-content'); + rackContent.addEventListener('click', function(event) { + const listItem = event.target.closest('.list-item'); + if (listItem) { + listItem.classList.toggle('active'); + } + }); +} +window.addEventListener('DOMContentLoaded', () => { + addClickEventToItems(); +}); + +function FetchRightBookList(){ + if (!hasNextPage) return; // 如果没有下一页,停止加载 + if (isSearch) { + page = 0 + sBoxID = '' + sSortmark = '' + document.querySelector('.rack-content').innerHTML = '' + } + page += 1; + const params = { + 'sName': searchKeyWord, + 'sBoxID': sBoxID, + 'sSortmark': sSortmark, + 'nPageIndex': page, + 'nPageMaxNum': pageSize + } + // js传参给 c#端 + console.log('params',params) + console.log('sName',searchKeyWord) + console.log('sBoxID',sBoxID) + console.log('sSortmark',sSortmark) + console.log('nPageIndex',page) + console.log('nPageMaxNum',pageSize) + + // ----- ----- ----- js调用c#的函数 + let booksRightJson = boundObject.getBooks(searchKeyWord,sBoxID,sSortmark,page,pageSize) + var correctedJsonStr = booksRightJson.replace(/"status":\s*"0",\s*/, ''); + // 去除字符串的头尾空白 + correctedJsonStr = correctedJsonStr.trim(); + // 去掉字符串的头花括号 + correctedJsonStr = correctedJsonStr.substring(1); + books = JSON.parse(correctedJsonStr).data + + const totalPages = JSON.parse(correctedJsonStr).totalPages + console.log('totalPages',totalPages) + if (books.length > 0) { + // books = books.concat(books); + appendBooksToRackContent(books); + } else { + hasNextPage = false; // 更新是否有下一页 + } + if(page > totalPages){ + hasNextPage = false + } +} + +function appendBooksToRackContent(books) { + console.log('appendBooks',books.length) + const groupSize = 12; + const rackContent = document.querySelector('.rack-content'); + let lastRackBoxList = rackContent.querySelector('.rack-box-list:last-child'); + let lastGroupBooksCount = lastRackBoxList ? lastRackBoxList.querySelectorAll('.list-item').length : 0; + + let currentBooksCount = 0; // 当前正在处理的书籍数量 + + // 循环遍历所有书籍,将它们添加到正确的容器中 + books.forEach((book) => { + // 如果最后一个容器不存在或者书籍数量已经达到groupSize,创建一个新的rack-box-list + if (!lastRackBoxList || lastGroupBooksCount >= groupSize) { + lastRackBoxList = document.createElement('div'); + lastRackBoxList.className = 'rack-box-list'; + rackContent.appendChild(lastRackBoxList); + lastGroupBooksCount = 0; // 重置计数器 + } + + // 追加书籍到这个rack-box-list中 + const authorSpan = (book.Author !== '' && book.Author !== 'NULL') ? `作者:${book.Author}` : '' ; + const bookElement = ` +
    +
    + ${book.Name} + ${authorSpan} +
    +
    + `; + lastRackBoxList.innerHTML += bookElement; + lastGroupBooksCount++; + currentBooksCount++; + + if (currentBooksCount >= groupSize) { + return; + } + }); +} + +// 初始化无图书封面的图书列表 +createInitRackBooklist(); +function createInitRackBooklist() { + if (isSearch) { + page = 0 + sBoxID = '' + sSortmark = '' + document.querySelector('.rack-content').innerHTML = '' + } + const params = { + 'sName': searchKeyWord, + 'sBoxID': sBoxID, + 'sSortmark': sSortmark, + 'nPageIndex': page, + 'nPageMaxNum': pageSize + } + // js传参给 c#端 + console.log('初始化params',params) + console.log('初始化sName',searchKeyWord) + console.log('初始化sBoxID',sBoxID) + console.log('初始化sSortmark',sSortmark) + console.log('初始化nPageIndex',page) + console.log('初始化nPageMaxNum',pageSize) + + // ----- ----- ----- js调用c#的函数 + let booksRightJson = boundObject.getBooks(searchKeyWord,sBoxID,sSortmark,page,pageSize) + var correctedJsonStr = booksRightJson.replace(/"status":\s*"0",\s*/, ''); + // 去除字符串的头尾空白 + correctedJsonStr = correctedJsonStr.trim(); + // 去掉字符串的头花括号 + correctedJsonStr = correctedJsonStr.substring(1); + books = JSON.parse(correctedJsonStr).data + console.log('初始化Books',books.length) + + if(books.length === 0){ + document.querySelector(".lib-search-result span").innerHTML = 0 + bookListHtml = ` +
    + + 暂无相关数据 +
    + `; + document.querySelector('.rack-content').innerHTML = bookListHtml; + if (bookList) { + bookList.remove() + } + }else{ + const groupSize = 12; + let html = ''; + for (let i = 0; i < books.length; i += groupSize) { + html += '
    '; + for (let j = i; j < i + groupSize && j < books.length; j++) { + const authorSpan = (books[j].Author !== '' && books[j].Author !== 'NULL') ? `作者:${books[j].Author}` : ''; + html += ` +
    +
    + ${books[j].Name} + ${authorSpan} +
    +
    + `; + } + html += '
    '; + } + document.querySelector('.rack-content').innerHTML += html + } + + if(isSearch){ + document.querySelector(".lib-search-result").style.display = 'block' + document.querySelector(".lib-search-result span").innerHTML = books.length + }else{ + document.querySelector(".lib-search-result").style.display = 'none' + document.querySelector(".lib-search-result span").innerHTML = 0 + } +} + +// 创建借阅书籍弹框 +function createlendDialog(books) { + // 借阅书籍列表 + const listItems = books.map(function(book,index) { + return ` +
  • + ${index+1} + ${book.barcode} +

    ${book.title}

    +
  • + `; + }).join(''); + + // 弹框的HTML字符串 + const dialogHTML = ` +
    +
    +
    +
    +
    图书借阅
    +
    + +
    + 取消 + 确定 +
    +
    +
    + `; + + // 将弹框添加到body + document.body.insertAdjacentHTML('beforeend', dialogHTML); + + // 获取弹框元素 + const dialog = document.getElementById('lib-dialog'); + const cancelButton = dialog.querySelector('.cancel-btn'); + const confirmButton = dialog.querySelector('.confirm-btn'); + + // 取消 + cancelButton.addEventListener('click', function() { + removeSelected(dialog) + }); + // 确定 + confirmButton.addEventListener('click', function() { + // ----- ----- ----- js调用c#的函数 假设需要借阅得书籍id集 + // public string beginLendBooks(string sData) + const bookBarcodes = books.map(function(book) { + return book.barcode + }) + console.log('bookBarcodes',bookBarcodes) + const params = bookBarcodes.join(',') + let lendBookComfirmed = boundObject.beginLendBooks(params) + if(lendBookComfirmed){ + removeSelected(dialog) + } + }); +} + +function removeSelected(dialog){ + const bookListItems = document.querySelectorAll('.list-item'); + bookListItems.forEach(function(item) { + item.classList.remove('active'); + }); + dialog.remove() +} + +// 图书借阅弹框 show +document.querySelector(".lending-btn").addEventListener("click", function() { + const selectedBooks = []; + document.querySelectorAll('.list-item.active').forEach(activeLi => { + const bookData = { + barcode: activeLi.getAttribute('data-id'), + title: activeLi.querySelector('.book-name').textContent + }; + selectedBooks.push(bookData); + }); + + // author: activeLi.querySelector('.book-writer') ? activeLi.querySelector('.book-writer').textContent : '' + + if(selectedBooks.length === 0){ + layer.alert('请先选择需要借阅的图书!'); + return false + }else if(selectedBooks.length > lendNum){ + layer.alert('最多只可借阅'+lendNum+'本图书!'); + return false + }{ + createlendDialog(selectedBooks); + } +}); + +// 搜索按钮点击搜索 +document.querySelector(".search-btn").addEventListener("click", function() { + isSearch = true + searchKeyWord = document.querySelector('input[name="keyword"]').value + if(searchKeyWord === ''){ + layer.alert('请输入关键词进行搜索!'); + return false + } + hasNextPage = true + // document.querySelector('.rack-content').scrollTop = 0 + // document.querySelector('.rack-content').innerHTML = '' + let bookNoData= document.querySelector('.rack-content').querySelector('.book-noData'); + if(bookNoData){ + bookNoData.remove() + } + document.querySelectorAll('.left-filter li').forEach(item => { + item.classList.remove('active'); + }); + createInitRackBooklist() +}); \ No newline at end of file diff --git a/js/libs/flexible.js b/js/libs/flexible.js new file mode 100644 index 0000000..fdb9fa5 --- /dev/null +++ b/js/libs/flexible.js @@ -0,0 +1,147 @@ +(function(win, lib) { + var doc = win.document + var docEl = doc.documentElement + var metaEl = doc.querySelector('meta[name="viewport"]') + var flexibleEl = doc.querySelector('meta[name="flexible"]') + var dpr = 0 + var scale = 0 + var tid + var flexible = lib.flexible || (lib.flexible = {}) + + if (metaEl) { + console.warn('将根据已有的meta标签来设置缩放比例') + var match = metaEl + .getAttribute('content') + // eslint-disable-next-line no-useless-escape + .match(/initial\-scale=([\d\.]+)/) + if (match) { + scale = parseFloat(match[1]) + dpr = parseInt(1 / scale) + } + } else if (flexibleEl) { + var content = flexibleEl.getAttribute('content') + if (content) { + // eslint-disable-next-line no-useless-escape + var initialDpr = content.match(/initial\-dpr=([\d\.]+)/) + // eslint-disable-next-line no-useless-escape + var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/) + if (initialDpr) { + dpr = parseFloat(initialDpr[1]) + scale = parseFloat((1 / dpr).toFixed(2)) + } + if (maximumDpr) { + dpr = parseFloat(maximumDpr[1]) + scale = parseFloat((1 / dpr).toFixed(2)) + } + } + } + + if (!dpr && !scale) { + // eslint-disable-next-line no-unused-vars + var isAndroid = win.navigator.appVersion.match(/android/gi) + var isIPhone = win.navigator.appVersion.match(/iphone/gi) + var devicePixelRatio = win.devicePixelRatio + if (isIPhone) { + // iOS下,对于2和3的屏,用2倍的方案,其余的用1倍方案 + if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) { + dpr = 3 + } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) { + dpr = 2 + } else { + dpr = 1 + } + } else { + // 其他设备下,仍旧使用1倍的方案 + dpr = 1 + } + scale = 1 / dpr + } + + docEl.setAttribute('data-dpr', dpr) + if (!metaEl) { + metaEl = doc.createElement('meta') + metaEl.setAttribute('name', 'viewport') + metaEl.setAttribute( + 'content', + 'initial-scale=' + + scale + + ', maximum-scale=' + + scale + + ', minimum-scale=' + + scale + + ', user-scalable=no' + ) + if (docEl.firstElementChild) { + docEl.firstElementChild.appendChild(metaEl) + } else { + var wrap = doc.createElement('div') + wrap.appendChild(metaEl) + doc.write(wrap.innerHTML) + } + } + + function refreshRem() { + var width = docEl.getBoundingClientRect().width + // 最小1366px,最大适配2560px + if (width / dpr < 1366) { + width = 1366 * dpr + } else if (width / dpr > 2560) { + width = 2560 * dpr + } + // 设置成24等份,设计稿时1920px的,这样1rem就是80px + var rem = width / 24 + docEl.style.fontSize = rem + 'px' + flexible.rem = win.rem = rem + } + + win.addEventListener( + 'resize', + function() { + clearTimeout(tid) + tid = setTimeout(refreshRem, 300) + }, + false + ) + win.addEventListener( + 'pageshow', + function(e) { + if (e.persisted) { + clearTimeout(tid) + tid = setTimeout(refreshRem, 300) + } + }, + false + ) + + if (doc.readyState === 'complete') { + doc.body.style.fontSize = 12 * dpr + 'px' + } else { + doc.addEventListener( + 'DOMContentLoaded', + // eslint-disable-next-line no-unused-vars + function(e) { + doc.body.style.fontSize = 12 * dpr + 'px' + }, + false + ) + } + + refreshRem() + + flexible.dpr = win.dpr = dpr + flexible.refreshRem = refreshRem + flexible.rem2px = function(d) { + var val = parseFloat(d) * this.rem + if (typeof d === 'string' && d.match(/rem$/)) { + val += 'px' + } + return val + } + flexible.px2rem = function(d) { + var val = parseFloat(d) / this.rem + if (typeof d === 'string' && d.match(/px$/)) { + val += 'rem' + } + return val + } +})(window, window['lib'] || (window['lib'] = {})) diff --git a/js/libs/jquery-3.7.1.min.js b/js/libs/jquery-3.7.1.min.js new file mode 100644 index 0000000..7f37b5d --- /dev/null +++ b/js/libs/jquery-3.7.1.min.js @@ -0,0 +1,2 @@ +/*! jQuery v3.7.1 | (c) OpenJS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.1",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\\)|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ge+"*((?:-\\d)?\\d*)"+ge+"*\\)|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},M=function(){V()},R=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&U(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function z(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&R(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function X(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function U(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,r.msMatchesSelector&&ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",M),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||I.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="",le.option=!!xe.lastChild;var ke={thead:[1,"","
    "],col:[2,"","
    "],tr:[2,"","
    "],td:[3,"","
    "],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n",""]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function Re(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="
    ",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return M(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return M(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.on("mouseenter",e).on("mouseleave",t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 00;n--)if("interactive"===t[n].readyState){e=t[n].src;break}return e||t[i].src}(),i=e.LAYUI_GLOBAL||{};return i.layer_dir||t.substring(0,t.lastIndexOf("/")+1)}(),config:{},end:{},minIndex:0,minLeft:[],btn:["确定","取消"],type:["dialog","page","iframe","loading","tips"],getStyle:function(t,i){var n=t.currentStyle?t.currentStyle:e.getComputedStyle(t,null);return n[n.getPropertyValue?"getPropertyValue":"getAttribute"](i)},link:function(t,i,n){if(r.path){var a=document.getElementsByTagName("head")[0],s=document.createElement("link");"string"==typeof i&&(n=i);var l=(n||t).replace(/\.|\//g,""),f="layuicss-"+l,c="creating",u=0;s.rel="stylesheet",s.href=r.path+t,s.id=f,document.getElementById(f)||a.appendChild(s),"function"==typeof i&&!function d(t){var n=100,a=document.getElementById(f);return++u>1e4/n?e.console&&console.error(l+".css: Invalid"):void(1989===parseInt(o.getStyle(a,"width"))?(t===c&&a.removeAttribute("lay-status"),a.getAttribute("lay-status")===c?setTimeout(d,n):i()):(a.setAttribute("lay-status",c),setTimeout(function(){d(c)},n)))}()}}},r={v:"3.5.1",ie:function(){var t=navigator.userAgent.toLowerCase();return!!(e.ActiveXObject||"ActiveXObject"in e)&&((t.match(/msie\s(\d+)/)||[])[1]||"11")}(),index:e.layer&&e.layer.v?1e5:0,path:o.getPath,config:function(e,t){return e=e||{},r.cache=o.config=i.extend({},o.config,e),r.path=o.config.path||r.path,"string"==typeof e.extend&&(e.extend=[e.extend]),o.config.path&&r.ready(),e.extend?(a?layui.addcss("modules/layer/"+e.extend):o.link("theme/"+e.extend),this):this},ready:function(e){var t="layer",i="",n=(a?"modules/layer/":"theme/")+"default/layer.css?v="+r.v+i;return a?layui.addcss(n,e,t):o.link(n,e,t),this},alert:function(e,t,n){var a="function"==typeof t;return a&&(n=t),r.open(i.extend({content:e,yes:n},a?{}:t))},confirm:function(e,t,n,a){var s="function"==typeof t;return s&&(a=n,n=t),r.open(i.extend({content:e,btn:o.btn,yes:n,btn2:a},s?{}:t))},msg:function(e,n,a){var s="function"==typeof n,f=o.config.skin,c=(f?f+" "+f+"-msg":"")||"layui-layer-msg",u=l.anim.length-1;return s&&(a=n),r.open(i.extend({content:e,time:3e3,shade:!1,skin:c,title:!1,closeBtn:!1,btn:!1,resize:!1,end:a},s&&!o.config.skin?{skin:c+" layui-layer-hui",anim:u}:function(){return n=n||{},(n.icon===-1||n.icon===t&&!o.config.skin)&&(n.skin=c+" "+(n.skin||"layui-layer-hui")),n}()))},load:function(e,t){return r.open(i.extend({type:3,icon:e||0,resize:!1,shade:.01},t))},tips:function(e,t,n){return r.open(i.extend({type:4,content:[e,t],closeBtn:!1,time:3e3,shade:!1,resize:!1,fixed:!1,maxWidth:260},n))}},s=function(e){var t=this,a=function(){t.creat()};t.index=++r.index,t.config.maxWidth=i(n).width()-30,t.config=i.extend({},t.config,o.config,e),document.body?a():setTimeout(function(){a()},30)};s.pt=s.prototype;var l=["layui-layer",".layui-layer-title",".layui-layer-main",".layui-layer-dialog","layui-layer-iframe","layui-layer-content","layui-layer-btn","layui-layer-close"];l.anim=["layer-anim-00","layer-anim-01","layer-anim-02","layer-anim-03","layer-anim-04","layer-anim-05","layer-anim-06"],l.SHADE="layui-layer-shade",l.MOVE="layui-layer-move",s.pt.config={type:0,shade:.3,fixed:!0,move:l[1],title:"信息",offset:"auto",area:"auto",closeBtn:1,time:0,zIndex:19891014,maxWidth:360,anim:0,isOutAnim:!0,minStack:!0,icon:-1,moveType:1,resize:!0,scrollbar:!0,tips:2},s.pt.vessel=function(e,t){var n=this,a=n.index,r=n.config,s=r.zIndex+a,f="object"==typeof r.title,c=r.maxmin&&(1===r.type||2===r.type),u=r.title?'
    '+(f?r.title[0]:r.title)+"
    ":"";return r.zIndex=s,t([r.shade?'
    ':"",'
    '+(e&&2!=r.type?"":u)+'
    '+(0==r.type&&r.icon!==-1?'':"")+(1==r.type&&e?"":r.content||"")+'
    '+function(){var e=c?'':"";return r.closeBtn&&(e+=''),e}()+""+(r.btn?function(){var e="";"string"==typeof r.btn&&(r.btn=[r.btn]);for(var t=0,i=r.btn.length;t'+r.btn[t]+"";return'
    '+e+"
    "}():"")+(r.resize?'':"")+"
    "],u,i('
    ')),n},s.pt.creat=function(){var e=this,t=e.config,a=e.index,s=t.content,f="object"==typeof s,c=i("body");if(!t.id||!i("#"+t.id)[0]){switch("string"==typeof t.area&&(t.area="auto"===t.area?["",""]:[t.area,""]),t.shift&&(t.anim=t.shift),6==r.ie&&(t.fixed=!1),t.type){case 0:t.btn="btn"in t?t.btn:o.btn[0],r.closeAll("dialog");break;case 2:var s=t.content=f?t.content:[t.content||"","auto"];t.content='';break;case 3:delete t.title,delete t.closeBtn,t.icon===-1&&0===t.icon,r.closeAll("loading");break;case 4:f||(t.content=[t.content,"body"]),t.follow=t.content[1],t.content=t.content[0]+'',delete t.title,t.tips="object"==typeof t.tips?t.tips:[t.tips,!0],t.tipsMore||r.closeAll("tips")}if(e.vessel(f,function(n,r,u){c.append(n[0]),f?function(){2==t.type||4==t.type?function(){i("body").append(n[1])}():function(){s.parents("."+l[0])[0]||(s.data("display",s.css("display")).show().addClass("layui-layer-wrap").wrap(n[1]),i("#"+l[0]+a).find("."+l[5]).before(r))}()}():c.append(n[1]),i("#"+l.MOVE)[0]||c.append(o.moveElem=u),e.layero=i("#"+l[0]+a),e.shadeo=i("#"+l.SHADE+a),t.scrollbar||l.html.css("overflow","hidden").attr("layer-full",a)}).auto(a),e.shadeo.css({"background-color":t.shade[1]||"#000",opacity:t.shade[0]||t.shade}),2==t.type&&6==r.ie&&e.layero.find("iframe").attr("src",s[0]),4==t.type?e.tips():function(){e.offset(),parseInt(o.getStyle(document.getElementById(l.MOVE),"z-index"))||function(){e.layero.css("visibility","hidden"),r.ready(function(){e.offset(),e.layero.css("visibility","visible")})}()}(),t.fixed&&n.on("resize",function(){e.offset(),(/^\d+%$/.test(t.area[0])||/^\d+%$/.test(t.area[1]))&&e.auto(a),4==t.type&&e.tips()}),t.time<=0||setTimeout(function(){r.close(e.index)},t.time),e.move().callback(),l.anim[t.anim]){var u="layer-anim "+l.anim[t.anim];e.layero.addClass(u).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){i(this).removeClass(u)})}t.isOutAnim&&e.layero.data("isOutAnim",!0)}},s.pt.auto=function(e){var t=this,a=t.config,o=i("#"+l[0]+e);""===a.area[0]&&a.maxWidth>0&&(r.ie&&r.ie<8&&a.btn&&o.width(o.innerWidth()),o.outerWidth()>a.maxWidth&&o.width(a.maxWidth));var s=[o.innerWidth(),o.innerHeight()],f=o.find(l[1]).outerHeight()||0,c=o.find("."+l[6]).outerHeight()||0,u=function(e){e=o.find(e),e.height(s[1]-f-c-2*(0|parseFloat(e.css("padding-top"))))};switch(a.type){case 2:u("iframe");break;default:""===a.area[1]?a.maxHeight>0&&o.outerHeight()>a.maxHeight?(s[1]=a.maxHeight,u("."+l[5])):a.fixed&&s[1]>=n.height()&&(s[1]=n.height(),u("."+l[5])):u("."+l[5])}return t},s.pt.offset=function(){var e=this,t=e.config,i=e.layero,a=[i.outerWidth(),i.outerHeight()],o="object"==typeof t.offset;e.offsetTop=(n.height()-a[1])/2,e.offsetLeft=(n.width()-a[0])/2,o?(e.offsetTop=t.offset[0],e.offsetLeft=t.offset[1]||e.offsetLeft):"auto"!==t.offset&&("t"===t.offset?e.offsetTop=0:"r"===t.offset?e.offsetLeft=n.width()-a[0]:"b"===t.offset?e.offsetTop=n.height()-a[1]:"l"===t.offset?e.offsetLeft=0:"lt"===t.offset?(e.offsetTop=0,e.offsetLeft=0):"lb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=0):"rt"===t.offset?(e.offsetTop=0,e.offsetLeft=n.width()-a[0]):"rb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=n.width()-a[0]):e.offsetTop=t.offset),t.fixed||(e.offsetTop=/%$/.test(e.offsetTop)?n.height()*parseFloat(e.offsetTop)/100:parseFloat(e.offsetTop),e.offsetLeft=/%$/.test(e.offsetLeft)?n.width()*parseFloat(e.offsetLeft)/100:parseFloat(e.offsetLeft),e.offsetTop+=n.scrollTop(),e.offsetLeft+=n.scrollLeft()),i.attr("minLeft")&&(e.offsetTop=n.height()-(i.find(l[1]).outerHeight()||0),e.offsetLeft=i.css("left")),i.css({top:e.offsetTop,left:e.offsetLeft})},s.pt.tips=function(){var e=this,t=e.config,a=e.layero,o=[a.outerWidth(),a.outerHeight()],r=i(t.follow);r[0]||(r=i("body"));var s={width:r.outerWidth(),height:r.outerHeight(),top:r.offset().top,left:r.offset().left},f=a.find(".layui-layer-TipsG"),c=t.tips[0];t.tips[1]||f.remove(),s.autoLeft=function(){s.left+o[0]-n.width()>0?(s.tipLeft=s.left+s.width-o[0],f.css({right:12,left:"auto"})):s.tipLeft=s.left},s.where=[function(){s.autoLeft(),s.tipTop=s.top-o[1]-10,f.removeClass("layui-layer-TipsB").addClass("layui-layer-TipsT").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left+s.width+10,s.tipTop=s.top,f.removeClass("layui-layer-TipsL").addClass("layui-layer-TipsR").css("border-bottom-color",t.tips[1])},function(){s.autoLeft(),s.tipTop=s.top+s.height+10,f.removeClass("layui-layer-TipsT").addClass("layui-layer-TipsB").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left-o[0]-10,s.tipTop=s.top,f.removeClass("layui-layer-TipsR").addClass("layui-layer-TipsL").css("border-bottom-color",t.tips[1])}],s.where[c-1](),1===c?s.top-(n.scrollTop()+o[1]+16)<0&&s.where[2]():2===c?n.width()-(s.left+s.width+o[0]+16)>0||s.where[3]():3===c?s.top-n.scrollTop()+s.height+o[1]+16-n.height()>0&&s.where[0]():4===c&&o[0]+16-s.left>0&&s.where[1](),a.find("."+l[5]).css({"background-color":t.tips[1],"padding-right":t.closeBtn?"30px":""}),a.css({left:s.tipLeft-(t.fixed?n.scrollLeft():0),top:s.tipTop-(t.fixed?n.scrollTop():0)})},s.pt.move=function(){var e=this,t=e.config,a=i(document),s=e.layero,l=s.find(t.move),f=s.find(".layui-layer-resize"),c={};return t.move&&l.css("cursor","move"),l.on("mousedown",function(e){e.preventDefault(),t.move&&(c.moveStart=!0,c.offset=[e.clientX-parseFloat(s.css("left")),e.clientY-parseFloat(s.css("top"))],o.moveElem.css("cursor","move").show())}),f.on("mousedown",function(e){e.preventDefault(),c.resizeStart=!0,c.offset=[e.clientX,e.clientY],c.area=[s.outerWidth(),s.outerHeight()],o.moveElem.css("cursor","se-resize").show()}),a.on("mousemove",function(i){if(c.moveStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1],l="fixed"===s.css("position");if(i.preventDefault(),c.stX=l?0:n.scrollLeft(),c.stY=l?0:n.scrollTop(),!t.moveOut){var f=n.width()-s.outerWidth()+c.stX,u=n.height()-s.outerHeight()+c.stY;af&&(a=f),ou&&(o=u)}s.css({left:a,top:o})}if(t.resize&&c.resizeStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1];i.preventDefault(),r.style(e.index,{width:c.area[0]+a,height:c.area[1]+o}),c.isResize=!0,t.resizing&&t.resizing(s)}}).on("mouseup",function(e){c.moveStart&&(delete c.moveStart,o.moveElem.hide(),t.moveEnd&&t.moveEnd(s)),c.resizeStart&&(delete c.resizeStart,o.moveElem.hide())}),e},s.pt.callback=function(){function e(){var e=a.cancel&&a.cancel(t.index,n);e===!1||r.close(t.index)}var t=this,n=t.layero,a=t.config;t.openLayer(),a.success&&(2==a.type?n.find("iframe").on("load",function(){a.success(n,t.index)}):a.success(n,t.index)),6==r.ie&&t.IE6(n),n.find("."+l[6]).children("a").on("click",function(){var e=i(this).index();if(0===e)a.yes?a.yes(t.index,n):a.btn1?a.btn1(t.index,n):r.close(t.index);else{var o=a["btn"+(e+1)]&&a["btn"+(e+1)](t.index,n);o===!1||r.close(t.index)}}),n.find("."+l[7]).on("click",e),a.shadeClose&&t.shadeo.on("click",function(){r.close(t.index)}),n.find(".layui-layer-min").on("click",function(){var e=a.min&&a.min(n,t.index);e===!1||r.min(t.index,a)}),n.find(".layui-layer-max").on("click",function(){i(this).hasClass("layui-layer-maxmin")?(r.restore(t.index),a.restore&&a.restore(n,t.index)):(r.full(t.index,a),setTimeout(function(){a.full&&a.full(n,t.index)},100))}),a.end&&(o.end[t.index]=a.end)},o.reselect=function(){i.each(i("select"),function(e,t){var n=i(this);n.parents("."+l[0])[0]||1==n.attr("layer")&&i("."+l[0]).length<1&&n.removeAttr("layer").show(),n=null})},s.pt.IE6=function(e){i("select").each(function(e,t){var n=i(this);n.parents("."+l[0])[0]||"none"===n.css("display")||n.attr({layer:"1"}).hide(),n=null})},s.pt.openLayer=function(){var e=this;r.zIndex=e.config.zIndex,r.setTop=function(e){var t=function(){r.zIndex++,e.css("z-index",r.zIndex+1)};return r.zIndex=parseInt(e[0].style.zIndex),e.on("mousedown",t),r.zIndex}},o.record=function(e){var t=[e.width(),e.height(),e.position().top,e.position().left+parseFloat(e.css("margin-left"))];e.find(".layui-layer-max").addClass("layui-layer-maxmin"),e.attr({area:t})},o.rescollbar=function(e){l.html.attr("layer-full")==e&&(l.html[0].style.removeProperty?l.html[0].style.removeProperty("overflow"):l.html[0].style.removeAttribute("overflow"),l.html.removeAttr("layer-full"))},e.layer=r,r.getChildFrame=function(e,t){return t=t||i("."+l[4]).attr("times"),i("#"+l[0]+t).find("iframe").contents().find(e)},r.getFrameIndex=function(e){return i("#"+e).parents("."+l[4]).attr("times")},r.iframeAuto=function(e){if(e){var t=r.getChildFrame("html",e).outerHeight(),n=i("#"+l[0]+e),a=n.find(l[1]).outerHeight()||0,o=n.find("."+l[6]).outerHeight()||0;n.css({height:t+a+o}),n.find("iframe").css({height:t})}},r.iframeSrc=function(e,t){i("#"+l[0]+e).find("iframe").attr("src",t)},r.style=function(e,t,n){var a=i("#"+l[0]+e),r=a.find(".layui-layer-content"),s=a.attr("type"),f=a.find(l[1]).outerHeight()||0,c=a.find("."+l[6]).outerHeight()||0;a.attr("minLeft");s!==o.type[3]&&s!==o.type[4]&&(n||(parseFloat(t.width)<=260&&(t.width=260),parseFloat(t.height)-f-c<=64&&(t.height=64+f+c)),a.css(t),c=a.find("."+l[6]).outerHeight(),s===o.type[2]?a.find("iframe").css({height:parseFloat(t.height)-f-c}):r.css({height:parseFloat(t.height)-f-c-parseFloat(r.css("padding-top"))-parseFloat(r.css("padding-bottom"))}))},r.min=function(e,t){t=t||{};var a=i("#"+l[0]+e),s=i("#"+l.SHADE+e),f=a.find(l[1]).outerHeight()||0,c=a.attr("minLeft")||181*o.minIndex+"px",u=a.css("position"),d={width:180,height:f,position:"fixed",overflow:"hidden"};o.record(a),o.minLeft[0]&&(c=o.minLeft[0],o.minLeft.shift()),t.minStack&&(d.left=c,d.top=n.height()-f,a.attr("minLeft")||o.minIndex++,a.attr("minLeft",c)),a.attr("position",u),r.style(e,d,!0),a.find(".layui-layer-min").hide(),"page"===a.attr("type")&&a.find(l[4]).hide(),o.rescollbar(e),s.hide()},r.restore=function(e){var t=i("#"+l[0]+e),n=i("#"+l.SHADE+e),a=t.attr("area").split(",");t.attr("type");r.style(e,{width:parseFloat(a[0]),height:parseFloat(a[1]),top:parseFloat(a[2]),left:parseFloat(a[3]),position:t.attr("position"),overflow:"visible"},!0),t.find(".layui-layer-max").removeClass("layui-layer-maxmin"),t.find(".layui-layer-min").show(),"page"===t.attr("type")&&t.find(l[4]).show(),o.rescollbar(e),n.show()},r.full=function(e){var t,a=i("#"+l[0]+e);o.record(a),l.html.attr("layer-full")||l.html.css("overflow","hidden").attr("layer-full",e),clearTimeout(t),t=setTimeout(function(){var t="fixed"===a.css("position");r.style(e,{top:t?0:n.scrollTop(),left:t?0:n.scrollLeft(),width:n.width(),height:n.height()},!0),a.find(".layui-layer-min").hide()},100)},r.title=function(e,t){var n=i("#"+l[0]+(t||r.index)).find(l[1]);n.html(e)},r.close=function(e,t){var n=i("#"+l[0]+e),a=n.attr("type"),s="layer-anim-close";if(n[0]){var f="layui-layer-wrap",c=function(){if(a===o.type[1]&&"object"===n.attr("conType")){n.children(":not(."+l[5]+")").remove();for(var r=n.find("."+f),s=0;s<2;s++)r.unwrap();r.css("display",r.data("display")).removeClass(f)}else{if(a===o.type[2])try{var c=i("#"+l[4]+e)[0];c.contentWindow.document.write(""),c.contentWindow.close(),n.find("."+l[5])[0].removeChild(c)}catch(u){}n[0].innerHTML="",n.remove()}"function"==typeof o.end[e]&&o.end[e](),delete o.end[e],"function"==typeof t&&t()};n.data("isOutAnim")&&n.addClass("layer-anim "+s),i("#layui-layer-moves, #"+l.SHADE+e).remove(),6==r.ie&&o.reselect(),o.rescollbar(e),n.attr("minLeft")&&(o.minIndex--,o.minLeft.push(n.attr("minLeft"))),r.ie&&r.ie<10||!n.data("isOutAnim")?c():setTimeout(function(){c()},200)}},r.closeAll=function(e,t){"function"==typeof e&&(t=e,e=null);var n=i("."+l[0]);i.each(n,function(a){var o=i(this),s=e?o.attr("type")===e:1;s&&r.close(o.attr("times"),a===n.length-1?t:null),s=null}),0===n.length&&"function"==typeof t&&t()};var f=r.cache||{},c=function(e){return f.skin?" "+f.skin+" "+f.skin+"-"+e:""};r.prompt=function(e,t){var a="";if(e=e||{},"function"==typeof e&&(t=e),e.area){var o=e.area;a='style="width: '+o[0]+"; height: "+o[1]+';"',delete e.area}var s,l=2==e.formType?'":function(){return''}(),f=e.success;return delete e.success,r.open(i.extend({type:1,btn:["确定","取消"],content:l,skin:"layui-layer-prompt"+c("prompt"),maxWidth:n.width(),success:function(t){s=t.find(".layui-layer-input"),s.val(e.value||"").focus(),"function"==typeof f&&f(t)},resize:!1,yes:function(i){var n=s.val();""===n?s.focus():n.length>(e.maxlength||500)?r.tips("最多输入"+(e.maxlength||500)+"个字数",s,{tips:1}):t&&t(n,i,s)}},e))},r.tab=function(e){e=e||{};var t=e.tab||{},n="layui-this",a=e.success;return delete e.success,r.open(i.extend({type:1,skin:"layui-layer-tab"+c("tab"),resize:!1,title:function(){var e=t.length,i=1,a="";if(e>0)for(a=''+t[0].title+"";i"+t[i].title+"";return a}(),content:'
      '+function(){var e=t.length,i=1,a="";if(e>0)for(a='
    • '+(t[0].content||"no content")+"
    • ";i'+(t[i].content||"no content")+"";return a}()+"
    ",success:function(t){var o=t.find(".layui-layer-title").children(),r=t.find(".layui-layer-tabmain").children();o.on("mousedown",function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0;var a=i(this),o=a.index();a.addClass(n).siblings().removeClass(n),r.eq(o).show().siblings().hide(),"function"==typeof e.change&&e.change(o)}),"function"==typeof a&&a(t)}},e))},r.photos=function(t,n,a){function o(e,t,i){var n=new Image;return n.src=e,n.complete?t(n):(n.onload=function(){n.onload=null,t(n)},void(n.onerror=function(e){n.onerror=null,i(e)}))}var s={};if(t=t||{},t.photos){var l=!("string"==typeof t.photos||t.photos instanceof i),f=l?t.photos:{},u=f.data||[],d=f.start||0;s.imgIndex=(0|d)+1,t.img=t.img||"img";var y=t.success;if(delete t.success,l){if(0===u.length)return r.msg("没有图片")}else{var p=i(t.photos),h=function(){u=[],p.find(t.img).each(function(e){var t=i(this);t.attr("layer-index",e),u.push({alt:t.attr("alt"),pid:t.attr("layer-pid"),src:t.attr("layer-src")||t.attr("src"),thumb:t.attr("src")})})};if(h(),0===u.length)return;if(n||p.on("click",t.img,function(){h();var e=i(this),n=e.attr("layer-index");r.photos(i.extend(t,{photos:{start:n,data:u,tab:t.tab},full:t.full}),!0)}),!n)return}s.imgprev=function(e){s.imgIndex--,s.imgIndex<1&&(s.imgIndex=u.length),s.tabimg(e)},s.imgnext=function(e,t){s.imgIndex++,s.imgIndex>u.length&&(s.imgIndex=1,t)||s.tabimg(e)},s.keyup=function(e){if(!s.end){var t=e.keyCode;e.preventDefault(),37===t?s.imgprev(!0):39===t?s.imgnext(!0):27===t&&r.close(s.index)}},s.tabimg=function(e){if(!(u.length<=1))return f.start=s.imgIndex-1,r.close(s.index),r.photos(t,!0,e)},s.event=function(){s.bigimg.find(".layui-layer-imgprev").on("click",function(e){e.preventDefault(),s.imgprev(!0)}),s.bigimg.find(".layui-layer-imgnext").on("click",function(e){e.preventDefault(),s.imgnext(!0)}),i(document).on("keyup",s.keyup)},s.loadi=r.load(1,{shade:!("shade"in t)&&.9,scrollbar:!1}),o(u[d].src,function(n){r.close(s.loadi),a&&(t.anim=-1),s.index=r.open(i.extend({type:1,id:"layui-layer-photos",area:function(){var a=[n.width,n.height],o=[i(e).width()-100,i(e).height()-100];if(!t.full&&(a[0]>o[0]||a[1]>o[1])){var r=[a[0]/o[0],a[1]/o[1]];r[0]>r[1]?(a[0]=a[0]/r[0],a[1]=a[1]/r[0]):r[0]'+(u[d].alt||'+function(){return u.length>1?'
    '+(u[d].alt||"")+""+s.imgIndex+" / "+u.length+"
    ":""}()+"",success:function(e,i){s.bigimg=e.find(".layui-layer-phimg"),s.imgsee=e.find(".layui-layer-imgbar"),s.event(e),t.tab&&t.tab(u[d],e),"function"==typeof y&&y(e)},end:function(){s.end=!0,i(document).off("keyup",s.keyup)}},t))},function(){r.close(s.loadi),r.msg("当前图片地址异常
    是否继续查看下一张?",{time:3e4,btn:["下一张","不看了"],yes:function(){u.length>1&&s.imgnext(!0,!0)}})})}},o.run=function(t){i=t,n=i(e),l.html=i("html"),r.open=function(e){var t=new s(e);return t.index}},e.layui&&layui.define?(r.ready(),layui.define("jquery",function(t){r.path=layui.cache.dir,o.run(layui.$),e.layer=r,t("layer",r)})):"function"==typeof define&&define.amd?define(["jquery"],function(){return o.run(e.jQuery),r}):function(){r.ready(),o.run(e.jQuery)}()}(window); \ No newline at end of file diff --git a/js/libs/layer/mobile/layer.js b/js/libs/layer/mobile/layer.js new file mode 100644 index 0000000..46d2255 --- /dev/null +++ b/js/libs/layer/mobile/layer.js @@ -0,0 +1,2 @@ +/*! layer mobile-v2.0.0 Web 通用弹出层组件 MIT License */ + ;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'

    '+(e?n.title[0]:n.title)+"

    ":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e=''+n.btn[0]+"",2===t&&(e=''+n.btn[1]+""+e),'
    '+e+"
    "):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='

    '+(n.content||"")+"

    "),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"
    ':"")+'
    "+l+'
    '+n.content+"
    "+c+"
    ",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;odiv{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px} \ No newline at end of file diff --git a/js/libs/layer/theme/default/icon-ext.png b/js/libs/layer/theme/default/icon-ext.png new file mode 100644 index 0000000..bbbb669 Binary files /dev/null and b/js/libs/layer/theme/default/icon-ext.png differ diff --git a/js/libs/layer/theme/default/icon.png b/js/libs/layer/theme/default/icon.png new file mode 100644 index 0000000..3e17da8 Binary files /dev/null and b/js/libs/layer/theme/default/icon.png differ diff --git a/js/libs/layer/theme/default/layer.css b/js/libs/layer/theme/default/layer.css new file mode 100644 index 0000000..db51f31 --- /dev/null +++ b/js/libs/layer/theme/default/layer.css @@ -0,0 +1 @@ +.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}html #layuicss-layer{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url(loading-1.gif) center center no-repeat #eee}.layui-layer-ico{background:url(icon.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layer-anim{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-00{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:50px;line-height:50px;border-bottom:1px solid #F0F0F0;font-size:14px;color:#333;overflow:hidden;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:17px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 15px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:5px 5px 0;padding:0 15px;border:1px solid #dedede;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#1E9FFF;background-color:#1E9FFF;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:300px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(loading-0.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(loading-1.gif) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(loading-2.gif) no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:8px 15px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:5px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#fff;border-color:#E9E7E7;color:#333}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95;border-color:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url(icon-ext.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:260px;height:36px;margin:0 auto;line-height:30px;padding-left:10px;border:1px solid #e6e6e6;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px;padding:6px 10px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:300px;padding:0 20px;text-align:center;overflow:hidden;cursor:pointer}.layui-layer-tab .layui-layer-title span.layui-this{height:51px;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.layui-this{display:block}.layui-layer-photos{background:0 0;box-shadow:none}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgnext,.layui-layer-imgprev{position:fixed;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:30px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:30px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:fixed;left:0;right:0;bottom:0;width:100%;height:40px;line-height:40px;background-color:#000\9;filter:Alpha(opacity=60);background-color:rgba(2,0,0,.35);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}} \ No newline at end of file diff --git a/js/libs/layer/theme/default/loading-0.gif b/js/libs/layer/theme/default/loading-0.gif new file mode 100644 index 0000000..6f3c953 Binary files /dev/null and b/js/libs/layer/theme/default/loading-0.gif differ diff --git a/js/libs/layer/theme/default/loading-1.gif b/js/libs/layer/theme/default/loading-1.gif new file mode 100644 index 0000000..db3a483 Binary files /dev/null and b/js/libs/layer/theme/default/loading-1.gif differ diff --git a/js/libs/layer/theme/default/loading-2.gif b/js/libs/layer/theme/default/loading-2.gif new file mode 100644 index 0000000..5bb90fd Binary files /dev/null and b/js/libs/layer/theme/default/loading-2.gif differ