From 05c355da036bddcf75bd06c269dc861853ba6243 Mon Sep 17 00:00:00 2001 From: Luo-NMU Date: Sun, 29 Sep 2024 17:56:21 +0800 Subject: [PATCH] Add files via upload --- css/animate.css | 4385 +++++++++++++++++++ css/common.css | 9695 +++++++++++++++++++++++++++++++++++++++++ css/hover.css | 4152 ++++++++++++++++++ css/index.css | 387 ++ css/layui.css | 1 + css/swiper-bundle.css | 735 ++++ 6 files changed, 19355 insertions(+) create mode 100644 css/animate.css create mode 100644 css/common.css create mode 100644 css/hover.css create mode 100644 css/index.css create mode 100644 css/layui.css create mode 100644 css/swiper-bundle.css diff --git a/css/animate.css b/css/animate.css new file mode 100644 index 0000000..a459681 --- /dev/null +++ b/css/animate.css @@ -0,0 +1,4385 @@ + + +/*! + * 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/common.css b/css/common.css new file mode 100644 index 0000000..4434061 --- /dev/null +++ b/css/common.css @@ -0,0 +1,9695 @@ +* { + margin: 0; + padding: 0; + border: 0; + box-sizing: border-box; + word-break: break-all; + min-width: 0; + word-break: keep-all; + /*word-wrap: break-word;*/ +} +select { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + background-image: url("http://synth.huizhirh.com/public/home/images/jtl.png"); + background-repeat: no-repeat; + background-position: right; + font-family: Microsoft YaHei; + outline: none; +} +.s_content * { + word-break: break-word; +} + +:root { + --red: #791313; + /*--bgc: #4daa99;*/ + /*--ftc: #4daa99;*/ + --ftc1: #124b9c; + --b-r: 5px; + --hoverbg: #4087f2; + --hoverfont: #4087f2; + --input: 0.65rem; + --input_size: 0.16rem; + --input_padding: 0 0.2rem; + --input_pcolor: #999; + --input_scolor: #000; + --input_select_color: #9457d7; + --input_border_color: #dcdcdc; + --input_border_radius: 0; + --btn: 0.62rem; + --btn_size: 0.2rem; + --btn_color: #0f3657; + --btn_minwidth: 1.88rem; + --btn_sm: 0.3rem; + --btn_size_sm: 0.14rem; + --btn_color_sm: #f1a277; + --breadcrumb_color: #333; + --breadcrumb_hover_color: #333; + --breadcrumb_active_color: #333; + --main: 1600px; +} +.layui-main { + max-width: calc(100% - 20px); + width: var(--main); +} +.main1 { + width: calc(((100% - var(--main)) / 2) + var(--main)) !important; + margin-right: 0; + margin-left: auto; + max-width: calc(100% - 20px); +} +.main2 { + width: calc(((100% - var(--main)) / 2) + var(--main)) !important; + margin-left: 0; + margin-right: auto; + max-width: calc(100% - 20px); +} +.swiper-wrapper { + transition-timing-function: linear !important; + -webkit-transition-timing-function: linear !important; + -moz-transition-timing-function: linear !important; + -ms-transition-timing-function: linear !important; + -o-transition-timing-function: linear !important; + transition-timing-function: linear !important; +} +.panel { + border-radius: 8px; + box-shadow: 1px 4px 10px #dcdada; +} +.bgc { + background: var(--bgc); + /*background-image: -webkit-linear-gradient(left,rgb(1, 112, 183),rgb(46, 166, 131));*/ +} +.layui-nav-child { + left: 50%; + transform: translateX(-50%) !important; +} + +.ftc { + color: var(--ftc); +} +.ftc1 { + color: var(--ftc1); +} +.bg1 { + background-color: var(--ftc1); +} +/* .ftc1 { + background-image: -webkit-linear-gradient( + left, + rgb(1, 112, 183), + rgb(46, 166, 131) + ); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} */ +.dh * { + transition: all 0.3s; +} + +.text-underline { + /*text-decoration: underline;*/ +} +.item-p { + position: relative; +} +.img1 { +} +.item-p .b1 { + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 1; + bottom: 0; +} + +.layui-nav .layui-this > a, +.layui-nav .layui-nav-item> a:hover, +.layui-nav .layui-this > a { + color: var(--ftc) !important; +} + +.layui-nav .layui-this:after, +.layui-nav-bar { + background-color: var(--bgc); +} + +.white.layui-nav .layui-this > a, +.white.layui-nav .layui-nav-item a:hover, +.white.layui-nav .layui-this > a { + color: #fff !important; +} +.white.layui-nav .layui-this:after, +.white .layui-nav-bar { + background: #fff !important; +} + +::-webkit-scrollbar { + width: 10px; + height: 10px; +} + +/* 滚动条有滑块的轨道部分 */ +::-webkit-scrollbar-track-piece { + background-color: transparent; + border-radius: 5px; +} + +/* 滚动条滑块(竖向:vertical 横向:horizontal) */ +::-webkit-scrollbar-thumb { + cursor: pointer; + background-color: #ccc; + border-radius: 5px; +} + +/* 滚动条滑块hover */ +::-webkit-scrollbar-thumb:hover { + background-color: #999999; +} + +/* 同时有垂直和水平滚动条时交汇的部分 */ +::-webkit-scrollbar-corner { + display: block; + /* 修复交汇时出现的白块 */ +} + +.layui-nav { + padding: 0; +} + +main { + flex: 1; +} + +ul, +dl, +dd, +dt, +h1, +h2, +h3, +h4, +h5, +h6, +form { + padding: 0; + margin: 0; +} + +h1 { + font-size: 20px; +} + +h2 { + font-size: 12px; + font-weight: normal; +} + +h3 { + font-size: 14px; + font-weight: normal; +} + +h4 { + font-size: 12px; + font-weight: normal; +} + +h5 { + font-size: 12px; + font-weight: normal; +} + +ul { + list-style: none; +} + +li { + list-style: none; +} + +img { + border: none; +} + +a { + color: inherit; + text-decoration: none; +} + +a:hover { + text-decoration: none; +} + +p { + word-spacing: -1.5px; + padding: 0; + margin: 0; +} + +section { + width: 100%; +} + +main { + width: 100%; +} + +input { + border: 0; + outline: none; +} + +/* 首字母大写 */ +.text-transform-capitalize { + text-transform: capitalize; +} + +/* 全部大写 */ +.text-transform-uppercase { + text-transform: uppercase; +} + +/* 全部小写 */ +.text-transform-lowercase { + text-transform: lowercase; +} + +.text-decoration-line { + text-decoration: line-through; +} + +.hr_h100 { + width: 1px; + height: 100%; + background: #e6e6e6; +} +.hr_w100 { + height: 1px; + width: 100%; + background: #e6e6e6; +} + +.d-flex { + display: flex; +} +.d-grid { + display: grid; +} +.grid1 { + grid-template-columns: repeat(1, 1fr); +} +.grid2 { + grid-template-columns: repeat(2, 1fr); +} +.grid3 { + grid-template-columns: repeat(3, 1fr); +} +.grid4 { + grid-template-columns: repeat(4, 1fr); +} +.grid5 { + grid-template-columns: repeat(5, 1fr); +} +.grid6 { + grid-template-columns: repeat(6, 1fr); +} +.grid7 { + grid-template-columns: repeat(7, 1fr); +} +.grid8 { + grid-template-columns: repeat(8, 1fr); +} +.grid9 { + grid-template-columns: repeat(9, 1fr); +} +.grid10 { + grid-template-columns: repeat(10, 1fr); +} +.gap1 { + gap: 1px; +} +.gap2 { + gap: 2px; +} +.gap3 { + gap: 3px; +} +.gap4 { + gap: 4px; +} +.gap5 { + gap: 5px; +} +.gap6 { + gap: 6px; +} +.gap7 { + gap: 7px; +} +.gap8 { + gap: 8px; +} +.gap9 { + gap: 9px; +} +.gap10 { + gap: 10px; +} +.gap11 { + gap: 11px; +} +.gap12 { + gap: 12px; +} +.gap13 { + gap: 13px; +} +.gap14 { + gap: 14px; +} +.gap15 { + gap: 15px; +} +.gap16 { + gap: 16px; +} +.gap17 { + gap: 17px; +} +.gap18 { + gap: 18px; +} +.gap19 { + gap: 19px; +} +.gap20 { + gap: 20px; +} +.gap21 { + gap: 21px; +} +.gap22 { + gap: 22px; +} +.gap23 { + gap: 23px; +} +.gap24 { + gap: 24px; +} +.gap25 { + gap: 25px; +} +.gap26 { + gap: 26px; +} +.gap27 { + gap: 27px; +} +.gap28 { + gap: 28px; +} +.gap29 { + gap: 29px; +} +.gap30 { + gap: 30px; +} +.gap31 { + gap: 31px; +} +.gap32 { + gap: 32px; +} +.gap33 { + gap: 33px; +} +.gap34 { + gap: 34px; +} +.gap35 { + gap: 35px; +} +.gap36 { + gap: 36px; +} +.gap37 { + gap: 37px; +} +.gap38 { + gap: 38px; +} +.gap39 { + gap: 39px; +} +.gap40 { + gap: 40px; +} +.gap41 { + gap: 41px; +} +.gap42 { + gap: 42px; +} +.gap43 { + gap: 43px; +} +.gap44 { + gap: 44px; +} +.gap45 { + gap: 45px; +} +.gap46 { + gap: 46px; +} +.gap47 { + gap: 47px; +} +.gap48 { + gap: 48px; +} +.gap49 { + gap: 49px; +} +.gap50 { + gap: 50px; +} +.gap51 { + gap: 51px; +} +.gap52 { + gap: 52px; +} +.gap53 { + gap: 53px; +} +.gap54 { + gap: 54px; +} +.gap55 { + gap: 55px; +} +.gap56 { + gap: 56px; +} +.gap57 { + gap: 57px; +} +.gap58 { + gap: 58px; +} +.gap59 { + gap: 59px; +} +.gap60 { + gap: 60px; +} +.gap61 { + gap: 61px; +} +.gap62 { + gap: 62px; +} +.gap63 { + gap: 63px; +} +.gap64 { + gap: 64px; +} +.gap65 { + gap: 65px; +} +.gap66 { + gap: 66px; +} +.gap67 { + gap: 67px; +} +.gap68 { + gap: 68px; +} +.gap69 { + gap: 69px; +} +.gap70 { + gap: 70px; +} +.gap71 { + gap: 71px; +} +.gap72 { + gap: 72px; +} +.gap73 { + gap: 73px; +} +.gap74 { + gap: 74px; +} +.gap75 { + gap: 75px; +} +.gap76 { + gap: 76px; +} +.gap77 { + gap: 77px; +} +.gap78 { + gap: 78px; +} +.gap79 { + gap: 79px; +} +.gap80 { + gap: 80px; +} +.gap81 { + gap: 81px; +} +.gap82 { + gap: 82px; +} +.gap83 { + gap: 83px; +} +.gap84 { + gap: 84px; +} +.gap85 { + gap: 85px; +} +.gap86 { + gap: 86px; +} +.gap87 { + gap: 87px; +} +.gap88 { + gap: 88px; +} +.gap89 { + gap: 89px; +} +.gap90 { + gap: 90px; +} +.gap91 { + gap: 91px; +} +.gap92 { + gap: 92px; +} +.gap93 { + gap: 93px; +} +.gap94 { + gap: 94px; +} +.gap95 { + gap: 95px; +} +.gap96 { + gap: 96px; +} +.gap97 { + gap: 97px; +} +.gap98 { + gap: 98px; +} +.gap99 { + gap: 99px; +} +.gap100 { + gap: 100px; +} +.d-fs { + flex-shrink: 0; +} + +.flex-wrap { + flex-wrap: wrap; +} + +.text-align-left { + text-align: left; +} + +.text-align-center { + text-align: center; +} + +.text-align-right { + text-align: right; +} + +.al-c { + align-items: center; +} + +.al-b { + align-items: baseline; +} + +.al-fs { + align-items: flex-start; +} + +.al-fe { + align-items: flex-end; +} + +.al-s { + align-items: stretch; +} + +.jc-c { + justify-content: center; +} + +.jc-s { + justify-content: space-between; +} + +.jc-sa { + justify-content: space-around; +} + +.jc-se { + justify-content: space-evenly; +} + +.jc-fs { + justify-content: flex-start; +} + +.jc-fe { + justify-content: flex-end; +} + +.al-fs { + align-items: flex-start; +} + +.ac-c { + align-content: center; +} + +.p-r { + position: relative; +} +.p-s { + position: sticky; +} +.p-a { + position: absolute; +} + +.p-f { + position: fixed; +} + +.p-u { + position: unset !important; +} + +.op0 { + opacity: 0; +} + +.op1 { + opacity: 0.01; +} + +.op2 { + opacity: 0.02; +} + +.op3 { + opacity: 0.03; +} + +.op4 { + opacity: 0.04; +} + +.op5 { + opacity: 0.05; +} + +.op6 { + opacity: 0.06; +} + +.op7 { + opacity: 0.07; +} + +.op8 { + opacity: 0.08; +} + +.op9 { + opacity: 0.09; +} + +.op10 { + opacity: 0.1; +} + +.op11 { + opacity: 0.11; +} + +.op12 { + opacity: 0.12; +} + +.op13 { + opacity: 0.13; +} + +.op14 { + opacity: 0.14; +} + +.op15 { + opacity: 0.15; +} + +.op16 { + opacity: 0.16; +} + +.op17 { + opacity: 0.17; +} + +.op18 { + opacity: 0.18; +} + +.op19 { + opacity: 0.19; +} + +.op20 { + opacity: 0.2; +} + +.op21 { + opacity: 0.21; +} + +.op22 { + opacity: 0.22; +} + +.op23 { + opacity: 0.23; +} + +.op24 { + opacity: 0.24; +} + +.op25 { + opacity: 0.25; +} + +.op26 { + opacity: 0.26; +} + +.op27 { + opacity: 0.27; +} + +.op28 { + opacity: 0.28; +} + +.op29 { + opacity: 0.29; +} + +.op30 { + opacity: 0.3; +} + +.op31 { + opacity: 0.31; +} + +.op32 { + opacity: 0.32; +} + +.op33 { + opacity: 0.33; +} + +.op34 { + opacity: 0.34; +} + +.op35 { + opacity: 0.35; +} + +.op36 { + opacity: 0.36; +} + +.op37 { + opacity: 0.37; +} + +.op38 { + opacity: 0.38; +} + +.op39 { + opacity: 0.39; +} + +.op40 { + opacity: 0.4; +} + +.op41 { + opacity: 0.41; +} + +.op42 { + opacity: 0.42; +} + +.op43 { + opacity: 0.43; +} + +.op44 { + opacity: 0.44; +} + +.op45 { + opacity: 0.45; +} + +.op46 { + opacity: 0.46; +} + +.op47 { + opacity: 0.47; +} + +.op48 { + opacity: 0.48; +} + +.op49 { + opacity: 0.49; +} + +.op50 { + opacity: 0.5; +} + +.op51 { + opacity: 0.51; +} + +.op52 { + opacity: 0.52; +} + +.op53 { + opacity: 0.53; +} + +.op54 { + opacity: 0.54; +} + +.op55 { + opacity: 0.55; +} + +.op56 { + opacity: 0.56; +} + +.op57 { + opacity: 0.57; +} + +.op58 { + opacity: 0.58; +} + +.op59 { + opacity: 0.59; +} + +.op60 { + opacity: 0.6; +} + +.op61 { + opacity: 0.61; +} + +.op62 { + opacity: 0.62; +} + +.op63 { + opacity: 0.63; +} + +.op64 { + opacity: 0.64; +} + +.op65 { + opacity: 0.65; +} + +.op66 { + opacity: 0.66; +} + +.op67 { + opacity: 0.67; +} + +.op68 { + opacity: 0.68; +} + +.op69 { + opacity: 0.69; +} + +.op70 { + opacity: 0.7; +} + +.op71 { + opacity: 0.71; +} + +.op72 { + opacity: 0.72; +} + +.op73 { + opacity: 0.73; +} + +.op74 { + opacity: 0.74; +} + +.op75 { + opacity: 0.75; +} + +.op76 { + opacity: 0.76; +} + +.op77 { + opacity: 0.77; +} + +.op78 { + opacity: 0.78; +} + +.op79 { + opacity: 0.79; +} + +.op80 { + opacity: 0.8; +} + +.op81 { + opacity: 0.81; +} + +.op82 { + opacity: 0.82; +} + +.op83 { + opacity: 0.83; +} + +.op84 { + opacity: 0.84; +} + +.op85 { + opacity: 0.85; +} + +.op86 { + opacity: 0.86; +} + +.op87 { + opacity: 0.87; +} + +.op88 { + opacity: 0.88; +} + +.op89 { + opacity: 0.89; +} + +.op90 { + opacity: 0.9; +} + +.op91 { + opacity: 0.91; +} + +.op92 { + opacity: 0.92; +} + +.op93 { + opacity: 0.93; +} + +.op94 { + opacity: 0.94; +} + +.op95 { + opacity: 0.95; +} + +.op96 { + opacity: 0.96; +} + +.op97 { + opacity: 0.97; +} + +.op98 { + opacity: 0.98; +} + +.op99 { + opacity: 0.99; +} + +.op100 { + opacity: 1; +} + +.w100 { + width: 100%; +} + +.h100 { + height: 100%; +} + +.w50 { + width: 50%; +} + +.w70 { + width: 70%; +} + +.w80 { + width: 80%; +} + +.w90 { + width: 90%; +} +.ft1 { + font-size: 1px; +} +.ft2 { + font-size: 2px; +} +.ft3 { + font-size: 3px; +} +.ft4 { + font-size: 4px; +} +.ft5 { + font-size: 5px; +} +.ft6 { + font-size: 6px; +} +.ft7 { + font-size: 7px; +} +.ft8 { + font-size: 8px; +} +.ft9 { + font-size: 9px; +} +.ft10 { + font-size: 10px; +} +.ft11 { + font-size: 11px; +} +.ft12 { + font-size: 12px; +} +.ft13 { + font-size: 13px; +} +.ft14 { + font-size: 14px; +} +.ft15 { + font-size: 15px; +} +.ft16 { + font-size: 16px; +} +.ft17 { + font-size: 17px; +} +.ft18 { + font-size: 18px; +} +.ft19 { + font-size: 19px; +} +.ft20 { + font-size: 20px; +} +.ft21 { + font-size: 21px; +} +.ft22 { + font-size: 22px; +} +.ft23 { + font-size: 23px; +} +.ft24 { + font-size: 24px; +} +.ft25 { + font-size: 25px; +} +.ft26 { + font-size: 26px; +} +.ft27 { + font-size: 27px; +} +.ft28 { + font-size: 28px; +} +.ft29 { + font-size: 29px; +} +.ft30 { + font-size: 30px; +} +.ft31 { + font-size: 31px; +} +.ft32 { + font-size: 32px; +} +.ft33 { + font-size: 33px; +} +.ft34 { + font-size: 34px; +} +.ft35 { + font-size: 35px; +} +.ft36 { + font-size: 36px; +} +.ft37 { + font-size: 37px; +} +.ft38 { + font-size: 38px; +} +.ft39 { + font-size: 39px; +} +.ft40 { + font-size: 40px; +} +.ft41 { + font-size: 41px; +} +.ft42 { + font-size: 42px; +} +.ft43 { + font-size: 43px; +} +.ft44 { + font-size: 44px; +} +.ft45 { + font-size: 45px; +} +.ft46 { + font-size: 46px; +} +.ft47 { + font-size: 47px; +} +.ft48 { + font-size: 48px; +} +.ft49 { + font-size: 49px; +} +.ft50 { + font-size: 50px; +} +.ft51 { + font-size: 51px; +} +.ft52 { + font-size: 52px; +} +.ft53 { + font-size: 53px; +} +.ft54 { + font-size: 54px; +} +.ft55 { + font-size: 55px; +} +.ft56 { + font-size: 56px; +} +.ft57 { + font-size: 57px; +} +.ft58 { + font-size: 58px; +} +.ft59 { + font-size: 59px; +} +.ft60 { + font-size: 60px; +} +.ft61 { + font-size: 61px; +} +.ft62 { + font-size: 62px; +} +.ft63 { + font-size: 63px; +} +.ft64 { + font-size: 64px; +} +.ft65 { + font-size: 65px; +} +.ft66 { + font-size: 66px; +} +.ft67 { + font-size: 67px; +} +.ft68 { + font-size: 68px; +} +.ft69 { + font-size: 69px; +} +.ft70 { + font-size: 70px; +} +.ft71 { + font-size: 71px; +} +.ft72 { + font-size: 72px; +} +.ft73 { + font-size: 73px; +} +.ft74 { + font-size: 74px; +} +.ft75 { + font-size: 75px; +} +.ft76 { + font-size: 76px; +} +.ft77 { + font-size: 77px; +} +.ft78 { + font-size: 78px; +} +.ft79 { + font-size: 79px; +} +.ft80 { + font-size: 80px; +} +.ft81 { + font-size: 81px; +} +.ft82 { + font-size: 82px; +} +.ft83 { + font-size: 83px; +} +.ft84 { + font-size: 84px; +} +.ft85 { + font-size: 85px; +} +.ft86 { + font-size: 86px; +} +.ft87 { + font-size: 87px; +} +.ft88 { + font-size: 88px; +} +.ft89 { + font-size: 89px; +} +.ft90 { + font-size: 90px; +} +.ft91 { + font-size: 91px; +} +.ft92 { + font-size: 92px; +} +.ft93 { + font-size: 93px; +} +.ft94 { + font-size: 94px; +} +.ft95 { + font-size: 95px; +} +.ft96 { + font-size: 96px; +} +.ft97 { + font-size: 97px; +} +.ft98 { + font-size: 98px; +} +.ft99 { + font-size: 99px; +} +.ft100 { + font-size: 100px; +} +.m0 { + margin: 0px; +} +.m1 { + margin: 1px; +} +.m2 { + margin: 2px; +} +.m3 { + margin: 3px; +} +.m4 { + margin: 4px; +} +.m5 { + margin: 5px; +} +.m6 { + margin: 6px; +} +.m7 { + margin: 7px; +} +.m8 { + margin: 8px; +} +.m9 { + margin: 9px; +} +.m10 { + margin: 10px; +} +.m11 { + margin: 11px; +} +.m12 { + margin: 12px; +} +.m13 { + margin: 13px; +} +.m14 { + margin: 14px; +} +.m15 { + margin: 15px; +} +.m16 { + margin: 16px; +} +.m17 { + margin: 17px; +} +.m18 { + margin: 18px; +} +.m19 { + margin: 19px; +} +.m20 { + margin: 20px; +} +.m21 { + margin: 21px; +} +.m22 { + margin: 22px; +} +.m23 { + margin: 23px; +} +.m24 { + margin: 24px; +} +.m25 { + margin: 25px; +} +.m26 { + margin: 26px; +} +.m27 { + margin: 27px; +} +.m28 { + margin: 28px; +} +.m29 { + margin: 29px; +} +.m30 { + margin: 30px; +} +.m31 { + margin: 31px; +} +.m32 { + margin: 32px; +} +.m33 { + margin: 33px; +} +.m34 { + margin: 34px; +} +.m35 { + margin: 35px; +} +.m36 { + margin: 36px; +} +.m37 { + margin: 37px; +} +.m38 { + margin: 38px; +} +.m39 { + margin: 39px; +} +.m40 { + margin: 40px; +} +.m41 { + margin: 41px; +} +.m42 { + margin: 42px; +} +.m43 { + margin: 43px; +} +.m44 { + margin: 44px; +} +.m45 { + margin: 45px; +} +.m46 { + margin: 46px; +} +.m47 { + margin: 47px; +} +.m48 { + margin: 48px; +} +.m49 { + margin: 49px; +} +.m50 { + margin: 50px; +} +.m51 { + margin: 51px; +} +.m52 { + margin: 52px; +} +.m53 { + margin: 53px; +} +.m54 { + margin: 54px; +} +.m55 { + margin: 55px; +} +.m56 { + margin: 56px; +} +.m57 { + margin: 57px; +} +.m58 { + margin: 58px; +} +.m59 { + margin: 59px; +} +.m60 { + margin: 60px; +} +.m61 { + margin: 61px; +} +.m62 { + margin: 62px; +} +.m63 { + margin: 63px; +} +.m64 { + margin: 64px; +} +.m65 { + margin: 65px; +} +.m66 { + margin: 66px; +} +.m67 { + margin: 67px; +} +.m68 { + margin: 68px; +} +.m69 { + margin: 69px; +} +.m70 { + margin: 70px; +} +.m71 { + margin: 71px; +} +.m72 { + margin: 72px; +} +.m73 { + margin: 73px; +} +.m74 { + margin: 74px; +} +.m75 { + margin: 75px; +} +.m76 { + margin: 76px; +} +.m77 { + margin: 77px; +} +.m78 { + margin: 78px; +} +.m79 { + margin: 79px; +} +.m80 { + margin: 80px; +} +.m81 { + margin: 81px; +} +.m82 { + margin: 82px; +} +.m83 { + margin: 83px; +} +.m84 { + margin: 84px; +} +.m85 { + margin: 85px; +} +.m86 { + margin: 86px; +} +.m87 { + margin: 87px; +} +.m88 { + margin: 88px; +} +.m89 { + margin: 89px; +} +.m90 { + margin: 90px; +} +.m91 { + margin: 91px; +} +.m92 { + margin: 92px; +} +.m93 { + margin: 93px; +} +.m94 { + margin: 94px; +} +.m95 { + margin: 95px; +} +.m96 { + margin: 96px; +} +.m97 { + margin: 97px; +} +.m98 { + margin: 98px; +} +.m99 { + margin: 99px; +} +.m100 { + margin: 100px; +} +.p0 { + padding: 0px; +} +.p1 { + padding: 1px; +} +.p2 { + padding: 2px; +} +.p3 { + padding: 3px; +} +.p4 { + padding: 4px; +} +.p5 { + padding: 5px; +} +.p6 { + padding: 6px; +} +.p7 { + padding: 7px; +} +.p8 { + padding: 8px; +} +.p9 { + padding: 9px; +} +.p10 { + padding: 10px; +} +.p11 { + padding: 11px; +} +.p12 { + padding: 12px; +} +.p13 { + padding: 13px; +} +.p14 { + padding: 14px; +} +.p15 { + padding: 15px; +} +.p16 { + padding: 16px; +} +.p17 { + padding: 17px; +} +.p18 { + padding: 18px; +} +.p19 { + padding: 19px; +} +.p20 { + padding: 20px; +} +.p21 { + padding: 21px; +} +.p22 { + padding: 22px; +} +.p23 { + padding: 23px; +} +.p24 { + padding: 24px; +} +.p25 { + padding: 25px; +} +.p26 { + padding: 26px; +} +.p27 { + padding: 27px; +} +.p28 { + padding: 28px; +} +.p29 { + padding: 29px; +} +.p30 { + padding: 30px; +} +.p31 { + padding: 31px; +} +.p32 { + padding: 32px; +} +.p33 { + padding: 33px; +} +.p34 { + padding: 34px; +} +.p35 { + padding: 35px; +} +.p36 { + padding: 36px; +} +.p37 { + padding: 37px; +} +.p38 { + padding: 38px; +} +.p39 { + padding: 39px; +} +.p40 { + padding: 40px; +} +.p41 { + padding: 41px; +} +.p42 { + padding: 42px; +} +.p43 { + padding: 43px; +} +.p44 { + padding: 44px; +} +.p45 { + padding: 45px; +} +.p46 { + padding: 46px; +} +.p47 { + padding: 47px; +} +.p48 { + padding: 48px; +} +.p49 { + padding: 49px; +} +.p50 { + padding: 50px; +} +.p51 { + padding: 51px; +} +.p52 { + padding: 52px; +} +.p53 { + padding: 53px; +} +.p54 { + padding: 54px; +} +.p55 { + padding: 55px; +} +.p56 { + padding: 56px; +} +.p57 { + padding: 57px; +} +.p58 { + padding: 58px; +} +.p59 { + padding: 59px; +} +.p60 { + padding: 60px; +} +.p61 { + padding: 61px; +} +.p62 { + padding: 62px; +} +.p63 { + padding: 63px; +} +.p64 { + padding: 64px; +} +.p65 { + padding: 65px; +} +.p66 { + padding: 66px; +} +.p67 { + padding: 67px; +} +.p68 { + padding: 68px; +} +.p69 { + padding: 69px; +} +.p70 { + padding: 70px; +} +.p71 { + padding: 71px; +} +.p72 { + padding: 72px; +} +.p73 { + padding: 73px; +} +.p74 { + padding: 74px; +} +.p75 { + padding: 75px; +} +.p76 { + padding: 76px; +} +.p77 { + padding: 77px; +} +.p78 { + padding: 78px; +} +.p79 { + padding: 79px; +} +.p80 { + padding: 80px; +} +.p81 { + padding: 81px; +} +.p82 { + padding: 82px; +} +.p83 { + padding: 83px; +} +.p84 { + padding: 84px; +} +.p85 { + padding: 85px; +} +.p86 { + padding: 86px; +} +.p87 { + padding: 87px; +} +.p88 { + padding: 88px; +} +.p89 { + padding: 89px; +} +.p90 { + padding: 90px; +} +.p91 { + padding: 91px; +} +.p92 { + padding: 92px; +} +.p93 { + padding: 93px; +} +.p94 { + padding: 94px; +} +.p95 { + padding: 95px; +} +.p96 { + padding: 96px; +} +.p97 { + padding: 97px; +} +.p98 { + padding: 98px; +} +.p99 { + padding: 99px; +} +.p100 { + padding: 100px; +} + +.mb0 { + margin-bottom: 0px; +} +.mb1 { + margin-bottom: 1px; +} +.mb2 { + margin-bottom: 2px; +} +.mb3 { + margin-bottom: 3px; +} +.mb4 { + margin-bottom: 4px; +} +.mb5 { + margin-bottom: 5px; +} +.mb6 { + margin-bottom: 6px; +} +.mb7 { + margin-bottom: 7px; +} +.mb8 { + margin-bottom: 8px; +} +.mb9 { + margin-bottom: 9px; +} +.mb10 { + margin-bottom: 10px; +} +.mb11 { + margin-bottom: 11px; +} +.mb12 { + margin-bottom: 12px; +} +.mb13 { + margin-bottom: 13px; +} +.mb14 { + margin-bottom: 14px; +} +.mb15 { + margin-bottom: 15px; +} +.mb16 { + margin-bottom: 16px; +} +.mb17 { + margin-bottom: 17px; +} +.mb18 { + margin-bottom: 18px; +} +.mb19 { + margin-bottom: 19px; +} +.mb20 { + margin-bottom: 20px; +} +.mb21 { + margin-bottom: 21px; +} +.mb22 { + margin-bottom: 22px; +} +.mb23 { + margin-bottom: 23px; +} +.mb24 { + margin-bottom: 24px; +} +.mb25 { + margin-bottom: 25px; +} +.mb26 { + margin-bottom: 26px; +} +.mb27 { + margin-bottom: 27px; +} +.mb28 { + margin-bottom: 28px; +} +.mb29 { + margin-bottom: 29px; +} +.mb30 { + margin-bottom: 30px; +} +.mb31 { + margin-bottom: 31px; +} +.mb32 { + margin-bottom: 32px; +} +.mb33 { + margin-bottom: 33px; +} +.mb34 { + margin-bottom: 34px; +} +.mb35 { + margin-bottom: 35px; +} +.mb36 { + margin-bottom: 36px; +} +.mb37 { + margin-bottom: 37px; +} +.mb38 { + margin-bottom: 38px; +} +.mb39 { + margin-bottom: 39px; +} +.mb40 { + margin-bottom: 40px; +} +.mb41 { + margin-bottom: 41px; +} +.mb42 { + margin-bottom: 42px; +} +.mb43 { + margin-bottom: 43px; +} +.mb44 { + margin-bottom: 44px; +} +.mb45 { + margin-bottom: 45px; +} +.mb46 { + margin-bottom: 46px; +} +.mb47 { + margin-bottom: 47px; +} +.mb48 { + margin-bottom: 48px; +} +.mb49 { + margin-bottom: 49px; +} +.mb50 { + margin-bottom: 50px; +} +.mb51 { + margin-bottom: 51px; +} +.mb52 { + margin-bottom: 52px; +} +.mb53 { + margin-bottom: 53px; +} +.mb54 { + margin-bottom: 54px; +} +.mb55 { + margin-bottom: 55px; +} +.mb56 { + margin-bottom: 56px; +} +.mb57 { + margin-bottom: 57px; +} +.mb58 { + margin-bottom: 58px; +} +.mb59 { + margin-bottom: 59px; +} +.mb60 { + margin-bottom: 60px; +} +.mb61 { + margin-bottom: 61px; +} +.mb62 { + margin-bottom: 62px; +} +.mb63 { + margin-bottom: 63px; +} +.mb64 { + margin-bottom: 64px; +} +.mb65 { + margin-bottom: 65px; +} +.mb66 { + margin-bottom: 66px; +} +.mb67 { + margin-bottom: 67px; +} +.mb68 { + margin-bottom: 68px; +} +.mb69 { + margin-bottom: 69px; +} +.mb70 { + margin-bottom: 70px; +} +.mb71 { + margin-bottom: 71px; +} +.mb72 { + margin-bottom: 72px; +} +.mb73 { + margin-bottom: 73px; +} +.mb74 { + margin-bottom: 74px; +} +.mb75 { + margin-bottom: 75px; +} +.mb76 { + margin-bottom: 76px; +} +.mb77 { + margin-bottom: 77px; +} +.mb78 { + margin-bottom: 78px; +} +.mb79 { + margin-bottom: 79px; +} +.mb80 { + margin-bottom: 80px; +} +.mb81 { + margin-bottom: 81px; +} +.mb82 { + margin-bottom: 82px; +} +.mb83 { + margin-bottom: 83px; +} +.mb84 { + margin-bottom: 84px; +} +.mb85 { + margin-bottom: 85px; +} +.mb86 { + margin-bottom: 86px; +} +.mb87 { + margin-bottom: 87px; +} +.mb88 { + margin-bottom: 88px; +} +.mb89 { + margin-bottom: 89px; +} +.mb90 { + margin-bottom: 90px; +} +.mb91 { + margin-bottom: 91px; +} +.mb92 { + margin-bottom: 92px; +} +.mb93 { + margin-bottom: 93px; +} +.mb94 { + margin-bottom: 94px; +} +.mb95 { + margin-bottom: 95px; +} +.mb96 { + margin-bottom: 96px; +} +.mb97 { + margin-bottom: 97px; +} +.mb98 { + margin-bottom: 98px; +} +.mb99 { + margin-bottom: 99px; +} +.mb100 { + margin-bottom: 100px; +} +.mt0 { + margin-top: 0px; +} +.mt1 { + margin-top: 1px; +} +.mt2 { + margin-top: 2px; +} +.mt3 { + margin-top: 3px; +} +.mt4 { + margin-top: 4px; +} +.mt5 { + margin-top: 5px; +} +.mt6 { + margin-top: 6px; +} +.mt7 { + margin-top: 7px; +} +.mt8 { + margin-top: 8px; +} +.mt9 { + margin-top: 9px; +} +.mt10 { + margin-top: 10px; +} +.mt11 { + margin-top: 11px; +} +.mt12 { + margin-top: 12px; +} +.mt13 { + margin-top: 13px; +} +.mt14 { + margin-top: 14px; +} +.mt15 { + margin-top: 15px; +} +.mt16 { + margin-top: 16px; +} +.mt17 { + margin-top: 17px; +} +.mt18 { + margin-top: 18px; +} +.mt19 { + margin-top: 19px; +} +.mt20 { + margin-top: 20px; +} +.mt21 { + margin-top: 21px; +} +.mt22 { + margin-top: 22px; +} +.mt23 { + margin-top: 23px; +} +.mt24 { + margin-top: 24px; +} +.mt25 { + margin-top: 25px; +} +.mt26 { + margin-top: 26px; +} +.mt27 { + margin-top: 27px; +} +.mt28 { + margin-top: 28px; +} +.mt29 { + margin-top: 29px; +} +.mt30 { + margin-top: 30px; +} +.mt31 { + margin-top: 31px; +} +.mt32 { + margin-top: 32px; +} +.mt33 { + margin-top: 33px; +} +.mt34 { + margin-top: 34px; +} +.mt35 { + margin-top: 35px; +} +.mt36 { + margin-top: 36px; +} +.mt37 { + margin-top: 37px; +} +.mt38 { + margin-top: 38px; +} +.mt39 { + margin-top: 39px; +} +.mt40 { + margin-top: 40px; +} +.mt41 { + margin-top: 41px; +} +.mt42 { + margin-top: 42px; +} +.mt43 { + margin-top: 43px; +} +.mt44 { + margin-top: 44px; +} +.mt45 { + margin-top: 45px; +} +.mt46 { + margin-top: 46px; +} +.mt47 { + margin-top: 47px; +} +.mt48 { + margin-top: 48px; +} +.mt49 { + margin-top: 49px; +} +.mt50 { + margin-top: 50px; +} +.mt51 { + margin-top: 51px; +} +.mt52 { + margin-top: 52px; +} +.mt53 { + margin-top: 53px; +} +.mt54 { + margin-top: 54px; +} +.mt55 { + margin-top: 55px; +} +.mt56 { + margin-top: 56px; +} +.mt57 { + margin-top: 57px; +} +.mt58 { + margin-top: 58px; +} +.mt59 { + margin-top: 59px; +} +.mt60 { + margin-top: 60px; +} +.mt61 { + margin-top: 61px; +} +.mt62 { + margin-top: 62px; +} +.mt63 { + margin-top: 63px; +} +.mt64 { + margin-top: 64px; +} +.mt65 { + margin-top: 65px; +} +.mt66 { + margin-top: 66px; +} +.mt67 { + margin-top: 67px; +} +.mt68 { + margin-top: 68px; +} +.mt69 { + margin-top: 69px; +} +.mt70 { + margin-top: 70px; +} +.mt71 { + margin-top: 71px; +} +.mt72 { + margin-top: 72px; +} +.mt73 { + margin-top: 73px; +} +.mt74 { + margin-top: 74px; +} +.mt75 { + margin-top: 75px; +} +.mt76 { + margin-top: 76px; +} +.mt77 { + margin-top: 77px; +} +.mt78 { + margin-top: 78px; +} +.mt79 { + margin-top: 79px; +} +.mt80 { + margin-top: 80px; +} +.mt81 { + margin-top: 81px; +} +.mt82 { + margin-top: 82px; +} +.mt83 { + margin-top: 83px; +} +.mt84 { + margin-top: 84px; +} +.mt85 { + margin-top: 85px; +} +.mt86 { + margin-top: 86px; +} +.mt87 { + margin-top: 87px; +} +.mt88 { + margin-top: 88px; +} +.mt89 { + margin-top: 89px; +} +.mt90 { + margin-top: 90px; +} +.mt91 { + margin-top: 91px; +} +.mt92 { + margin-top: 92px; +} +.mt93 { + margin-top: 93px; +} +.mt94 { + margin-top: 94px; +} +.mt95 { + margin-top: 95px; +} +.mt96 { + margin-top: 96px; +} +.mt97 { + margin-top: 97px; +} +.mt98 { + margin-top: 98px; +} +.mt99 { + margin-top: 99px; +} +.mt100 { + margin-top: 100px; +} +.ml0 { + margin-left: 0px; +} +.ml1 { + margin-left: 1px; +} +.ml2 { + margin-left: 2px; +} +.ml3 { + margin-left: 3px; +} +.ml4 { + margin-left: 4px; +} +.ml5 { + margin-left: 5px; +} +.ml6 { + margin-left: 6px; +} +.ml7 { + margin-left: 7px; +} +.ml8 { + margin-left: 8px; +} +.ml9 { + margin-left: 9px; +} +.ml10 { + margin-left: 10px; +} +.ml11 { + margin-left: 11px; +} +.ml12 { + margin-left: 12px; +} +.ml13 { + margin-left: 13px; +} +.ml14 { + margin-left: 14px; +} +.ml15 { + margin-left: 15px; +} +.ml16 { + margin-left: 16px; +} +.ml17 { + margin-left: 17px; +} +.ml18 { + margin-left: 18px; +} +.ml19 { + margin-left: 19px; +} +.ml20 { + margin-left: 20px; +} +.ml21 { + margin-left: 21px; +} +.ml22 { + margin-left: 22px; +} +.ml23 { + margin-left: 23px; +} +.ml24 { + margin-left: 24px; +} +.ml25 { + margin-left: 25px; +} +.ml26 { + margin-left: 26px; +} +.ml27 { + margin-left: 27px; +} +.ml28 { + margin-left: 28px; +} +.ml29 { + margin-left: 29px; +} +.ml30 { + margin-left: 30px; +} +.ml31 { + margin-left: 31px; +} +.ml32 { + margin-left: 32px; +} +.ml33 { + margin-left: 33px; +} +.ml34 { + margin-left: 34px; +} +.ml35 { + margin-left: 35px; +} +.ml36 { + margin-left: 36px; +} +.ml37 { + margin-left: 37px; +} +.ml38 { + margin-left: 38px; +} +.ml39 { + margin-left: 39px; +} +.ml40 { + margin-left: 40px; +} +.ml41 { + margin-left: 41px; +} +.ml42 { + margin-left: 42px; +} +.ml43 { + margin-left: 43px; +} +.ml44 { + margin-left: 44px; +} +.ml45 { + margin-left: 45px; +} +.ml46 { + margin-left: 46px; +} +.ml47 { + margin-left: 47px; +} +.ml48 { + margin-left: 48px; +} +.ml49 { + margin-left: 49px; +} +.ml50 { + margin-left: 50px; +} +.ml51 { + margin-left: 51px; +} +.ml52 { + margin-left: 52px; +} +.ml53 { + margin-left: 53px; +} +.ml54 { + margin-left: 54px; +} +.ml55 { + margin-left: 55px; +} +.ml56 { + margin-left: 56px; +} +.ml57 { + margin-left: 57px; +} +.ml58 { + margin-left: 58px; +} +.ml59 { + margin-left: 59px; +} +.ml60 { + margin-left: 60px; +} +.ml61 { + margin-left: 61px; +} +.ml62 { + margin-left: 62px; +} +.ml63 { + margin-left: 63px; +} +.ml64 { + margin-left: 64px; +} +.ml65 { + margin-left: 65px; +} +.ml66 { + margin-left: 66px; +} +.ml67 { + margin-left: 67px; +} +.ml68 { + margin-left: 68px; +} +.ml69 { + margin-left: 69px; +} +.ml70 { + margin-left: 70px; +} +.ml71 { + margin-left: 71px; +} +.ml72 { + margin-left: 72px; +} +.ml73 { + margin-left: 73px; +} +.ml74 { + margin-left: 74px; +} +.ml75 { + margin-left: 75px; +} +.ml76 { + margin-left: 76px; +} +.ml77 { + margin-left: 77px; +} +.ml78 { + margin-left: 78px; +} +.ml79 { + margin-left: 79px; +} +.ml80 { + margin-left: 80px; +} +.ml81 { + margin-left: 81px; +} +.ml82 { + margin-left: 82px; +} +.ml83 { + margin-left: 83px; +} +.ml84 { + margin-left: 84px; +} +.ml85 { + margin-left: 85px; +} +.ml86 { + margin-left: 86px; +} +.ml87 { + margin-left: 87px; +} +.ml88 { + margin-left: 88px; +} +.ml89 { + margin-left: 89px; +} +.ml90 { + margin-left: 90px; +} +.ml91 { + margin-left: 91px; +} +.ml92 { + margin-left: 92px; +} +.ml93 { + margin-left: 93px; +} +.ml94 { + margin-left: 94px; +} +.ml95 { + margin-left: 95px; +} +.ml96 { + margin-left: 96px; +} +.ml97 { + margin-left: 97px; +} +.ml98 { + margin-left: 98px; +} +.ml99 { + margin-left: 99px; +} +.ml100 { + margin-left: 100px; +} +.mr0 { + margin-right: 0px; +} +.mr1 { + margin-right: 1px; +} +.mr2 { + margin-right: 2px; +} +.mr3 { + margin-right: 3px; +} +.mr4 { + margin-right: 4px; +} +.mr5 { + margin-right: 5px; +} +.mr6 { + margin-right: 6px; +} +.mr7 { + margin-right: 7px; +} +.mr8 { + margin-right: 8px; +} +.mr9 { + margin-right: 9px; +} +.mr10 { + margin-right: 10px; +} +.mr11 { + margin-right: 11px; +} +.mr12 { + margin-right: 12px; +} +.mr13 { + margin-right: 13px; +} +.mr14 { + margin-right: 14px; +} +.mr15 { + margin-right: 15px; +} +.mr16 { + margin-right: 16px; +} +.mr17 { + margin-right: 17px; +} +.mr18 { + margin-right: 18px; +} +.mr19 { + margin-right: 19px; +} +.mr20 { + margin-right: 20px; +} +.mr21 { + margin-right: 21px; +} +.mr22 { + margin-right: 22px; +} +.mr23 { + margin-right: 23px; +} +.mr24 { + margin-right: 24px; +} +.mr25 { + margin-right: 25px; +} +.mr26 { + margin-right: 26px; +} +.mr27 { + margin-right: 27px; +} +.mr28 { + margin-right: 28px; +} +.mr29 { + margin-right: 29px; +} +.mr30 { + margin-right: 30px; +} +.mr31 { + margin-right: 31px; +} +.mr32 { + margin-right: 32px; +} +.mr33 { + margin-right: 33px; +} +.mr34 { + margin-right: 34px; +} +.mr35 { + margin-right: 35px; +} +.mr36 { + margin-right: 36px; +} +.mr37 { + margin-right: 37px; +} +.mr38 { + margin-right: 38px; +} +.mr39 { + margin-right: 39px; +} +.mr40 { + margin-right: 40px; +} +.mr41 { + margin-right: 41px; +} +.mr42 { + margin-right: 42px; +} +.mr43 { + margin-right: 43px; +} +.mr44 { + margin-right: 44px; +} +.mr45 { + margin-right: 45px; +} +.mr46 { + margin-right: 46px; +} +.mr47 { + margin-right: 47px; +} +.mr48 { + margin-right: 48px; +} +.mr49 { + margin-right: 49px; +} +.mr50 { + margin-right: 50px; +} +.mr51 { + margin-right: 51px; +} +.mr52 { + margin-right: 52px; +} +.mr53 { + margin-right: 53px; +} +.mr54 { + margin-right: 54px; +} +.mr55 { + margin-right: 55px; +} +.mr56 { + margin-right: 56px; +} +.mr57 { + margin-right: 57px; +} +.mr58 { + margin-right: 58px; +} +.mr59 { + margin-right: 59px; +} +.mr60 { + margin-right: 60px; +} +.mr61 { + margin-right: 61px; +} +.mr62 { + margin-right: 62px; +} +.mr63 { + margin-right: 63px; +} +.mr64 { + margin-right: 64px; +} +.mr65 { + margin-right: 65px; +} +.mr66 { + margin-right: 66px; +} +.mr67 { + margin-right: 67px; +} +.mr68 { + margin-right: 68px; +} +.mr69 { + margin-right: 69px; +} +.mr70 { + margin-right: 70px; +} +.mr71 { + margin-right: 71px; +} +.mr72 { + margin-right: 72px; +} +.mr73 { + margin-right: 73px; +} +.mr74 { + margin-right: 74px; +} +.mr75 { + margin-right: 75px; +} +.mr76 { + margin-right: 76px; +} +.mr77 { + margin-right: 77px; +} +.mr78 { + margin-right: 78px; +} +.mr79 { + margin-right: 79px; +} +.mr80 { + margin-right: 80px; +} +.mr81 { + margin-right: 81px; +} +.mr82 { + margin-right: 82px; +} +.mr83 { + margin-right: 83px; +} +.mr84 { + margin-right: 84px; +} +.mr85 { + margin-right: 85px; +} +.mr86 { + margin-right: 86px; +} +.mr87 { + margin-right: 87px; +} +.mr88 { + margin-right: 88px; +} +.mr89 { + margin-right: 89px; +} +.mr90 { + margin-right: 90px; +} +.mr91 { + margin-right: 91px; +} +.mr92 { + margin-right: 92px; +} +.mr93 { + margin-right: 93px; +} +.mr94 { + margin-right: 94px; +} +.mr95 { + margin-right: 95px; +} +.mr96 { + margin-right: 96px; +} +.mr97 { + margin-right: 97px; +} +.mr98 { + margin-right: 98px; +} +.mr99 { + margin-right: 99px; +} +.mr100 { + margin-right: 100px; +} +.pb0 { + padding-bottom: 0px; +} +.pb1 { + padding-bottom: 1px; +} +.pb2 { + padding-bottom: 2px; +} +.pb3 { + padding-bottom: 3px; +} +.pb4 { + padding-bottom: 4px; +} +.pb5 { + padding-bottom: 5px; +} +.pb6 { + padding-bottom: 6px; +} +.pb7 { + padding-bottom: 7px; +} +.pb8 { + padding-bottom: 8px; +} +.pb9 { + padding-bottom: 9px; +} +.pb10 { + padding-bottom: 10px; +} +.pb11 { + padding-bottom: 11px; +} +.pb12 { + padding-bottom: 12px; +} +.pb13 { + padding-bottom: 13px; +} +.pb14 { + padding-bottom: 14px; +} +.pb15 { + padding-bottom: 15px; +} +.pb16 { + padding-bottom: 16px; +} +.pb17 { + padding-bottom: 17px; +} +.pb18 { + padding-bottom: 18px; +} +.pb19 { + padding-bottom: 19px; +} +.pb20 { + padding-bottom: 20px; +} +.pb21 { + padding-bottom: 21px; +} +.pb22 { + padding-bottom: 22px; +} +.pb23 { + padding-bottom: 23px; +} +.pb24 { + padding-bottom: 24px; +} +.pb25 { + padding-bottom: 25px; +} +.pb26 { + padding-bottom: 26px; +} +.pb27 { + padding-bottom: 27px; +} +.pb28 { + padding-bottom: 28px; +} +.pb29 { + padding-bottom: 29px; +} +.pb30 { + padding-bottom: 30px; +} +.pb31 { + padding-bottom: 31px; +} +.pb32 { + padding-bottom: 32px; +} +.pb33 { + padding-bottom: 33px; +} +.pb34 { + padding-bottom: 34px; +} +.pb35 { + padding-bottom: 35px; +} +.pb36 { + padding-bottom: 36px; +} +.pb37 { + padding-bottom: 37px; +} +.pb38 { + padding-bottom: 38px; +} +.pb39 { + padding-bottom: 39px; +} +.pb40 { + padding-bottom: 40px; +} +.pb41 { + padding-bottom: 41px; +} +.pb42 { + padding-bottom: 42px; +} +.pb43 { + padding-bottom: 43px; +} +.pb44 { + padding-bottom: 44px; +} +.pb45 { + padding-bottom: 45px; +} +.pb46 { + padding-bottom: 46px; +} +.pb47 { + padding-bottom: 47px; +} +.pb48 { + padding-bottom: 48px; +} +.pb49 { + padding-bottom: 49px; +} +.pb50 { + padding-bottom: 50px; +} +.pb51 { + padding-bottom: 51px; +} +.pb52 { + padding-bottom: 52px; +} +.pb53 { + padding-bottom: 53px; +} +.pb54 { + padding-bottom: 54px; +} +.pb55 { + padding-bottom: 55px; +} +.pb56 { + padding-bottom: 56px; +} +.pb57 { + padding-bottom: 57px; +} +.pb58 { + padding-bottom: 58px; +} +.pb59 { + padding-bottom: 59px; +} +.pb60 { + padding-bottom: 60px; +} +.pb61 { + padding-bottom: 61px; +} +.pb62 { + padding-bottom: 62px; +} +.pb63 { + padding-bottom: 63px; +} +.pb64 { + padding-bottom: 64px; +} +.pb65 { + padding-bottom: 65px; +} +.pb66 { + padding-bottom: 66px; +} +.pb67 { + padding-bottom: 67px; +} +.pb68 { + padding-bottom: 68px; +} +.pb69 { + padding-bottom: 69px; +} +.pb70 { + padding-bottom: 70px; +} +.pb71 { + padding-bottom: 71px; +} +.pb72 { + padding-bottom: 72px; +} +.pb73 { + padding-bottom: 73px; +} +.pb74 { + padding-bottom: 74px; +} +.pb75 { + padding-bottom: 75px; +} +.pb76 { + padding-bottom: 76px; +} +.pb77 { + padding-bottom: 77px; +} +.pb78 { + padding-bottom: 78px; +} +.pb79 { + padding-bottom: 79px; +} +.pb80 { + padding-bottom: 80px; +} +.pb81 { + padding-bottom: 81px; +} +.pb82 { + padding-bottom: 82px; +} +.pb83 { + padding-bottom: 83px; +} +.pb84 { + padding-bottom: 84px; +} +.pb85 { + padding-bottom: 85px; +} +.pb86 { + padding-bottom: 86px; +} +.pb87 { + padding-bottom: 87px; +} +.pb88 { + padding-bottom: 88px; +} +.pb89 { + padding-bottom: 89px; +} +.pb90 { + padding-bottom: 90px; +} +.pb91 { + padding-bottom: 91px; +} +.pb92 { + padding-bottom: 92px; +} +.pb93 { + padding-bottom: 93px; +} +.pb94 { + padding-bottom: 94px; +} +.pb95 { + padding-bottom: 95px; +} +.pb96 { + padding-bottom: 96px; +} +.pb97 { + padding-bottom: 97px; +} +.pb98 { + padding-bottom: 98px; +} +.pb99 { + padding-bottom: 99px; +} +.pb100 { + padding-bottom: 100px; +} +.pt0 { + padding-top: 0px; +} +.pt1 { + padding-top: 1px; +} +.pt2 { + padding-top: 2px; +} +.pt3 { + padding-top: 3px; +} +.pt4 { + padding-top: 4px; +} +.pt5 { + padding-top: 5px; +} +.pt6 { + padding-top: 6px; +} +.pt7 { + padding-top: 7px; +} +.pt8 { + padding-top: 8px; +} +.pt9 { + padding-top: 9px; +} +.pt10 { + padding-top: 10px; +} +.pt11 { + padding-top: 11px; +} +.pt12 { + padding-top: 12px; +} +.pt13 { + padding-top: 13px; +} +.pt14 { + padding-top: 14px; +} +.pt15 { + padding-top: 15px; +} +.pt16 { + padding-top: 16px; +} +.pt17 { + padding-top: 17px; +} +.pt18 { + padding-top: 18px; +} +.pt19 { + padding-top: 19px; +} +.pt20 { + padding-top: 20px; +} +.pt21 { + padding-top: 21px; +} +.pt22 { + padding-top: 22px; +} +.pt23 { + padding-top: 23px; +} +.pt24 { + padding-top: 24px; +} +.pt25 { + padding-top: 25px; +} +.pt26 { + padding-top: 26px; +} +.pt27 { + padding-top: 27px; +} +.pt28 { + padding-top: 28px; +} +.pt29 { + padding-top: 29px; +} +.pt30 { + padding-top: 30px; +} +.pt31 { + padding-top: 31px; +} +.pt32 { + padding-top: 32px; +} +.pt33 { + padding-top: 33px; +} +.pt34 { + padding-top: 34px; +} +.pt35 { + padding-top: 35px; +} +.pt36 { + padding-top: 36px; +} +.pt37 { + padding-top: 37px; +} +.pt38 { + padding-top: 38px; +} +.pt39 { + padding-top: 39px; +} +.pt40 { + padding-top: 40px; +} +.pt41 { + padding-top: 41px; +} +.pt42 { + padding-top: 42px; +} +.pt43 { + padding-top: 43px; +} +.pt44 { + padding-top: 44px; +} +.pt45 { + padding-top: 45px; +} +.pt46 { + padding-top: 46px; +} +.pt47 { + padding-top: 47px; +} +.pt48 { + padding-top: 48px; +} +.pt49 { + padding-top: 49px; +} +.pt50 { + padding-top: 50px; +} +.pt51 { + padding-top: 51px; +} +.pt52 { + padding-top: 52px; +} +.pt53 { + padding-top: 53px; +} +.pt54 { + padding-top: 54px; +} +.pt55 { + padding-top: 55px; +} +.pt56 { + padding-top: 56px; +} +.pt57 { + padding-top: 57px; +} +.pt58 { + padding-top: 58px; +} +.pt59 { + padding-top: 59px; +} +.pt60 { + padding-top: 60px; +} +.pt61 { + padding-top: 61px; +} +.pt62 { + padding-top: 62px; +} +.pt63 { + padding-top: 63px; +} +.pt64 { + padding-top: 64px; +} +.pt65 { + padding-top: 65px; +} +.pt66 { + padding-top: 66px; +} +.pt67 { + padding-top: 67px; +} +.pt68 { + padding-top: 68px; +} +.pt69 { + padding-top: 69px; +} +.pt70 { + padding-top: 70px; +} +.pt71 { + padding-top: 71px; +} +.pt72 { + padding-top: 72px; +} +.pt73 { + padding-top: 73px; +} +.pt74 { + padding-top: 74px; +} +.pt75 { + padding-top: 75px; +} +.pt76 { + padding-top: 76px; +} +.pt77 { + padding-top: 77px; +} +.pt78 { + padding-top: 78px; +} +.pt79 { + padding-top: 79px; +} +.pt80 { + padding-top: 80px; +} +.pt81 { + padding-top: 81px; +} +.pt82 { + padding-top: 82px; +} +.pt83 { + padding-top: 83px; +} +.pt84 { + padding-top: 84px; +} +.pt85 { + padding-top: 85px; +} +.pt86 { + padding-top: 86px; +} +.pt87 { + padding-top: 87px; +} +.pt88 { + padding-top: 88px; +} +.pt89 { + padding-top: 89px; +} +.pt90 { + padding-top: 90px; +} +.pt91 { + padding-top: 91px; +} +.pt92 { + padding-top: 92px; +} +.pt93 { + padding-top: 93px; +} +.pt94 { + padding-top: 94px; +} +.pt95 { + padding-top: 95px; +} +.pt96 { + padding-top: 96px; +} +.pt97 { + padding-top: 97px; +} +.pt98 { + padding-top: 98px; +} +.pt99 { + padding-top: 99px; +} +.pt100 { + padding-top: 100px; +} +.pl0 { + padding-left: 0px; +} +.pl1 { + padding-left: 1px; +} +.pl2 { + padding-left: 2px; +} +.pl3 { + padding-left: 3px; +} +.pl4 { + padding-left: 4px; +} +.pl5 { + padding-left: 5px; +} +.pl6 { + padding-left: 6px; +} +.pl7 { + padding-left: 7px; +} +.pl8 { + padding-left: 8px; +} +.pl9 { + padding-left: 9px; +} +.pl10 { + padding-left: 10px; +} +.pl11 { + padding-left: 11px; +} +.pl12 { + padding-left: 12px; +} +.pl13 { + padding-left: 13px; +} +.pl14 { + padding-left: 14px; +} +.pl15 { + padding-left: 15px; +} +.pl16 { + padding-left: 16px; +} +.pl17 { + padding-left: 17px; +} +.pl18 { + padding-left: 18px; +} +.pl19 { + padding-left: 19px; +} +.pl20 { + padding-left: 20px; +} +.pl21 { + padding-left: 21px; +} +.pl22 { + padding-left: 22px; +} +.pl23 { + padding-left: 23px; +} +.pl24 { + padding-left: 24px; +} +.pl25 { + padding-left: 25px; +} +.pl26 { + padding-left: 26px; +} +.pl27 { + padding-left: 27px; +} +.pl28 { + padding-left: 28px; +} +.pl29 { + padding-left: 29px; +} +.pl30 { + padding-left: 30px; +} +.pl31 { + padding-left: 31px; +} +.pl32 { + padding-left: 32px; +} +.pl33 { + padding-left: 33px; +} +.pl34 { + padding-left: 34px; +} +.pl35 { + padding-left: 35px; +} +.pl36 { + padding-left: 36px; +} +.pl37 { + padding-left: 37px; +} +.pl38 { + padding-left: 38px; +} +.pl39 { + padding-left: 39px; +} +.pl40 { + padding-left: 40px; +} +.pl41 { + padding-left: 41px; +} +.pl42 { + padding-left: 42px; +} +.pl43 { + padding-left: 43px; +} +.pl44 { + padding-left: 44px; +} +.pl45 { + padding-left: 45px; +} +.pl46 { + padding-left: 46px; +} +.pl47 { + padding-left: 47px; +} +.pl48 { + padding-left: 48px; +} +.pl49 { + padding-left: 49px; +} +.pl50 { + padding-left: 50px; +} +.pl51 { + padding-left: 51px; +} +.pl52 { + padding-left: 52px; +} +.pl53 { + padding-left: 53px; +} +.pl54 { + padding-left: 54px; +} +.pl55 { + padding-left: 55px; +} +.pl56 { + padding-left: 56px; +} +.pl57 { + padding-left: 57px; +} +.pl58 { + padding-left: 58px; +} +.pl59 { + padding-left: 59px; +} +.pl60 { + padding-left: 60px; +} +.pl61 { + padding-left: 61px; +} +.pl62 { + padding-left: 62px; +} +.pl63 { + padding-left: 63px; +} +.pl64 { + padding-left: 64px; +} +.pl65 { + padding-left: 65px; +} +.pl66 { + padding-left: 66px; +} +.pl67 { + padding-left: 67px; +} +.pl68 { + padding-left: 68px; +} +.pl69 { + padding-left: 69px; +} +.pl70 { + padding-left: 70px; +} +.pl71 { + padding-left: 71px; +} +.pl72 { + padding-left: 72px; +} +.pl73 { + padding-left: 73px; +} +.pl74 { + padding-left: 74px; +} +.pl75 { + padding-left: 75px; +} +.pl76 { + padding-left: 76px; +} +.pl77 { + padding-left: 77px; +} +.pl78 { + padding-left: 78px; +} +.pl79 { + padding-left: 79px; +} +.pl80 { + padding-left: 80px; +} +.pl81 { + padding-left: 81px; +} +.pl82 { + padding-left: 82px; +} +.pl83 { + padding-left: 83px; +} +.pl84 { + padding-left: 84px; +} +.pl85 { + padding-left: 85px; +} +.pl86 { + padding-left: 86px; +} +.pl87 { + padding-left: 87px; +} +.pl88 { + padding-left: 88px; +} +.pl89 { + padding-left: 89px; +} +.pl90 { + padding-left: 90px; +} +.pl91 { + padding-left: 91px; +} +.pl92 { + padding-left: 92px; +} +.pl93 { + padding-left: 93px; +} +.pl94 { + padding-left: 94px; +} +.pl95 { + padding-left: 95px; +} +.pl96 { + padding-left: 96px; +} +.pl97 { + padding-left: 97px; +} +.pl98 { + padding-left: 98px; +} +.pl99 { + padding-left: 99px; +} +.pl100 { + padding-left: 100px; +} +.pr0 { + padding-right: 0px; +} +.pr1 { + padding-right: 1px; +} +.pr2 { + padding-right: 2px; +} +.pr3 { + padding-right: 3px; +} +.pr4 { + padding-right: 4px; +} +.pr5 { + padding-right: 5px; +} +.pr6 { + padding-right: 6px; +} +.pr7 { + padding-right: 7px; +} +.pr8 { + padding-right: 8px; +} +.pr9 { + padding-right: 9px; +} +.pr10 { + padding-right: 10px; +} +.pr11 { + padding-right: 11px; +} +.pr12 { + padding-right: 12px; +} +.pr13 { + padding-right: 13px; +} +.pr14 { + padding-right: 14px; +} +.pr15 { + padding-right: 15px; +} +.pr16 { + padding-right: 16px; +} +.pr17 { + padding-right: 17px; +} +.pr18 { + padding-right: 18px; +} +.pr19 { + padding-right: 19px; +} +.pr20 { + padding-right: 20px; +} +.pr21 { + padding-right: 21px; +} +.pr22 { + padding-right: 22px; +} +.pr23 { + padding-right: 23px; +} +.pr24 { + padding-right: 24px; +} +.pr25 { + padding-right: 25px; +} +.pr26 { + padding-right: 26px; +} +.pr27 { + padding-right: 27px; +} +.pr28 { + padding-right: 28px; +} +.pr29 { + padding-right: 29px; +} +.pr30 { + padding-right: 30px; +} +.pr31 { + padding-right: 31px; +} +.pr32 { + padding-right: 32px; +} +.pr33 { + padding-right: 33px; +} +.pr34 { + padding-right: 34px; +} +.pr35 { + padding-right: 35px; +} +.pr36 { + padding-right: 36px; +} +.pr37 { + padding-right: 37px; +} +.pr38 { + padding-right: 38px; +} +.pr39 { + padding-right: 39px; +} +.pr40 { + padding-right: 40px; +} +.pr41 { + padding-right: 41px; +} +.pr42 { + padding-right: 42px; +} +.pr43 { + padding-right: 43px; +} +.pr44 { + padding-right: 44px; +} +.pr45 { + padding-right: 45px; +} +.pr46 { + padding-right: 46px; +} +.pr47 { + padding-right: 47px; +} +.pr48 { + padding-right: 48px; +} +.pr49 { + padding-right: 49px; +} +.pr50 { + padding-right: 50px; +} +.pr51 { + padding-right: 51px; +} +.pr52 { + padding-right: 52px; +} +.pr53 { + padding-right: 53px; +} +.pr54 { + padding-right: 54px; +} +.pr55 { + padding-right: 55px; +} +.pr56 { + padding-right: 56px; +} +.pr57 { + padding-right: 57px; +} +.pr58 { + padding-right: 58px; +} +.pr59 { + padding-right: 59px; +} +.pr60 { + padding-right: 60px; +} +.pr61 { + padding-right: 61px; +} +.pr62 { + padding-right: 62px; +} +.pr63 { + padding-right: 63px; +} +.pr64 { + padding-right: 64px; +} +.pr65 { + padding-right: 65px; +} +.pr66 { + padding-right: 66px; +} +.pr67 { + padding-right: 67px; +} +.pr68 { + padding-right: 68px; +} +.pr69 { + padding-right: 69px; +} +.pr70 { + padding-right: 70px; +} +.pr71 { + padding-right: 71px; +} +.pr72 { + padding-right: 72px; +} +.pr73 { + padding-right: 73px; +} +.pr74 { + padding-right: 74px; +} +.pr75 { + padding-right: 75px; +} +.pr76 { + padding-right: 76px; +} +.pr77 { + padding-right: 77px; +} +.pr78 { + padding-right: 78px; +} +.pr79 { + padding-right: 79px; +} +.pr80 { + padding-right: 80px; +} +.pr81 { + padding-right: 81px; +} +.pr82 { + padding-right: 82px; +} +.pr83 { + padding-right: 83px; +} +.pr84 { + padding-right: 84px; +} +.pr85 { + padding-right: 85px; +} +.pr86 { + padding-right: 86px; +} +.pr87 { + padding-right: 87px; +} +.pr88 { + padding-right: 88px; +} +.pr89 { + padding-right: 89px; +} +.pr90 { + padding-right: 90px; +} +.pr91 { + padding-right: 91px; +} +.pr92 { + padding-right: 92px; +} +.pr93 { + padding-right: 93px; +} +.pr94 { + padding-right: 94px; +} +.pr95 { + padding-right: 95px; +} +.pr96 { + padding-right: 96px; +} +.pr97 { + padding-right: 97px; +} +.pr98 { + padding-right: 98px; +} +.pr99 { + padding-right: 99px; +} +.pr100 { + padding-right: 100px; +} +.indent1 { + text-indent: 1em; +} + +.indent2 { + text-indent: 2em; +} + +.none { + display: none; +} + +.flex-column { + flex-direction: column; +} + +.relative { + position: relative; +} + +.wrap { + flex-wrap: wrap; +} + +.mw0 { + min-width: 0; +} + +.mw100 { + max-width: 100%; +} + +.ft-bold { + font-weight: bold; +} + +.bg_white { + background: #fff; +} + +.white-nowrap { + white-space: nowrap; +} + +.white-wrap { + white-space: normal; + word-wrap: break-word; + word-break: break-all; +} + +.font-weight { + font-weight: bold; +} + +.layui-btn { + height: var(--btn); + line-height: var(--btn); + font-size: var(--btn_size); + background: var(--btn_color); +} +.layui-btn.sm { + height: var(--btn_sm); + line-height: var(--btn_sm); + font-size: var(--btn_size_sm); + background: var(--btn_color_sm); +} +.layui-btn.mw { + min-width: var(--btn_minwidth); +} +.ft-999 { + color: #999; +} + +.line1 { + line-height: 1em !important; +} + +.line15 { + line-height: 1.5em; +} + +.line16 { + line-height: 1.6em; +} + +.line17 { + line-height: 1.7em; +} + +.line18 { + line-height: 1.8em; +} + +.line19 { + line-height: 1.9em; +} + +.line2 { + line-height: 2em; +} + +.line24 { + line-height: 2.4em; +} + +.line25 { + line-height: 2.5em; +} + +.line3 { + line-height: 3em; +} + +.line4 { + line-height: 4em; +} + +.line-clamp1 { + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 1; + line-clamp: 1; + -webkit-box-orient: vertical; + /* line-height: 1.5em; + height: 3em; */ +} +.line-clamp2 { + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + line-clamp: 2; + -webkit-box-orient: vertical; + /* line-height: 1.5em; + height: 3em; */ +} + +.line-clamp3 { + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + line-clamp: 3; + -webkit-box-orient: vertical; + /* line-height: 1.5em; + height: 4.5em; */ +} + +.line-clamp4 { + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 4; + line-clamp: 4; + -webkit-box-orient: vertical; + /* line-height: 1.5em; */ + /* height: 6em; */ +} + +.line-clamp5 { + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 5; + line-clamp: 5; + -webkit-box-orient: vertical; + /* line-height: 1.5em; */ + /* height: 7.5em; */ +} + +.line-clamp6 { + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 6; + line-clamp: 6; + -webkit-box-orient: vertical; + /* line-height: 1.5em; */ + /* height: 9em; */ +} + +.line-clamp7 { + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 7; + line-clamp: 7; + -webkit-box-orient: vertical; + /* line-height: 1.5em; */ + /* height: 10.5em; */ +} + +.line-clamp8 { + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 8; + line-clamp: 8; + -webkit-box-orient: vertical; + /* line-height: 1.5em; */ + /* height: 12em; */ +} + +.line-clamp9 { + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 9; + line-clamp: 9; + -webkit-box-orient: vertical; + /* line-height: 1.5em; */ + /* height: 13.5em; */ +} + +[data-dialog], +.pointer { + cursor: pointer; +} + +.tab .tab-item { + display: none; +} +.tab_box { + overflow: hidden; + overflow-x: auto; +} +.tab_box th { + white-space: nowrap; +} +.flex-center { + display: flex; + align-items: center; + justify-content: center; +} + +.flex-column-center { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.bgi { + background-repeat: no-repeat; + background-size: cover; +} + +.top_box_img { + position: relative; +} +.top_box_img .block1 { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; +} +.layui-form-label { + white-space: nowrap; + width: 80px; + padding: 0; + line-height: var(--input); +} + +.layui-input, +.layui-select, +.layui-textarea { + height: var(--input); + line-height: var(--input); + padding: var(--input_padding); + font-size: var(--input_size); +} +.layui-form-checked[lay-skin="primary"] > i { + border-color: var(--input_scolor) !important; + background-color: var(--input_scolor); +} +.layui-form-checkbox[lay-skin="primary"]:hover > i { + border-color: var(--input_scolor) !important; +} +.layui-form-select dl dd.layui-this { + color: var(--input_scolor); +} +.layui-form .layui-btn { + height: var(--input); + line-height: var(--input); + font-size: var(--input_size); +} +.layui-input::-webkit-input-placeholder, +.layui-textarea::-webkit-input-placeholder { + color: var(--input_pcolor); +} +.layui-input:focus, +.layui-textarea:focus { + border-color: var(--bgc) !important; +} + +.layui-input-prefix, +.layui-input-split, +.layui-input-suffix, +.layui-input-suffix .layui-input-affix { + height: var(--input); + line-height: var(--input); +} + +.flex-1 { + flex: 1; +} + +.dh_box { + transition: all 0.5s ease-in-out; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + position: relative; + bottom: 0; +} + +.dh_box:hover { + bottom: 30px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); +} + +.dh_box:hover .dh_con { + transition: all 0.35s ease-in-out; + bottom: 20px; +} +.dh_img1, +.dh_img { + transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1); + -webkit-transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1); + -moz-transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1); + -ms-transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1); + overflow: hidden; +} + +.dh_img1 { +} +.dh_img1 .dh { + scale: 1; + transition: all 0.6s; +} +.dh_img1:hover .dh { + scale: 1.2; +} +.rotate180 { + transform: rotate(180deg); +} + +/* .dh_box img , */ +.dh_imgitem img.dh, +.dh_img img { + transition: all 0.6s; +} + +/* .dh_box:hover img , */ +.dh_imgitem:hover img.dh, +.dh_img:hover img { + transform: scale(1.2); +} + +.user_img { + border-radius: 50%; + overflow: hidden; +} + +.user_img img { + width: 100%; + height: 100%; + aspect-ratio: 1/1; + object-fit: cover; +} + +.img_box { + max-width: 100%; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; +} +.img_box1 { + max-width: 100%; + overflow: hidden; +} +.img_box1 img, +.img_box img { + max-width: 100%; + max-height: 100%; + object-fit: cover; +} + +.img_100 { + overflow: hidden; +} + +.img_100 img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.img_box_auto img { + max-width: 100%; +} + +.img_box_auto img { + max-width: 100%; + display: block; +} + +.layui-nav { + background-color: initial; +} + +.mauto { + margin-left: auto; + margin-right: auto; +} + +.left { + float: left; +} + +.right { + float: right; +} + +[data-btn], +.cursor { + cursor: pointer; +} + +section { + padding: 80px 0; + background-size: 100% 100%; + background-repeat: no-repeat; +} +.br500 { + overflow: hidden; + border-radius: 50%; +} +.br0 { + border-radius: 0px; + overflow: hidden; +} +.br1 { + border-radius: 1px; + overflow: hidden; +} +.br2 { + border-radius: 2px; + overflow: hidden; +} +.br3 { + border-radius: 3px; + overflow: hidden; +} +.br4 { + border-radius: 4px; + overflow: hidden; +} +.br5 { + border-radius: 5px; + overflow: hidden; +} +.br6 { + border-radius: 6px; + overflow: hidden; +} +.br7 { + border-radius: 7px; + overflow: hidden; +} +.br8 { + border-radius: 8px; + overflow: hidden; +} +.br9 { + border-radius: 9px; + overflow: hidden; +} +.br10 { + border-radius: 10px; + overflow: hidden; +} +.br11 { + border-radius: 11px; + overflow: hidden; +} +.br12 { + border-radius: 12px; + overflow: hidden; +} +.br13 { + border-radius: 13px; + overflow: hidden; +} +.br14 { + border-radius: 14px; + overflow: hidden; +} +.br15 { + border-radius: 15px; + overflow: hidden; +} +.br16 { + border-radius: 16px; + overflow: hidden; +} +.br17 { + border-radius: 17px; + overflow: hidden; +} +.br18 { + border-radius: 18px; + overflow: hidden; +} +.br19 { + border-radius: 19px; + overflow: hidden; +} +.br20 { + border-radius: 20px; + overflow: hidden; +} +.br21 { + border-radius: 21px; + overflow: hidden; +} +.br22 { + border-radius: 22px; + overflow: hidden; +} +.br23 { + border-radius: 23px; + overflow: hidden; +} +.br24 { + border-radius: 24px; + overflow: hidden; +} +.br25 { + border-radius: 25px; + overflow: hidden; +} +.br26 { + border-radius: 26px; + overflow: hidden; +} +.br27 { + border-radius: 27px; + overflow: hidden; +} +.br28 { + border-radius: 28px; + overflow: hidden; +} +.br29 { + border-radius: 29px; + overflow: hidden; +} +.br30 { + border-radius: 30px; + overflow: hidden; +} +.br31 { + border-radius: 31px; + overflow: hidden; +} +.br32 { + border-radius: 32px; + overflow: hidden; +} +.br33 { + border-radius: 33px; + overflow: hidden; +} +.br34 { + border-radius: 34px; + overflow: hidden; +} +.br35 { + border-radius: 35px; + overflow: hidden; +} +.br36 { + border-radius: 36px; + overflow: hidden; +} +.br37 { + border-radius: 37px; + overflow: hidden; +} +.br38 { + border-radius: 38px; + overflow: hidden; +} +.br39 { + border-radius: 39px; + overflow: hidden; +} +.br40 { + border-radius: 40px; + overflow: hidden; +} +.br41 { + border-radius: 41px; + overflow: hidden; +} +.br42 { + border-radius: 42px; + overflow: hidden; +} +.br43 { + border-radius: 43px; + overflow: hidden; +} +.br44 { + border-radius: 44px; + overflow: hidden; +} +.br45 { + border-radius: 45px; + overflow: hidden; +} +.br46 { + border-radius: 46px; + overflow: hidden; +} +.br47 { + border-radius: 47px; + overflow: hidden; +} +.br48 { + border-radius: 48px; + overflow: hidden; +} +.br49 { + border-radius: 49px; + overflow: hidden; +} +.br50 { + border-radius: 50px; + overflow: hidden; +} +.br51 { + border-radius: 51px; + overflow: hidden; +} +.br52 { + border-radius: 52px; + overflow: hidden; +} +.br53 { + border-radius: 53px; + overflow: hidden; +} +.br54 { + border-radius: 54px; + overflow: hidden; +} +.br55 { + border-radius: 55px; + overflow: hidden; +} +.br56 { + border-radius: 56px; + overflow: hidden; +} +.br57 { + border-radius: 57px; + overflow: hidden; +} +.br58 { + border-radius: 58px; + overflow: hidden; +} +.br59 { + border-radius: 59px; + overflow: hidden; +} +.br60 { + border-radius: 60px; + overflow: hidden; +} +.br61 { + border-radius: 61px; + overflow: hidden; +} +.br62 { + border-radius: 62px; + overflow: hidden; +} +.br63 { + border-radius: 63px; + overflow: hidden; +} +.br64 { + border-radius: 64px; + overflow: hidden; +} +.br65 { + border-radius: 65px; + overflow: hidden; +} +.br66 { + border-radius: 66px; + overflow: hidden; +} +.br67 { + border-radius: 67px; + overflow: hidden; +} +.br68 { + border-radius: 68px; + overflow: hidden; +} +.br69 { + border-radius: 69px; + overflow: hidden; +} +.br70 { + border-radius: 70px; + overflow: hidden; +} +.br71 { + border-radius: 71px; + overflow: hidden; +} +.br72 { + border-radius: 72px; + overflow: hidden; +} +.br73 { + border-radius: 73px; + overflow: hidden; +} +.br74 { + border-radius: 74px; + overflow: hidden; +} +.br75 { + border-radius: 75px; + overflow: hidden; +} +.br76 { + border-radius: 76px; + overflow: hidden; +} +.br77 { + border-radius: 77px; + overflow: hidden; +} +.br78 { + border-radius: 78px; + overflow: hidden; +} +.br79 { + border-radius: 79px; + overflow: hidden; +} +.br80 { + border-radius: 80px; + overflow: hidden; +} +.br81 { + border-radius: 81px; + overflow: hidden; +} +.br82 { + border-radius: 82px; + overflow: hidden; +} +.br83 { + border-radius: 83px; + overflow: hidden; +} +.br84 { + border-radius: 84px; + overflow: hidden; +} +.br85 { + border-radius: 85px; + overflow: hidden; +} +.br86 { + border-radius: 86px; + overflow: hidden; +} +.br87 { + border-radius: 87px; + overflow: hidden; +} +.br88 { + border-radius: 88px; + overflow: hidden; +} +.br89 { + border-radius: 89px; + overflow: hidden; +} +.br90 { + border-radius: 90px; + overflow: hidden; +} +.br91 { + border-radius: 91px; + overflow: hidden; +} +.br92 { + border-radius: 92px; + overflow: hidden; +} +.br93 { + border-radius: 93px; + overflow: hidden; +} +.br94 { + border-radius: 94px; + overflow: hidden; +} +.br95 { + border-radius: 95px; + overflow: hidden; +} +.br96 { + border-radius: 96px; + overflow: hidden; +} +.br97 { + border-radius: 97px; + overflow: hidden; +} +.br98 { + border-radius: 98px; + overflow: hidden; +} +.br99 { + border-radius: 99px; + overflow: hidden; +} +.br100 { + border-radius: 100px; + overflow: hidden; +} + +.white_c { + color: #fff; +} + +.black_c { + color: #000; +} + +.gary_c3 { + color: #333; +} + +.gary_c4 { + color: #444; +} + +.gary_c6 { + color: #666; +} + +.gary_c9 { + color: #999; +} + +.gary_bg { + background: #f5f5f5; +} + +.ul_height { + display: flex; + flex-wrap: wrap; +} + +.ul_height li { + display: flex; + flex-direction: column; +} + +.ul_height li .item { + flex: 1; +} + +.code_box { + position: relative; +} + +.nav-child { + top: 100%; + width: 100vw; + left: 50%; + transform: translateX(-50%); + position: absolute; + background: #fff; + height: 0px; + overflow: hidden; + z-index: 9; + transition: all 0.5s; + color: #333; +} +.iteml:hover .nav-child { + height: 1rem; + background: #fff; +} +.iteml .nav-child a { + margin: 0 0.35rem; +} +.iteml .nav-child a:hover, +.iteml .nav-child a.ftc { + color: var(--ftc) !important; +} +.code_box [data-type] { + position: absolute; + right: 1em; + top: 50%; + transform: translateY(-50%); + background-color: initial; + cursor: pointer; + z-index: 2; + background: #fff; +} + +.none-select { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.text-line-through { + text-decoration: line-through; +} + +.dh1 { + animation: move 3s 0s infinite; + -webkit-animation: move 3s 0s infinite; + transform-origin: bottom; + -webkit-transform-origin: bottom; +} + +[back-btn] { + cursor: pointer; +} + +.form_block .layui-form-label { + width: 100%; + text-align: left; + float: unset; + padding: 0; +} + +.layui-tab { + margin: 0; +} + +.layui-tab .layui-tab-title li, +.layui-tab-title, +.layui-tab-title { + height: unset; +} + +.pagenum { + text-align: center; + margin-top: 0.4rem; +} + +.pagenum a, +.pagenum span { + padding: 0 0.1rem; + min-width: 0.39rem; + height: 0.39rem; + line-height: 0.39rem; + border: 1px solid #989898; + display: inline-block; + color: #989898; + margin: 0 0.02rem; +} + +.pagenum a:hover, +.pagenum span:not(:first-child, :last-child) { + background: var(--bgc); + color: #fff; + border-color: var(--bgc); +} + +.label { + white-space: nowrap; +} + +.nav_s { + box-shadow: 1px 1px 18px rgb(0 0 0 / 8%); +} + +.nav_s .b1 { + display: flex; + align-content: center; + justify-content: space-around; +} + +.nav_s .item { + line-height: 0.6rem; + position: relative; + font-weight: bold; +} + +.nav_s .item:hover, +.nav_s .layui-this { + color: var(--ftc); +} + +.nav_s .item:hover:after, +.nav_s .item.layui-this:after { + right: 0; + width: 100%; +} + +.nav_s .item:after { + transition: all 0.5s; + display: block; + content: ""; + bottom: 0; + position: absolute; + bottom: 0; + width: 0; + left: 0; + height: 1px; + background: var(--bgc); +} + +@keyframes move { + 0%, + 10% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 20% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 25% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 30% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 35% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 40% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 45% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 50% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 55% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 60% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 65% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 70% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 75% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 80% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 85% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 90% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 95% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +@-webkit-keyframes move { + 0%, + 10% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 20% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 25% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 30% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 35% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 40% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 45% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 50% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 55% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 60% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 65% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 70% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 75% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 80% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 85% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 90% { + -webkit-transform: rotate(6deg); + transform: rotate(6deg); + } + + 95% { + -webkit-transform: rotate(-6deg); + transform: rotate(-6deg); + } + + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +.must::after { + display: inline-block; + content: "*"; + color: #eb1717; +} + +[data-box="input-number"] { + position: relative; +} + +[data-box="input-number"] input { + padding-right: 4em; +} + +[data-box="input-number"] .text { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0.15rem; + color: #999; + font-size: 0.12rem; +} + +[data-box="input-number"].input-textarea .text { + top: unset; + transform: unset; + bottom: 5px; + padding-left: 0.15rem; +} + +.bg_fa { + background: #fafafa; +} +.bg_f9 { + background: #f9f9f9; +} +.bg_f7 { + background: #f7f7f7; +} +.title_p { + position: relative; + font-weight: bold; + text-align: center; +} + +.title_p .en { + text-transform: uppercase; + opacity: 0.2; + font-size: 0.6rem; + position: absolute; + bottom: 30%; + left: 50%; + transform: translateX(-50%); + line-height: 1em; +} + +.title_p .cn { + font-size: 0.4rem; +} + +.title_left { + display: flex; + align-items: center; +} + +.title_left .b1 { + width: 5px; + height: 100%; + height: 0.26rem; + margin-right: 20px; + background-image: -webkit-linear-gradient( + left, + rgb(1, 112, 183), + rgb(46, 166, 131) + ); +} + +.bg_img { + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} + +.swiper1 { + padding: 0 0.6rem; +} + +.swiper1 { + --swiper-theme-color: #000; + /* 设置Swiper风格 */ + --swiper-navigation-color: #000; + /* 单独设置按钮颜色 */ + --swiper-navigation-size: 50px; + /* 设置按钮大小 */ +} + +.layui-tab.no { + margin: 0; +} + +.layui-tab.no .layui-tab-title { + border: none; +} + +.layui-tab.no .layui-tab-title li { + height: auto; + line-height: auto; +} + +.layui-tab.no .layui-tab-title .layui-this:after { + display: none; +} + +.user_page .user_con { + display: flex; +} + +.user_page .user_right { + flex: 1; +} + +.user_page .user_header { + width: 2rem; + background: #f4f8fd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + + position: sticky; + top: 0; +} + +.user_page .right_main { + flex: 1; + background: #f4f8fd; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); +} + +.user_page .user_header .b2 { + display: none; +} + +.user_page .user_header li:hover .b1, +.user_page .user_header .layui-this .b1 { + display: none; +} + +.user_page .user_header li:hover .b2, +.user_page .user_header .layui-this .b2 { + display: inline-block; +} + +.layui-tab .layui-tab-title { + height: unset; + border: none !important; +} + +.layui-tab .layui-tab-title li { + line-height: 0.4rem; + + min-width: 0.65rem; + margin: 0; + padding: 0 0.15rem; +} + +.hover_block, +.ul_hover .item { + position: relative; +} +header { + top: 0; + z-index: 999; + position: sticky !important; +} +/*.header_div {*/ +/* margin-top: 50px;*/ +/*}*/ +.header.bgcolor { + /*position: fixed !important;*/ + /*top: 0;*/ + /*left: 0;*/ + /*right: 0;*/ + /*z-index: 999;*/ + /*box-shadow: 0px 0px 10px 3px rgba(175, 199, 255, 0.21);*/ + /*background: #fff;*/ +} + +.hover_block .b1, +.ul_hover .hide_block { + position: absolute; + opacity: 0; + transition: 0.5s; + left: 50%; + transform: translateX(-50%); +} + +.hover_block:hover .b1, +.ul_hover .item:hover .hide_block { + display: block; + opacity: 1; +} + +.top_banner { + display: flex; + align-items: center; + min-height: 340px; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +.top_box { + min-height: 340px; + position: relative; + display: flex; + align-items: center; +} + +.top_box .block1 { + position: relative; + z-index: 2; +} + +.top_box > .img1 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} +.top_img img, +.top_box > .img1 img { + animation: 4s mymove4 alternate linear; +} + +.rith_box { + position: fixed; + z-index: 5; + right: 0; + top: 50%; +} + +@keyframes mymove4 { + 0% { + transform: scale(1); + } + + 50% { + transform: scale(1.03); + } + + 100% { + transform: scale(1); + } +} + +.bg_gary { + background: #f6f6f6; +} + +.s_content br + br { + display: none; +} +.s_content video { + max-width: 100%; +} + +.s_content img { + max-width: 100%; + margin-bottom: 0.2rem; +} + +.hover_img .img2 { + display: none; +} + +.video video { + width: 100%; + height: 100%; + background: #000; +} +.la_line { + position: relative; +} +.la_line::before { + display: block; + content: ""; + position: absolute; + left: 0; + background: rgba(255, 190, 190, 0.4); + right: 0; + height: 1px; + top: 0.45rem; +} +.hover_img.active .img1, +.hover_img:hover .img1, +.item.layui-this .hover_img .img1, +.item.active .hover_img .img1, +.item:hover .hover_img .img1 { + display: none; +} + +.hover_img.active .img2, +.hover_img:hover .img2, +.item.layui-this .hover_img .img2, +.item.active .hover_img .img2, +.item:hover .hover_img .img2 { + display: block; +} +.list_style { + padding-left: 0.2rem; +} +.list_style > * { + position: relative; +} +.list_style > *::before { + display: inline-block; + content: "●"; + position: absolute; + left: -0.15rem; +} + +footer > * { + width: 100%; +} +.breadcrumb .layui-breadcrumb a { + color: var(--breadcrumb_color) !important; +} +.layui-breadcrumb span[lay-separator] { + margin: 0; + color: var(--breadcrumb_color) !important; +} +.breadcrumb .layui-breadcrumb a:last-child { + color: var(--breadcrumb_active_color) !important; +} +.breadcrumb .layui-breadcrumb a:hover { + color: var(--breadcrumb_active_color) !important; +} +@media only screen and (min-width: 1000px) { +} + +@media screen and (max-width: 992px) { + .site-menu { + position: fixed; + top: 0; + bottom: 0; + min-height: 0; + overflow-y: auto; + overflow-x: hidden; + z-index: 1000; + left: -300px; + background-color: #fff; + transition: all 0.3s; + } + + .site-tree-mobile { + display: block !important; + position: fixed; + z-index: 16666669; + bottom: 15px; + left: 15px; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 2px; + text-align: center; + background-color: rgb(39, 170, 225); + color: #fff; + } + + .site-tree-mobile.no-fixed { + position: relative; + top: 0; + bottom: unset; + left: unset; + background: initial; + color: #333; + } + + .site-home .site-tree-mobile { + display: none !important; + } + + .site-mobile .site-tree-mobile { + display: none !important; + } + + .site-mobile .site-menu { + left: 0; + } + + .site-mobile .site-mobile-shade { + content: ""; + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; + } + + .site-tree-mobile i { + font-size: 20px; + } + + .layui-layout-admin .layui-side { + position: fixed; + top: 0; + left: -260px; + transition: all 0.3s; + -webkit-transition: all 0.3s; + z-index: 10000; + } + + .layui-body { + position: static; + bottom: 0; + left: 0; + } + + .layui-layout-admin .layui-side { + position: fixed; + top: 0; + left: -260px; + transition: all 0.3s; + -webkit-transition: all 0.3s; + z-index: 10000; + } + + .layui-body { + position: static; + bottom: 0; + left: 0; + } + + .site-mobile .layui-side { + left: 0; + padding: 0.6rem 0; + background: #fff !important; + } + + .site-mobile .layui-side-child { + top: 50%; + left: 200px; + height: 300px; + margin-top: -100px; + } + + .site-mobile .layui-side-scroll { + width: 200px; + } + + .site-mobile .layui-nav-tree .layui-nav-item a, + .site-mobile .layui-nav-tree .layui-nav-item { + line-height: 0.9rem; + } + + .layui-nav-tree .layui-nav-child dd.layui-this, + .layui-nav-tree .layui-nav-child dd.layui-this a, + .layui-nav-tree .layui-this, + .layui-nav-tree .layui-this > a, + .layui-nav-tree .layui-this > a:hover { + color: #333 !important; + background: initial !important; + } + + .layui-nav-itemed > a, + .layui-nav-tree .layui-nav-title a, + .layui-nav-tree .layui-nav-title a:hover { + color: #212121 !important; + } + + .layui-nav-tree .layui-nav-child { + background: initial; + } + + .layui-nav-tree .layui-nav-child a { + padding-left: 0.4rem; + } + + .layui-nav-tree .layui-nav-item > a .layui-nav-more { + padding: 0; + } + .grid-md1 { + grid-template-columns: repeat(1, 1fr); + } + .grid-md2 { + grid-template-columns: repeat(2, 1fr); + } + .grid-md3 { + grid-template-columns: repeat(3, 1fr); + } + .grid-md4 { + grid-template-columns: repeat(4, 1fr); + } + .grid-md5 { + grid-template-columns: repeat(5, 1fr); + } + .grid-md6 { + grid-template-columns: repeat(6, 1fr); + } + .grid-md7 { + grid-template-columns: repeat(7, 1fr); + } + .grid-md8 { + grid-template-columns: repeat(8, 1fr); + } + .grid-md9 { + grid-template-columns: repeat(9, 1fr); + } + .grid-md10 { + grid-template-columns: repeat(10, 1fr); + } +} + +@media only screen and (max-width: 768px) { + .breadcrumb .layui-main { + padding: 0 !important; + } + .grid-xs1 { + grid-template-columns: repeat(1, 1fr); + } + .grid-xs2 { + grid-template-columns: repeat(2, 1fr); + } + .grid-xs3 { + grid-template-columns: repeat(3, 1fr); + } + .grid-xs4 { + grid-template-columns: repeat(4, 1fr); + } + .grid-xs5 { + grid-template-columns: repeat(5, 1fr); + } + .grid-xs6 { + grid-template-columns: repeat(6, 1fr); + } + .grid-xs7 { + grid-template-columns: repeat(7, 1fr); + } + .grid-xs8 { + grid-template-columns: repeat(8, 1fr); + } + .grid-xs9 { + grid-template-columns: repeat(9, 1fr); + } + .grid-xs10 { + grid-template-columns: repeat(10, 1fr); + } + .m750-w98 { + width: 98%; + } + + .m750-w96 { + width: 96%; + } + + .m750-w94 { + width: 94%; + } + + .mb150 { + margin-bottom: 70px; + } + + .flex-column-xs { + flex-direction: column; + } + + .flex-column { + flex-direction: column; + } + + .al-fs-xs { + align-items: flex-start; + } + + .d-flex-xs { + display: flex; + } + + main > section { + padding: 20px 0 !important; + } + + .head.layui-main { + width: 100%; + margin: 0; + min-height: 60px !important; + border-radius: 0; + } + + header .navbox { + color: #fff; + position: fixed; + flex-direction: column; + justify-content: flex-start; + align-items: center; + width: 100%; + background: rgba(0, 0, 0, 0.7); + height: 100vh; + left: 0; + flex: 1; + top: -200%; + z-index: 99999; + transition: all 0.3s; + display: flex; + } + + .layui-main { + width: 100% !important; + box-sizing: border-box !important; + padding: 0.2rem 0.2rem !important; + } + + main { + padding: 0 !important; + } + + .nav-btn { + display: block; + width: 50px; + height: 50px; + position: relative; + color: #000; + } + + .navbox .layui-nav-item > a { + color: #fff !important; + } + + .user_page .user_con { + flex-direction: column; + } + .ft1-xs { + font-size: 1px; + } + .ft2-xs { + font-size: 2px; + } + .ft3-xs { + font-size: 3px; + } + .ft4-xs { + font-size: 4px; + } + .ft5-xs { + font-size: 5px; + } + .ft6-xs { + font-size: 6px; + } + .ft7-xs { + font-size: 7px; + } + .ft8-xs { + font-size: 8px; + } + .ft9-xs { + font-size: 9px; + } + .ft10-xs { + font-size: 10px; + } + .ft11-xs { + font-size: 11px; + } + .ft12-xs { + font-size: 12px; + } + .ft13-xs { + font-size: 13px; + } + .ft14-xs { + font-size: 14px; + } + .ft15-xs { + font-size: 15px; + } + .ft16-xs { + font-size: 16px; + } + .ft17-xs { + font-size: 17px; + } + .ft18-xs { + font-size: 18px; + } + .ft19-xs { + font-size: 19px; + } + .ft20-xs { + font-size: 20px; + } + .ft21-xs { + font-size: 21px; + } + .ft22-xs { + font-size: 22px; + } + .ft23-xs { + font-size: 23px; + } + .ft24-xs { + font-size: 24px; + } + .ft25-xs { + font-size: 25px; + } + .ft26-xs { + font-size: 26px; + } + .ft27-xs { + font-size: 27px; + } + .ft28-xs { + font-size: 28px; + } + .ft29-xs { + font-size: 29px; + } + .ft30-xs { + font-size: 30px; + } + .ft31-xs { + font-size: 31px; + } + .ft32-xs { + font-size: 32px; + } + .ft33-xs { + font-size: 33px; + } + .ft34-xs { + font-size: 34px; + } + .ft35-xs { + font-size: 35px; + } + .ft36-xs { + font-size: 36px; + } + .ft37-xs { + font-size: 37px; + } + .ft38-xs { + font-size: 38px; + } + .ft39-xs { + font-size: 39px; + } + .ft40-xs { + font-size: 40px; + } + .ft41-xs { + font-size: 41px; + } + .ft42-xs { + font-size: 42px; + } + .ft43-xs { + font-size: 43px; + } + .ft44-xs { + font-size: 44px; + } + .ft45-xs { + font-size: 45px; + } + .ft46-xs { + font-size: 46px; + } + .ft47-xs { + font-size: 47px; + } + .ft48-xs { + font-size: 48px; + } + .ft49-xs { + font-size: 49px; + } + .ft50-xs { + font-size: 50px; + } + .ft51-xs { + font-size: 51px; + } + .ft52-xs { + font-size: 52px; + } + .ft53-xs { + font-size: 53px; + } + .ft54-xs { + font-size: 54px; + } + .ft55-xs { + font-size: 55px; + } + .ft56-xs { + font-size: 56px; + } + .ft57-xs { + font-size: 57px; + } + .ft58-xs { + font-size: 58px; + } + .ft59-xs { + font-size: 59px; + } + .ft60-xs { + font-size: 60px; + } + .ft61-xs { + font-size: 61px; + } + .ft62-xs { + font-size: 62px; + } + .ft63-xs { + font-size: 63px; + } + .ft64-xs { + font-size: 64px; + } + .ft65-xs { + font-size: 65px; + } + .ft66-xs { + font-size: 66px; + } + .ft67-xs { + font-size: 67px; + } + .ft68-xs { + font-size: 68px; + } + .ft69-xs { + font-size: 69px; + } + .ft70-xs { + font-size: 70px; + } + .ft71-xs { + font-size: 71px; + } + .ft72-xs { + font-size: 72px; + } + .ft73-xs { + font-size: 73px; + } + .ft74-xs { + font-size: 74px; + } + .ft75-xs { + font-size: 75px; + } + .ft76-xs { + font-size: 76px; + } + .ft77-xs { + font-size: 77px; + } + .ft78-xs { + font-size: 78px; + } + .ft79-xs { + font-size: 79px; + } + .ft80-xs { + font-size: 80px; + } + .ft81-xs { + font-size: 81px; + } + .ft82-xs { + font-size: 82px; + } + .ft83-xs { + font-size: 83px; + } + .ft84-xs { + font-size: 84px; + } + .ft85-xs { + font-size: 85px; + } + .ft86-xs { + font-size: 86px; + } + .ft87-xs { + font-size: 87px; + } + .ft88-xs { + font-size: 88px; + } + .ft89-xs { + font-size: 89px; + } + .ft90-xs { + font-size: 90px; + } + .ft91-xs { + font-size: 91px; + } + .ft92-xs { + font-size: 92px; + } + .ft93-xs { + font-size: 93px; + } + .ft94-xs { + font-size: 94px; + } + .ft95-xs { + font-size: 95px; + } + .ft96-xs { + font-size: 96px; + } + .ft97-xs { + font-size: 97px; + } + .ft98-xs { + font-size: 98px; + } + .ft99-xs { + font-size: 99px; + } + .ft100-xs { + font-size: 100px; + } + .m0-xs { + margin: 0px; + } + .m1-xs { + margin: 1px; + } + .m2-xs { + margin: 2px; + } + .m3-xs { + margin: 3px; + } + .m4-xs { + margin: 4px; + } + .m5-xs { + margin: 5px; + } + .m6-xs { + margin: 6px; + } + .m7-xs { + margin: 7px; + } + .m8-xs { + margin: 8px; + } + .m9-xs { + margin: 9px; + } + .m10-xs { + margin: 10px; + } + .m11-xs { + margin: 11px; + } + .m12-xs { + margin: 12px; + } + .m13-xs { + margin: 13px; + } + .m14-xs { + margin: 14px; + } + .m15-xs { + margin: 15px; + } + .m16-xs { + margin: 16px; + } + .m17-xs { + margin: 17px; + } + .m18-xs { + margin: 18px; + } + .m19-xs { + margin: 19px; + } + .m20-xs { + margin: 20px; + } + .m21-xs { + margin: 21px; + } + .m22-xs { + margin: 22px; + } + .m23-xs { + margin: 23px; + } + .m24-xs { + margin: 24px; + } + .m25-xs { + margin: 25px; + } + .m26-xs { + margin: 26px; + } + .m27-xs { + margin: 27px; + } + .m28-xs { + margin: 28px; + } + .m29-xs { + margin: 29px; + } + .m30-xs { + margin: 30px; + } + .m31-xs { + margin: 31px; + } + .m32-xs { + margin: 32px; + } + .m33-xs { + margin: 33px; + } + .m34-xs { + margin: 34px; + } + .m35-xs { + margin: 35px; + } + .m36-xs { + margin: 36px; + } + .m37-xs { + margin: 37px; + } + .m38-xs { + margin: 38px; + } + .m39-xs { + margin: 39px; + } + .m40-xs { + margin: 40px; + } + .m41-xs { + margin: 41px; + } + .m42-xs { + margin: 42px; + } + .m43-xs { + margin: 43px; + } + .m44-xs { + margin: 44px; + } + .m45-xs { + margin: 45px; + } + .m46-xs { + margin: 46px; + } + .m47-xs { + margin: 47px; + } + .m48-xs { + margin: 48px; + } + .m49-xs { + margin: 49px; + } + .m50-xs { + margin: 50px; + } + .m51-xs { + margin: 51px; + } + .m52-xs { + margin: 52px; + } + .m53-xs { + margin: 53px; + } + .m54-xs { + margin: 54px; + } + .m55-xs { + margin: 55px; + } + .m56-xs { + margin: 56px; + } + .m57-xs { + margin: 57px; + } + .m58-xs { + margin: 58px; + } + .m59-xs { + margin: 59px; + } + .m60-xs { + margin: 60px; + } + .m61-xs { + margin: 61px; + } + .m62-xs { + margin: 62px; + } + .m63-xs { + margin: 63px; + } + .m64-xs { + margin: 64px; + } + .m65-xs { + margin: 65px; + } + .m66-xs { + margin: 66px; + } + .m67-xs { + margin: 67px; + } + .m68-xs { + margin: 68px; + } + .m69-xs { + margin: 69px; + } + .m70-xs { + margin: 70px; + } + .m71-xs { + margin: 71px; + } + .m72-xs { + margin: 72px; + } + .m73-xs { + margin: 73px; + } + .m74-xs { + margin: 74px; + } + .m75-xs { + margin: 75px; + } + .m76-xs { + margin: 76px; + } + .m77-xs { + margin: 77px; + } + .m78-xs { + margin: 78px; + } + .m79-xs { + margin: 79px; + } + .m80-xs { + margin: 80px; + } + .m81-xs { + margin: 81px; + } + .m82-xs { + margin: 82px; + } + .m83-xs { + margin: 83px; + } + .m84-xs { + margin: 84px; + } + .m85-xs { + margin: 85px; + } + .m86-xs { + margin: 86px; + } + .m87-xs { + margin: 87px; + } + .m88-xs { + margin: 88px; + } + .m89-xs { + margin: 89px; + } + .m90-xs { + margin: 90px; + } + .m91-xs { + margin: 91px; + } + .m92-xs { + margin: 92px; + } + .m93-xs { + margin: 93px; + } + .m94-xs { + margin: 94px; + } + .m95-xs { + margin: 95px; + } + .m96-xs { + margin: 96px; + } + .m97-xs { + margin: 97px; + } + .m98-xs { + margin: 98px; + } + .m99-xs { + margin: 99px; + } + .m100-xs { + margin: 100px; + } + .p0-xs { + padding: 0px; + } + .p1-xs { + padding: 1px; + } + .p2-xs { + padding: 2px; + } + .p3-xs { + padding: 3px; + } + .p4-xs { + padding: 4px; + } + .p5-xs { + padding: 5px; + } + .p6-xs { + padding: 6px; + } + .p7-xs { + padding: 7px; + } + .p8-xs { + padding: 8px; + } + .p9-xs { + padding: 9px; + } + .p10-xs { + padding: 10px; + } + .p11-xs { + padding: 11px; + } + .p12-xs { + padding: 12px; + } + .p13-xs { + padding: 13px; + } + .p14-xs { + padding: 14px; + } + .p15-xs { + padding: 15px; + } + .p16-xs { + padding: 16px; + } + .p17-xs { + padding: 17px; + } + .p18-xs { + padding: 18px; + } + .p19-xs { + padding: 19px; + } + .p20-xs { + padding: 20px; + } + .p21-xs { + padding: 21px; + } + .p22-xs { + padding: 22px; + } + .p23-xs { + padding: 23px; + } + .p24-xs { + padding: 24px; + } + .p25-xs { + padding: 25px; + } + .p26-xs { + padding: 26px; + } + .p27-xs { + padding: 27px; + } + .p28-xs { + padding: 28px; + } + .p29-xs { + padding: 29px; + } + .p30-xs { + padding: 30px; + } + .p31-xs { + padding: 31px; + } + .p32-xs { + padding: 32px; + } + .p33-xs { + padding: 33px; + } + .p34-xs { + padding: 34px; + } + .p35-xs { + padding: 35px; + } + .p36-xs { + padding: 36px; + } + .p37-xs { + padding: 37px; + } + .p38-xs { + padding: 38px; + } + .p39-xs { + padding: 39px; + } + .p40-xs { + padding: 40px; + } + .p41-xs { + padding: 41px; + } + .p42-xs { + padding: 42px; + } + .p43-xs { + padding: 43px; + } + .p44-xs { + padding: 44px; + } + .p45-xs { + padding: 45px; + } + .p46-xs { + padding: 46px; + } + .p47-xs { + padding: 47px; + } + .p48-xs { + padding: 48px; + } + .p49-xs { + padding: 49px; + } + .p50-xs { + padding: 50px; + } + .p51-xs { + padding: 51px; + } + .p52-xs { + padding: 52px; + } + .p53-xs { + padding: 53px; + } + .p54-xs { + padding: 54px; + } + .p55-xs { + padding: 55px; + } + .p56-xs { + padding: 56px; + } + .p57-xs { + padding: 57px; + } + .p58-xs { + padding: 58px; + } + .p59-xs { + padding: 59px; + } + .p60-xs { + padding: 60px; + } + .p61-xs { + padding: 61px; + } + .p62-xs { + padding: 62px; + } + .p63-xs { + padding: 63px; + } + .p64-xs { + padding: 64px; + } + .p65-xs { + padding: 65px; + } + .p66-xs { + padding: 66px; + } + .p67-xs { + padding: 67px; + } + .p68-xs { + padding: 68px; + } + .p69-xs { + padding: 69px; + } + .p70-xs { + padding: 70px; + } + .p71-xs { + padding: 71px; + } + .p72-xs { + padding: 72px; + } + .p73-xs { + padding: 73px; + } + .p74-xs { + padding: 74px; + } + .p75-xs { + padding: 75px; + } + .p76-xs { + padding: 76px; + } + .p77-xs { + padding: 77px; + } + .p78-xs { + padding: 78px; + } + .p79-xs { + padding: 79px; + } + .p80-xs { + padding: 80px; + } + .p81-xs { + padding: 81px; + } + .p82-xs { + padding: 82px; + } + .p83-xs { + padding: 83px; + } + .p84-xs { + padding: 84px; + } + .p85-xs { + padding: 85px; + } + .p86-xs { + padding: 86px; + } + .p87-xs { + padding: 87px; + } + .p88-xs { + padding: 88px; + } + .p89-xs { + padding: 89px; + } + .p90-xs { + padding: 90px; + } + .p91-xs { + padding: 91px; + } + .p92-xs { + padding: 92px; + } + .p93-xs { + padding: 93px; + } + .p94-xs { + padding: 94px; + } + .p95-xs { + padding: 95px; + } + .p96-xs { + padding: 96px; + } + .p97-xs { + padding: 97px; + } + .p98-xs { + padding: 98px; + } + .p99-xs { + padding: 99px; + } + .p100-xs { + padding: 100px; + } + .mb0-xs { + margin-bottom: 0px; + } + .mb1-xs { + margin-bottom: 1px; + } + .mb2-xs { + margin-bottom: 2px; + } + .mb3-xs { + margin-bottom: 3px; + } + .mb4-xs { + margin-bottom: 4px; + } + .mb5-xs { + margin-bottom: 5px; + } + .mb6-xs { + margin-bottom: 6px; + } + .mb7-xs { + margin-bottom: 7px; + } + .mb8-xs { + margin-bottom: 8px; + } + .mb9-xs { + margin-bottom: 9px; + } + .mb10-xs { + margin-bottom: 10px; + } + .mb11-xs { + margin-bottom: 11px; + } + .mb12-xs { + margin-bottom: 12px; + } + .mb13-xs { + margin-bottom: 13px; + } + .mb14-xs { + margin-bottom: 14px; + } + .mb15-xs { + margin-bottom: 15px; + } + .mb16-xs { + margin-bottom: 16px; + } + .mb17-xs { + margin-bottom: 17px; + } + .mb18-xs { + margin-bottom: 18px; + } + .mb19-xs { + margin-bottom: 19px; + } + .mb20-xs { + margin-bottom: 20px; + } + .mb21-xs { + margin-bottom: 21px; + } + .mb22-xs { + margin-bottom: 22px; + } + .mb23-xs { + margin-bottom: 23px; + } + .mb24-xs { + margin-bottom: 24px; + } + .mb25-xs { + margin-bottom: 25px; + } + .mb26-xs { + margin-bottom: 26px; + } + .mb27-xs { + margin-bottom: 27px; + } + .mb28-xs { + margin-bottom: 28px; + } + .mb29-xs { + margin-bottom: 29px; + } + .mb30-xs { + margin-bottom: 30px; + } + .mb31-xs { + margin-bottom: 31px; + } + .mb32-xs { + margin-bottom: 32px; + } + .mb33-xs { + margin-bottom: 33px; + } + .mb34-xs { + margin-bottom: 34px; + } + .mb35-xs { + margin-bottom: 35px; + } + .mb36-xs { + margin-bottom: 36px; + } + .mb37-xs { + margin-bottom: 37px; + } + .mb38-xs { + margin-bottom: 38px; + } + .mb39-xs { + margin-bottom: 39px; + } + .mb40-xs { + margin-bottom: 40px; + } + .mb41-xs { + margin-bottom: 41px; + } + .mb42-xs { + margin-bottom: 42px; + } + .mb43-xs { + margin-bottom: 43px; + } + .mb44-xs { + margin-bottom: 44px; + } + .mb45-xs { + margin-bottom: 45px; + } + .mb46-xs { + margin-bottom: 46px; + } + .mb47-xs { + margin-bottom: 47px; + } + .mb48-xs { + margin-bottom: 48px; + } + .mb49-xs { + margin-bottom: 49px; + } + .mb50-xs { + margin-bottom: 50px; + } + .mb51-xs { + margin-bottom: 51px; + } + .mb52-xs { + margin-bottom: 52px; + } + .mb53-xs { + margin-bottom: 53px; + } + .mb54-xs { + margin-bottom: 54px; + } + .mb55-xs { + margin-bottom: 55px; + } + .mb56-xs { + margin-bottom: 56px; + } + .mb57-xs { + margin-bottom: 57px; + } + .mb58-xs { + margin-bottom: 58px; + } + .mb59-xs { + margin-bottom: 59px; + } + .mb60-xs { + margin-bottom: 60px; + } + .mb61-xs { + margin-bottom: 61px; + } + .mb62-xs { + margin-bottom: 62px; + } + .mb63-xs { + margin-bottom: 63px; + } + .mb64-xs { + margin-bottom: 64px; + } + .mb65-xs { + margin-bottom: 65px; + } + .mb66-xs { + margin-bottom: 66px; + } + .mb67-xs { + margin-bottom: 67px; + } + .mb68-xs { + margin-bottom: 68px; + } + .mb69-xs { + margin-bottom: 69px; + } + .mb70-xs { + margin-bottom: 70px; + } + .mb71-xs { + margin-bottom: 71px; + } + .mb72-xs { + margin-bottom: 72px; + } + .mb73-xs { + margin-bottom: 73px; + } + .mb74-xs { + margin-bottom: 74px; + } + .mb75-xs { + margin-bottom: 75px; + } + .mb76-xs { + margin-bottom: 76px; + } + .mb77-xs { + margin-bottom: 77px; + } + .mb78-xs { + margin-bottom: 78px; + } + .mb79-xs { + margin-bottom: 79px; + } + .mb80-xs { + margin-bottom: 80px; + } + .mb81-xs { + margin-bottom: 81px; + } + .mb82-xs { + margin-bottom: 82px; + } + .mb83-xs { + margin-bottom: 83px; + } + .mb84-xs { + margin-bottom: 84px; + } + .mb85-xs { + margin-bottom: 85px; + } + .mb86-xs { + margin-bottom: 86px; + } + .mb87-xs { + margin-bottom: 87px; + } + .mb88-xs { + margin-bottom: 88px; + } + .mb89-xs { + margin-bottom: 89px; + } + .mb90-xs { + margin-bottom: 90px; + } + .mb91-xs { + margin-bottom: 91px; + } + .mb92-xs { + margin-bottom: 92px; + } + .mb93-xs { + margin-bottom: 93px; + } + .mb94-xs { + margin-bottom: 94px; + } + .mb95-xs { + margin-bottom: 95px; + } + .mb96-xs { + margin-bottom: 96px; + } + .mb97-xs { + margin-bottom: 97px; + } + .mb98-xs { + margin-bottom: 98px; + } + .mb99-xs { + margin-bottom: 99px; + } + .mb100-xs { + margin-bottom: 100px; + } + .mt0-xs { + margin-top: 0px; + } + .mt1-xs { + margin-top: 1px; + } + .mt2-xs { + margin-top: 2px; + } + .mt3-xs { + margin-top: 3px; + } + .mt4-xs { + margin-top: 4px; + } + .mt5-xs { + margin-top: 5px; + } + .mt6-xs { + margin-top: 6px; + } + .mt7-xs { + margin-top: 7px; + } + .mt8-xs { + margin-top: 8px; + } + .mt9-xs { + margin-top: 9px; + } + .mt10-xs { + margin-top: 10px; + } + .mt11-xs { + margin-top: 11px; + } + .mt12-xs { + margin-top: 12px; + } + .mt13-xs { + margin-top: 13px; + } + .mt14-xs { + margin-top: 14px; + } + .mt15-xs { + margin-top: 15px; + } + .mt16-xs { + margin-top: 16px; + } + .mt17-xs { + margin-top: 17px; + } + .mt18-xs { + margin-top: 18px; + } + .mt19-xs { + margin-top: 19px; + } + .mt20-xs { + margin-top: 20px; + } + .mt21-xs { + margin-top: 21px; + } + .mt22-xs { + margin-top: 22px; + } + .mt23-xs { + margin-top: 23px; + } + .mt24-xs { + margin-top: 24px; + } + .mt25-xs { + margin-top: 25px; + } + .mt26-xs { + margin-top: 26px; + } + .mt27-xs { + margin-top: 27px; + } + .mt28-xs { + margin-top: 28px; + } + .mt29-xs { + margin-top: 29px; + } + .mt30-xs { + margin-top: 30px; + } + .mt31-xs { + margin-top: 31px; + } + .mt32-xs { + margin-top: 32px; + } + .mt33-xs { + margin-top: 33px; + } + .mt34-xs { + margin-top: 34px; + } + .mt35-xs { + margin-top: 35px; + } + .mt36-xs { + margin-top: 36px; + } + .mt37-xs { + margin-top: 37px; + } + .mt38-xs { + margin-top: 38px; + } + .mt39-xs { + margin-top: 39px; + } + .mt40-xs { + margin-top: 40px; + } + .mt41-xs { + margin-top: 41px; + } + .mt42-xs { + margin-top: 42px; + } + .mt43-xs { + margin-top: 43px; + } + .mt44-xs { + margin-top: 44px; + } + .mt45-xs { + margin-top: 45px; + } + .mt46-xs { + margin-top: 46px; + } + .mt47-xs { + margin-top: 47px; + } + .mt48-xs { + margin-top: 48px; + } + .mt49-xs { + margin-top: 49px; + } + .mt50-xs { + margin-top: 50px; + } + .mt51-xs { + margin-top: 51px; + } + .mt52-xs { + margin-top: 52px; + } + .mt53-xs { + margin-top: 53px; + } + .mt54-xs { + margin-top: 54px; + } + .mt55-xs { + margin-top: 55px; + } + .mt56-xs { + margin-top: 56px; + } + .mt57-xs { + margin-top: 57px; + } + .mt58-xs { + margin-top: 58px; + } + .mt59-xs { + margin-top: 59px; + } + .mt60-xs { + margin-top: 60px; + } + .mt61-xs { + margin-top: 61px; + } + .mt62-xs { + margin-top: 62px; + } + .mt63-xs { + margin-top: 63px; + } + .mt64-xs { + margin-top: 64px; + } + .mt65-xs { + margin-top: 65px; + } + .mt66-xs { + margin-top: 66px; + } + .mt67-xs { + margin-top: 67px; + } + .mt68-xs { + margin-top: 68px; + } + .mt69-xs { + margin-top: 69px; + } + .mt70-xs { + margin-top: 70px; + } + .mt71-xs { + margin-top: 71px; + } + .mt72-xs { + margin-top: 72px; + } + .mt73-xs { + margin-top: 73px; + } + .mt74-xs { + margin-top: 74px; + } + .mt75-xs { + margin-top: 75px; + } + .mt76-xs { + margin-top: 76px; + } + .mt77-xs { + margin-top: 77px; + } + .mt78-xs { + margin-top: 78px; + } + .mt79-xs { + margin-top: 79px; + } + .mt80-xs { + margin-top: 80px; + } + .mt81-xs { + margin-top: 81px; + } + .mt82-xs { + margin-top: 82px; + } + .mt83-xs { + margin-top: 83px; + } + .mt84-xs { + margin-top: 84px; + } + .mt85-xs { + margin-top: 85px; + } + .mt86-xs { + margin-top: 86px; + } + .mt87-xs { + margin-top: 87px; + } + .mt88-xs { + margin-top: 88px; + } + .mt89-xs { + margin-top: 89px; + } + .mt90-xs { + margin-top: 90px; + } + .mt91-xs { + margin-top: 91px; + } + .mt92-xs { + margin-top: 92px; + } + .mt93-xs { + margin-top: 93px; + } + .mt94-xs { + margin-top: 94px; + } + .mt95-xs { + margin-top: 95px; + } + .mt96-xs { + margin-top: 96px; + } + .mt97-xs { + margin-top: 97px; + } + .mt98-xs { + margin-top: 98px; + } + .mt99-xs { + margin-top: 99px; + } + .mt100-xs { + margin-top: 100px; + } + .ml0-xs { + margin-left: 0px; + } + .ml1-xs { + margin-left: 1px; + } + .ml2-xs { + margin-left: 2px; + } + .ml3-xs { + margin-left: 3px; + } + .ml4-xs { + margin-left: 4px; + } + .ml5-xs { + margin-left: 5px; + } + .ml6-xs { + margin-left: 6px; + } + .ml7-xs { + margin-left: 7px; + } + .ml8-xs { + margin-left: 8px; + } + .ml9-xs { + margin-left: 9px; + } + .ml10-xs { + margin-left: 10px; + } + .ml11-xs { + margin-left: 11px; + } + .ml12-xs { + margin-left: 12px; + } + .ml13-xs { + margin-left: 13px; + } + .ml14-xs { + margin-left: 14px; + } + .ml15-xs { + margin-left: 15px; + } + .ml16-xs { + margin-left: 16px; + } + .ml17-xs { + margin-left: 17px; + } + .ml18-xs { + margin-left: 18px; + } + .ml19-xs { + margin-left: 19px; + } + .ml20-xs { + margin-left: 20px; + } + .ml21-xs { + margin-left: 21px; + } + .ml22-xs { + margin-left: 22px; + } + .ml23-xs { + margin-left: 23px; + } + .ml24-xs { + margin-left: 24px; + } + .ml25-xs { + margin-left: 25px; + } + .ml26-xs { + margin-left: 26px; + } + .ml27-xs { + margin-left: 27px; + } + .ml28-xs { + margin-left: 28px; + } + .ml29-xs { + margin-left: 29px; + } + .ml30-xs { + margin-left: 30px; + } + .ml31-xs { + margin-left: 31px; + } + .ml32-xs { + margin-left: 32px; + } + .ml33-xs { + margin-left: 33px; + } + .ml34-xs { + margin-left: 34px; + } + .ml35-xs { + margin-left: 35px; + } + .ml36-xs { + margin-left: 36px; + } + .ml37-xs { + margin-left: 37px; + } + .ml38-xs { + margin-left: 38px; + } + .ml39-xs { + margin-left: 39px; + } + .ml40-xs { + margin-left: 40px; + } + .ml41-xs { + margin-left: 41px; + } + .ml42-xs { + margin-left: 42px; + } + .ml43-xs { + margin-left: 43px; + } + .ml44-xs { + margin-left: 44px; + } + .ml45-xs { + margin-left: 45px; + } + .ml46-xs { + margin-left: 46px; + } + .ml47-xs { + margin-left: 47px; + } + .ml48-xs { + margin-left: 48px; + } + .ml49-xs { + margin-left: 49px; + } + .ml50-xs { + margin-left: 50px; + } + .ml51-xs { + margin-left: 51px; + } + .ml52-xs { + margin-left: 52px; + } + .ml53-xs { + margin-left: 53px; + } + .ml54-xs { + margin-left: 54px; + } + .ml55-xs { + margin-left: 55px; + } + .ml56-xs { + margin-left: 56px; + } + .ml57-xs { + margin-left: 57px; + } + .ml58-xs { + margin-left: 58px; + } + .ml59-xs { + margin-left: 59px; + } + .ml60-xs { + margin-left: 60px; + } + .ml61-xs { + margin-left: 61px; + } + .ml62-xs { + margin-left: 62px; + } + .ml63-xs { + margin-left: 63px; + } + .ml64-xs { + margin-left: 64px; + } + .ml65-xs { + margin-left: 65px; + } + .ml66-xs { + margin-left: 66px; + } + .ml67-xs { + margin-left: 67px; + } + .ml68-xs { + margin-left: 68px; + } + .ml69-xs { + margin-left: 69px; + } + .ml70-xs { + margin-left: 70px; + } + .ml71-xs { + margin-left: 71px; + } + .ml72-xs { + margin-left: 72px; + } + .ml73-xs { + margin-left: 73px; + } + .ml74-xs { + margin-left: 74px; + } + .ml75-xs { + margin-left: 75px; + } + .ml76-xs { + margin-left: 76px; + } + .ml77-xs { + margin-left: 77px; + } + .ml78-xs { + margin-left: 78px; + } + .ml79-xs { + margin-left: 79px; + } + .ml80-xs { + margin-left: 80px; + } + .ml81-xs { + margin-left: 81px; + } + .ml82-xs { + margin-left: 82px; + } + .ml83-xs { + margin-left: 83px; + } + .ml84-xs { + margin-left: 84px; + } + .ml85-xs { + margin-left: 85px; + } + .ml86-xs { + margin-left: 86px; + } + .ml87-xs { + margin-left: 87px; + } + .ml88-xs { + margin-left: 88px; + } + .ml89-xs { + margin-left: 89px; + } + .ml90-xs { + margin-left: 90px; + } + .ml91-xs { + margin-left: 91px; + } + .ml92-xs { + margin-left: 92px; + } + .ml93-xs { + margin-left: 93px; + } + .ml94-xs { + margin-left: 94px; + } + .ml95-xs { + margin-left: 95px; + } + .ml96-xs { + margin-left: 96px; + } + .ml97-xs { + margin-left: 97px; + } + .ml98-xs { + margin-left: 98px; + } + .ml99-xs { + margin-left: 99px; + } + .ml100-xs { + margin-left: 100px; + } + .mr0-xs { + margin-right: 0px; + } + .mr1-xs { + margin-right: 1px; + } + .mr2-xs { + margin-right: 2px; + } + .mr3-xs { + margin-right: 3px; + } + .mr4-xs { + margin-right: 4px; + } + .mr5-xs { + margin-right: 5px; + } + .mr6-xs { + margin-right: 6px; + } + .mr7-xs { + margin-right: 7px; + } + .mr8-xs { + margin-right: 8px; + } + .mr9-xs { + margin-right: 9px; + } + .mr10-xs { + margin-right: 10px; + } + .mr11-xs { + margin-right: 11px; + } + .mr12-xs { + margin-right: 12px; + } + .mr13-xs { + margin-right: 13px; + } + .mr14-xs { + margin-right: 14px; + } + .mr15-xs { + margin-right: 15px; + } + .mr16-xs { + margin-right: 16px; + } + .mr17-xs { + margin-right: 17px; + } + .mr18-xs { + margin-right: 18px; + } + .mr19-xs { + margin-right: 19px; + } + .mr20-xs { + margin-right: 20px; + } + .mr21-xs { + margin-right: 21px; + } + .mr22-xs { + margin-right: 22px; + } + .mr23-xs { + margin-right: 23px; + } + .mr24-xs { + margin-right: 24px; + } + .mr25-xs { + margin-right: 25px; + } + .mr26-xs { + margin-right: 26px; + } + .mr27-xs { + margin-right: 27px; + } + .mr28-xs { + margin-right: 28px; + } + .mr29-xs { + margin-right: 29px; + } + .mr30-xs { + margin-right: 30px; + } + .mr31-xs { + margin-right: 31px; + } + .mr32-xs { + margin-right: 32px; + } + .mr33-xs { + margin-right: 33px; + } + .mr34-xs { + margin-right: 34px; + } + .mr35-xs { + margin-right: 35px; + } + .mr36-xs { + margin-right: 36px; + } + .mr37-xs { + margin-right: 37px; + } + .mr38-xs { + margin-right: 38px; + } + .mr39-xs { + margin-right: 39px; + } + .mr40-xs { + margin-right: 40px; + } + .mr41-xs { + margin-right: 41px; + } + .mr42-xs { + margin-right: 42px; + } + .mr43-xs { + margin-right: 43px; + } + .mr44-xs { + margin-right: 44px; + } + .mr45-xs { + margin-right: 45px; + } + .mr46-xs { + margin-right: 46px; + } + .mr47-xs { + margin-right: 47px; + } + .mr48-xs { + margin-right: 48px; + } + .mr49-xs { + margin-right: 49px; + } + .mr50-xs { + margin-right: 50px; + } + .mr51-xs { + margin-right: 51px; + } + .mr52-xs { + margin-right: 52px; + } + .mr53-xs { + margin-right: 53px; + } + .mr54-xs { + margin-right: 54px; + } + .mr55-xs { + margin-right: 55px; + } + .mr56-xs { + margin-right: 56px; + } + .mr57-xs { + margin-right: 57px; + } + .mr58-xs { + margin-right: 58px; + } + .mr59-xs { + margin-right: 59px; + } + .mr60-xs { + margin-right: 60px; + } + .mr61-xs { + margin-right: 61px; + } + .mr62-xs { + margin-right: 62px; + } + .mr63-xs { + margin-right: 63px; + } + .mr64-xs { + margin-right: 64px; + } + .mr65-xs { + margin-right: 65px; + } + .mr66-xs { + margin-right: 66px; + } + .mr67-xs { + margin-right: 67px; + } + .mr68-xs { + margin-right: 68px; + } + .mr69-xs { + margin-right: 69px; + } + .mr70-xs { + margin-right: 70px; + } + .mr71-xs { + margin-right: 71px; + } + .mr72-xs { + margin-right: 72px; + } + .mr73-xs { + margin-right: 73px; + } + .mr74-xs { + margin-right: 74px; + } + .mr75-xs { + margin-right: 75px; + } + .mr76-xs { + margin-right: 76px; + } + .mr77-xs { + margin-right: 77px; + } + .mr78-xs { + margin-right: 78px; + } + .mr79-xs { + margin-right: 79px; + } + .mr80-xs { + margin-right: 80px; + } + .mr81-xs { + margin-right: 81px; + } + .mr82-xs { + margin-right: 82px; + } + .mr83-xs { + margin-right: 83px; + } + .mr84-xs { + margin-right: 84px; + } + .mr85-xs { + margin-right: 85px; + } + .mr86-xs { + margin-right: 86px; + } + .mr87-xs { + margin-right: 87px; + } + .mr88-xs { + margin-right: 88px; + } + .mr89-xs { + margin-right: 89px; + } + .mr90-xs { + margin-right: 90px; + } + .mr91-xs { + margin-right: 91px; + } + .mr92-xs { + margin-right: 92px; + } + .mr93-xs { + margin-right: 93px; + } + .mr94-xs { + margin-right: 94px; + } + .mr95-xs { + margin-right: 95px; + } + .mr96-xs { + margin-right: 96px; + } + .mr97-xs { + margin-right: 97px; + } + .mr98-xs { + margin-right: 98px; + } + .mr99-xs { + margin-right: 99px; + } + .mr100-xs { + margin-right: 100px; + } + .pb0-xs { + padding-bottom: 0px; + } + .pb1-xs { + padding-bottom: 1px; + } + .pb2-xs { + padding-bottom: 2px; + } + .pb3-xs { + padding-bottom: 3px; + } + .pb4-xs { + padding-bottom: 4px; + } + .pb5-xs { + padding-bottom: 5px; + } + .pb6-xs { + padding-bottom: 6px; + } + .pb7-xs { + padding-bottom: 7px; + } + .pb8-xs { + padding-bottom: 8px; + } + .pb9-xs { + padding-bottom: 9px; + } + .pb10-xs { + padding-bottom: 10px; + } + .pb11-xs { + padding-bottom: 11px; + } + .pb12-xs { + padding-bottom: 12px; + } + .pb13-xs { + padding-bottom: 13px; + } + .pb14-xs { + padding-bottom: 14px; + } + .pb15-xs { + padding-bottom: 15px; + } + .pb16-xs { + padding-bottom: 16px; + } + .pb17-xs { + padding-bottom: 17px; + } + .pb18-xs { + padding-bottom: 18px; + } + .pb19-xs { + padding-bottom: 19px; + } + .pb20-xs { + padding-bottom: 20px; + } + .pb21-xs { + padding-bottom: 21px; + } + .pb22-xs { + padding-bottom: 22px; + } + .pb23-xs { + padding-bottom: 23px; + } + .pb24-xs { + padding-bottom: 24px; + } + .pb25-xs { + padding-bottom: 25px; + } + .pb26-xs { + padding-bottom: 26px; + } + .pb27-xs { + padding-bottom: 27px; + } + .pb28-xs { + padding-bottom: 28px; + } + .pb29-xs { + padding-bottom: 29px; + } + .pb30-xs { + padding-bottom: 30px; + } + .pb31-xs { + padding-bottom: 31px; + } + .pb32-xs { + padding-bottom: 32px; + } + .pb33-xs { + padding-bottom: 33px; + } + .pb34-xs { + padding-bottom: 34px; + } + .pb35-xs { + padding-bottom: 35px; + } + .pb36-xs { + padding-bottom: 36px; + } + .pb37-xs { + padding-bottom: 37px; + } + .pb38-xs { + padding-bottom: 38px; + } + .pb39-xs { + padding-bottom: 39px; + } + .pb40-xs { + padding-bottom: 40px; + } + .pb41-xs { + padding-bottom: 41px; + } + .pb42-xs { + padding-bottom: 42px; + } + .pb43-xs { + padding-bottom: 43px; + } + .pb44-xs { + padding-bottom: 44px; + } + .pb45-xs { + padding-bottom: 45px; + } + .pb46-xs { + padding-bottom: 46px; + } + .pb47-xs { + padding-bottom: 47px; + } + .pb48-xs { + padding-bottom: 48px; + } + .pb49-xs { + padding-bottom: 49px; + } + .pb50-xs { + padding-bottom: 50px; + } + .pb51-xs { + padding-bottom: 51px; + } + .pb52-xs { + padding-bottom: 52px; + } + .pb53-xs { + padding-bottom: 53px; + } + .pb54-xs { + padding-bottom: 54px; + } + .pb55-xs { + padding-bottom: 55px; + } + .pb56-xs { + padding-bottom: 56px; + } + .pb57-xs { + padding-bottom: 57px; + } + .pb58-xs { + padding-bottom: 58px; + } + .pb59-xs { + padding-bottom: 59px; + } + .pb60-xs { + padding-bottom: 60px; + } + .pb61-xs { + padding-bottom: 61px; + } + .pb62-xs { + padding-bottom: 62px; + } + .pb63-xs { + padding-bottom: 63px; + } + .pb64-xs { + padding-bottom: 64px; + } + .pb65-xs { + padding-bottom: 65px; + } + .pb66-xs { + padding-bottom: 66px; + } + .pb67-xs { + padding-bottom: 67px; + } + .pb68-xs { + padding-bottom: 68px; + } + .pb69-xs { + padding-bottom: 69px; + } + .pb70-xs { + padding-bottom: 70px; + } + .pb71-xs { + padding-bottom: 71px; + } + .pb72-xs { + padding-bottom: 72px; + } + .pb73-xs { + padding-bottom: 73px; + } + .pb74-xs { + padding-bottom: 74px; + } + .pb75-xs { + padding-bottom: 75px; + } + .pb76-xs { + padding-bottom: 76px; + } + .pb77-xs { + padding-bottom: 77px; + } + .pb78-xs { + padding-bottom: 78px; + } + .pb79-xs { + padding-bottom: 79px; + } + .pb80-xs { + padding-bottom: 80px; + } + .pb81-xs { + padding-bottom: 81px; + } + .pb82-xs { + padding-bottom: 82px; + } + .pb83-xs { + padding-bottom: 83px; + } + .pb84-xs { + padding-bottom: 84px; + } + .pb85-xs { + padding-bottom: 85px; + } + .pb86-xs { + padding-bottom: 86px; + } + .pb87-xs { + padding-bottom: 87px; + } + .pb88-xs { + padding-bottom: 88px; + } + .pb89-xs { + padding-bottom: 89px; + } + .pb90-xs { + padding-bottom: 90px; + } + .pb91-xs { + padding-bottom: 91px; + } + .pb92-xs { + padding-bottom: 92px; + } + .pb93-xs { + padding-bottom: 93px; + } + .pb94-xs { + padding-bottom: 94px; + } + .pb95-xs { + padding-bottom: 95px; + } + .pb96-xs { + padding-bottom: 96px; + } + .pb97-xs { + padding-bottom: 97px; + } + .pb98-xs { + padding-bottom: 98px; + } + .pb99-xs { + padding-bottom: 99px; + } + .pb100-xs { + padding-bottom: 100px; + } + .pt0-xs { + padding-top: 0px; + } + .pt1-xs { + padding-top: 1px; + } + .pt2-xs { + padding-top: 2px; + } + .pt3-xs { + padding-top: 3px; + } + .pt4-xs { + padding-top: 4px; + } + .pt5-xs { + padding-top: 5px; + } + .pt6-xs { + padding-top: 6px; + } + .pt7-xs { + padding-top: 7px; + } + .pt8-xs { + padding-top: 8px; + } + .pt9-xs { + padding-top: 9px; + } + .pt10-xs { + padding-top: 10px; + } + .pt11-xs { + padding-top: 11px; + } + .pt12-xs { + padding-top: 12px; + } + .pt13-xs { + padding-top: 13px; + } + .pt14-xs { + padding-top: 14px; + } + .pt15-xs { + padding-top: 15px; + } + .pt16-xs { + padding-top: 16px; + } + .pt17-xs { + padding-top: 17px; + } + .pt18-xs { + padding-top: 18px; + } + .pt19-xs { + padding-top: 19px; + } + .pt20-xs { + padding-top: 20px; + } + .pt21-xs { + padding-top: 21px; + } + .pt22-xs { + padding-top: 22px; + } + .pt23-xs { + padding-top: 23px; + } + .pt24-xs { + padding-top: 24px; + } + .pt25-xs { + padding-top: 25px; + } + .pt26-xs { + padding-top: 26px; + } + .pt27-xs { + padding-top: 27px; + } + .pt28-xs { + padding-top: 28px; + } + .pt29-xs { + padding-top: 29px; + } + .pt30-xs { + padding-top: 30px; + } + .pt31-xs { + padding-top: 31px; + } + .pt32-xs { + padding-top: 32px; + } + .pt33-xs { + padding-top: 33px; + } + .pt34-xs { + padding-top: 34px; + } + .pt35-xs { + padding-top: 35px; + } + .pt36-xs { + padding-top: 36px; + } + .pt37-xs { + padding-top: 37px; + } + .pt38-xs { + padding-top: 38px; + } + .pt39-xs { + padding-top: 39px; + } + .pt40-xs { + padding-top: 40px; + } + .pt41-xs { + padding-top: 41px; + } + .pt42-xs { + padding-top: 42px; + } + .pt43-xs { + padding-top: 43px; + } + .pt44-xs { + padding-top: 44px; + } + .pt45-xs { + padding-top: 45px; + } + .pt46-xs { + padding-top: 46px; + } + .pt47-xs { + padding-top: 47px; + } + .pt48-xs { + padding-top: 48px; + } + .pt49-xs { + padding-top: 49px; + } + .pt50-xs { + padding-top: 50px; + } + .pt51-xs { + padding-top: 51px; + } + .pt52-xs { + padding-top: 52px; + } + .pt53-xs { + padding-top: 53px; + } + .pt54-xs { + padding-top: 54px; + } + .pt55-xs { + padding-top: 55px; + } + .pt56-xs { + padding-top: 56px; + } + .pt57-xs { + padding-top: 57px; + } + .pt58-xs { + padding-top: 58px; + } + .pt59-xs { + padding-top: 59px; + } + .pt60-xs { + padding-top: 60px; + } + .pt61-xs { + padding-top: 61px; + } + .pt62-xs { + padding-top: 62px; + } + .pt63-xs { + padding-top: 63px; + } + .pt64-xs { + padding-top: 64px; + } + .pt65-xs { + padding-top: 65px; + } + .pt66-xs { + padding-top: 66px; + } + .pt67-xs { + padding-top: 67px; + } + .pt68-xs { + padding-top: 68px; + } + .pt69-xs { + padding-top: 69px; + } + .pt70-xs { + padding-top: 70px; + } + .pt71-xs { + padding-top: 71px; + } + .pt72-xs { + padding-top: 72px; + } + .pt73-xs { + padding-top: 73px; + } + .pt74-xs { + padding-top: 74px; + } + .pt75-xs { + padding-top: 75px; + } + .pt76-xs { + padding-top: 76px; + } + .pt77-xs { + padding-top: 77px; + } + .pt78-xs { + padding-top: 78px; + } + .pt79-xs { + padding-top: 79px; + } + .pt80-xs { + padding-top: 80px; + } + .pt81-xs { + padding-top: 81px; + } + .pt82-xs { + padding-top: 82px; + } + .pt83-xs { + padding-top: 83px; + } + .pt84-xs { + padding-top: 84px; + } + .pt85-xs { + padding-top: 85px; + } + .pt86-xs { + padding-top: 86px; + } + .pt87-xs { + padding-top: 87px; + } + .pt88-xs { + padding-top: 88px; + } + .pt89-xs { + padding-top: 89px; + } + .pt90-xs { + padding-top: 90px; + } + .pt91-xs { + padding-top: 91px; + } + .pt92-xs { + padding-top: 92px; + } + .pt93-xs { + padding-top: 93px; + } + .pt94-xs { + padding-top: 94px; + } + .pt95-xs { + padding-top: 95px; + } + .pt96-xs { + padding-top: 96px; + } + .pt97-xs { + padding-top: 97px; + } + .pt98-xs { + padding-top: 98px; + } + .pt99-xs { + padding-top: 99px; + } + .pt100-xs { + padding-top: 100px; + } + .pl0-xs { + padding-left: 0px; + } + .pl1-xs { + padding-left: 1px; + } + .pl2-xs { + padding-left: 2px; + } + .pl3-xs { + padding-left: 3px; + } + .pl4-xs { + padding-left: 4px; + } + .pl5-xs { + padding-left: 5px; + } + .pl6-xs { + padding-left: 6px; + } + .pl7-xs { + padding-left: 7px; + } + .pl8-xs { + padding-left: 8px; + } + .pl9-xs { + padding-left: 9px; + } + .pl10-xs { + padding-left: 10px; + } + .pl11-xs { + padding-left: 11px; + } + .pl12-xs { + padding-left: 12px; + } + .pl13-xs { + padding-left: 13px; + } + .pl14-xs { + padding-left: 14px; + } + .pl15-xs { + padding-left: 15px; + } + .pl16-xs { + padding-left: 16px; + } + .pl17-xs { + padding-left: 17px; + } + .pl18-xs { + padding-left: 18px; + } + .pl19-xs { + padding-left: 19px; + } + .pl20-xs { + padding-left: 20px; + } + .pl21-xs { + padding-left: 21px; + } + .pl22-xs { + padding-left: 22px; + } + .pl23-xs { + padding-left: 23px; + } + .pl24-xs { + padding-left: 24px; + } + .pl25-xs { + padding-left: 25px; + } + .pl26-xs { + padding-left: 26px; + } + .pl27-xs { + padding-left: 27px; + } + .pl28-xs { + padding-left: 28px; + } + .pl29-xs { + padding-left: 29px; + } + .pl30-xs { + padding-left: 30px; + } + .pl31-xs { + padding-left: 31px; + } + .pl32-xs { + padding-left: 32px; + } + .pl33-xs { + padding-left: 33px; + } + .pl34-xs { + padding-left: 34px; + } + .pl35-xs { + padding-left: 35px; + } + .pl36-xs { + padding-left: 36px; + } + .pl37-xs { + padding-left: 37px; + } + .pl38-xs { + padding-left: 38px; + } + .pl39-xs { + padding-left: 39px; + } + .pl40-xs { + padding-left: 40px; + } + .pl41-xs { + padding-left: 41px; + } + .pl42-xs { + padding-left: 42px; + } + .pl43-xs { + padding-left: 43px; + } + .pl44-xs { + padding-left: 44px; + } + .pl45-xs { + padding-left: 45px; + } + .pl46-xs { + padding-left: 46px; + } + .pl47-xs { + padding-left: 47px; + } + .pl48-xs { + padding-left: 48px; + } + .pl49-xs { + padding-left: 49px; + } + .pl50-xs { + padding-left: 50px; + } + .pl51-xs { + padding-left: 51px; + } + .pl52-xs { + padding-left: 52px; + } + .pl53-xs { + padding-left: 53px; + } + .pl54-xs { + padding-left: 54px; + } + .pl55-xs { + padding-left: 55px; + } + .pl56-xs { + padding-left: 56px; + } + .pl57-xs { + padding-left: 57px; + } + .pl58-xs { + padding-left: 58px; + } + .pl59-xs { + padding-left: 59px; + } + .pl60-xs { + padding-left: 60px; + } + .pl61-xs { + padding-left: 61px; + } + .pl62-xs { + padding-left: 62px; + } + .pl63-xs { + padding-left: 63px; + } + .pl64-xs { + padding-left: 64px; + } + .pl65-xs { + padding-left: 65px; + } + .pl66-xs { + padding-left: 66px; + } + .pl67-xs { + padding-left: 67px; + } + .pl68-xs { + padding-left: 68px; + } + .pl69-xs { + padding-left: 69px; + } + .pl70-xs { + padding-left: 70px; + } + .pl71-xs { + padding-left: 71px; + } + .pl72-xs { + padding-left: 72px; + } + .pl73-xs { + padding-left: 73px; + } + .pl74-xs { + padding-left: 74px; + } + .pl75-xs { + padding-left: 75px; + } + .pl76-xs { + padding-left: 76px; + } + .pl77-xs { + padding-left: 77px; + } + .pl78-xs { + padding-left: 78px; + } + .pl79-xs { + padding-left: 79px; + } + .pl80-xs { + padding-left: 80px; + } + .pl81-xs { + padding-left: 81px; + } + .pl82-xs { + padding-left: 82px; + } + .pl83-xs { + padding-left: 83px; + } + .pl84-xs { + padding-left: 84px; + } + .pl85-xs { + padding-left: 85px; + } + .pl86-xs { + padding-left: 86px; + } + .pl87-xs { + padding-left: 87px; + } + .pl88-xs { + padding-left: 88px; + } + .pl89-xs { + padding-left: 89px; + } + .pl90-xs { + padding-left: 90px; + } + .pl91-xs { + padding-left: 91px; + } + .pl92-xs { + padding-left: 92px; + } + .pl93-xs { + padding-left: 93px; + } + .pl94-xs { + padding-left: 94px; + } + .pl95-xs { + padding-left: 95px; + } + .pl96-xs { + padding-left: 96px; + } + .pl97-xs { + padding-left: 97px; + } + .pl98-xs { + padding-left: 98px; + } + .pl99-xs { + padding-left: 99px; + } + .pl100-xs { + padding-left: 100px; + } + .pr0-xs { + padding-right: 0px; + } + .pr1-xs { + padding-right: 1px; + } + .pr2-xs { + padding-right: 2px; + } + .pr3-xs { + padding-right: 3px; + } + .pr4-xs { + padding-right: 4px; + } + .pr5-xs { + padding-right: 5px; + } + .pr6-xs { + padding-right: 6px; + } + .pr7-xs { + padding-right: 7px; + } + .pr8-xs { + padding-right: 8px; + } + .pr9-xs { + padding-right: 9px; + } + .pr10-xs { + padding-right: 10px; + } + .pr11-xs { + padding-right: 11px; + } + .pr12-xs { + padding-right: 12px; + } + .pr13-xs { + padding-right: 13px; + } + .pr14-xs { + padding-right: 14px; + } + .pr15-xs { + padding-right: 15px; + } + .pr16-xs { + padding-right: 16px; + } + .pr17-xs { + padding-right: 17px; + } + .pr18-xs { + padding-right: 18px; + } + .pr19-xs { + padding-right: 19px; + } + .pr20-xs { + padding-right: 20px; + } + .pr21-xs { + padding-right: 21px; + } + .pr22-xs { + padding-right: 22px; + } + .pr23-xs { + padding-right: 23px; + } + .pr24-xs { + padding-right: 24px; + } + .pr25-xs { + padding-right: 25px; + } + .pr26-xs { + padding-right: 26px; + } + .pr27-xs { + padding-right: 27px; + } + .pr28-xs { + padding-right: 28px; + } + .pr29-xs { + padding-right: 29px; + } + .pr30-xs { + padding-right: 30px; + } + .pr31-xs { + padding-right: 31px; + } + .pr32-xs { + padding-right: 32px; + } + .pr33-xs { + padding-right: 33px; + } + .pr34-xs { + padding-right: 34px; + } + .pr35-xs { + padding-right: 35px; + } + .pr36-xs { + padding-right: 36px; + } + .pr37-xs { + padding-right: 37px; + } + .pr38-xs { + padding-right: 38px; + } + .pr39-xs { + padding-right: 39px; + } + .pr40-xs { + padding-right: 40px; + } + .pr41-xs { + padding-right: 41px; + } + .pr42-xs { + padding-right: 42px; + } + .pr43-xs { + padding-right: 43px; + } + .pr44-xs { + padding-right: 44px; + } + .pr45-xs { + padding-right: 45px; + } + .pr46-xs { + padding-right: 46px; + } + .pr47-xs { + padding-right: 47px; + } + .pr48-xs { + padding-right: 48px; + } + .pr49-xs { + padding-right: 49px; + } + .pr50-xs { + padding-right: 50px; + } + .pr51-xs { + padding-right: 51px; + } + .pr52-xs { + padding-right: 52px; + } + .pr53-xs { + padding-right: 53px; + } + .pr54-xs { + padding-right: 54px; + } + .pr55-xs { + padding-right: 55px; + } + .pr56-xs { + padding-right: 56px; + } + .pr57-xs { + padding-right: 57px; + } + .pr58-xs { + padding-right: 58px; + } + .pr59-xs { + padding-right: 59px; + } + .pr60-xs { + padding-right: 60px; + } + .pr61-xs { + padding-right: 61px; + } + .pr62-xs { + padding-right: 62px; + } + .pr63-xs { + padding-right: 63px; + } + .pr64-xs { + padding-right: 64px; + } + .pr65-xs { + padding-right: 65px; + } + .pr66-xs { + padding-right: 66px; + } + .pr67-xs { + padding-right: 67px; + } + .pr68-xs { + padding-right: 68px; + } + .pr69-xs { + padding-right: 69px; + } + .pr70-xs { + padding-right: 70px; + } + .pr71-xs { + padding-right: 71px; + } + .pr72-xs { + padding-right: 72px; + } + .pr73-xs { + padding-right: 73px; + } + .pr74-xs { + padding-right: 74px; + } + .pr75-xs { + padding-right: 75px; + } + .pr76-xs { + padding-right: 76px; + } + .pr77-xs { + padding-right: 77px; + } + .pr78-xs { + padding-right: 78px; + } + .pr79-xs { + padding-right: 79px; + } + .pr80-xs { + padding-right: 80px; + } + .pr81-xs { + padding-right: 81px; + } + .pr82-xs { + padding-right: 82px; + } + .pr83-xs { + padding-right: 83px; + } + .pr84-xs { + padding-right: 84px; + } + .pr85-xs { + padding-right: 85px; + } + .pr86-xs { + padding-right: 86px; + } + .pr87-xs { + padding-right: 87px; + } + .pr88-xs { + padding-right: 88px; + } + .pr89-xs { + padding-right: 89px; + } + .pr90-xs { + padding-right: 90px; + } + .pr91-xs { + padding-right: 91px; + } + .pr92-xs { + padding-right: 92px; + } + .pr93-xs { + padding-right: 93px; + } + .pr94-xs { + padding-right: 94px; + } + .pr95-xs { + padding-right: 95px; + } + .pr96-xs { + padding-right: 96px; + } + .pr97-xs { + padding-right: 97px; + } + .pr98-xs { + padding-right: 98px; + } + .pr99-xs { + padding-right: 99px; + } + .pr100-xs { + padding-right: 100px; + } +} + +@media only screen and (min-width: 751px) and (max-width: 1400px) { + .m1400-w990 { + width: 990px; + } + + .m1400-w1200 { + width: 1200px; + } + + .layui-main { + /* width: 1000px; */ + } +} + +@media only screen and (min-width: 751px) { +} diff --git a/css/hover.css b/css/hover.css new file mode 100644 index 0000000..f5fcf87 --- /dev/null +++ b/css/hover.css @@ -0,0 +1,4152 @@ +/*! + * Hover.css (http://ianlunn.github.io/Hover/) + * Version: 2.3.2 + * Author: Ian Lunn @IanLunn + * Author URL: http://ianlunn.co.uk/ + * Github: https://github.com/IanLunn/Hover + + * Hover.css Copyright Ian Lunn 2017. Generated with Sass. + */ +/* 2D TRANSITIONS */ +/* Grow */ +.hvr-grow { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +/* Shrink */ +.hvr-shrink { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { + -webkit-transform: scale(0.9); + transform: scale(0.9); +} + +/* Pulse */ +@-webkit-keyframes hvr-pulse { + 25% { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + 75% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } +} +@keyframes hvr-pulse { + 25% { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + 75% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } +} +.hvr-pulse { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { + -webkit-animation-name: hvr-pulse; + animation-name: hvr-pulse; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +/* Pulse Grow */ +@-webkit-keyframes hvr-pulse-grow { + to { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } +} +@keyframes hvr-pulse-grow { + to { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } +} +.hvr-pulse-grow { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { + -webkit-animation-name: hvr-pulse-grow; + animation-name: hvr-pulse-grow; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-direction: alternate; + animation-direction: alternate; +} + +/* Pulse Shrink */ +@-webkit-keyframes hvr-pulse-shrink { + to { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } +} +@keyframes hvr-pulse-shrink { + to { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } +} +.hvr-pulse-shrink { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { + -webkit-animation-name: hvr-pulse-shrink; + animation-name: hvr-pulse-shrink; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-direction: alternate; + animation-direction: alternate; +} + +/* Push */ +@-webkit-keyframes hvr-push { + 50% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes hvr-push { + 50% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +.hvr-push { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-push:hover, .hvr-push:focus, .hvr-push:active { + -webkit-animation-name: hvr-push; + animation-name: hvr-push; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Pop */ +@-webkit-keyframes hvr-pop { + 50% { + -webkit-transform: scale(1.2); + transform: scale(1.2); + } +} +@keyframes hvr-pop { + 50% { + -webkit-transform: scale(1.2); + transform: scale(1.2); + } +} +.hvr-pop { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { + -webkit-animation-name: hvr-pop; + animation-name: hvr-pop; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Bounce In */ +.hvr-bounce-in { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { + -webkit-transform: scale(1.2); + transform: scale(1.2); + -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); + transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); +} + +/* Bounce Out */ +.hvr-bounce-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { + -webkit-transform: scale(0.8); + transform: scale(0.8); + -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); + transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); +} + +/* Rotate */ +.hvr-rotate { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { + -webkit-transform: rotate(4deg); + transform: rotate(4deg); +} + +/* Grow Rotate */ +.hvr-grow-rotate { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { + -webkit-transform: scale(1.1) rotate(4deg); + transform: scale(1.1) rotate(4deg); +} + +/* Float */ +.hvr-float { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-float:hover, .hvr-float:focus, .hvr-float:active { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); +} + +/* Sink */ +.hvr-sink { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { + -webkit-transform: translateY(8px); + transform: translateY(8px); +} + +/* Bob */ +@-webkit-keyframes hvr-bob { + 0% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } + 50% { + -webkit-transform: translateY(-4px); + transform: translateY(-4px); + } + 100% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } +} +@keyframes hvr-bob { + 0% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } + 50% { + -webkit-transform: translateY(-4px); + transform: translateY(-4px); + } + 100% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } +} +@-webkit-keyframes hvr-bob-float { + 100% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } +} +@keyframes hvr-bob-float { + 100% { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); + } +} +.hvr-bob { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { + -webkit-animation-name: hvr-bob-float, hvr-bob; + animation-name: hvr-bob-float, hvr-bob; + -webkit-animation-duration: .3s, 1.5s; + animation-duration: .3s, 1.5s; + -webkit-animation-delay: 0s, .3s; + animation-delay: 0s, .3s; + -webkit-animation-timing-function: ease-out, ease-in-out; + animation-timing-function: ease-out, ease-in-out; + -webkit-animation-iteration-count: 1, infinite; + animation-iteration-count: 1, infinite; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-direction: normal, alternate; + animation-direction: normal, alternate; +} + +/* Hang */ +@-webkit-keyframes hvr-hang { + 0% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } + 50% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + 100% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } +} +@keyframes hvr-hang { + 0% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } + 50% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + 100% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } +} +@-webkit-keyframes hvr-hang-sink { + 100% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } +} +@keyframes hvr-hang-sink { + 100% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } +} +.hvr-hang { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { + -webkit-animation-name: hvr-hang-sink, hvr-hang; + animation-name: hvr-hang-sink, hvr-hang; + -webkit-animation-duration: .3s, 1.5s; + animation-duration: .3s, 1.5s; + -webkit-animation-delay: 0s, .3s; + animation-delay: 0s, .3s; + -webkit-animation-timing-function: ease-out, ease-in-out; + animation-timing-function: ease-out, ease-in-out; + -webkit-animation-iteration-count: 1, infinite; + animation-iteration-count: 1, infinite; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-direction: normal, alternate; + animation-direction: normal, alternate; +} + +/* Skew */ +.hvr-skew { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { + -webkit-transform: skew(-10deg); + transform: skew(-10deg); +} + +/* Skew Forward */ +.hvr-skew-forward { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; +} +.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { + -webkit-transform: skew(-10deg); + transform: skew(-10deg); +} + +/* Skew Backward */ +.hvr-skew-backward { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; +} +.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { + -webkit-transform: skew(10deg); + transform: skew(10deg); +} + +/* Wobble Vertical */ +@-webkit-keyframes hvr-wobble-vertical { + 16.65% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } + 33.3% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } + 49.95% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + 66.6% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + 83.25% { + -webkit-transform: translateY(1px); + transform: translateY(1px); + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes hvr-wobble-vertical { + 16.65% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + } + 33.3% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } + 49.95% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + 66.6% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + 83.25% { + -webkit-transform: translateY(1px); + transform: translateY(1px); + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +.hvr-wobble-vertical { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { + -webkit-animation-name: hvr-wobble-vertical; + animation-name: hvr-wobble-vertical; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble Horizontal */ +@-webkit-keyframes hvr-wobble-horizontal { + 16.65% { + -webkit-transform: translateX(8px); + transform: translateX(8px); + } + 33.3% { + -webkit-transform: translateX(-6px); + transform: translateX(-6px); + } + 49.95% { + -webkit-transform: translateX(4px); + transform: translateX(4px); + } + 66.6% { + -webkit-transform: translateX(-2px); + transform: translateX(-2px); + } + 83.25% { + -webkit-transform: translateX(1px); + transform: translateX(1px); + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes hvr-wobble-horizontal { + 16.65% { + -webkit-transform: translateX(8px); + transform: translateX(8px); + } + 33.3% { + -webkit-transform: translateX(-6px); + transform: translateX(-6px); + } + 49.95% { + -webkit-transform: translateX(4px); + transform: translateX(4px); + } + 66.6% { + -webkit-transform: translateX(-2px); + transform: translateX(-2px); + } + 83.25% { + -webkit-transform: translateX(1px); + transform: translateX(1px); + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +.hvr-wobble-horizontal { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { + -webkit-animation-name: hvr-wobble-horizontal; + animation-name: hvr-wobble-horizontal; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble To Bottom Right */ +@-webkit-keyframes hvr-wobble-to-bottom-right { + 16.65% { + -webkit-transform: translate(8px, 8px); + transform: translate(8px, 8px); + } + 33.3% { + -webkit-transform: translate(-6px, -6px); + transform: translate(-6px, -6px); + } + 49.95% { + -webkit-transform: translate(4px, 4px); + transform: translate(4px, 4px); + } + 66.6% { + -webkit-transform: translate(-2px, -2px); + transform: translate(-2px, -2px); + } + 83.25% { + -webkit-transform: translate(1px, 1px); + transform: translate(1px, 1px); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes hvr-wobble-to-bottom-right { + 16.65% { + -webkit-transform: translate(8px, 8px); + transform: translate(8px, 8px); + } + 33.3% { + -webkit-transform: translate(-6px, -6px); + transform: translate(-6px, -6px); + } + 49.95% { + -webkit-transform: translate(4px, 4px); + transform: translate(4px, 4px); + } + 66.6% { + -webkit-transform: translate(-2px, -2px); + transform: translate(-2px, -2px); + } + 83.25% { + -webkit-transform: translate(1px, 1px); + transform: translate(1px, 1px); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +.hvr-wobble-to-bottom-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { + -webkit-animation-name: hvr-wobble-to-bottom-right; + animation-name: hvr-wobble-to-bottom-right; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble To Top Right */ +@-webkit-keyframes hvr-wobble-to-top-right { + 16.65% { + -webkit-transform: translate(8px, -8px); + transform: translate(8px, -8px); + } + 33.3% { + -webkit-transform: translate(-6px, 6px); + transform: translate(-6px, 6px); + } + 49.95% { + -webkit-transform: translate(4px, -4px); + transform: translate(4px, -4px); + } + 66.6% { + -webkit-transform: translate(-2px, 2px); + transform: translate(-2px, 2px); + } + 83.25% { + -webkit-transform: translate(1px, -1px); + transform: translate(1px, -1px); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes hvr-wobble-to-top-right { + 16.65% { + -webkit-transform: translate(8px, -8px); + transform: translate(8px, -8px); + } + 33.3% { + -webkit-transform: translate(-6px, 6px); + transform: translate(-6px, 6px); + } + 49.95% { + -webkit-transform: translate(4px, -4px); + transform: translate(4px, -4px); + } + 66.6% { + -webkit-transform: translate(-2px, 2px); + transform: translate(-2px, 2px); + } + 83.25% { + -webkit-transform: translate(1px, -1px); + transform: translate(1px, -1px); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +.hvr-wobble-to-top-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { + -webkit-animation-name: hvr-wobble-to-top-right; + animation-name: hvr-wobble-to-top-right; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble Top */ +@-webkit-keyframes hvr-wobble-top { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} +@keyframes hvr-wobble-top { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} +.hvr-wobble-top { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; +} +.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { + -webkit-animation-name: hvr-wobble-top; + animation-name: hvr-wobble-top; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble Bottom */ +@-webkit-keyframes hvr-wobble-bottom { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} +@keyframes hvr-wobble-bottom { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} +.hvr-wobble-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; +} +.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { + -webkit-animation-name: hvr-wobble-bottom; + animation-name: hvr-wobble-bottom; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Wobble Skew */ +@-webkit-keyframes hvr-wobble-skew { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} +@keyframes hvr-wobble-skew { + 16.65% { + -webkit-transform: skew(-12deg); + transform: skew(-12deg); + } + 33.3% { + -webkit-transform: skew(10deg); + transform: skew(10deg); + } + 49.95% { + -webkit-transform: skew(-6deg); + transform: skew(-6deg); + } + 66.6% { + -webkit-transform: skew(4deg); + transform: skew(4deg); + } + 83.25% { + -webkit-transform: skew(-2deg); + transform: skew(-2deg); + } + 100% { + -webkit-transform: skew(0); + transform: skew(0); + } +} +.hvr-wobble-skew { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { + -webkit-animation-name: hvr-wobble-skew; + animation-name: hvr-wobble-skew; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Buzz */ +@-webkit-keyframes hvr-buzz { + 50% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 100% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } +} +@keyframes hvr-buzz { + 50% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 100% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } +} +.hvr-buzz { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { + -webkit-animation-name: hvr-buzz; + animation-name: hvr-buzz; + -webkit-animation-duration: 0.15s; + animation-duration: 0.15s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +/* Buzz Out */ +@-webkit-keyframes hvr-buzz-out { + 10% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 20% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + 30% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 40% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + 50% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + 60% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + 70% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + 80% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + 90% { + -webkit-transform: translateX(1px) rotate(0); + transform: translateX(1px) rotate(0); + } + 100% { + -webkit-transform: translateX(-1px) rotate(0); + transform: translateX(-1px) rotate(0); + } +} +@keyframes hvr-buzz-out { + 10% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 20% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + 30% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 40% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + 50% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + 60% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + 70% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + 80% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + 90% { + -webkit-transform: translateX(1px) rotate(0); + transform: translateX(1px) rotate(0); + } + 100% { + -webkit-transform: translateX(-1px) rotate(0); + transform: translateX(-1px) rotate(0); + } +} +.hvr-buzz-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { + -webkit-animation-name: hvr-buzz-out; + animation-name: hvr-buzz-out; + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Forward */ +.hvr-forward { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active { + -webkit-transform: translateX(8px); + transform: translateX(8px); +} + +/* Backward */ +.hvr-backward { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active { + -webkit-transform: translateX(-8px); + transform: translateX(-8px); +} + +/* BACKGROUND TRANSITIONS */ +/* Fade */ +.hvr-fade { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + overflow: hidden; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: color, background-color; + transition-property: color, background-color; +} +.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { + background-color: #2098D1; + color: white; +} + +/* Back Pulse */ +@-webkit-keyframes hvr-back-pulse { + 50% { + background-color: rgba(32, 152, 209, 0.75); + } +} +@keyframes hvr-back-pulse { + 50% { + background-color: rgba(32, 152, 209, 0.75); + } +} +.hvr-back-pulse { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + overflow: hidden; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-property: color, background-color; + transition-property: color, background-color; +} +.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { + -webkit-animation-name: hvr-back-pulse; + animation-name: hvr-back-pulse; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-delay: 0.5s; + animation-delay: 0.5s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + background-color: #2098D1; + background-color: #2098d1; + color: white; +} + +/* Sweep To Right */ +.hvr-sweep-to-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-sweep-to-right:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 0 50%; + transform-origin: 0 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { + color: white; +} +.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); +} + +/* Sweep To Left */ +.hvr-sweep-to-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-sweep-to-left:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { + color: white; +} +.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); +} + +/* Sweep To Bottom */ +.hvr-sweep-to-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-sweep-to-bottom:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: 50% 0; + transform-origin: 50% 0; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { + color: white; +} +.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { + -webkit-transform: scaleY(1); + transform: scaleY(1); +} + +/* Sweep To Top */ +.hvr-sweep-to-top { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-sweep-to-top:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { + color: white; +} +.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { + -webkit-transform: scaleY(1); + transform: scaleY(1); +} + +/* Bounce To Right */ +.hvr-bounce-to-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-to-right:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 0 50%; + transform-origin: 0 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { + color: white; +} +.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); + -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); + transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); +} + +/* Bounce To Left */ +.hvr-bounce-to-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-to-left:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { + color: white; +} +.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); + -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); + transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); +} + +/* Bounce To Bottom */ +.hvr-bounce-to-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-to-bottom:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: 50% 0; + transform-origin: 50% 0; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { + color: white; +} +.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); + transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); +} + +/* Bounce To Top */ +.hvr-bounce-to-top { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; +} +.hvr-bounce-to-top:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { + color: white; +} +.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); + transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); +} + +/* Radial Out */ +.hvr-radial-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + overflow: hidden; + background: #e1e1e1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-radial-out:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + border-radius: 100%; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { + color: white; +} +.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { + -webkit-transform: scale(2); + transform: scale(2); +} + +/* Radial In */ +.hvr-radial-in { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + overflow: hidden; + background: #2098D1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-radial-in:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #e1e1e1; + border-radius: 100%; + -webkit-transform: scale(2); + transform: scale(2); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { + color: white; +} +.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { + -webkit-transform: scale(0); + transform: scale(0); +} + +/* Rectangle In */ +.hvr-rectangle-in { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + background: #2098D1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-rectangle-in:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #e1e1e1; + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { + color: white; +} +.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { + -webkit-transform: scale(0); + transform: scale(0); +} + +/* Rectangle Out */ +.hvr-rectangle-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + background: #e1e1e1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-rectangle-out:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { + color: white; +} +.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { + -webkit-transform: scale(1); + transform: scale(1); +} + +/* Shutter In Horizontal */ +.hvr-shutter-in-horizontal { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + background: #2098D1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-shutter-in-horizontal:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: #e1e1e1; + -webkit-transform: scaleX(1); + transform: scaleX(1); + -webkit-transform-origin: 50%; + transform-origin: 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { + color: white; +} +.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { + -webkit-transform: scaleX(0); + transform: scaleX(0); +} + +/* Shutter Out Horizontal */ +.hvr-shutter-out-horizontal { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + background: #e1e1e1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-shutter-out-horizontal:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: #2098D1; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: 50%; + transform-origin: 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { + color: white; +} +.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); +} + +/* Shutter In Vertical */ +.hvr-shutter-in-vertical { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + background: #2098D1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-shutter-in-vertical:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: #e1e1e1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transform-origin: 50%; + transform-origin: 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { + color: white; +} +.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { + -webkit-transform: scaleY(0); + transform: scaleY(0); +} + +/* Shutter Out Vertical */ +.hvr-shutter-out-vertical { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + background: #e1e1e1; + -webkit-transition-property: color; + transition-property: color; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-shutter-out-vertical:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: #2098D1; + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: 50%; + transform-origin: 50%; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { + color: white; +} +.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { + -webkit-transform: scaleY(1); + transform: scaleY(1); +} + +/* BORDER TRANSITIONS */ +/* Border Fade */ +.hvr-border-fade { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow; + transition-property: box-shadow; + box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); + /* Hack to improve aliasing on mobile/tablet devices */ +} +.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { + box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0); + /* Hack to improve aliasing on mobile/tablet devices */ +} + +/* Hollow */ +.hvr-hollow { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: background; + transition-property: background; + box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); + /* Hack to improve aliasing on mobile/tablet devices */ +} +.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { + background: none; +} + +/* Trim */ +.hvr-trim { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-trim:before { + content: ''; + position: absolute; + border: white solid 4px; + top: 4px; + left: 4px; + right: 4px; + bottom: 4px; + opacity: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: opacity; + transition-property: opacity; +} +.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { + opacity: 1; +} + +/* Ripple Out */ +@-webkit-keyframes hvr-ripple-out { + 100% { + top: -12px; + right: -12px; + bottom: -12px; + left: -12px; + opacity: 0; + } +} +@keyframes hvr-ripple-out { + 100% { + top: -12px; + right: -12px; + bottom: -12px; + left: -12px; + opacity: 0; + } +} +.hvr-ripple-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-ripple-out:before { + content: ''; + position: absolute; + border: #e1e1e1 solid 6px; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-animation-duration: 1s; + animation-duration: 1s; +} +.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { + -webkit-animation-name: hvr-ripple-out; + animation-name: hvr-ripple-out; +} + +/* Ripple In */ +@-webkit-keyframes hvr-ripple-in { + 100% { + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 1; + } +} +@keyframes hvr-ripple-in { + 100% { + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 1; + } +} +.hvr-ripple-in { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-ripple-in:before { + content: ''; + position: absolute; + border: #e1e1e1 solid 4px; + top: -12px; + right: -12px; + bottom: -12px; + left: -12px; + opacity: 0; + -webkit-animation-duration: 1s; + animation-duration: 1s; +} +.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { + -webkit-animation-name: hvr-ripple-in; + animation-name: hvr-ripple-in; +} + +/* Outline Out */ +.hvr-outline-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-outline-out:before { + content: ''; + position: absolute; + border: #e1e1e1 solid 4px; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: top, right, bottom, left; + transition-property: top, right, bottom, left; +} +.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { + top: -8px; + right: -8px; + bottom: -8px; + left: -8px; +} + +/* Outline In */ +.hvr-outline-in { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-outline-in:before { + pointer-events: none; + content: ''; + position: absolute; + border: #e1e1e1 solid 4px; + top: -16px; + right: -16px; + bottom: -16px; + left: -16px; + opacity: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: top, right, bottom, left; + transition-property: top, right, bottom, left; +} +.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { + top: -8px; + right: -8px; + bottom: -8px; + left: -8px; + opacity: 1; +} + +/* Round Corners */ +.hvr-round-corners { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: border-radius; + transition-property: border-radius; +} +.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { + border-radius: 1em; +} + +/* Underline From Left */ +.hvr-underline-from-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + overflow: hidden; +} +.hvr-underline-from-left:before { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: 100%; + bottom: 0; + background: #2098D1; + height: 4px; + -webkit-transition-property: right; + transition-property: right; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { + right: 0; +} + +/* Underline From Center */ +.hvr-underline-from-center { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + overflow: hidden; +} +.hvr-underline-from-center:before { + content: ""; + position: absolute; + z-index: -1; + left: 51%; + right: 51%; + bottom: 0; + background: #2098D1; + height: 4px; + -webkit-transition-property: left, right; + transition-property: left, right; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { + left: 0; + right: 0; +} + +/* Underline From Right */ +.hvr-underline-from-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + overflow: hidden; +} +.hvr-underline-from-right:before { + content: ""; + position: absolute; + z-index: -1; + left: 100%; + right: 0; + bottom: 0; + background: #2098D1; + height: 4px; + -webkit-transition-property: left; + transition-property: left; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { + left: 0; +} + +/* Overline From Left */ +.hvr-overline-from-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + overflow: hidden; +} +.hvr-overline-from-left:before { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: 100%; + top: 0; + background: #2098D1; + height: 4px; + -webkit-transition-property: right; + transition-property: right; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { + right: 0; +} + +/* Overline From Center */ +.hvr-overline-from-center { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + overflow: hidden; +} +.hvr-overline-from-center:before { + content: ""; + position: absolute; + z-index: -1; + left: 51%; + right: 51%; + top: 0; + background: #2098D1; + height: 4px; + -webkit-transition-property: left, right; + transition-property: left, right; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { + left: 0; + right: 0; +} + +/* Overline From Right */ +.hvr-overline-from-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + overflow: hidden; +} +.hvr-overline-from-right:before { + content: ""; + position: absolute; + z-index: -1; + left: 100%; + right: 0; + top: 0; + background: #2098D1; + height: 4px; + -webkit-transition-property: left; + transition-property: left; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { + left: 0; +} + +/* Reveal */ +.hvr-reveal { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + overflow: hidden; +} +.hvr-reveal:before { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: 0; + top: 0; + bottom: 0; + border-color: #2098D1; + border-style: solid; + border-width: 0; + -webkit-transition-property: border-width; + transition-property: border-width; + -webkit-transition-duration: 0.1s; + transition-duration: 0.1s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { + -webkit-transform: translateY(0); + transform: translateY(0); + border-width: 4px; +} + +/* Underline Reveal */ +.hvr-underline-reveal { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + overflow: hidden; +} +.hvr-underline-reveal:before { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + height: 4px; + -webkit-transform: translateY(4px); + transform: translateY(4px); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { + -webkit-transform: translateY(0); + transform: translateY(0); +} + +/* Overline Reveal */ +.hvr-overline-reveal { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + overflow: hidden; +} +.hvr-overline-reveal:before { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: 0; + top: 0; + background: #2098D1; + height: 4px; + -webkit-transform: translateY(-4px); + transform: translateY(-4px); + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { + -webkit-transform: translateY(0); + transform: translateY(0); +} + +/* SHADOW/GLOW TRANSITIONS */ +/* Glow */ +.hvr-glow { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow; + transition-property: box-shadow; +} +.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); +} + +/* Shadow */ +.hvr-shadow { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow; + transition-property: box-shadow; +} +.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { + box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); +} + +/* Grow Shadow */ +.hvr-grow-shadow { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow, transform; + transition-property: box-shadow, transform; +} +.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { + box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +/* Box Shadow Outset */ +.hvr-box-shadow-outset { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow; + transition-property: box-shadow; +} +.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { + box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); +} + +/* Box Shadow Inset */ +.hvr-box-shadow-inset { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow; + transition-property: box-shadow; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); + /* Hack to improve aliasing on mobile/tablet devices */ +} +.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { + box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); + /* Hack to improve aliasing on mobile/tablet devices */ +} + +/* Float Shadow */ +.hvr-float-shadow { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-float-shadow:before { + pointer-events: none; + position: absolute; + z-index: -1; + content: ''; + top: 100%; + left: 5%; + height: 10px; + width: 90%; + opacity: 0; + background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); + background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); + /* W3C */ + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform, opacity; + transition-property: transform, opacity; +} +.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + /* move the element up by 5px */ +} +.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { + opacity: 1; + -webkit-transform: translateY(5px); + transform: translateY(5px); + /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ +} + +/* Shadow Radial */ +.hvr-shadow-radial { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-shadow-radial:before, .hvr-shadow-radial:after { + pointer-events: none; + position: absolute; + content: ''; + left: 0; + width: 100%; + box-sizing: border-box; + background-repeat: no-repeat; + height: 5px; + opacity: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: opacity; + transition-property: opacity; +} +.hvr-shadow-radial:before { + bottom: 100%; + background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); + background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); +} +.hvr-shadow-radial:after { + top: 100%; + background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); + background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); +} +.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { + opacity: 1; +} + +/* SPEECH BUBBLES */ +/* Bubble Top */ +.hvr-bubble-top { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-bubble-top:before { + pointer-events: none; + position: absolute; + z-index: -1; + content: ''; + border-style: solid; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + left: calc(50% - 10px); + top: 0; + border-width: 0 10px 10px 10px; + border-color: transparent transparent #e1e1e1 transparent; +} +.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); +} + +/* Bubble Right */ +.hvr-bubble-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-bubble-right:before { + pointer-events: none; + position: absolute; + z-index: -1; + content: ''; + border-style: solid; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + top: calc(50% - 10px); + right: 0; + border-width: 10px 0 10px 10px; + border-color: transparent transparent transparent #e1e1e1; +} +.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { + -webkit-transform: translateX(10px); + transform: translateX(10px); +} + +/* Bubble Bottom */ +.hvr-bubble-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-bubble-bottom:before { + pointer-events: none; + position: absolute; + z-index: -1; + content: ''; + border-style: solid; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + left: calc(50% - 10px); + bottom: 0; + border-width: 10px 10px 0 10px; + border-color: #e1e1e1 transparent transparent transparent; +} +.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { + -webkit-transform: translateY(10px); + transform: translateY(10px); +} + +/* Bubble Left */ +.hvr-bubble-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-bubble-left:before { + pointer-events: none; + position: absolute; + z-index: -1; + content: ''; + border-style: solid; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + top: calc(50% - 10px); + left: 0; + border-width: 10px 10px 10px 0; + border-color: transparent #e1e1e1 transparent transparent; +} +.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); +} + +/* Bubble Float Top */ +.hvr-bubble-float-top { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-top:before { + position: absolute; + z-index: -1; + content: ''; + left: calc(50% - 10px); + top: 0; + border-style: solid; + border-width: 0 10px 10px 10px; + border-color: transparent transparent #e1e1e1 transparent; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { + -webkit-transform: translateY(10px); + transform: translateY(10px); +} +.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); +} + +/* Bubble Float Right */ +.hvr-bubble-float-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-right:before { + position: absolute; + z-index: -1; + top: calc(50% - 10px); + right: 0; + content: ''; + border-style: solid; + border-width: 10px 0 10px 10px; + border-color: transparent transparent transparent #e1e1e1; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); +} +.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { + -webkit-transform: translateX(10px); + transform: translateX(10px); +} + +/* Bubble Float Bottom */ +.hvr-bubble-float-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-bottom:before { + position: absolute; + z-index: -1; + content: ''; + left: calc(50% - 10px); + bottom: 0; + border-style: solid; + border-width: 10px 10px 0 10px; + border-color: #e1e1e1 transparent transparent transparent; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); +} +.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { + -webkit-transform: translateY(10px); + transform: translateY(10px); +} + +/* Bubble Float Left */ +.hvr-bubble-float-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-left:before { + position: absolute; + z-index: -1; + content: ''; + top: calc(50% - 10px); + left: 0; + border-style: solid; + border-width: 10px 10px 10px 0; + border-color: transparent #e1e1e1 transparent transparent; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { + -webkit-transform: translateX(10px); + transform: translateX(10px); +} +.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); +} + +/* ICONS */ +/* Icon Back */ +.hvr-icon-back { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.hvr-icon-back .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.1s; + transition-duration: 0.1s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon { + -webkit-transform: translateX(-4px); + transform: translateX(-4px); +} + +/* Icon Forward */ +.hvr-icon-forward { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.hvr-icon-forward .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.1s; + transition-duration: 0.1s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon { + -webkit-transform: translateX(4px); + transform: translateX(4px); +} + +/* Icon Down */ +@-webkit-keyframes hvr-icon-down { + 0%, + 50%, + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 25%, + 75% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} +@keyframes hvr-icon-down { + 0%, + 50%, + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 25%, + 75% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} +/* Icon Down */ +.hvr-icon-down { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-icon-down .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon { + -webkit-animation-name: hvr-icon-down; + animation-name: hvr-icon-down; + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +/* Icon Up */ +@-webkit-keyframes hvr-icon-up { + 0%, + 50%, + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 25%, + 75% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} +@keyframes hvr-icon-up { + 0%, + 50%, + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 25%, + 75% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} +/* Icon Up */ +.hvr-icon-up { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-icon-up .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon { + -webkit-animation-name: hvr-icon-up; + animation-name: hvr-icon-up; + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +/* Icon Spin */ +.hvr-icon-spin { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-icon-spin .hvr-icon { + -webkit-transition-duration: 1s; + transition-duration: 1s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); +} + +/* Icon Drop */ +@-webkit-keyframes hvr-icon-drop { + 0% { + opacity: 0; + } + 50% { + opacity: 0; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } + 51%, + 100% { + opacity: 1; + } +} +@keyframes hvr-icon-drop { + 0% { + opacity: 0; + } + 50% { + opacity: 0; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } + 51%, + 100% { + opacity: 1; + } +} +/* Icon Drop */ +.hvr-icon-drop { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-icon-drop .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon { + opacity: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-animation-name: hvr-icon-drop; + animation-name: hvr-icon-drop; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; + -webkit-animation-delay: 0.3s; + animation-delay: 0.3s; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); + animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); +} + +/* Icon Fade */ +.hvr-icon-fade { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-icon-fade .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-property: color; + transition-property: color; +} +.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon { + color: #0F9E5E; +} + +/* Icon Float Away */ +@-webkit-keyframes hvr-icon-float-away { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + -webkit-transform: translateY(-1em); + transform: translateY(-1em); + } +} +@keyframes hvr-icon-float-away { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + -webkit-transform: translateY(-1em); + transform: translateY(-1em); + } +} +/* Icon Float Away */ +.hvr-icon-float-away { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-icon-float-away .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon { + -webkit-animation-name: hvr-icon-float-away; + animation-name: hvr-icon-float-away; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +/* Icon Sink Away */ +@-webkit-keyframes hvr-icon-sink-away { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + -webkit-transform: translateY(1em); + transform: translateY(1em); + } +} +@keyframes hvr-icon-sink-away { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + -webkit-transform: translateY(1em); + transform: translateY(1em); + } +} +/* Icon Sink Away */ +.hvr-icon-sink-away { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-icon-sink-away .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon { + -webkit-animation-name: hvr-icon-sink-away; + animation-name: hvr-icon-sink-away; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +/* Icon Grow */ +.hvr-icon-grow { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-grow .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon { + -webkit-transform: scale(1.3) translateZ(0); + transform: scale(1.3) translateZ(0); +} + +/* Icon Shrink */ +.hvr-icon-shrink { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-shrink .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} + +/* Icon Pulse */ +@-webkit-keyframes hvr-icon-pulse { + 25% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + 75% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } +} +@keyframes hvr-icon-pulse { + 25% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + 75% { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } +} +.hvr-icon-pulse { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-icon-pulse .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon { + -webkit-animation-name: hvr-icon-pulse; + animation-name: hvr-icon-pulse; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +/* Icon Pulse Grow */ +@-webkit-keyframes hvr-icon-pulse-grow { + to { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } +} +@keyframes hvr-icon-pulse-grow { + to { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } +} +.hvr-icon-pulse-grow { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-icon-pulse-grow .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon { + -webkit-animation-name: hvr-icon-pulse-grow; + animation-name: hvr-icon-pulse-grow; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-direction: alternate; + animation-direction: alternate; +} + +/* Icon Pulse Shrink */ +@-webkit-keyframes hvr-icon-pulse-shrink { + to { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } +} +@keyframes hvr-icon-pulse-shrink { + to { + -webkit-transform: scale(0.8); + transform: scale(0.8); + } +} +.hvr-icon-pulse-shrink { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); +} +.hvr-icon-pulse-shrink .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon { + -webkit-animation-name: hvr-icon-pulse-shrink; + animation-name: hvr-icon-pulse-shrink; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-direction: alternate; + animation-direction: alternate; +} + +/* Icon Push */ +@-webkit-keyframes hvr-icon-push { + 50% { + -webkit-transform: scale(0.5); + transform: scale(0.5); + } +} +@keyframes hvr-icon-push { + 50% { + -webkit-transform: scale(0.5); + transform: scale(0.5); + } +} +.hvr-icon-push { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-push .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon { + -webkit-animation-name: hvr-icon-push; + animation-name: hvr-icon-push; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Icon Pop */ +@-webkit-keyframes hvr-icon-pop { + 50% { + -webkit-transform: scale(1.5); + transform: scale(1.5); + } +} +@keyframes hvr-icon-pop { + 50% { + -webkit-transform: scale(1.5); + transform: scale(1.5); + } +} +.hvr-icon-pop { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-pop .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon { + -webkit-animation-name: hvr-icon-pop; + animation-name: hvr-icon-pop; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Icon Bounce */ +.hvr-icon-bounce { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-bounce .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon { + -webkit-transform: scale(1.5); + transform: scale(1.5); + -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); + transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); +} + +/* Icon Rotate */ +.hvr-icon-rotate { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-rotate .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon { + -webkit-transform: rotate(20deg); + transform: rotate(20deg); +} + +/* Icon Grow Rotate */ +.hvr-icon-grow-rotate { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-grow-rotate .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon { + -webkit-transform: scale(1.5) rotate(12deg); + transform: scale(1.5) rotate(12deg); +} + +/* Icon Float */ +.hvr-icon-float { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-float .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon { + -webkit-transform: translateY(-4px); + transform: translateY(-4px); +} + +/* Icon Sink */ +.hvr-icon-sink { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-sink .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon { + -webkit-transform: translateY(4px); + transform: translateY(4px); +} + +/* Icon Bob */ +@-webkit-keyframes hvr-icon-bob { + 0% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } + 50% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + 100% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} +@keyframes hvr-icon-bob { + 0% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } + 50% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + 100% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} +@-webkit-keyframes hvr-icon-bob-float { + 100% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} +@keyframes hvr-icon-bob-float { + 100% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + } +} +.hvr-icon-bob { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-bob .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon { + -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; + animation-name: hvr-icon-bob-float, hvr-icon-bob; + -webkit-animation-duration: .3s, 1.5s; + animation-duration: .3s, 1.5s; + -webkit-animation-delay: 0s, .3s; + animation-delay: 0s, .3s; + -webkit-animation-timing-function: ease-out, ease-in-out; + animation-timing-function: ease-out, ease-in-out; + -webkit-animation-iteration-count: 1, infinite; + animation-iteration-count: 1, infinite; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-direction: normal, alternate; + animation-direction: normal, alternate; +} + +/* Icon Hang */ +@-webkit-keyframes hvr-icon-hang { + 0% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } + 50% { + -webkit-transform: translateY(2px); + transform: translateY(2px); + } + 100% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} +@keyframes hvr-icon-hang { + 0% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } + 50% { + -webkit-transform: translateY(2px); + transform: translateY(2px); + } + 100% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} +@-webkit-keyframes hvr-icon-hang-sink { + 100% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} +@keyframes hvr-icon-hang-sink { + 100% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } +} +.hvr-icon-hang { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-hang .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon { + -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; + animation-name: hvr-icon-hang-sink, hvr-icon-hang; + -webkit-animation-duration: .3s, 1.5s; + animation-duration: .3s, 1.5s; + -webkit-animation-delay: 0s, .3s; + animation-delay: 0s, .3s; + -webkit-animation-timing-function: ease-out, ease-in-out; + animation-timing-function: ease-out, ease-in-out; + -webkit-animation-iteration-count: 1, infinite; + animation-iteration-count: 1, infinite; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-direction: normal, alternate; + animation-direction: normal, alternate; +} + +/* Icon Wobble Horizontal */ +@-webkit-keyframes hvr-icon-wobble-horizontal { + 16.65% { + -webkit-transform: translateX(6px); + transform: translateX(6px); + } + 33.3% { + -webkit-transform: translateX(-5px); + transform: translateX(-5px); + } + 49.95% { + -webkit-transform: translateX(4px); + transform: translateX(4px); + } + 66.6% { + -webkit-transform: translateX(-2px); + transform: translateX(-2px); + } + 83.25% { + -webkit-transform: translateX(1px); + transform: translateX(1px); + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes hvr-icon-wobble-horizontal { + 16.65% { + -webkit-transform: translateX(6px); + transform: translateX(6px); + } + 33.3% { + -webkit-transform: translateX(-5px); + transform: translateX(-5px); + } + 49.95% { + -webkit-transform: translateX(4px); + transform: translateX(4px); + } + 66.6% { + -webkit-transform: translateX(-2px); + transform: translateX(-2px); + } + 83.25% { + -webkit-transform: translateX(1px); + transform: translateX(1px); + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +.hvr-icon-wobble-horizontal { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-wobble-horizontal .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon { + -webkit-animation-name: hvr-icon-wobble-horizontal; + animation-name: hvr-icon-wobble-horizontal; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Icon Wobble Vertical */ +@-webkit-keyframes hvr-icon-wobble-vertical { + 16.65% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } + 33.3% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } + 49.95% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + 66.6% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + 83.25% { + -webkit-transform: translateY(1px); + transform: translateY(1px); + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes hvr-icon-wobble-vertical { + 16.65% { + -webkit-transform: translateY(6px); + transform: translateY(6px); + } + 33.3% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } + 49.95% { + -webkit-transform: translateY(4px); + transform: translateY(4px); + } + 66.6% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } + 83.25% { + -webkit-transform: translateY(1px); + transform: translateY(1px); + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +.hvr-icon-wobble-vertical { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-wobble-vertical .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon { + -webkit-animation-name: hvr-icon-wobble-vertical; + animation-name: hvr-icon-wobble-vertical; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* Icon Buzz */ +@-webkit-keyframes hvr-icon-buzz { + 50% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 100% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } +} +@keyframes hvr-icon-buzz { + 50% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 100% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } +} +.hvr-icon-buzz { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-buzz .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon { + -webkit-animation-name: hvr-icon-buzz; + animation-name: hvr-icon-buzz; + -webkit-animation-duration: 0.15s; + animation-duration: 0.15s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +/* Icon Buzz Out */ +@-webkit-keyframes hvr-icon-buzz-out { + 10% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 20% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + 30% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 40% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + 50% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + 60% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + 70% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + 80% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + 90% { + -webkit-transform: translateX(1px) rotate(0); + transform: translateX(1px) rotate(0); + } + 100% { + -webkit-transform: translateX(-1px) rotate(0); + transform: translateX(-1px) rotate(0); + } +} +@keyframes hvr-icon-buzz-out { + 10% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 20% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + 30% { + -webkit-transform: translateX(3px) rotate(2deg); + transform: translateX(3px) rotate(2deg); + } + 40% { + -webkit-transform: translateX(-3px) rotate(-2deg); + transform: translateX(-3px) rotate(-2deg); + } + 50% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + 60% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + 70% { + -webkit-transform: translateX(2px) rotate(1deg); + transform: translateX(2px) rotate(1deg); + } + 80% { + -webkit-transform: translateX(-2px) rotate(-1deg); + transform: translateX(-2px) rotate(-1deg); + } + 90% { + -webkit-transform: translateX(1px) rotate(0); + transform: translateX(1px) rotate(0); + } + 100% { + -webkit-transform: translateX(-1px) rotate(0); + transform: translateX(-1px) rotate(0); + } +} +.hvr-icon-buzz-out { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.hvr-icon-buzz-out .hvr-icon { + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon { + -webkit-animation-name: hvr-icon-buzz-out; + animation-name: hvr-icon-buzz-out; + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/* CURLS */ +/* Curl Top Left */ +.hvr-curl-top-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-curl-top-left:before { + pointer-events: none; + position: absolute; + content: ''; + height: 0; + width: 0; + top: 0; + left: 0; + background: white; + /* IE9 */ + background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); + /*For IE7-8-9*/ + z-index: 1000; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: width, height; + transition-property: width, height; +} +.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { + width: 25px; + height: 25px; +} + +/* Curl Top Right */ +.hvr-curl-top-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-curl-top-right:before { + pointer-events: none; + position: absolute; + content: ''; + height: 0; + width: 0; + top: 0; + right: 0; + background: white; + /* IE9 */ + background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%); + box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: width, height; + transition-property: width, height; +} +.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { + width: 25px; + height: 25px; +} + +/* Curl Bottom Right */ +.hvr-curl-bottom-right { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-curl-bottom-right:before { + pointer-events: none; + position: absolute; + content: ''; + height: 0; + width: 0; + bottom: 0; + right: 0; + background: white; + /* IE9 */ + background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%); + box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: width, height; + transition-property: width, height; +} +.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { + width: 25px; + height: 25px; +} + +/* Curl Bottom Left */ +.hvr-curl-bottom-left { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + position: relative; +} +.hvr-curl-bottom-left:before { + pointer-events: none; + position: absolute; + content: ''; + height: 0; + width: 0; + bottom: 0; + left: 0; + background: white; + /* IE9 */ + background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%); + box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: width, height; + transition-property: width, height; +} +.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { + width: 25px; + height: 25px; +} + +/*# sourceMappingURL=hover.css.map */ diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..000c358 --- /dev/null +++ b/css/index.css @@ -0,0 +1,387 @@ +body { + font: 16px "calisto_ft"; + color: #212121; +} +@font-face { + font-family: "alger"; + src: url("../font/ALGERIAN.TTF"); +}@font-face { + font-family: "ARIAL"; + src: url("../font/ARIAL.TTF"); +} +@font-face { + font-family: "calisto_ft"; + src: url("../font/CALISTB.TTF"); +}@font-face { + font-family: "calisto"; + src: url("http://synth.huizhirh.com/public/home/font/calisto-mt.TTF"); +} +.s_content p{ + font-family: "ARIAL"; + +} +.s_content a:hover{ + color: #212121; +} +.calisto{ + font-family: 'calisto'; +} +.calisto_ft{ + font-family: 'calisto_ft'; +} +.alger{ + font-family: 'alger'; +}.arial{ + font-family: 'ARIAL'; +} +.he100 .wow img{ + height: 100%; +} +.he100 .item-p{ + height: 100%; +} +.he100 .item-p .img1{ + height: 100%; +} +header{ + background: #000; + padding: 30px 40px; +} +.layui-nav .layui-nav-item a{ + font-size: 24px; + /*color: white;*/ + background: ; + position: relative; + z-index: 2; + font-weight: bold; + opacity: 1; +} +.site-mobile .layui-side{ + background: #000 !important + ; +} +.index_ul{ + margin-bottom: 500px; +} +.layui-nav .layui-nav-item { + position: relative; +} + +.layui-nav .layui-nav-item .b1{ + position: absolute; + z-index: 1; +width: 100%; +top: 50%; + transform: translateY(-50%); +} +.layui-nav .layui-nav-item .b1 img{ + width: 100px; +} + +.index_bg{ + background-size:100%; + background-position: top; + background-repeat: no-repeat; +} +.index_bg1{ + + background-position: bottom; +} +.back_top{ + position: fixed; + bottom: 60px; + right: 60px; + cursor: pointer; + z-index: 90; +} +.body>*:not(header,.load_page){ + opacity:0; +} +.index_ul .video{ + width: 100%; + max-width: 100%; +} +.title_logo{ + max-width:600px; +} +.lt_dl{ + padding-left: 265px; + display: grid ; + gap: 60px 60px; +} +.lt_dl .item:hover .img1{ + opacity: 0; +} +.lt_dl .b1{ + padding: 20px; + background: #9f9f9f; +opacity: 0; + transform: rotateY(-180deg); +} +.lt_dl .item:hover .b1{ + opacity: 1; + /*visibility: visible;*/ + /*animation-name: flipInY;*/ + transform: rotateY(0deg); + overflow-y: auto; +} + +.lt_dl .item:hover .img1{ + transform: rotateY(-180deg); + +} + + +.lt_dl .item .b1, + +.lt_dl .item .img{ + transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition-duration: .5s; + transition-property: transform, opacity; +} +.product_title .title{ + background-size: 100%; + background-repeat: no-repeat; + text-align: center; + aspect-ratio: 237 / 25; + display: flex; + align-items: center; + position: relative; + z-index: 1; + justify-content: center; + cursor: pointer; + +} +.product_title .content{ + background-size: 100%; + background-repeat: no-repeat; + aspect-ratio: 86/49; + padding: 37px 60px 70px; + margin: -38px 40px 0 44px; + max-width: 100%; + width: calc(100% - 82px); +display: none; + position: relative; + top: 0; + + +} +.layui-nav .layui-nav-more{ + display: none; +} +.product_title .content_text{ + height: 98%; + overflow: hidden; + overflow-y: auto; + +} +.note_box{ +display: grid; +grid-template-columns: 300px 200px 1fr ; + +} +.note_title{ + overflow: hidden; +} +.note_title_img{ + transition: all 0.3s; + position: relative; + right: 0; +} +.note_title_img.active{ + right: -130px; +} +.note_title_box { + position: relative; +} +.note_title_box .img_bg{ + position: absolute; + z-index: 1; + right: -39px; + top: -60px; + bottom: -83px; +} +.note_label_ul{ + display: flex; + border-right: 4px solid #000; + flex-direction: column; + align-items: flex-end; +} +.note_label{ + font-weight: bold; + cursor: pointer; + width:140px; + text-align: center; + height: 68px; + padding: 20px 20px 20px 30px; + background-size: 100% 100%; + margin: 17px 0; + background-repeat: no-repeat; +} +.note_content_box{ + height: 1100px; + padding: 60px 120px 60px 100px; + margin-left: 20px; + background-size: 100% 100%; + background-repeat: no-repeat; +} +.note_content{ + height: 950px; + overflow: hidden; + overflow-y: auto; +} +.note_label_ul .note_label:nth-child(1n) { + background-image: url(../image/label1.png); +} +.note_label_ul .note_label:nth-child(2n) { + background-image: url(../image/label2.png); +} +.note_label_ul .note_label:nth-child(3n) { + background-image: url(../image/label3.png); +} +.note_label_ul .note_label:nth-child(4n) { + background-image: url(../image/label4.png); +} +.note_label_ul .note_label:nth-child(5n) { + background-image: url(../image/label5.png); +} +.note_label_ul .note_label:nth-child(6n) { + background-image: url(../image/label6.png); +} +.note_label_ul .note_label:nth-child(7n) { + background-image: url(../image/label7.png); +} +.note_label_ul .note_label:nth-child(8n) { + background-image: url(../image/label8.png); +} +.note_label_ul .note_label:nth-child(9n) { + background-image: url(../image/label9.png); +} +.note_label_ul .note_label:nth-child(10n) { + background-image: url(../image/label10.png); +} +.note_label_ul .note_label:nth-child(11n) { + background-image: url(../image/label11.png); +} +.note_label_ul .note_label:nth-child(12n) { + background-image: url(../image/label12.png); +} + +.com_ul{ + gap:260px +} +.com_ul .item{ + position: relative; + z-index: 1; + min-height: 800px; +} +.com_ul .item::before{ + display: block; + content: ''; + background: url(../image/cart.png) no-repeat; + position: absolute; + background-size: 100% 100%; + top: -80px; + bottom: -80px; + left: -60px; + right: -60px; +} + +.com_box{ + padding-bottom: 200px; +} +.back_top{ + transition: all 0.3s; + opacity: 0; +} +.bgcolor+.back_top{ + opacity: 1; +} +.back_top:hover{ + scale: 1.2; + +} +.result_ul .block{ + width: 1200px; + max-width: calc( 100% - 100px); + margin-left:100px ; + /*background: #EAEAEA;*/ + /*border: 8px solid #000000;*/ + width: 100%; + padding: 30px; +} +.back_ul .item{ + grid-template-columns: 40% 1fr; +} +.body{ + height: 100vh; + overflow: hidden; +} +.back_ul .item .block1{ + position: relative; + z-index: 1; + background: #fff; + padding: 90px 110px; +} +.back_ul .item .block1::before{ + display: block; + content: ''; + background: url(../image/cart1.png) no-repeat; + position: absolute; + background-size: 100% 100%; + top: -20px; + bottom: -20px; + left: -20px; + right: 0px; +} +.load_page{ + +} +.body .header.bgcolor{ + position: fixed !important; +} +.load_page{ + position: fixed; + top: 120px; + bottom: 0; + left: 0; + right: 0; + z-index: 998; + background-image: -webkit-linear-gradient( + top, + rgba(255,255,255) 30%, + rgba(195,196,199), + rgb(45, 46, 46) + ); +} +@media only screen and (max-width: 1400px) { + .lt_dl{ + padding-left: 0; + } + +.product_title .content{ + background-size: 100%; + background-repeat: no-repeat; + aspect-ratio: 86 / 49; + padding: 37px 63px 70px; + margin: -21px 6px 0 15px; + max-width: 100%; + width: calc(100% - 31px); + display: none; + position: relative; + top: 0; +} +} +} + +@media only screen and (max-width: 990px) { +} + +@media only screen and (max-width: 768px) { +} + +@media only screen and (min-width: 751px) and (max-width: 1400px) { +} + +@media only screen and (min-width: 751px) { +} diff --git a/css/layui.css b/css/layui.css new file mode 100644 index 0000000..aea2fe3 --- /dev/null +++ b/css/layui.css @@ -0,0 +1 @@ +blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}img{display:inline-block;border:none;vertical-align:middle}li{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4{font-weight:700}h5,h6{font-weight:500;font-size:100%}button,input,select,textarea{font-size:100%}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}body{line-height:1.6;color:#333;color:rgba(0,0,0,.85);font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif}hr{height:0;line-height:0;margin:10px 0;padding:0;border:none;border-bottom:1px solid #eee;clear:both;overflow:hidden;background:0 0}a{color:#333;text-decoration:none}a:hover{color:#777}a cite{font-style:normal;*cursor:pointer}.layui-border-box,.layui-border-box *{box-sizing:border-box}.layui-box,.layui-box *{box-sizing:content-box}.layui-clear{clear:both;*zoom:1}.layui-clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}.layui-clear-space{word-spacing:-5px}.layui-inline{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.layui-edge{position:relative;display:inline-block;vertical-align:middle;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent;overflow:hidden}.layui-edge-top{top:-4px;border-bottom-color:#999;border-bottom-style:solid}.layui-edge-right{border-left-color:#999;border-left-style:solid}.layui-edge-bottom{top:2px;border-top-color:#999;border-top-style:solid}.layui-edge-left{border-right-color:#999;border-right-style:solid}.layui-elip{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-disabled,.layui-icon,.layui-unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-disabled,.layui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}.layui-show{display:block!important}.layui-hide{display:none!important}.layui-show-v{visibility:visible!important}.layui-hide-v{visibility:hidden!important}@font-face{font-family:layui-icon;src:url(../font/iconfont.eot);src:url(../font/iconfont.eot) format('embedded-opentype'),url(../font/iconfont.woff2) format('woff2'),url(../font/iconfont.woff) format('woff'),url(../font/iconfont.ttf) format('truetype'),url(../font/iconfont.svg) format('svg')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-icon-leaf:before{content:"\e701"}.layui-icon-folder:before{content:"\eabe"}.layui-icon-folder-open:before{content:"\eac1"}.layui-icon-gitee:before{content:"\e69b"}.layui-icon-github:before{content:"\e6a7"}.layui-icon-disabled:before{content:"\e6cc"}.layui-icon-moon:before{content:"\e6c2"}.layui-icon-error:before{content:"\e693"}.layui-icon-success:before{content:"\e697"}.layui-icon-question:before{content:"\e699"}.layui-icon-lock:before{content:"\e69a"}.layui-icon-eye:before{content:"\e695"}.layui-icon-eye-invisible:before{content:"\e696"}.layui-icon-backspace:before{content:"\e694"}.layui-icon-tips-fill:before{content:"\eb2e"}.layui-icon-test:before{content:"\e692"}.layui-icon-clear:before{content:"\e788"}.layui-icon-heart-fill:before{content:"\e68f"}.layui-icon-light:before{content:"\e748"}.layui-icon-music:before{content:"\e690"}.layui-icon-time:before{content:"\e68d"}.layui-icon-ie:before{content:"\e7bb"}.layui-icon-firefox:before{content:"\e686"}.layui-icon-at:before{content:"\e687"}.layui-icon-bluetooth:before{content:"\e689"}.layui-icon-chrome:before{content:"\e68a"}.layui-icon-edge:before{content:"\e68b"}.layui-icon-heart:before{content:"\e68c"}.layui-icon-key:before{content:"\e683"}.layui-icon-android:before{content:"\e684"}.layui-icon-mike:before{content:"\e6dc"}.layui-icon-mute:before{content:"\e685"}.layui-icon-gift:before{content:"\e627"}.layui-icon-windows:before{content:"\e67f"}.layui-icon-ios:before{content:"\e680"}.layui-icon-logout:before{content:"\e682"}.layui-icon-wifi:before{content:"\e7e0"}.layui-icon-rss:before{content:"\e808"}.layui-icon-email:before{content:"\e618"}.layui-icon-reduce-circle:before{content:"\e616"}.layui-icon-transfer:before{content:"\e691"}.layui-icon-service:before{content:"\e626"}.layui-icon-addition:before{content:"\e624"}.layui-icon-subtraction:before{content:"\e67e"}.layui-icon-slider:before{content:"\e714"}.layui-icon-print:before{content:"\e66d"}.layui-icon-export:before{content:"\e67d"}.layui-icon-cols:before{content:"\e610"}.layui-icon-screen-full:before{content:"\e622"}.layui-icon-screen-restore:before{content:"\e758"}.layui-icon-rate-half:before{content:"\e6c9"}.layui-icon-rate-solid:before{content:"\e67a"}.layui-icon-rate:before{content:"\e67b"}.layui-icon-cellphone:before{content:"\e678"}.layui-icon-vercode:before{content:"\e679"}.layui-icon-login-weibo:before{content:"\e675"}.layui-icon-login-qq:before{content:"\e676"}.layui-icon-login-wechat:before{content:"\e677"}.layui-icon-username:before{content:"\e66f"}.layui-icon-password:before{content:"\e673"}.layui-icon-refresh-3:before{content:"\e9aa"}.layui-icon-auz:before{content:"\e672"}.layui-icon-shrink-right:before{content:"\e668"}.layui-icon-spread-left:before{content:"\e66b"}.layui-icon-snowflake:before{content:"\e6b1"}.layui-icon-tips:before{content:"\e702"}.layui-icon-note:before{content:"\e66e"}.layui-icon-senior:before{content:"\e674"}.layui-icon-refresh-1:before{content:"\e666"}.layui-icon-refresh:before{content:"\e669"}.layui-icon-flag:before{content:"\e66c"}.layui-icon-theme:before{content:"\e66a"}.layui-icon-notice:before{content:"\e667"}.layui-icon-console:before{content:"\e665"}.layui-icon-website:before{content:"\e7ae"}.layui-icon-face-surprised:before{content:"\e664"}.layui-icon-set:before{content:"\e716"}.layui-icon-template:before{content:"\e663"}.layui-icon-app:before{content:"\e653"}.layui-icon-template-1:before{content:"\e656"}.layui-icon-home:before{content:"\e68e"}.layui-icon-female:before{content:"\e661"}.layui-icon-male:before{content:"\e662"}.layui-icon-tread:before{content:"\e6c5"}.layui-icon-praise:before{content:"\e6c6"}.layui-icon-rmb:before{content:"\e65e"}.layui-icon-more:before{content:"\e65f"}.layui-icon-camera:before{content:"\e660"}.layui-icon-cart-simple:before{content:"\e698"}.layui-icon-face-cry:before{content:"\e69c"}.layui-icon-face-smile:before{content:"\e6af"}.layui-icon-survey:before{content:"\e6b2"}.layui-icon-read:before{content:"\e705"}.layui-icon-location:before{content:"\e715"}.layui-icon-dollar:before{content:"\e659"}.layui-icon-diamond:before{content:"\e735"}.layui-icon-return:before{content:"\e65c"}.layui-icon-camera-fill:before{content:"\e65d"}.layui-icon-fire:before{content:"\e756"}.layui-icon-more-vertical:before{content:"\e671"}.layui-icon-cart:before{content:"\e657"}.layui-icon-star-fill:before{content:"\e658"}.layui-icon-prev:before{content:"\e65a"}.layui-icon-next:before{content:"\e65b"}.layui-icon-upload:before{content:"\e67c"}.layui-icon-upload-drag:before{content:"\e681"}.layui-icon-user:before{content:"\e770"}.layui-icon-file-b:before{content:"\e655"}.layui-icon-component:before{content:"\e857"}.layui-icon-find-fill:before{content:"\e670"}.layui-icon-loading:before{content:"\e63d"}.layui-icon-loading-1:before{content:"\e63e"}.layui-icon-add-1:before{content:"\e654"}.layui-icon-pause:before{content:"\e651"}.layui-icon-play:before{content:"\e652"}.layui-icon-video:before{content:"\e6ed"}.layui-icon-headset:before{content:"\e6fc"}.layui-icon-voice:before{content:"\e688"}.layui-icon-speaker:before{content:"\e645"}.layui-icon-fonts-del:before{content:"\e64f"}.layui-icon-fonts-html:before{content:"\e64b"}.layui-icon-fonts-code:before{content:"\e64e"}.layui-icon-fonts-strong:before{content:"\e62b"}.layui-icon-unlink:before{content:"\e64d"}.layui-icon-picture:before{content:"\e64a"}.layui-icon-link:before{content:"\e64c"}.layui-icon-face-smile-b:before{content:"\e650"}.layui-icon-align-center:before{content:"\e647"}.layui-icon-align-right:before{content:"\e648"}.layui-icon-align-left:before{content:"\e649"}.layui-icon-fonts-u:before{content:"\e646"}.layui-icon-fonts-i:before{content:"\e644"}.layui-icon-tabs:before{content:"\e62a"}.layui-icon-circle:before{content:"\e63f"}.layui-icon-radio:before{content:"\e643"}.layui-icon-share:before{content:"\e641"}.layui-icon-edit:before{content:"\e642"}.layui-icon-delete:before{content:"\e640"}.layui-icon-engine:before{content:"\e628"}.layui-icon-chart-screen:before{content:"\e629"}.layui-icon-chart:before{content:"\e62c"}.layui-icon-table:before{content:"\e62d"}.layui-icon-tree:before{content:"\e62e"}.layui-icon-upload-circle:before{content:"\e62f"}.layui-icon-templeate-1:before{content:"\e630"}.layui-icon-util:before{content:"\e631"}.layui-icon-layouts:before{content:"\e632"}.layui-icon-prev-circle:before{content:"\e633"}.layui-icon-carousel:before{content:"\e634"}.layui-icon-code-circle:before{content:"\e635"}.layui-icon-water:before{content:"\e636"}.layui-icon-date:before{content:"\e637"}.layui-icon-layer:before{content:"\e638"}.layui-icon-fonts-clear:before{content:"\e639"}.layui-icon-dialogue:before{content:"\e63a"}.layui-icon-cellphone-fine:before{content:"\e63b"}.layui-icon-form:before{content:"\e63c"}.layui-icon-file:before{content:"\e621"}.layui-icon-triangle-r:before{content:"\e623"}.layui-icon-triangle-d:before{content:"\e625"}.layui-icon-set-sm:before{content:"\e620"}.layui-icon-add-circle:before{content:"\e61f"}.layui-icon-layim-download:before{content:"\e61e"}.layui-icon-layim-uploadfile:before{content:"\e61d"}.layui-icon-404:before{content:"\e61c"}.layui-icon-about:before{content:"\e60b"}.layui-icon-layim-theme:before{content:"\e61b"}.layui-icon-down:before{content:"\e61a"}.layui-icon-up:before{content:"\e619"}.layui-icon-circle-dot:before{content:"\e617"}.layui-icon-set-fill:before{content:"\e614"}.layui-icon-search:before{content:"\e615"}.layui-icon-friends:before{content:"\e612"}.layui-icon-group:before{content:"\e613"}.layui-icon-reply-fill:before{content:"\e611"}.layui-icon-menu-fill:before{content:"\e60f"}.layui-icon-face-smile-fine:before{content:"\e60c"}.layui-icon-picture-fine:before{content:"\e60d"}.layui-icon-log:before{content:"\e60e"}.layui-icon-list:before{content:"\e60a"}.layui-icon-release:before{content:"\e609"}.layui-icon-add-circle-fine:before{content:"\e608"}.layui-icon-ok:before{content:"\e605"}.layui-icon-help:before{content:"\e607"}.layui-icon-chat:before{content:"\e606"}.layui-icon-top:before{content:"\e604"}.layui-icon-right:before{content:"\e602"}.layui-icon-left:before{content:"\e603"}.layui-icon-star:before{content:"\e600"}.layui-icon-download-circle:before{content:"\e601"}.layui-icon-close:before{content:"\1006"}.layui-icon-close-fill:before{content:"\1007"}.layui-icon-ok-circle:before{content:"\1005"}.layui-main{position:relative;width:1160px;margin:0 auto}.layui-header{position:relative;z-index:1000;height:60px}.layui-header a:hover{transition:all .5s;-webkit-transition:all .5s}.layui-side{position:fixed;left:0;top:0;bottom:0;z-index:999;width:200px;overflow-x:hidden}.layui-side-scroll{position:relative;width:220px;height:100%;overflow-x:hidden}.layui-body{position:relative;left:200px;right:0;top:0;bottom:0;z-index:900;width:auto;box-sizing:border-box}.layui-layout-body{overflow-x:hidden}.layui-layout-admin .layui-header{position:fixed;top:0;left:0;right:0;background-color:#23292e}.layui-layout-admin .layui-side{top:60px;width:200px;overflow-x:hidden}.layui-layout-admin .layui-body{position:absolute;top:60px;padding-bottom:44px}.layui-layout-admin .layui-main{width:auto;margin:0 15px}.layui-layout-admin .layui-footer{position:fixed;left:200px;right:0;bottom:0;z-index:990;height:44px;line-height:44px;padding:0 15px;box-shadow:-1px 0 4px rgb(0 0 0 / 12%);background-color:#fafafa}.layui-layout-admin .layui-logo{position:absolute;left:0;top:0;width:200px;height:100%;line-height:60px;text-align:center;color:#16baaa;font-size:16px;box-shadow:0 1px 2px 0 rgb(0 0 0 / 15%)}.layui-layout-admin .layui-header .layui-nav{background:0 0}.layui-layout-left{position:absolute!important;left:200px;top:0}.layui-layout-right{position:absolute!important;right:0;top:0}.layui-container{position:relative;margin:0 auto;box-sizing:border-box}.layui-fluid{position:relative;margin:0 auto;padding:0 15px}.layui-row:after,.layui-row:before{content:"";display:block;clear:both}.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xl1,.layui-col-xl10,.layui-col-xl11,.layui-col-xl12,.layui-col-xl2,.layui-col-xl3,.layui-col-xl4,.layui-col-xl5,.layui-col-xl6,.layui-col-xl7,.layui-col-xl8,.layui-col-xl9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{position:relative;display:block;box-sizing:border-box}.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{float:left}.layui-col-xs1{width:8.33333333%}.layui-col-xs2{width:16.66666667%}.layui-col-xs3{width:25%}.layui-col-xs4{width:33.33333333%}.layui-col-xs5{width:41.66666667%}.layui-col-xs6{width:50%}.layui-col-xs7{width:58.33333333%}.layui-col-xs8{width:66.66666667%}.layui-col-xs9{width:75%}.layui-col-xs10{width:83.33333333%}.layui-col-xs11{width:91.66666667%}.layui-col-xs12{width:100%}.layui-col-xs-offset1{margin-left:8.33333333%}.layui-col-xs-offset2{margin-left:16.66666667%}.layui-col-xs-offset3{margin-left:25%}.layui-col-xs-offset4{margin-left:33.33333333%}.layui-col-xs-offset5{margin-left:41.66666667%}.layui-col-xs-offset6{margin-left:50%}.layui-col-xs-offset7{margin-left:58.33333333%}.layui-col-xs-offset8{margin-left:66.66666667%}.layui-col-xs-offset9{margin-left:75%}.layui-col-xs-offset10{margin-left:83.33333333%}.layui-col-xs-offset11{margin-left:91.66666667%}.layui-col-xs-offset12{margin-left:100%}@media screen and (max-width:767.98px){.layui-container{padding:0 15px}.layui-hide-xs{display:none!important}.layui-show-xs-block{display:block!important}.layui-show-xs-inline{display:inline!important}.layui-show-xs-inline-block{display:inline-block!important}}@media screen and (min-width:768px){.layui-container{width:720px}.layui-hide-sm{display:none!important}.layui-show-sm-block{display:block!important}.layui-show-sm-inline{display:inline!important}.layui-show-sm-inline-block{display:inline-block!important}.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9{float:left}.layui-col-sm1{width:8.33333333%}.layui-col-sm2{width:16.66666667%}.layui-col-sm3{width:25%}.layui-col-sm4{width:33.33333333%}.layui-col-sm5{width:41.66666667%}.layui-col-sm6{width:50%}.layui-col-sm7{width:58.33333333%}.layui-col-sm8{width:66.66666667%}.layui-col-sm9{width:75%}.layui-col-sm10{width:83.33333333%}.layui-col-sm11{width:91.66666667%}.layui-col-sm12{width:100%}.layui-col-sm-offset1{margin-left:8.33333333%}.layui-col-sm-offset2{margin-left:16.66666667%}.layui-col-sm-offset3{margin-left:25%}.layui-col-sm-offset4{margin-left:33.33333333%}.layui-col-sm-offset5{margin-left:41.66666667%}.layui-col-sm-offset6{margin-left:50%}.layui-col-sm-offset7{margin-left:58.33333333%}.layui-col-sm-offset8{margin-left:66.66666667%}.layui-col-sm-offset9{margin-left:75%}.layui-col-sm-offset10{margin-left:83.33333333%}.layui-col-sm-offset11{margin-left:91.66666667%}.layui-col-sm-offset12{margin-left:100%}}@media screen and (min-width:992px){.layui-container{width:960px}.layui-hide-md{display:none!important}.layui-show-md-block{display:block!important}.layui-show-md-inline{display:inline!important}.layui-show-md-inline-block{display:inline-block!important}.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9{float:left}.layui-col-md1{width:8.33333333%}.layui-col-md2{width:16.66666667%}.layui-col-md3{width:25%}.layui-col-md4{width:33.33333333%}.layui-col-md5{width:41.66666667%}.layui-col-md6{width:50%}.layui-col-md7{width:58.33333333%}.layui-col-md8{width:66.66666667%}.layui-col-md9{width:75%}.layui-col-md10{width:83.33333333%}.layui-col-md11{width:91.66666667%}.layui-col-md12{width:100%}.layui-col-md-offset1{margin-left:8.33333333%}.layui-col-md-offset2{margin-left:16.66666667%}.layui-col-md-offset3{margin-left:25%}.layui-col-md-offset4{margin-left:33.33333333%}.layui-col-md-offset5{margin-left:41.66666667%}.layui-col-md-offset6{margin-left:50%}.layui-col-md-offset7{margin-left:58.33333333%}.layui-col-md-offset8{margin-left:66.66666667%}.layui-col-md-offset9{margin-left:75%}.layui-col-md-offset10{margin-left:83.33333333%}.layui-col-md-offset11{margin-left:91.66666667%}.layui-col-md-offset12{margin-left:100%}}@media screen and (min-width:1200px){.layui-container{width:1150px}.layui-hide-lg{display:none!important}.layui-show-lg-block{display:block!important}.layui-show-lg-inline{display:inline!important}.layui-show-lg-inline-block{display:inline-block!important}.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9{float:left}.layui-col-lg1{width:8.33333333%}.layui-col-lg2{width:16.66666667%}.layui-col-lg3{width:25%}.layui-col-lg4{width:33.33333333%}.layui-col-lg5{width:41.66666667%}.layui-col-lg6{width:50%}.layui-col-lg7{width:58.33333333%}.layui-col-lg8{width:66.66666667%}.layui-col-lg9{width:75%}.layui-col-lg10{width:83.33333333%}.layui-col-lg11{width:91.66666667%}.layui-col-lg12{width:100%}.layui-col-lg-offset1{margin-left:8.33333333%}.layui-col-lg-offset2{margin-left:16.66666667%}.layui-col-lg-offset3{margin-left:25%}.layui-col-lg-offset4{margin-left:33.33333333%}.layui-col-lg-offset5{margin-left:41.66666667%}.layui-col-lg-offset6{margin-left:50%}.layui-col-lg-offset7{margin-left:58.33333333%}.layui-col-lg-offset8{margin-left:66.66666667%}.layui-col-lg-offset9{margin-left:75%}.layui-col-lg-offset10{margin-left:83.33333333%}.layui-col-lg-offset11{margin-left:91.66666667%}.layui-col-lg-offset12{margin-left:100%}}@media screen and (min-width:1400px){.layui-container{width:1330px}.layui-hide-xl{display:none!important}.layui-show-xl-block{display:block!important}.layui-show-xl-inline{display:inline!important}.layui-show-xl-inline-block{display:inline-block!important}.layui-col-xl1,.layui-col-xl10,.layui-col-xl11,.layui-col-xl12,.layui-col-xl2,.layui-col-xl3,.layui-col-xl4,.layui-col-xl5,.layui-col-xl6,.layui-col-xl7,.layui-col-xl8,.layui-col-xl9{float:left}.layui-col-xl1{width:8.33333333%}.layui-col-xl2{width:16.66666667%}.layui-col-xl3{width:25%}.layui-col-xl4{width:33.33333333%}.layui-col-xl5{width:41.66666667%}.layui-col-xl6{width:50%}.layui-col-xl7{width:58.33333333%}.layui-col-xl8{width:66.66666667%}.layui-col-xl9{width:75%}.layui-col-xl10{width:83.33333333%}.layui-col-xl11{width:91.66666667%}.layui-col-xl12{width:100%}.layui-col-xl-offset1{margin-left:8.33333333%}.layui-col-xl-offset2{margin-left:16.66666667%}.layui-col-xl-offset3{margin-left:25%}.layui-col-xl-offset4{margin-left:33.33333333%}.layui-col-xl-offset5{margin-left:41.66666667%}.layui-col-xl-offset6{margin-left:50%}.layui-col-xl-offset7{margin-left:58.33333333%}.layui-col-xl-offset8{margin-left:66.66666667%}.layui-col-xl-offset9{margin-left:75%}.layui-col-xl-offset10{margin-left:83.33333333%}.layui-col-xl-offset11{margin-left:91.66666667%}.layui-col-xl-offset12{margin-left:100%}}.layui-col-space1{margin:-.5px}.layui-col-space1>*{padding:.5px}.layui-col-space2{margin:-1px}.layui-col-space2>*{padding:1px}.layui-col-space4{margin:-2px}.layui-col-space4>*{padding:2px}.layui-col-space5{margin:-2.5px}.layui-col-space5>*{padding:2.5px}.layui-col-space6{margin:-3px}.layui-col-space6>*{padding:3px}.layui-col-space8{margin:-4px}.layui-col-space8>*{padding:4px}.layui-col-space10{margin:-5px}.layui-col-space10>*{padding:5px}.layui-col-space12{margin:-6px}.layui-col-space12>*{padding:6px}.layui-col-space14{margin:-7px}.layui-col-space14>*{padding:7px}.layui-col-space15{margin:-7.5px}.layui-col-space15>*{padding:7.5px}.layui-col-space16{margin:-8px}.layui-col-space16>*{padding:8px}.layui-col-space18{margin:-9px}.layui-col-space18>*{padding:9px}.layui-col-space20{margin:-10px}.layui-col-space20>*{padding:10px}.layui-col-space22{margin:-11px}.layui-col-space22>*{padding:11px}.layui-col-space24{margin:-12px}.layui-col-space24>*{padding:12px}.layui-col-space25{margin:-12.5px}.layui-col-space25>*{padding:12.5px}.layui-col-space26{margin:-13px}.layui-col-space26>*{padding:13px}.layui-col-space28{margin:-14px}.layui-col-space28>*{padding:14px}.layui-col-space30{margin:-15px}.layui-col-space30>*{padding:15px}.layui-col-space32{margin:-16px}.layui-col-space32>*{padding:16px}.layui-padding-1{padding:4px!important}.layui-padding-2{padding:8px!important}.layui-padding-3{padding:16px!important}.layui-padding-4{padding:32px!important}.layui-padding-5{padding:48px!important}.layui-margin-1{margin:4px!important}.layui-margin-2{margin:8px!important}.layui-margin-3{margin:16px!important}.layui-margin-4{margin:32px!important}.layui-margin-5{margin:48px!important}.layui-btn,.layui-input,.layui-select,.layui-textarea,.layui-upload-button{outline:0;-webkit-appearance:none;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box}.layui-elem-quote{margin-bottom:10px;padding:15px;line-height:1.8;border-left:5px solid #16b777;border-radius:0 2px 2px 0;background-color:#fafafa}.layui-quote-nm{border-style:solid;border-width:1px;border-left-width:5px;background:0 0}.layui-elem-field{margin-bottom:10px;padding:0;border-width:1px;border-style:solid}.layui-elem-field legend{margin-left:20px;padding:0 10px;font-size:20px}.layui-field-title{margin:16px 0;border-width:0;border-top-width:1px}.layui-field-box{padding:15px}.layui-field-title .layui-field-box{padding:10px 0}.layui-progress{position:relative;height:6px;border-radius:20px;background-color:#eee}.layui-progress-bar{position:absolute;left:0;top:0;width:0;max-width:100%;height:6px;border-radius:20px;text-align:right;background-color:#16b777;transition:all .3s;-webkit-transition:all .3s}.layui-progress-big,.layui-progress-big .layui-progress-bar{height:18px;line-height:18px}.layui-progress-text{position:relative;top:-20px;line-height:18px;font-size:12px;color:#5f5f5f}.layui-progress-big .layui-progress-text{position:static;padding:0 10px;color:#fff}.layui-collapse{border-width:1px;border-style:solid;border-radius:2px}.layui-colla-content,.layui-colla-item{border-top-width:1px;border-top-style:solid}.layui-colla-item:first-child{border-top:none}.layui-colla-title{position:relative;height:42px;line-height:42px;padding:0 15px 0 35px;color:#333;background-color:#fafafa;cursor:pointer;font-size:14px;overflow:hidden}.layui-colla-content{display:none;padding:10px 15px;line-height:1.6;color:#5f5f5f}.layui-colla-icon{position:absolute;left:15px;top:0;font-size:14px}.layui-card{margin-bottom:15px;border-radius:2px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.layui-card:last-child{margin-bottom:0}.layui-card-header{position:relative;height:42px;line-height:42px;padding:0 15px;border-bottom:1px solid #f8f8f8;color:#333;border-radius:2px 2px 0 0;font-size:14px}.layui-card-body{position:relative;padding:10px 15px;line-height:24px}.layui-card-body[pad15]{padding:15px}.layui-card-body[pad20]{padding:20px}.layui-card-body .layui-table{margin:5px 0}.layui-card .layui-tab{margin:0}.layui-panel{position:relative;border-width:1px;border-style:solid;border-radius:2px;box-shadow:1px 1px 4px rgb(0 0 0 / 8%);background-color:#fff;color:#5f5f5f}.layui-panel-window{position:relative;padding:15px;border-radius:0;border-top:5px solid #eee;background-color:#fff}.layui-auxiliar-moving{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:0 0;z-index:9999999999;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.layui-scrollbar-hide{overflow:hidden!important}.layui-bg-red{background-color:#ff5722!important;color:#fff!important}.layui-bg-orange{background-color:#ffb800!important;color:#fff!important}.layui-bg-green{background-color:#16baaa!important;color:#fff!important}.layui-bg-cyan{background-color:#2f4056!important;color:#fff!important}.layui-bg-blue{background-color:#1e9fff!important;color:#fff!important}.layui-bg-purple{background-color:#a233c6!important;color:#fff!important}.layui-bg-black{background-color:#2f363c!important;color:#fff!important}.layui-bg-gray{background-color:#fafafa!important;color:#5f5f5f!important}.layui-badge-rim,.layui-border,.layui-colla-content,.layui-colla-item,.layui-collapse,.layui-elem-field,.layui-form-pane .layui-form-item[pane],.layui-form-pane .layui-form-label,.layui-input,.layui-input-split,.layui-panel,.layui-quote-nm,.layui-select,.layui-tab-bar,.layui-tab-card,.layui-tab-title,.layui-tab-title .layui-this:after,.layui-textarea{border-color:#eee}.layui-border{border-width:1px;border-style:solid;color:#5f5f5f!important}.layui-border-red{border-width:1px;border-style:solid;border-color:#ff5722!important;color:#ff5722!important}.layui-border-orange{border-width:1px;border-style:solid;border-color:#ffb800!important;color:#ffb800!important}.layui-border-green{border-width:1px;border-style:solid;border-color:#16baaa!important;color:#16baaa!important}.layui-border-cyan{border-width:1px;border-style:solid;border-color:#2f4056!important;color:#2f4056!important}.layui-border-blue{border-width:1px;border-style:solid;border-color:#1e9fff!important;color:#1e9fff!important}.layui-border-purple{border-width:1px;border-style:solid;border-color:#a233c6!important;color:#a233c6!important}.layui-border-black{border-width:1px;border-style:solid;border-color:#2f363c!important;color:#2f363c!important}hr.layui-border-black,hr.layui-border-blue,hr.layui-border-cyan,hr.layui-border-green,hr.layui-border-orange,hr.layui-border-purple,hr.layui-border-red{border-width:0 0 1px}.layui-timeline-item:before{background-color:#eee}.layui-text{line-height:1.8;font-size:14px}.layui-text h1{font-size:32px}.layui-text h2{font-size:24px}.layui-text h3{font-size:18px}.layui-text h4{font-size:16px}.layui-text h5{font-size:14px}.layui-text h6{font-size:13px}.layui-text ol,.layui-text ul{padding-left:15px}.layui-text ul li{margin-top:5px;list-style-type:disc}.layui-text ol li{margin-top:5px;list-style-type:decimal}.layui-text-em,.layui-word-aux{color:#999!important;padding-left:5px!important;padding-right:5px!important}.layui-text p{margin:15px 0}.layui-text p:first-child{margin-top:0}.layui-text p:last-child{margin-bottom:0}.layui-text a:not(.layui-btn){color:#01aaed}.layui-text a:not(.layui-btn):hover{text-decoration:underline}.layui-text blockquote:not(.layui-elem-quote){margin:15px 0;padding:5px 15px;border-left:5px solid #eee}.layui-text pre>code:not(.layui-code){padding:15px;font-family:"Courier New",Consolas,"Lucida Console"}.layui-font-12{font-size:12px!important}.layui-font-13{font-size:13px!important}.layui-font-14{font-size:14px!important}.layui-font-16{font-size:16px!important}.layui-font-18{font-size:18px!important}.layui-font-20{font-size:20px!important}.layui-font-22{font-size:22px!important}.layui-font-24{font-size:24px!important}.layui-font-26{font-size:26px!important}.layui-font-28{font-size:28px!important}.layui-font-30{font-size:30px!important}.layui-font-32{font-size:32px!important}.layui-font-red{color:#ff5722!important}.layui-font-orange{color:#ffb800!important}.layui-font-green{color:#16baaa!important}.layui-font-cyan{color:#2f4056!important}.layui-font-blue{color:#01aaed!important}.layui-font-purple{color:#a233c6!important}.layui-font-black{color:#000!important}.layui-font-gray{color:#c2c2c2!important}.layui-btn{display:inline-block;vertical-align:middle;height:38px;line-height:38px;border:1px solid transparent;padding:0 18px;background-color:#16baaa;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border-radius:2px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}.layui-btn:active{opacity:1;filter:alpha(opacity=100)}.layui-btn+.layui-btn{margin-left:10px}.layui-btn-container{word-spacing:-5px}.layui-btn-container .layui-btn{margin-right:10px;margin-bottom:10px;word-spacing:normal}.layui-btn-container .layui-btn+.layui-btn{margin-left:0}.layui-table .layui-btn-container .layui-btn{margin-bottom:9px}.layui-btn-radius{border-radius:100px}.layui-btn .layui-icon{padding:0 2px;vertical-align:middle\0;vertical-align:bottom}.layui-btn-primary{border-color:#d2d2d2;background:0 0;color:#5f5f5f}.layui-btn-primary:hover{border-color:#16baaa;color:#333}.layui-btn-normal{background-color:#1e9fff}.layui-btn-warm{background-color:#ffb800}.layui-btn-danger{background-color:#ff5722}.layui-btn-checked{background-color:#16b777}.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{border-color:#eee!important;background-color:#fbfbfb!important;color:#d2d2d2!important;cursor:not-allowed!important;opacity:1}.layui-btn-lg{height:44px;line-height:44px;padding:0 25px;font-size:16px}.layui-btn-sm{height:30px;line-height:30px;padding:0 10px;font-size:12px}.layui-btn-xs{height:22px;line-height:22px;padding:0 5px;font-size:12px}.layui-btn-xs i{font-size:12px!important}.layui-btn-group{display:inline-block;vertical-align:middle;font-size:0}.layui-btn-group .layui-btn{margin-left:0!important;margin-right:0!important;border-left:1px solid rgba(255,255,255,.5);border-radius:0}.layui-btn-group .layui-btn-primary{border-left:none}.layui-btn-group .layui-btn-primary:hover{border-color:#d2d2d2;color:#16baaa}.layui-btn-group .layui-btn:first-child{border-left:none;border-radius:2px 0 0 2px}.layui-btn-group .layui-btn-primary:first-child{border-left:1px solid #d2d2d2}.layui-btn-group .layui-btn:last-child{border-radius:0 2px 2px 0}.layui-btn-group .layui-btn+.layui-btn{margin-left:0}.layui-btn-group+.layui-btn-group{margin-left:10px}.layui-btn-fluid{width:100%}.layui-input,.layui-select,.layui-textarea{height:38px;line-height:1.3;line-height:38px\9;border-width:1px;border-style:solid;background-color:#fff;color:rgba(0,0,0,.85);border-radius:2px}.layui-input::-webkit-input-placeholder,.layui-select::-webkit-input-placeholder,.layui-textarea::-webkit-input-placeholder{line-height:1.3}.layui-input,.layui-textarea{display:block;width:100%;padding-left:10px}.layui-input:hover,.layui-textarea:hover{border-color:#d2d2d2!important}.layui-input:focus,.layui-textarea:focus{border-color:#16b777!important;box-shadow:0 0 0 3px rgba(22,183,119,.08)}.layui-textarea{position:relative;min-height:100px;height:auto;line-height:20px;padding:6px 10px;resize:vertical}.layui-input[disabled],.layui-textarea[disabled]{background-color:#fafafa}.layui-select{padding:0 10px}.layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select{display:none}.layui-form [lay-ignore]{display:initial}.layui-form-item{position:relative;margin-bottom:15px;clear:both;*zoom:1}.layui-form-item:after{content:'\20';clear:both;*zoom:1;display:block;height:0}.layui-form-label{position:relative;float:left;display:block;padding:9px 15px;width:80px;font-weight:400;line-height:20px;text-align:right}.layui-form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left}.layui-form-item .layui-inline{margin-bottom:5px;margin-right:10px}.layui-input-block,.layui-input-inline{position:relative}.layui-input-block{margin-left:110px;min-height:36px}.layui-input-inline{display:inline-block;vertical-align:middle}.layui-form-item .layui-input-inline{float:left;width:190px;margin-right:10px}.layui-form-text .layui-input-inline{width:auto}.layui-form-mid{position:relative;float:left;display:block;padding:9px 0!important;line-height:20px;margin-right:10px}.layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus{border-color:#ff5722!important;box-shadow:0 0 0 3px rgba(255,87,34,.08)}.layui-input-prefix,.layui-input-split,.layui-input-suffix,.layui-input-suffix .layui-input-affix{position:absolute;right:0;top:0;padding:0 10px;width:35px;height:100%;text-align:center;transition:all .3s;box-sizing:border-box}.layui-input-prefix{left:0;border-radius:2px 0 0 2px}.layui-input-suffix{right:0;border-radius:0 2px 2px 0}.layui-input-split{border-width:1px;border-style:solid}.layui-input-prefix .layui-icon,.layui-input-split .layui-icon,.layui-input-suffix .layui-icon{position:relative;font-size:16px;color:#5f5f5f;transition:all .3s}.layui-input-group{position:relative;display:table;box-sizing:border-box}.layui-input-group>*{display:table-cell;vertical-align:middle;position:relative}.layui-input-group .layui-input{padding-right:15px}.layui-input-group>.layui-input-prefix{width:auto;border-right:0}.layui-input-group>.layui-input-suffix{width:auto;border-left:0}.layui-input-group .layui-input-split{white-space:nowrap}.layui-input-wrap{position:relative;line-height:38px}.layui-input-wrap .layui-input{padding-right:35px}.layui-input-wrap .layui-input::-ms-clear,.layui-input-wrap .layui-input::-ms-reveal{display:none}.layui-input-wrap .layui-input-prefix+.layui-input,.layui-input-wrap .layui-input-prefix~* .layui-input{padding-left:35px}.layui-input-wrap .layui-input-split+.layui-input,.layui-input-wrap .layui-input-split~* .layui-input{padding-left:45px}.layui-input-wrap .layui-input-prefix~.layui-form-select{position:static}.layui-input-wrap .layui-input-prefix,.layui-input-wrap .layui-input-split,.layui-input-wrap .layui-input-suffix{pointer-events:none}.layui-input-wrap .layui-input:hover+.layui-input-split{border-color:#d2d2d2}.layui-input-wrap .layui-input:focus+.layui-input-split{border-color:#16b777}.layui-input-wrap .layui-input.layui-form-danger:focus+.layui-input-split{border-color:#ff5722}.layui-input-wrap .layui-input-prefix.layui-input-split{border-width:0;border-right-width:1px}.layui-input-wrap .layui-input-suffix.layui-input-split{border-width:0;border-left-width:1px}.layui-input-affix{line-height:38px}.layui-input-suffix .layui-input-affix{right:auto;left:-35px}.layui-input-affix .layui-icon{color:rgba(0,0,0,.8);pointer-events:auto!important;cursor:pointer}.layui-input-affix .layui-icon-clear{color:rgba(0,0,0,.3)}.layui-input-affix .layui-icon:hover{color:rgba(0,0,0,.6)}.layui-input-wrap .layui-input-number{width:24px;padding:0}.layui-input-wrap .layui-input-number .layui-icon{position:absolute;right:0;width:100%;height:50%;line-height:normal;font-size:12px}.layui-input-wrap .layui-input-number .layui-icon:before{position:absolute;left:50%;top:50%;margin-top:-6px;margin-left:-6px}.layui-input-wrap .layui-input-number .layui-icon-up{top:0;border-bottom:1px solid #eee}.layui-input-wrap .layui-input-number .layui-icon-down{bottom:0}.layui-input-wrap .layui-input-number .layui-icon:hover{font-weight:700}.layui-input-wrap .layui-input[type=number]::-webkit-inner-spin-button,.layui-input-wrap .layui-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important}.layui-input-wrap .layui-input[type=number]{-moz-appearance:textfield}.layui-input-wrap .layui-input[type=number].layui-input-number-out-of-range{color:#ff5722}.layui-form-select{position:relative;color:#5f5f5f}.layui-form-select .layui-input{padding-right:30px;cursor:pointer}.layui-form-select .layui-edge{position:absolute;right:10px;top:50%;margin-top:-3px;cursor:pointer;border-width:6px;border-top-color:#c2c2c2;border-top-style:solid;transition:all .3s;-webkit-transition:all .3s}.layui-form-select dl{display:none;position:absolute;left:0;top:42px;padding:5px 0;z-index:899;min-width:100%;border:1px solid #eee;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:2px;box-shadow:1px 1px 4px rgb(0 0 0 / 8%);box-sizing:border-box}.layui-form-select dl dd,.layui-form-select dl dt{padding:0 10px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layui-form-select dl dt{font-size:12px;color:#999}.layui-form-select dl dd{cursor:pointer}.layui-form-select dl dd:hover{background-color:#f8f8f8;-webkit-transition:.5s all;transition:.5s all}.layui-form-select .layui-select-group dd{padding-left:20px}.layui-form-select dl dd.layui-select-tips{padding-left:10px!important;color:#999}.layui-form-select dl dd.layui-this{background-color:#f8f8f8;color:#16b777;font-weight:700}.layui-form-select dl dd.layui-disabled{background-color:#fff}.layui-form-selected dl{display:block}.layui-form-selected .layui-edge{margin-top:-9px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.layui-form-selected .layui-edge{margin-top:-3px\0}:root .layui-form-selected .layui-edge{margin-top:-9px\0/IE9}.layui-form-selectup dl{top:auto;bottom:42px}.layui-select-none{margin:5px 0;text-align:center;color:#999}.layui-select-panel-wrap{position:absolute;z-index:99999999}.layui-select-panel-wrap dl{position:relative;display:block;top:0}.layui-select-disabled .layui-disabled{border-color:#eee!important}.layui-select-disabled .layui-edge{border-top-color:#d2d2d2}.layui-form-checkbox{position:relative;display:inline-block;vertical-align:middle;height:30px;line-height:30px;margin-right:10px;padding-right:30px;background-color:#fff;cursor:pointer;font-size:0;-webkit-transition:.1s linear;transition:.1s linear;box-sizing:border-box}.layui-form-checkbox>*{display:inline-block;vertical-align:middle}.layui-form-checkbox>div{padding:0 11px;font-size:14px;border-radius:2px 0 0 2px;background-color:#d2d2d2;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.layui-form-checkbox>div>.layui-icon{line-height:normal}.layui-form-checkbox:hover>div{background-color:#c2c2c2}.layui-form-checkbox>i{position:absolute;right:0;top:0;width:30px;height:100%;border:1px solid #d2d2d2;border-left:none;border-radius:0 2px 2px 0;color:#fff;color:rgba(255,255,255,0);font-size:20px;text-align:center;box-sizing:border-box}.layui-form-checkbox:hover>i{border-color:#c2c2c2;color:#c2c2c2}.layui-form-checked,.layui-form-checked:hover{border-color:#16b777}.layui-form-checked:hover>div,.layui-form-checked>div{background-color:#16b777}.layui-form-checked:hover>i,.layui-form-checked>i{color:#16b777}.layui-form-item .layui-form-checkbox{margin-top:4px}.layui-form-checkbox.layui-checkbox-disabled>div{background-color:#eee!important}.layui-form [lay-checkbox]{display:none}.layui-form-checkbox[lay-skin=primary]{height:auto!important;line-height:normal!important;min-width:18px;min-height:18px;border:none!important;margin-right:0;padding-left:24px;padding-right:0;background:0 0}.layui-form-checkbox[lay-skin=primary]>div{margin-top:-1px;padding-left:0;padding-right:15px;line-height:18px;background:0 0;color:#5f5f5f}.layui-form-checkbox[lay-skin=primary]>i{right:auto;left:0;width:16px;height:16px;line-height:14px;border:1px solid #d2d2d2;font-size:12px;border-radius:2px;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-checkbox[lay-skin=primary]:hover>i{border-color:#16b777;color:#fff}.layui-form-checked[lay-skin=primary]>i{border-color:#16b777!important;background-color:#16b777;color:#fff}.layui-checkbox-disabled[lay-skin=primary]>div{background:0 0!important}.layui-form-checked.layui-checkbox-disabled[lay-skin=primary]>i{background:#eee!important;border-color:#eee!important}.layui-checkbox-disabled[lay-skin=primary]:hover>i{border-color:#d2d2d2}.layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top:10px}.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate{border-color:#16b777}.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before{content:'';display:inline-block;vertical-align:middle;position:relative;width:50%;height:1px;margin:-1px auto 0;background-color:#16b777}.layui-form-switch{position:relative;display:inline-block;vertical-align:middle;height:24px;line-height:22px;min-width:44px;padding:0 5px;margin-top:8px;border:1px solid #d2d2d2;border-radius:20px;cursor:pointer;box-sizing:border-box;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch>i{position:absolute;left:5px;top:3px;width:16px;height:16px;border-radius:20px;background-color:#d2d2d2;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch>div{position:relative;top:0;margin-left:21px;padding:0!important;text-align:center!important;color:#999!important;font-style:normal!important;font-size:12px}.layui-form-onswitch{border-color:#16b777;background-color:#16b777}.layui-form-onswitch>i{left:100%;margin-left:-21px;background-color:#fff}.layui-form-onswitch>div{margin-left:0;margin-right:21px;color:#fff!important}.layui-form-checkbox[lay-skin=none] *,.layui-form-radio[lay-skin=none] *{box-sizing:border-box}.layui-form-checkbox[lay-skin=none],.layui-form-radio[lay-skin=none]{position:relative;min-height:20px;margin:0;padding:0;height:auto;line-height:normal}.layui-form-checkbox[lay-skin=none]>div,.layui-form-radio[lay-skin=none]>div{position:relative;top:0;left:0;cursor:pointer;z-index:10;color:inherit;background-color:inherit}.layui-form-checkbox[lay-skin=none]>i,.layui-form-radio[lay-skin=none]>i{display:none}.layui-form-checkbox[lay-skin=none].layui-checkbox-disabled>div,.layui-form-radio[lay-skin=none].layui-radio-disabled>div{cursor:not-allowed}.layui-checkbox-disabled{border-color:#eee!important}.layui-checkbox-disabled>div{color:#c2c2c2!important}.layui-checkbox-disabled>i{border-color:#eee!important}.layui-checkbox-disabled:hover>i{color:#fff!important}.layui-form-radio{display:inline-block;vertical-align:middle;line-height:28px;margin:6px 10px 0 0;padding-right:10px;cursor:pointer;font-size:0}.layui-form-radio>*{display:inline-block;vertical-align:middle;font-size:14px}.layui-form-radio>i{margin-right:8px;font-size:22px;color:#c2c2c2}.layui-form-radio:hover>*,.layui-form-radioed,.layui-form-radioed>i{color:#16b777}.layui-radio-disabled>i{color:#eee!important}.layui-radio-disabled>*{color:#c2c2c2!important}.layui-form [lay-radio]{display:none}.layui-form-pane .layui-form-label{width:110px;padding:8px 15px;height:38px;line-height:20px;border-width:1px;border-style:solid;border-radius:2px 0 0 2px;text-align:center;background-color:#fafafa;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}.layui-form-pane .layui-input-inline{margin-left:-1px}.layui-form-pane .layui-input-block{margin-left:110px;left:-1px}.layui-form-pane .layui-input{border-radius:0 2px 2px 0}.layui-form-pane .layui-form-text .layui-form-label{float:none;width:100%;border-radius:2px;box-sizing:border-box;text-align:left}.layui-form-pane .layui-form-text .layui-input-inline{display:block;margin:0;top:-1px;clear:both}.layui-form-pane .layui-form-text .layui-input-block{margin:0;left:0;top:-1px}.layui-form-pane .layui-form-text .layui-textarea{min-height:100px;border-radius:0 0 2px 2px}.layui-form-pane .layui-form-checkbox{margin:4px 0 4px 10px}.layui-form-pane .layui-form-radio,.layui-form-pane .layui-form-switch{margin-top:6px;margin-left:10px}.layui-form-pane .layui-form-item[pane]{position:relative;border-width:1px;border-style:solid}.layui-form-pane .layui-form-item[pane] .layui-form-label{position:absolute;left:0;top:0;height:100%;border-width:0;border-right-width:1px}.layui-form-pane .layui-form-item[pane] .layui-input-inline{margin-left:110px}@media screen and (max-width:450px){.layui-form-item .layui-form-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-form-item .layui-inline{display:block;margin-right:0;margin-bottom:20px;clear:both}.layui-form-item .layui-inline:after{content:'\20';clear:both;display:block;height:0}.layui-form-item .layui-input-inline{display:block;float:none;left:-3px;width:auto!important;margin:0 0 10px 112px}.layui-form-item .layui-input-inline+.layui-form-mid{margin-left:110px;top:-5px;padding:0}.layui-form-item .layui-form-checkbox{margin-right:5px;margin-bottom:5px}}.layui-laypage{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:10px 0;font-size:0}.layui-laypage>a:first-child,.layui-laypage>a:first-child em{border-radius:2px 0 0 2px}.layui-laypage>a:last-child,.layui-laypage>a:last-child em{border-radius:0 2px 2px 0}.layui-laypage>:first-child{margin-left:0!important}.layui-laypage>:last-child{margin-right:0!important}.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span{border:1px solid #eee}.layui-laypage a,.layui-laypage span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 15px;height:28px;line-height:28px;margin:0 -1px 5px 0;background-color:#fff;color:#333;font-size:12px}.layui-laypage a[data-page]{color:#333}.layui-laypage a{text-decoration:none!important;cursor:pointer}.layui-laypage a:hover{color:#16baaa}.layui-laypage em{font-style:normal}.layui-laypage .layui-laypage-spr{color:#999;font-weight:700}.layui-laypage .layui-laypage-curr{position:relative}.layui-laypage .layui-laypage-curr em{position:relative;color:#fff}.layui-laypage .layui-laypage-curr .layui-laypage-em{position:absolute;left:-1px;top:-1px;padding:1px;width:100%;height:100%;background-color:#16baaa}.layui-laypage-em{border-radius:2px}.layui-laypage-next em,.layui-laypage-prev em{font-family:Sim sun;font-size:16px}.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh,.layui-laypage .layui-laypage-skip{margin-left:10px;margin-right:10px;padding:0;border:none}.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh{vertical-align:top}.layui-laypage .layui-laypage-refresh i{font-size:18px;cursor:pointer}.layui-laypage select{height:22px;padding:3px;border-radius:2px;cursor:pointer}.layui-laypage .layui-laypage-skip{height:30px;line-height:30px;color:#999}.layui-laypage button,.layui-laypage input{height:30px;line-height:30px;border-radius:2px;vertical-align:top;background-color:#fff;box-sizing:border-box}.layui-laypage input{display:inline-block;width:40px;margin:0 10px;padding:0 3px;text-align:center}.layui-laypage input:focus,.layui-laypage select:focus{border-color:#16baaa!important}.layui-laypage button{margin-left:10px;padding:0 10px;cursor:pointer}.layui-flow-more{margin:10px 0;text-align:center;color:#999;font-size:14px;clear:both}.layui-flow-more a{height:32px;line-height:32px}.layui-flow-more a *{display:inline-block;vertical-align:top}.layui-flow-more a cite{padding:0 20px;border-radius:3px;background-color:#eee;color:#333;font-style:normal}.layui-flow-more a cite:hover{opacity:.8}.layui-flow-more a i{font-size:30px;color:#737383}.layui-table{width:100%;margin:10px 0;background-color:#fff;color:#5f5f5f}.layui-table tr{transition:all .3s;-webkit-transition:all .3s}.layui-table th{text-align:left;font-weight:600}.layui-table-mend{background-color:#fff}.layui-table-click,.layui-table-hover,.layui-table[lay-even] tbody tr:nth-child(even){background-color:#f8f8f8}.layui-table-checked{background-color:#dbfbf0}.layui-table-checked.layui-table-click,.layui-table-checked.layui-table-hover{background-color:#abf8dd}.layui-table-disabled-transition *,.layui-table-disabled-transition :after,.layui-table-disabled-transition :before{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.layui-table td,.layui-table th,.layui-table-col-set,.layui-table-fixed-r,.layui-table-grid-down,.layui-table-header,.layui-table-mend,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-total,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{border-width:1px;border-style:solid;border-color:#eee}.layui-table td,.layui-table th{position:relative;padding:9px 15px;min-height:20px;line-height:20px;font-size:14px}.layui-table[lay-skin=line] td,.layui-table[lay-skin=line] th{border-width:0;border-bottom-width:1px}.layui-table[lay-skin=row] td,.layui-table[lay-skin=row] th{border-width:0;border-right-width:1px}.layui-table[lay-skin=nob] td,.layui-table[lay-skin=nob] th{border:none}.layui-table img{max-width:100px}.layui-table[lay-size=lg] td,.layui-table[lay-size=lg] th{padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px}.layui-table-view .layui-table[lay-size=lg] .layui-table-cell{height:50px;line-height:40px}.layui-table[lay-size=sm] td,.layui-table[lay-size=sm] th{padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px;font-size:12px}.layui-table-view .layui-table[lay-size=sm] .layui-table-cell{height:30px;line-height:20px;padding-top:5px;padding-left:11px;padding-right:11px}.layui-table[lay-data],.layui-table[lay-options]{display:none}.layui-table-box{position:relative;overflow:hidden}.layui-table-view{clear:both}.layui-table-view .layui-table{position:relative;width:auto;margin:0;border:0;border-collapse:separate}.layui-table-view .layui-table[lay-skin=line]{border-width:0;border-right-width:1px}.layui-table-view .layui-table[lay-skin=row]{border-width:0;border-bottom-width:1px}.layui-table-view .layui-table td,.layui-table-view .layui-table th{padding:0;border-top:none;border-left:none}.layui-table-view .layui-table th [lay-event],.layui-table-view .layui-table th.layui-unselect .layui-table-cell span{cursor:pointer}.layui-table-view .layui-table td,.layui-table-view .layui-table th span{cursor:default}.layui-table-view .layui-table td[data-edit]{cursor:text}.layui-table-view .layui-table td[data-edit]:hover:after{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #16b777;pointer-events:none;content:""}.layui-table-view .layui-form-checkbox[lay-skin=primary] i{width:18px;height:18px;line-height:16px}.layui-table-view .layui-form-radio{line-height:0;padding:0}.layui-table-view .layui-form-radio>i{margin:0;font-size:20px}.layui-table-init{position:absolute;left:0;top:0;right:0;bottom:0;margin:0;z-index:199;transition:opacity .1s;user-select:none;opacity:1}.layui-table-init.layui-hide-v{opacity:0}.layui-table-loading-icon{position:absolute;width:100%\0;left:50%;left:auto\0;top:50%;margin-top:-15px\0;transform:translate(-50%,-50%);transform:none\0;text-align:center}.layui-table-loading-icon .layui-icon{font-size:30px;color:#c2c2c2}.layui-table-header{border-width:0;border-bottom-width:1px;overflow:hidden}.layui-table-header .layui-table{margin-bottom:-1px}.layui-table-column{position:relative;width:100%;min-height:41px;padding:8px 16px;border-width:0;border-bottom-width:1px}.layui-table-column .layui-btn-container{margin-bottom:-8px}.layui-table-column .layui-btn-container .layui-btn{margin-right:8px;margin-bottom:8px}.layui-table-tool .layui-inline[lay-event]{position:relative;width:26px;height:26px;padding:5px;line-height:16px;margin-right:10px;text-align:center;color:#333;border:1px solid #ccc;cursor:pointer;-webkit-transition:.5s all;transition:.5s all}.layui-table-tool .layui-inline[lay-event]:hover{border:1px solid #999}.layui-table-tool-temp{padding-right:120px}.layui-table-tool-self{position:absolute;right:17px;top:10px}.layui-table-tool .layui-table-tool-self .layui-inline[lay-event]{margin:0 0 0 10px}.layui-table-tool-panel{position:absolute;top:29px;left:-1px;z-index:399;padding:5px 0!important;min-width:150px;min-height:40px;border:1px solid #d2d2d2;text-align:left;overflow-y:auto;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12)}.layui-table-tool-panel li{padding:0 10px;margin:0!important;line-height:30px;list-style-type:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:.5s all;transition:.5s all}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary]{width:100%}.layui-table-tool-panel li:hover{background-color:#f8f8f8}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary]{padding-left:28px}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i{position:absolute;left:0;top:0}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span{padding:0}.layui-table-tool .layui-table-tool-self .layui-table-tool-panel{left:auto;right:-1px}.layui-table-col-set{position:absolute;right:0;top:0;width:20px;height:100%;border-width:0;border-left-width:1px;background-color:#fff}.layui-table-sort{width:10px;height:20px;margin-left:5px;cursor:pointer!important}.layui-table-sort .layui-edge{position:absolute;left:5px;border-width:5px}.layui-table-sort .layui-table-sort-asc{top:3px;border-top:none;border-bottom-style:solid;border-bottom-color:#b2b2b2}.layui-table-sort .layui-table-sort-asc:hover{border-bottom-color:#5f5f5f}.layui-table-sort .layui-table-sort-desc{bottom:5px;border-bottom:none;border-top-style:solid;border-top-color:#b2b2b2}.layui-table-sort .layui-table-sort-desc:hover{border-top-color:#5f5f5f}.layui-table-sort[lay-sort=asc] .layui-table-sort-asc{border-bottom-color:#000}.layui-table-sort[lay-sort=desc] .layui-table-sort-desc{border-top-color:#000}.layui-table-cell{height:38px;line-height:28px;padding:6px 15px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.layui-table-cell .layui-form-checkbox[lay-skin=primary]{top:-1px;padding:0}.layui-table-cell .layui-form-checkbox[lay-skin=primary]>div{padding-left:24px}.layui-table-cell .layui-table-link{color:#01aaed}.layui-table-cell .layui-btn{vertical-align:inherit}.layui-table-cell[align=center]{-webkit-box-pack:center}.layui-table-cell[align=right]{-webkit-box-pack:end}.laytable-cell-checkbox,.laytable-cell-numbers,.laytable-cell-radio,.laytable-cell-space{text-align:center;-webkit-box-pack:center}.layui-table-body{position:relative;overflow:auto;margin-right:-1px;margin-bottom:-1px}.layui-table-body .layui-none{line-height:26px;padding:30px 15px;text-align:center;color:#999}.layui-table-fixed{position:absolute;left:0;top:0;z-index:101}.layui-table-fixed .layui-table-body{overflow:hidden}.layui-table-fixed-l{box-shadow:1px 0 8px rgba(0,0,0,.08)}.layui-table-fixed-r{left:auto;right:-1px;border-width:0;border-left-width:1px;box-shadow:-1px 0 8px rgba(0,0,0,.08)}.layui-table-fixed-r .layui-table-header{position:relative;overflow:visible}.layui-table-mend{position:absolute;right:-49px;top:0;height:100%;width:50px;border-width:0;border-left-width:1px}.layui-table-tool{position:relative;width:100%;min-height:50px;line-height:30px;padding:10px 15px;border-width:0;border-bottom-width:1px}.layui-table-tool .layui-btn-container{margin-bottom:-10px}.layui-table-total{margin-bottom:-1px;border-width:0;border-top-width:1px;overflow:hidden}.layui-table-page{border-width:0;border-top-width:1px;margin-bottom:-1px;white-space:nowrap;overflow:hidden}.layui-table-page>div{height:26px}.layui-table-page .layui-laypage{margin:0}.layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span{height:26px;line-height:26px;margin-bottom:10px;border:none;background:0 0}.layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span.layui-laypage-curr{padding:0 12px}.layui-table-page .layui-laypage span{margin-left:0;padding:0}.layui-table-page .layui-laypage .layui-laypage-prev{margin-left:-11px!important}.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{left:0;top:0;padding:0}.layui-table-page .layui-laypage button,.layui-table-page .layui-laypage input{height:26px;line-height:26px}.layui-table-page .layui-laypage input{width:40px}.layui-table-page .layui-laypage button{padding:0 10px}.layui-table-page select{height:18px}.layui-table-pagebar{float:right;line-height:23px}.layui-table-pagebar .layui-btn-sm{margin-top:-1px}.layui-table-pagebar .layui-btn-xs{margin-top:2px}.layui-table-view select[lay-ignore]{display:inline-block}.layui-table-patch .layui-table-cell{padding:0;width:30px}.layui-table-edit{position:absolute;left:0;top:0;z-index:189;min-width:100%;min-height:100%;padding:5px 14px;border-radius:0;box-shadow:1px 1px 20px rgba(0,0,0,.15);background-color:#fff}.layui-table-edit:focus{border-color:#16b777!important}input.layui-input.layui-table-edit{height:100%}select.layui-table-edit{padding:0 0 0 10px;border-color:#d2d2d2}.layui-table-view .layui-form-checkbox,.layui-table-view .layui-form-radio,.layui-table-view .layui-form-switch{top:0;margin:0}.layui-table-view .layui-form-checkbox{top:-1px;height:26px;line-height:26px}.layui-table-view .layui-form-checkbox i{height:26px}.layui-table-grid .layui-table-cell{overflow:visible}.layui-table-grid-down{position:absolute;top:0;right:0;width:24px;height:100%;padding:5px 0;border-width:0;border-left-width:1px;text-align:center;background-color:#fff;color:#999;cursor:pointer}.layui-table-grid-down .layui-icon{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px;font-size:14px}.layui-table-grid-down:hover{background-color:#fbfbfb}.layui-table-expanded{height:95px}.layui-table-expanded .layui-table-cell,.layui-table-view .layui-table[lay-size=lg] .layui-table-expanded .layui-table-cell,.layui-table-view .layui-table[lay-size=sm] .layui-table-expanded .layui-table-cell{height:auto;max-height:94px;white-space:normal;text-overflow:clip}.layui-table-cell-c{position:absolute;bottom:-10px;right:50%;margin-right:-9px;width:20px;height:20px;line-height:18px;cursor:pointer;text-align:center;background-color:#fff;border:1px solid #eee;border-radius:50%;z-index:1000;transition:.3s all;font-size:14px}.layui-table-cell-c:hover{border-color:#16b777}.layui-table-expanded td:hover .layui-table-cell{overflow:auto}.layui-table-main>.layui-table>tbody>tr:last-child>td>.layui-table-cell-c{bottom:0}body .layui-table-tips .layui-layer-content{background:0 0;padding:0;box-shadow:0 1px 6px rgba(0,0,0,.12)}.layui-table-tips-main{margin:-49px 0 0 -1px;max-height:150px;padding:8px 15px;font-size:14px;overflow-y:scroll;background-color:#fff;color:#5f5f5f}.layui-table-tips-c{position:absolute;right:-3px;top:-13px;width:20px;height:20px;padding:3px;cursor:pointer;background-color:#5f5f5f;border-radius:50%;color:#fff}.layui-table-tips-c:hover{background-color:#777}.layui-table-tips-c:before{position:relative;right:-2px}.layui-table-tree-nodeIcon{max-width:20px}.layui-table-tree-nodeIcon>*{width:100%}.layui-table-tree-flexIcon,.layui-table-tree-nodeIcon{margin-right:2px}.layui-table-tree-flexIcon{cursor:pointer}.layui-upload-file{display:none!important;opacity:.01;filter:Alpha(opacity=1)}.layui-upload-list{margin:11px 0}.layui-upload-choose{max-width:200px;padding:0 10px;color:#999;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-upload-drag{position:relative;display:inline-block;padding:30px;border:1px dashed #e2e2e2;background-color:#fff;text-align:center;cursor:pointer;color:#999}.layui-upload-drag .layui-icon{font-size:50px;color:#16baaa}.layui-upload-drag[lay-over]{border-color:#16baaa}.layui-upload-form{display:inline-block}.layui-upload-iframe{position:absolute;width:0;height:0;border:0;visibility:hidden}.layui-upload-wrap{position:relative;display:inline-block;vertical-align:middle}.layui-upload-wrap .layui-upload-file{display:block!important;position:absolute;left:0;top:0;z-index:10;font-size:100px;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layui-btn-container .layui-upload-choose{padding-left:0}.layui-menu{position:relative;margin:5px 0;background-color:#fff;box-sizing:border-box}.layui-menu *{box-sizing:border-box}.layui-menu li,.layui-menu-body-title,.layui-menu-body-title a{padding:5px 15px;color:initial}.layui-menu li{position:relative;margin:0 0 1px;line-height:26px;color:rgba(0,0,0,.8);font-size:14px;white-space:nowrap;cursor:pointer;transition:all .3s}.layui-menu li:hover{background-color:#f8f8f8}.layui-menu li.layui-disabled,.layui-menu li.layui-disabled *{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important}.layui-menu-item-parent:hover>.layui-menu-body-panel{display:block;animation-name:layui-fadein;animation-duration:.3s;animation-fill-mode:both;animation-delay:.2s}.layui-menu-item-group>.layui-menu-body-title,.layui-menu-item-parent>.layui-menu-body-title{padding-right:38px}.layui-menu .layui-menu-item-divider:hover,.layui-menu .layui-menu-item-group:hover,.layui-menu .layui-menu-item-none:hover{background:0 0;cursor:default}.layui-menu .layui-menu-item-group>ul{margin:5px 0 -5px}.layui-menu .layui-menu-item-group>.layui-menu-body-title{color:rgba(0,0,0,.35);user-select:none}.layui-menu .layui-menu-item-none{color:rgba(0,0,0,.35);cursor:default}.layui-menu .layui-menu-item-none{text-align:center}.layui-menu .layui-menu-item-divider{margin:5px 0;padding:0;height:0;line-height:0;border-bottom:1px solid #eee;overflow:hidden}.layui-menu .layui-menu-item-down:hover,.layui-menu .layui-menu-item-up:hover{cursor:pointer}.layui-menu .layui-menu-item-up>.layui-menu-body-title{color:rgba(0,0,0,.8)}.layui-menu .layui-menu-item-up>ul{visibility:hidden;height:0;overflow:hidden}.layui-menu .layui-menu-item-down>.layui-menu-body-title>.layui-icon-down{transform:rotate(180deg)}.layui-menu .layui-menu-item-up>.layui-menu-body-title>.layui-icon-up{transform:rotate(-180deg)}.layui-menu .layui-menu-item-down:hover>.layui-menu-body-title>.layui-icon,.layui-menu .layui-menu-item-up>.layui-menu-body-title:hover>.layui-icon{color:#000}.layui-menu .layui-menu-item-down>ul{visibility:visible;height:auto}.layui-menu .layui-menu-item-checked,.layui-menu .layui-menu-item-checked2{background-color:#f8f8f8!important;color:#16b777}.layui-menu .layui-menu-item-checked a,.layui-menu .layui-menu-item-checked2 a{color:#16b777}.layui-menu .layui-menu-item-checked:after{position:absolute;right:-1px;top:0;bottom:0;border-right:3px solid #16b777;content:""}.layui-menu-body-title{position:relative;margin:-5px -15px;overflow:hidden;text-overflow:ellipsis}.layui-menu-body-title a{display:block;margin:-5px -15px;color:rgba(0,0,0,.8)}.layui-menu-body-title a:hover{transition:all .3s}.layui-menu-body-title>.layui-icon{position:absolute;right:15px;top:50%;margin-top:-6px;line-height:normal;font-size:14px;transition:all .2s;-webkit-transition:all .2s}.layui-menu-body-title>.layui-icon:hover{transition:all .3s}.layui-menu-body-title>.layui-icon-right{right:14px}.layui-menu-body-panel{display:none;position:absolute;top:-7px;left:100%;z-index:1000;margin-left:13px;padding:5px 0}.layui-menu-body-panel:before{content:"";position:absolute;width:20px;left:-16px;top:0;bottom:0}.layui-menu-body-panel-left{left:auto;right:100%;margin:0 13px 0}.layui-menu-body-panel-left:before{left:auto;right:-16px}.layui-menu-lg li{line-height:32px}.layui-menu-lg .layui-menu-body-title a:hover,.layui-menu-lg li:hover{background:0 0;color:#16b777}.layui-menu-lg li .layui-menu-body-panel{margin-left:14px}.layui-menu-lg li .layui-menu-body-panel-left{margin:0 15px 0}.layui-dropdown{position:absolute;left:-999999px;top:-999999px;z-index:77777777;margin:5px 0;min-width:100px}.layui-dropdown:before{content:"";position:absolute;width:100%;height:6px;left:0;top:-6px}.layui-dropdown-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px");position:fixed;_position:absolute;pointer-events:auto}.layui-nav{position:relative;padding:0 15px;background-color:#2f363c;color:#fff;border-radius:2px;font-size:0;box-sizing:border-box}.layui-nav *{font-size:14px}.layui-nav .layui-nav-item{position:relative;display:inline-block;*display:inline;*zoom:1;margin-top:0;list-style:none;vertical-align:middle;line-height:60px}.layui-nav .layui-nav-item a{display:block;padding:0 20px;color:#fff;color:rgba(255,255,255,.7);transition:all .3s;-webkit-transition:all .3s}.layui-nav .layui-this:after,.layui-nav-bar{content:"";position:absolute;left:0;top:0;width:0;height:3px;background-color:#16b777;transition:all .2s;-webkit-transition:all .2s;pointer-events:none}.layui-nav-bar{z-index:1000}.layui-nav[lay-bar=disabled] .layui-nav-bar{display:none}.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a{color:#fff;text-decoration:none}.layui-nav .layui-this:after{top:auto;bottom:0;width:100%}.layui-nav-img{width:30px;height:30px;margin-right:10px;border-radius:50%}.layui-nav .layui-nav-more{position:absolute;top:0;right:3px;left:auto!important;margin-top:0;font-size:12px;cursor:pointer;transition:all .2s;-webkit-transition:all .2s}.layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more{transform:rotate(180deg)}.layui-nav-child{display:none;position:absolute;left:0;top:65px;min-width:100%;line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #eee;background-color:#fff;z-index:100;border-radius:2px;white-space:nowrap;box-sizing:border-box}.layui-nav .layui-nav-child a{color:#5f5f5f;color:rgba(0,0,0,.8)}.layui-nav .layui-nav-child a:hover{background-color:#f8f8f8;color:rgba(0,0,0,.8)}.layui-nav-child dd{margin:1px 0;position:relative}.layui-nav-child dd.layui-this{background-color:#f8f8f8;color:#000}.layui-nav-child dd.layui-this:after{display:none}.layui-nav-child-r{left:auto;right:0}.layui-nav-child-c{text-align:center}.layui-nav.layui-nav-tree{width:200px;padding:0}.layui-nav-tree .layui-nav-item{display:block;width:100%;line-height:40px}.layui-nav-tree .layui-nav-item a{position:relative;height:40px;line-height:40px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-nav-tree .layui-nav-item>a{padding-top:5px;padding-bottom:5px}.layui-nav-tree .layui-nav-more{right:15px}.layui-nav-tree .layui-nav-item>a .layui-nav-more{padding:5px 0}.layui-nav-tree .layui-nav-bar{width:5px;height:0}.layui-side .layui-nav-tree .layui-nav-bar{width:2px}.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:#16baaa;color:#fff}.layui-nav-tree .layui-this:after{display:none}.layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover{color:#fff!important}.layui-nav-tree .layui-nav-bar{background-color:#16baaa}.layui-nav-tree .layui-nav-child{position:relative;z-index:0;top:0;border:none;background:0 0;background-color:rgba(0,0,0,.3);box-shadow:none}.layui-nav-tree .layui-nav-child dd{margin:0}.layui-nav-tree .layui-nav-child a{color:#fff;color:rgba(255,255,255,.7)}.layui-nav-tree .layui-nav-child a:hover{background:0 0;color:#fff}.layui-nav-itemed>.layui-nav-child,.layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child{display:block}.layui-nav-side{position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;z-index:999}.layui-nav-tree.layui-bg-gray a,.layui-nav.layui-bg-gray .layui-nav-item a{color:#373737;color:rgba(0,0,0,.8)}.layui-nav-tree.layui-bg-gray .layui-nav-itemed>a{color:#000!important}.layui-nav.layui-bg-gray .layui-this a{color:#16b777}.layui-nav-tree.layui-bg-gray .layui-nav-child{padding-left:11px;background:0 0}.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this,.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a,.layui-nav-tree.layui-bg-gray .layui-this,.layui-nav-tree.layui-bg-gray .layui-this>a{background:0 0!important;color:#16b777!important;font-weight:700}.layui-nav-tree.layui-bg-gray .layui-nav-bar{background-color:#16b777}.layui-breadcrumb{visibility:hidden;font-size:0}.layui-breadcrumb>*{font-size:14px}.layui-breadcrumb a{color:#999!important}.layui-breadcrumb a:hover{color:#16b777!important}.layui-breadcrumb a cite{color:#5f5f5f;font-style:normal}.layui-breadcrumb span[lay-separator]{margin:0 10px;color:#999}.layui-tab{margin:10px 0;text-align:left!important}.layui-tab[overflow]>.layui-tab-title{overflow:hidden}.layui-tab .layui-tab-title{position:relative;left:0;height:40px;white-space:nowrap;font-size:0;border-bottom-width:1px;border-bottom-style:solid;transition:all .2s;-webkit-transition:all .2s}.layui-tab .layui-tab-title li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s}.layui-tab .layui-tab-title li{position:relative;line-height:40px;min-width:65px;margin:0;padding:0 15px;text-align:center;cursor:pointer}.layui-tab .layui-tab-title li a{display:block;padding:0 15px;margin:0 -15px}.layui-tab-title .layui-this{color:#000}.layui-tab-title .layui-this:after{position:absolute;left:0;top:0;content:"";width:100%;height:41px;border-width:1px;border-bottom-width:2px;border-style:solid;border-bottom-color:#fff;border-radius:2px 2px 0 0;box-sizing:border-box;pointer-events:none}.layui-tab-bar{position:absolute;right:0;top:0;z-index:10;width:30px;height:39px;line-height:39px;border-width:1px;border-style:solid;border-radius:2px;text-align:center;background-color:#fff;cursor:pointer}.layui-tab-bar .layui-icon{position:relative;display:inline-block;top:3px;transition:all .3s;-webkit-transition:all .3s}.layui-tab-item{display:none}.layui-tab-more{padding-right:30px;height:auto!important;white-space:normal!important}.layui-tab-more li.layui-this:after{border-bottom-color:#eee;border-radius:2px}.layui-tab-more .layui-tab-bar .layui-icon{top:-2px;top:3px\0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}:root .layui-tab-more .layui-tab-bar .layui-icon{top:-2px\0/IE9}.layui-tab-content{padding:15px 0}.layui-tab-title li .layui-tab-close{position:relative;display:inline-block;width:18px;height:18px;line-height:20px;margin-left:8px;top:1px;text-align:center;font-size:14px;color:#c2c2c2;transition:all .2s;-webkit-transition:all .2s}.layui-tab-title li .layui-tab-close:hover{border-radius:2px;background-color:#ff5722;color:#fff}.layui-tab-brief>.layui-tab-title .layui-this{color:#16baaa}.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border:none;border-radius:0;border-bottom:2px solid #16b777}.layui-tab-brief[overflow]>.layui-tab-title .layui-this:after{top:-1px}.layui-tab-card{border-width:1px;border-style:solid;border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.layui-tab-card>.layui-tab-title{background-color:#fafafa}.layui-tab-card>.layui-tab-title li{margin-right:-1px;margin-left:-1px}.layui-tab-card>.layui-tab-title .layui-this{background-color:#fff}.layui-tab-card>.layui-tab-title .layui-this:after{border-top:none;border-width:1px;border-bottom-color:#fff}.layui-tab-card>.layui-tab-title .layui-tab-bar{height:40px;line-height:40px;border-radius:0;border-top:none;border-right:none}.layui-tab-card>.layui-tab-more .layui-this{background:0 0;color:#16b777}.layui-tab-card>.layui-tab-more .layui-this:after{border:none}.layui-timeline{padding-left:5px}.layui-timeline-item{position:relative;padding-bottom:20px}.layui-timeline-axis{position:absolute;left:-5px;top:0;z-index:10;width:20px;height:20px;line-height:20px;background-color:#fff;color:#16b777;border-radius:50%;text-align:center;cursor:pointer}.layui-timeline-axis:hover{color:#ff5722}.layui-timeline-item:before{content:"";position:absolute;left:5px;top:0;z-index:0;width:1px;height:100%}.layui-timeline-item:first-child:before{display:block}.layui-timeline-item:last-child:before{display:none}.layui-timeline-content{padding-left:25px}.layui-timeline-title{position:relative;margin-bottom:10px;line-height:22px}.layui-badge,.layui-badge-dot,.layui-badge-rim{position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#ff5722;color:#fff;border-radius:2px}.layui-badge{height:18px;line-height:18px}.layui-badge-dot{width:8px;height:8px;padding:0;border-radius:50%}.layui-badge-rim{height:18px;line-height:18px;border-width:1px;border-style:solid;background-color:#fff;color:#5f5f5f}.layui-btn .layui-badge,.layui-btn .layui-badge-dot{margin-left:5px}.layui-nav .layui-badge,.layui-nav .layui-badge-dot{position:absolute;top:50%;margin:-5px 6px 0}.layui-nav .layui-badge{margin-top:-10px}.layui-tab-title .layui-badge,.layui-tab-title .layui-badge-dot{left:5px;top:-2px}.layui-carousel{position:relative;left:0;top:0;background-color:#f8f8f8}.layui-carousel>[carousel-item]{position:relative;width:100%;height:100%;overflow:hidden}.layui-carousel>[carousel-item]:before{position:absolute;content:'\e63d';left:50%;top:50%;width:100px;line-height:20px;margin:-10px 0 0 -50px;text-align:center;color:#c2c2c2;font-family:layui-icon!important;font-size:30px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-carousel>[carousel-item]>*{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f8f8f8;transition-duration:.3s;-webkit-transition-duration:.3s}.layui-carousel-updown>*{-webkit-transition:.3s ease-in-out up;transition:.3s ease-in-out up}.layui-carousel-arrow{display:none\0;opacity:0;position:absolute;left:10px;top:50%;margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;border:none 0;border-radius:50%;background-color:rgba(0,0,0,.2);color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}.layui-carousel-arrow[lay-type=add]{left:auto!important;right:10px}.layui-carousel[lay-arrow=always] .layui-carousel-arrow{opacity:1;left:20px}.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right:20px}.layui-carousel[lay-arrow=none] .layui-carousel-arrow{display:none}.layui-carousel-arrow:hover,.layui-carousel-ind ul:hover{background-color:rgba(0,0,0,.35)}.layui-carousel:hover .layui-carousel-arrow{display:block\0;opacity:1;left:20px}.layui-carousel:hover .layui-carousel-arrow[lay-type=add]{right:20px}.layui-carousel-ind{position:relative;top:-35px;width:100%;line-height:0!important;text-align:center;font-size:0}.layui-carousel[lay-indicator=outside]{margin-bottom:30px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind{top:10px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{background-color:rgba(0,0,0,.5)}.layui-carousel[lay-indicator=none] .layui-carousel-ind{display:none}.layui-carousel-ind ul{display:inline-block;padding:5px;background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind ul li{display:inline-block;width:10px;height:10px;margin:0 3px;font-size:14px;background-color:#eee;background-color:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind ul li:hover{background-color:rgba(255,255,255,.7)}.layui-carousel-ind ul li.layui-this{background-color:#fff}.layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this{display:block}.layui-carousel>[carousel-item]>.layui-this{left:0}.layui-carousel>[carousel-item]>.layui-carousel-prev{left:-100%}.layui-carousel>[carousel-item]>.layui-carousel-next{left:100%}.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right{left:0}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left{left:-100%}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right{left:100%}.layui-carousel[lay-anim=updown] .layui-carousel-arrow{left:50%!important;top:20px;margin:0 0 0 -18px}.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add]{top:auto!important;bottom:20px}.layui-carousel[lay-anim=updown] .layui-carousel-ind{position:absolute;top:50%;right:20px;width:auto;height:auto}.layui-carousel[lay-anim=updown] .layui-carousel-ind ul{padding:3px 5px}.layui-carousel[lay-anim=updown] .layui-carousel-ind li{display:block;margin:6px 0}.layui-carousel[lay-anim=updown]>[carousel-item]>*{left:0!important}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next{top:100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right{top:100%}.layui-carousel[lay-anim=fade]>[carousel-item]>*{left:0!important}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev{opacity:0}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{opacity:1}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right{opacity:0}.layui-fixbar{position:fixed;right:16px;bottom:16px;z-index:999999}.layui-fixbar li{width:50px;height:50px;line-height:50px;margin-bottom:1px;text-align:center;cursor:pointer;font-size:30px;background-color:#9f9f9f;color:#fff;border-radius:2px;opacity:.95}.layui-fixbar li:hover{opacity:.85}.layui-fixbar li:active{opacity:1}.layui-fixbar .layui-fixbar-top{display:none;font-size:40px}body .layui-util-face{border:none;background:0 0}body .layui-util-face .layui-layer-content{padding:0;background-color:#fff;color:#5f5f5f;box-shadow:none}.layui-util-face .layui-layer-TipsG{display:none}.layui-util-face ul{position:relative;width:372px;padding:10px;border:1px solid #d9d9d9;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2)}.layui-util-face ul li{cursor:pointer;float:left;border:1px solid #e8e8e8;height:22px;width:26px;overflow:hidden;margin:-1px 0 0 -1px;padding:4px 2px;text-align:center}.layui-util-face ul li:hover{position:relative;z-index:2;border:1px solid #eb7350;background:#fff9ec}.layui-code{display:block;position:relative;padding:15px;line-height:20px;border:1px solid #eee;border-left-width:6px;background-color:#fff;color:#333;font-family:"Courier New",Consolas,"Lucida Console";font-size:12px}.layui-transfer-box,.layui-transfer-header,.layui-transfer-search{border-width:0;border-style:solid;border-color:#eee}.layui-transfer-box{position:relative;display:inline-block;vertical-align:middle;border-width:1px;width:200px;height:360px;border-radius:2px;background-color:#fff}.layui-transfer-box .layui-form-checkbox{width:100%;margin:0!important}.layui-transfer-header{height:38px;line-height:38px;padding:0 11px;border-bottom-width:1px}.layui-transfer-search{position:relative;padding:11px;border-bottom-width:1px}.layui-transfer-search .layui-input{height:32px;padding-left:30px;font-size:12px}.layui-transfer-search .layui-icon-search{position:absolute;left:20px;top:50%;line-height:normal;margin-top:-8px;color:#5f5f5f}.layui-transfer-active{margin:0 15px;display:inline-block;vertical-align:middle}.layui-transfer-active .layui-btn{display:block;margin:0;padding:0 15px;background-color:#16b777;border-color:#16b777;color:#fff}.layui-transfer-active .layui-btn-disabled{background-color:#fbfbfb;border-color:#eee;color:#d2d2d2}.layui-transfer-active .layui-btn:first-child{margin-bottom:15px}.layui-transfer-active .layui-btn .layui-icon{margin:0;font-size:14px!important}.layui-transfer-data{padding:5px 0;overflow:auto}.layui-transfer-data li{height:32px;line-height:32px;margin-top:0!important;padding:0 11px;list-style-type:none!important}.layui-transfer-data li:hover{background-color:#f8f8f8;transition:.5s all}.layui-transfer-data .layui-none{padding:15px 11px;text-align:center;color:#999}.layui-rate,.layui-rate *{display:inline-block;vertical-align:middle}.layui-rate{padding:11px 6px 11px 0;font-size:0}.layui-rate li{margin-top:0!important}.layui-rate li i.layui-icon{font-size:20px;color:#ffb800}.layui-rate li i.layui-icon{margin-right:5px;transition:all .3s;-webkit-transition:all .3s}.layui-rate li i:hover,.layui-rate-hover{cursor:pointer;transform:scale(1.12);-webkit-transform:scale(1.12)}.layui-rate[readonly] li i:hover{cursor:default;transform:scale(1)}.layui-colorpicker{width:38px;height:38px;border:1px solid #eee;padding:5px;border-radius:2px;line-height:24px;display:inline-block;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box}.layui-colorpicker:hover{border-color:#d2d2d2}.layui-colorpicker.layui-colorpicker-lg{width:44px;height:44px;line-height:30px}.layui-colorpicker.layui-colorpicker-sm{width:30px;height:30px;line-height:20px;padding:3px}.layui-colorpicker.layui-colorpicker-xs{width:22px;height:22px;line-height:16px;padding:1px}.layui-colorpicker-trigger-bgcolor{display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);border-radius:2px}.layui-colorpicker-trigger-span{display:block;height:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.15);border-radius:2px;text-align:center}.layui-colorpicker-trigger-i{display:inline-block;color:#fff;font-size:12px}.layui-colorpicker-trigger-i.layui-icon-close{color:#999}.layui-colorpicker-main{position:absolute;left:-999999px;top:-999999px;z-index:77777777;width:280px;margin:5px 0;padding:7px;background:#fff;border:1px solid #d2d2d2;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12)}.layui-colorpicker-main-wrapper{height:180px;position:relative}.layui-colorpicker-basis{width:260px;height:100%;position:relative;overflow:hidden}.layui-colorpicker-basis-white{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.layui-colorpicker-basis-black{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#000,transparent)}.layui-colorpicker-basis-cursor{width:10px;height:10px;border:1px solid #fff;border-radius:50%;position:absolute;top:0;right:100%;cursor:pointer;transform:translate(-50%,-50%)}.layui-colorpicker-side{position:absolute;top:0;right:0;width:12px;height:100%;background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.layui-colorpicker-side-slider{width:100%;height:5px;box-shadow:0 0 1px #888;box-sizing:border-box;background:#fff;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;left:0}.layui-colorpicker-main-alpha{display:none;height:12px;margin-top:7px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-alpha-bgcolor{height:100%;position:relative}.layui-colorpicker-alpha-slider{width:5px;height:100%;box-shadow:0 0 1px #888;box-sizing:border-box;background:#fff;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;top:0}.layui-colorpicker-main-pre{padding-top:7px;font-size:0}.layui-colorpicker-pre{width:20px;height:20px;border-radius:2px;display:inline-block;margin-left:6px;margin-bottom:7px;cursor:pointer}.layui-colorpicker-pre:nth-child(11n+1){margin-left:0}.layui-colorpicker-pre-isalpha{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-pre.layui-this{box-shadow:0 0 3px 2px rgba(0,0,0,.15)}.layui-colorpicker-pre>div{height:100%;border-radius:2px}.layui-colorpicker-main-input{text-align:right;padding-top:7px}.layui-colorpicker-main-input .layui-btn-container .layui-btn{margin:0 0 0 10px}.layui-colorpicker-main-input div.layui-inline{float:left;font-size:14px}.layui-colorpicker-main-input input.layui-input{width:168px;height:30px;color:#5f5f5f;padding-left:5px}.layui-slider{height:4px;background:#eee;border-radius:3px;position:relative;cursor:pointer}.layui-slider-bar{border-radius:3px;position:absolute;height:100%}.layui-slider-step{position:absolute;top:0;width:4px;height:4px;border-radius:50%;background:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.layui-slider-wrap{width:36px;height:36px;position:absolute;top:-16px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;text-align:center}.layui-slider-wrap-btn{width:12px;height:12px;border-radius:50%;background:#fff;display:inline-block;vertical-align:middle;cursor:pointer;transition:.3s}.layui-slider-wrap:after{content:"";height:100%;display:inline-block;vertical-align:middle}.layui-slider-wrap-btn.layui-slider-hover,.layui-slider-wrap-btn:hover{transform:scale(1.2)}.layui-slider-wrap-btn.layui-disabled:hover{transform:scale(1)!important}.layui-slider-tips{position:absolute;top:-42px;z-index:77777777;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;background:#000;border-radius:3px;height:25px;line-height:25px;padding:0 10px}.layui-slider-tips:after{content:"";position:absolute;bottom:-12px;left:50%;margin-left:-6px;width:0;height:0;border-width:6px;border-style:solid;border-color:#000 transparent transparent transparent}.layui-slider-input{width:70px;height:32px;border:1px solid #eee;border-radius:3px;font-size:16px;line-height:32px;position:absolute;right:0;top:-14px;box-sizing:border-box}.layui-slider-input-btn{position:absolute;top:0;right:0;width:20px;height:100%;border-left:1px solid #eee}.layui-slider-input-btn i{cursor:pointer;position:absolute;right:0;bottom:0;width:20px;height:50%;font-size:12px;line-height:16px;text-align:center;color:#999}.layui-slider-input-btn i:first-child{top:0;border-bottom:1px solid #eee}.layui-slider-input-txt{height:100%;font-size:14px}.layui-slider-input-txt input{height:100%;border:none;padding-right:21px}.layui-slider-input-btn i:hover{color:#16baaa}.layui-slider-vertical{width:4px;margin-left:33px}.layui-slider-vertical .layui-slider-bar{width:4px}.layui-slider-vertical .layui-slider-step{top:auto;left:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-wrap{top:auto;left:-16px;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-tips{top:auto;left:2px}@media \0screen{.layui-slider-wrap-btn{margin-left:-20px}.layui-slider-vertical .layui-slider-wrap-btn{margin-left:0;margin-bottom:-20px}.layui-slider-vertical .layui-slider-tips{margin-left:-8px}.layui-slider>span{margin-left:8px}}.layui-tree{line-height:22px}.layui-tree .layui-form-checkbox{margin:0!important}.layui-tree-set{width:100%;position:relative}.layui-tree-pack{display:none;padding-left:20px;position:relative}.layui-tree-line .layui-tree-pack{padding-left:27px}.layui-tree-line .layui-tree-set .layui-tree-set:after{content:"";position:absolute;top:14px;left:-9px;width:17px;height:0;border-top:1px dotted #c0c4cc}.layui-tree-entry{position:relative;padding:3px 0;height:26px;white-space:nowrap}.layui-tree-entry:hover{background-color:#eee}.layui-tree-line .layui-tree-entry:hover{background-color:rgba(0,0,0,0)}.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{color:#999;text-decoration:underline;transition:.3s}.layui-tree-main{display:inline-block;vertical-align:middle;cursor:pointer;padding-right:10px}.layui-tree-line .layui-tree-set:before{content:"";position:absolute;top:0;left:-9px;width:0;height:100%;border-left:1px dotted #c0c4cc}.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before{height:13px}.layui-tree-line .layui-tree-set.layui-tree-setHide:before{height:0}.layui-tree-iconClick{display:inline-block;vertical-align:middle;position:relative;height:20px;line-height:20px;margin:0 10px;color:#c0c4cc}.layui-tree-icon{height:14px;line-height:12px;width:14px;text-align:center;border:1px solid #c0c4cc}.layui-tree-iconClick .layui-icon{font-size:18px}.layui-tree-icon .layui-icon{font-size:12px;color:#5f5f5f}.layui-tree-iconArrow{padding:0 5px}.layui-tree-iconArrow:after{content:"";position:absolute;left:4px;top:3px;z-index:100;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent #c0c4cc;transition:.5s}.layui-tree-spread>.layui-tree-entry .layui-tree-iconClick>.layui-tree-iconArrow:after{transform:rotate(90deg) translate(3px,4px)}.layui-tree-txt{display:inline-block;vertical-align:middle;color:#555}.layui-tree-search{margin-bottom:15px;color:#5f5f5f}.layui-tree-btnGroup{visibility:hidden;display:inline-block;vertical-align:middle;position:relative}.layui-tree-btnGroup .layui-icon{display:inline-block;vertical-align:middle;padding:0 2px;cursor:pointer}.layui-tree-btnGroup .layui-icon:hover{color:#999;transition:.3s}.layui-tree-entry:hover .layui-tree-btnGroup{visibility:visible}.layui-tree-editInput{position:relative;display:inline-block;vertical-align:middle;height:20px;line-height:20px;padding:0;border:none;background-color:rgba(0,0,0,.05)}.layui-tree-emptyText{text-align:center;color:#999}.layui-anim{-webkit-animation-duration:.3s;-webkit-animation-fill-mode:both;animation-duration:.3s;animation-fill-mode:both}.layui-anim.layui-icon{display:inline-block}.layui-anim-loop{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.layui-trans,.layui-trans a{transition:all .2s;-webkit-transition:all .2s}@-webkit-keyframes layui-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes layui-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.layui-anim-rotate{-webkit-animation-name:layui-rotate;animation-name:layui-rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes layui-up{from{-webkit-transform:translate3d(0,100%,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-up{from{transform:translate3d(0,100%,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-up{-webkit-animation-name:layui-up;animation-name:layui-up}@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,15px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-upbit{from{transform:translate3d(0,15px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-upbit{-webkit-animation-name:layui-upbit;animation-name:layui-upbit}@keyframes layui-down{0%{opacity:.3;transform:translate3d(0,-100%,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.layui-anim-down{animation-name:layui-down}@keyframes layui-downbit{0%{opacity:.3;transform:translate3d(0,-5px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.layui-anim-downbit{animation-name:layui-downbit}@-webkit-keyframes layui-scale{0%{opacity:.3;-webkit-transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale{0%{opacity:.3;-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-ms-transform:scale(1);transform:scale(1)}}.layui-anim-scale{-webkit-animation-name:layui-scale;animation-name:layui-scale}@-webkit-keyframes layui-scale-spring{0%{opacity:.5;-webkit-transform:scale(.5)}80%{opacity:.8;-webkit-transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale-spring{0%{opacity:.5;transform:scale(.5)}80%{opacity:.8;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.layui-anim-scaleSpring{-webkit-animation-name:layui-scale-spring;animation-name:layui-scale-spring}@keyframes layui-scalesmall{0%{opacity:.3;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}.layui-anim-scalesmall{animation-name:layui-scalesmall}@keyframes layui-scalesmall-spring{0%{opacity:.3;transform:scale(1.5)}80%{opacity:.8;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.layui-anim-scalesmall-spring{animation-name:layui-scalesmall-spring}@-webkit-keyframes layui-fadein{0%{opacity:0}100%{opacity:1}}@keyframes layui-fadein{0%{opacity:0}100%{opacity:1}}.layui-anim-fadein{-webkit-animation-name:layui-fadein;animation-name:layui-fadein}@-webkit-keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}}.layui-anim-fadeout{-webkit-animation-name:layui-fadeout;animation-name:layui-fadeout}html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-wrap{font-size:13px;font-family:"Courier New",Consolas,"Lucida Console"}.layui-code-view{display:block;position:relative;padding:0!important;border:1px solid #eee;border-left-width:6px;background-color:#fff;color:#333}.layui-code-view pre{margin:0!important}.layui-code-header{position:relative;z-index:3;padding:0 11px;height:40px;line-height:40px;border-bottom:1px solid #eee;background-color:#fafafa;font-size:12px}.layui-code-header>.layui-code-header-about{position:absolute;right:11px;top:0;color:#b7b7b7}.layui-code-header-about>a{padding-left:10px}.layui-code-wrap{position:relative;display:block;z-index:1;margin:0!important;padding:11px 0!important;overflow-x:hidden;overflow-y:auto}.layui-code-line{position:relative;line-height:19px;margin:0!important}.layui-code-line-number{position:absolute;left:0;top:0;padding:0 8px;min-width:45px;height:100%;text-align:right;user-select:none;white-space:nowrap;overflow:hidden}.layui-code-line-content{padding:0 11px;word-wrap:break-word;white-space:pre-wrap}.layui-code-ln-mode>.layui-code-wrap>.layui-code-line{padding-left:45px}.layui-code-ln-side{position:absolute;left:0;top:0;bottom:0;z-index:0;width:45px;border-right:1px solid #eee;border-color:rgb(126 122 122 / 15%);background-color:#fafafa;pointer-events:none}.layui-code-nowrap>.layui-code-wrap{overflow:auto}.layui-code-nowrap>.layui-code-wrap>.layui-code-line>.layui-code-line-content{white-space:pre;word-wrap:normal}.layui-code-nowrap>.layui-code-ln-side{border-right-width:0!important;background:0 0!important}.layui-code-fixbar{position:absolute;top:8px;right:11px;padding-right:45px;z-index:5}.layui-code-fixbar>span{position:absolute;right:0;top:0;padding:0 8px;color:#777;transition:all .3s}.layui-code-fixbar>span:hover{color:#16b777}.layui-code-copy{display:none;cursor:pointer}.layui-code-preview>.layui-code-view>.layui-code-fixbar .layui-code-copy{display:none!important}.layui-code-view:hover>.layui-code-fixbar .layui-code-copy{display:block}.layui-code-view:hover>.layui-code-fixbar .layui-code-lang-marker{display:none}.layui-code-theme-dark,.layui-code-theme-dark>.layui-code-header{border-color:rgb(126 122 122 / 15%);background-color:#1f1f1f}.layui-code-theme-dark{border-width:1px;color:#ccc}.layui-code-theme-dark>.layui-code-ln-side{border-right-color:#2a2a2a;background:0 0;color:#6e7681}.layui-code textarea{display:none}.layui-code-preview>.layui-code,.layui-code-preview>.layui-code-view{margin:0}.layui-code-preview>.layui-tab{position:relative;z-index:1;margin-bottom:0}.layui-code-preview>.layui-tab>.layui-tab-title{border-width:0}.layui-code-preview .layui-code-item{display:none}.layui-code-item-preview{position:relative;padding:16px}.layui-code-item-preview>iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.layui-code-tools{position:absolute;right:11px;top:8px;line-height:normal}.layui-code-tools>i{display:inline-block;margin-left:6px;padding:3px;cursor:pointer}.layui-code-tools>i.layui-icon-file-b{color:#999}.layui-code-tools>i:hover{color:#16b777}.layui-code-full{position:fixed;left:0;top:0;z-index:1111111;width:100%;height:100%;background-color:#fff}.layui-code-full .layui-code-item{width:100%!important;border-width:0!important;border-top-width:1px!important}.layui-code-full .layui-code-item,.layui-code-full .layui-code-view,.layui-code-full .layui-code-wrap{height:calc(100vh - 51px)!important;box-sizing:border-box}.layui-code-full .layui-code-item-preview{overflow:auto}.layui-code-view.layui-code-hl{line-height:20px!important;border-left-width:1px}.layui-code-view.layui-code-hl>.layui-code-ln-side{background-color:transparent}.layui-code-theme-dark.layui-code-hl,.layui-code-theme-dark.layui-code-hl>.layui-code-ln-side{border-color:rgb(126 122 122 / 15%)}html #layuicss-laydate{display:none;position:absolute;width:1989px}.layui-laydate *{margin:0;padding:0}.layui-laydate,.layui-laydate *{box-sizing:border-box}.layui-laydate{position:absolute;z-index:99999999;margin:5px 0;border-radius:2px;font-size:14px;line-height:normal;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-laydate-main{width:272px}.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li{transition-duration:.3s;-webkit-transition-duration:.3s}.layui-laydate-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px");position:fixed;_position:absolute;pointer-events:auto}@keyframes laydate-downbit{0%{opacity:.3;transform:translate3d(0,-5px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.layui-laydate{animation-name:laydate-downbit}.layui-laydate-static{position:relative;z-index:0;display:inline-block;margin:0;-webkit-animation:none;animation:none}.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m{display:none!important}.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y{display:inline-block!important}.laydate-ym-show .laydate-set-ym span[lay-type=month]{display:none!important}.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon{display:none!important}.layui-laydate-header{position:relative;line-height:30px;padding:10px 70px 5px}.layui-laydate-header *{display:inline-block;vertical-align:bottom}.layui-laydate-header i{position:absolute;top:10px;padding:0 5px;color:#999;font-size:18px;cursor:pointer}.layui-laydate-header i.laydate-prev-y{left:15px}.layui-laydate-header i.laydate-prev-m{left:45px}.layui-laydate-header i.laydate-next-y{right:15px}.layui-laydate-header i.laydate-next-m{right:45px}.laydate-set-ym{width:100%;text-align:center;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.laydate-set-ym span{padding:0 10px;cursor:pointer}.laydate-time-text{cursor:default!important}.layui-laydate-content{position:relative;padding:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-laydate-content table{border-collapse:collapse;border-spacing:0}.layui-laydate-content td,.layui-laydate-content th{width:36px;height:30px;padding:0;text-align:center}.layui-laydate-content th{font-weight:400}.layui-laydate-content td{position:relative;cursor:pointer}.laydate-day-mark{position:absolute;left:0;top:0;width:100%;line-height:30px;font-size:12px;overflow:hidden}.laydate-day-mark::after{position:absolute;content:'';right:2px;top:2px;width:5px;height:5px;border-radius:50%}.laydate-day-holidays:before{position:absolute;left:0;top:0;font-size:12px;transform:scale(.7)}.laydate-day-holidays:before{content:'\4F11';color:#ff5722}.laydate-day-holidays[type=workdays]:before{content:'\73ED';color:inherit}.layui-laydate .layui-this .laydate-day-holidays:before{color:#fff}.layui-laydate-footer{position:relative;height:46px;line-height:26px;padding:10px}.layui-laydate-footer span{display:inline-block;vertical-align:top;height:26px;line-height:24px;padding:0 10px;border:1px solid #c9c9c9;border-radius:2px;background-color:#fff;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .3s}.layui-laydate-footer span:hover{color:#16b777}.layui-laydate-footer span.layui-laydate-preview{cursor:default;border-color:transparent!important}.layui-laydate-footer span.layui-laydate-preview:hover{color:#777}.layui-laydate-footer span:first-child.layui-laydate-preview{padding-left:0}.laydate-footer-btns{position:absolute;right:10px;top:10px}.laydate-footer-btns span{margin:0 0 0 -1px;border-radius:0}.laydate-footer-btns span:first-child{border-radius:2px 0 0 2px}.laydate-footer-btns span:last-child{border-radius:0 2px 2px 0}.layui-laydate-shortcut{width:80px;padding:6px 0;display:inline-block;vertical-align:top;overflow:auto;max-height:276px;text-align:center}.layui-laydate-shortcut+.layui-laydate-main{display:inline-block;border-left:1px solid #e2e2e2}.layui-laydate-shortcut>li{padding:5px 8px;cursor:pointer;line-height:18px}.layui-laydate .layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;box-sizing:border-box;background-color:#fff}.layui-laydate .layui-laydate-list>li{position:relative;display:inline-block;width:33.3%;height:36px;line-height:36px;margin:3px 0;vertical-align:middle;text-align:center;cursor:pointer;list-style:none}.layui-laydate .laydate-month-list>li{width:25%;margin:17px 0}.laydate-time-list{display:table}.layui-laydate .laydate-time-list>li{display:table-cell;height:100%;margin:0;line-height:normal;cursor:default}.layui-laydate .laydate-time-list p{position:relative;top:-4px;margin:0;line-height:29px}.layui-laydate .laydate-time-list ol{height:181px;overflow:hidden}.layui-laydate .laydate-time-list>li:hover ol{overflow-y:auto}.layui-laydate .laydate-time-list ol li{width:130%;padding-left:33px;height:30px;line-height:30px;text-align:left;cursor:pointer}.layui-laydate .laydate-time-list-hide-1 ol li{padding-left:53px}.layui-laydate .laydate-time-list-hide-2 ol li{padding-left:117px}.layui-laydate-hint{position:absolute;top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px;color:#ff5722}.layui-laydate-range{width:546px}.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle;max-width:50%}.layui-laydate-range .laydate-main-list-1 .layui-laydate-content,.layui-laydate-range .laydate-main-list-1 .layui-laydate-header{border-left:1px solid #e2e2e2}.layui-laydate-range.layui-laydate-linkage .laydate-main-list-0 .laydate-next-m,.layui-laydate-range.layui-laydate-linkage .laydate-main-list-0 .laydate-next-y,.layui-laydate-range.layui-laydate-linkage .laydate-main-list-1 .laydate-prev-m,.layui-laydate-range.layui-laydate-linkage .laydate-main-list-1 .laydate-prev-y{display:none}.layui-laydate-range.layui-laydate-linkage .laydate-main-list-1 .layui-laydate-content,.layui-laydate-range.layui-laydate-linkage .laydate-main-list-1 .layui-laydate-header{border-left-style:dashed}.layui-laydate,.layui-laydate-hint{border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);background-color:#fff;color:#777}.layui-laydate-header{border-bottom:1px solid #e2e2e2}.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#16b777}.layui-laydate-content{border-top:none 0;border-bottom:none 0}.layui-laydate-content th{color:#333}.layui-laydate-content td{color:#777}.layui-laydate-content td.laydate-day-now{color:#16b777}.layui-laydate-content td.laydate-day-now:after{content:'';position:absolute;width:100%;height:30px;left:0;top:0;border:1px solid #16b777;box-sizing:border-box}.layui-laydate-linkage .layui-laydate-content td.laydate-selected>div{background-color:#cffae9;transition:all .3s}.layui-laydate-linkage .laydate-selected:hover>div{background-color:#cffae9!important}.layui-laydate-content td.laydate-selected:after,.layui-laydate-content td:hover:after{content:none}.layui-laydate-content td>div:hover,.layui-laydate-list li:hover,.layui-laydate-shortcut>li:hover{background-color:#eee;color:#333;transition:all .3s}.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0}.laydate-time-list li:first-child ol{border-left-width:1px}.laydate-time-list>li:hover{background:0 0}.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color:#d2d2d2}.layui-laydate-linkage .laydate-selected.laydate-day-next>div,.layui-laydate-linkage .laydate-selected.laydate-day-prev>div{background:0 0!important}.layui-laydate-footer{border-top:1px solid #e2e2e2}.layui-laydate-hint{color:#ff5722}.laydate-day-mark::after{background-color:#16b777}.layui-laydate-content td.layui-this .laydate-day-mark::after{display:none}.layui-laydate-footer span[lay-type=date]{color:#16b777}.layui-laydate .layui-this,.layui-laydate .layui-this>div{background-color:#16b777!important;color:#fff!important}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-laydate .layui-this.laydate-disabled,.layui-laydate .layui-this.laydate-disabled>div{background-color:#eee!important}.layui-laydate-content td>div{padding:7px 0;height:100%}.laydate-theme-molv{border:none}.laydate-theme-molv.layui-laydate-range{width:548px}.laydate-theme-molv .layui-laydate-main{width:274px}.laydate-theme-molv .layui-laydate-header{border:none;background-color:#16baaa}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}.laydate-theme-molv .layui-this,.laydate-theme-molv .layui-this>div{background-color:#16baaa!important}.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead{border:1px solid #e2e2e2}.layui-laydate-linkage.laydate-theme-grid .laydate-selected,.layui-laydate-linkage.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#16baaa!important}.layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-next,.layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-prev{color:#d2d2d2!important}.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list{margin:1px 0 0 1px}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li{margin:0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px}.laydate-theme-grid .layui-laydate-content td>div{height:29px;margin-top:-1px}.laydate-theme-circle .layui-laydate-content td.layui-this>div,.laydate-theme-circle .layui-laydate-content td>div{width:28px;height:28px;line-height:28px;border-radius:14px;margin:0 4px;padding:0}.layui-laydate.laydate-theme-circle .layui-laydate-content table td.layui-this{background-color:transparent!important}.laydate-theme-grid.laydate-theme-circle .layui-laydate-content td>div{margin:0 3.5px}.laydate-theme-fullpanel .layui-laydate-main{width:526px}.laydate-theme-fullpanel .layui-laydate-list{width:252px;left:272px}.laydate-theme-fullpanel .laydate-set-ym span{display:none}.laydate-theme-fullpanel .laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-theme-fullpanel .laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-theme-fullpanel .laydate-time-show .layui-laydate-header .layui-icon{display:inline-block!important}.laydate-theme-fullpanel .laydate-btns-time{display:none}.laydate-theme-fullpanel .laydate-time-list-hide-1 ol li{padding-left:49px}.laydate-theme-fullpanel .laydate-time-list-hide-2 ol li{padding-left:107px}html #layuicss-layer{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{opacity:0;transition:opacity .35s cubic-bezier(.34,.69,.1,1);top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch}.layui-layer{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-btn a,.layui-layer-setwin span{display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.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}}@keyframes layer-slide-down{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}@keyframes layer-slide-down-out{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-100%,0)}}.layer-anim-slide-down{animation-name:layer-slide-down}.layer-anim-slide-down-out{animation-name:layer-slide-down-out}@keyframes layer-slide-left{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes layer-slide-left-out{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}.layer-anim-slide-left{animation-name:layer-slide-left}.layer-anim-slide-left-out{animation-name:layer-slide-left-out}@keyframes layer-slide-up{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes layer-slide-up-out{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,100%,0)}}.layer-anim-slide-up{animation-name:layer-slide-up}.layer-anim-slide-up-out{animation-name:layer-slide-up-out}@keyframes layer-slide-right{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes layer-slide-right-out{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}.layer-anim-slide-right{animation-name:layer-slide-right}.layer-anim-slide-right-out{animation-name:layer-slide-right-out}.layui-layer-title{padding:0 81px 0 16px;height:50px;line-height:50px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:16px;font-size:0;line-height:initial}.layui-layer-setwin span{position:relative;width:16px;height:16px;line-height:18px;margin-left:10px;text-align:center;font-size:16px;cursor:pointer;color:#000;_overflow:hidden;box-sizing:border-box}.layui-layer-setwin .layui-layer-min:before{content:'';position:absolute;width:12px;border-bottom:1px solid #2e2d3c;left:50%;top:50%;margin:-.5px 0 0 -6px;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover:before{background-color:#2d93ca}.layui-layer-setwin .layui-layer-max:after,.layui-layer-setwin .layui-layer-max:before{content:'';position:absolute;left:50%;top:50%;z-index:1;width:9px;height:9px;margin:-5px 0 0 -5px;border:1px solid #2e2d3c}.layui-layer-setwin .layui-layer-max:hover:after,.layui-layer-setwin .layui-layer-max:hover:before{border-color:#2d93ca}.layui-layer-setwin .layui-layer-min:hover:before{background-color:#2d93ca}.layui-layer-setwin .layui-layer-maxmin:after,.layui-layer-setwin .layui-layer-maxmin:before{width:7px;height:7px;margin:-3px 0 0 -3px;background-color:#fff}.layui-layer-setwin .layui-layer-maxmin:after{z-index:0;margin:-5px 0 0 -1px}.layui-layer-setwin .layui-layer-close{cursor:pointer}.layui-layer-setwin .layui-layer-close:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;color:#fff;background-color:#787878;padding:3px;border:3px solid;width:28px;height:28px;font-size:16px;font-weight:bolder;border-radius:50%;margin-left:0;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{opacity:unset;background-color:#3888f6}.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:30px;line-height:30px;margin:5px 5px 0;padding:0 16px;border:1px solid #dedede;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none;box-sizing:border-box}.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:transparent;background-color:#1e9fff;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-btn-is-loading{opacity:.5!important;cursor:not-allowed!important;cursor:wait!important;overflow:hidden;white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none}.layui-layer-btn-is-loading .layui-layer-btn-loading-icon{margin-right:8px;font-size:14px}.layui-layer-dialog{min-width:240px}.layui-layer-dialog .layui-layer-content{position:relative;padding:16px;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-face{position:absolute;top:18px;left:16px;color:#959595;font-size:32px;_left:-40px}.layui-layer-dialog .layui-layer-content .layui-icon-tips{color:#f39b12}.layui-layer-dialog .layui-layer-content .layui-icon-success{color:#16b777}.layui-layer-dialog .layui-layer-content .layui-icon-error{top:19px;color:#ff5722}.layui-layer-dialog .layui-layer-content .layui-icon-question{color:#ffb800}.layui-layer-dialog .layui-layer-content .layui-icon-lock{color:#787878}.layui-layer-dialog .layui-layer-content .layui-icon-face-cry{color:#ff5722}.layui-layer-dialog .layui-layer-content .layui-icon-face-smile{color:#16b777}.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-close{color:#fff}.layui-layer-hui .layui-layer-content{padding:11px 24px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:18px 24px 18px 58px;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:76px;height:38px;line-height:38px;text-align:center}.layui-layer-loading-icon{font-size:38px;color:#959595}.layui-layer-loading2{text-align:center}.layui-layer-loading-2{position:relative;height:38px}.layui-layer-loading-2:after,.layui-layer-loading-2:before{content:'';position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:3px solid #d2d2d2;box-sizing:border-box}.layui-layer-loading-2:after{border-color:transparent;border-left-color:#1e9fff}.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 .layui-layer-title{background:#4476a7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;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-lan .layui-layer-setwin .layui-icon,.layui-layer-molv .layui-layer-setwin .layui-icon{color:#fff}.layui-layer-win10{border:1px solid #aaa;box-shadow:1px 1px 6px rgba(0,0,0,.3);border-radius:none}.layui-layer-win10 .layui-layer-title{height:32px;line-height:32px;padding-left:8px;border-bottom:none;font-size:12px}.layui-layer-win10 .layui-layer-setwin{right:0;top:0}.layui-layer-win10 .layui-layer-setwin span{margin-left:0;width:32px;height:32px;padding:8px}.layui-layer-win10.layui-layer-page .layui-layer-setwin span{width:38px}.layui-layer-win10 .layui-layer-setwin span:hover{background-color:#e5e5e5}.layui-layer-win10 .layui-layer-setwin span.layui-icon-close:hover{background-color:#e81123;color:#fff}.layui-layer-win10.layui-layer-dialog .layui-layer-content{padding:8px 16px 32px;color:#0033bc}.layui-layer-win10.layui-layer-dialog .layui-layer-padding{padding-top:18px;padding-left:58px}.layui-layer-win10 .layui-layer-btn{padding:5px 5px 10px;border-top:1px solid #dfdfdf;background-color:#f0f0f0}.layui-layer-win10 .layui-layer-btn a{height:20px;line-height:18px;background-color:#e1e1e1;border-color:#adadad;color:#000;font-size:12px;transition:all .3s}.layui-layer-win10 .layui-layer-btn a:hover{border-color:#2a8edd;background-color:#e5f1fb}.layui-layer-win10 .layui-layer-btn .layui-layer-btn0{border-color:#0078d7}.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:16px}.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;display:inline-block;vertical-align:top;border-left:1px solid transparent;border-right:1px solid transparent;min-width:80px;max-width:300px;padding:0 16px;text-align:center;cursor:default;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}.layui-layer-tab .layui-layer-title span.layui-this{height:51px;border-left-color:#eee;border-right-color:#eee;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left-color:transparent}.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:visible;text-align:center}.layui-layer-photos .layer-layer-photos-main img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-photos-next,.layui-layer-photos-prev{position:fixed;top:50%;width:52px;height:52px;line-height:52px;margin-top:-26px;cursor:pointer;font-size:52px;color:#717171}.layui-layer-photos-prev{left:32px}.layui-layer-photos-next{right:32px}.layui-layer-photos-next:hover,.layui-layer-photos-prev:hover{color:#959595}.layui-layer-photos-toolbar{position:fixed;left:0;right:0;bottom:0;width:100%;height:52px;line-height:52px;background-color:#000\9;filter:Alpha(opacity=60);background-color:rgba(0,0,0,.32);color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:0}.layui-layer-photos-toolbar>*{display:inline-block;vertical-align:top;padding:0 16px;font-size:12px;color:#fff;*display:inline;*zoom:1}.layui-layer-photos-toolbar *{font-size:12px}.layui-layer-photos-header{top:0;bottom:auto}.layui-layer-photos-header>span{cursor:pointer}.layui-layer-photos-header>span:hover{background-color:rgba(51,51,51,.32)}.layui-layer-photos-header .layui-icon{font-size:18px}.layui-layer-photos-footer>h3{max-width:65%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-layer-photos-footer a:hover{text-decoration:underline}.layui-layer-photos-footer em{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} \ No newline at end of file diff --git a/css/swiper-bundle.css b/css/swiper-bundle.css new file mode 100644 index 0000000..30f9bb7 --- /dev/null +++ b/css/swiper-bundle.css @@ -0,0 +1,735 @@ +/** + * Swiper 11.0.3 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2023 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: October 26, 2023 + */ + +/* FONT_START */ +@font-face { + font-family: 'swiper-icons'; + src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); + font-weight: 400; + font-style: normal; +} +/* FONT_END */ +:root { + --swiper-theme-color: #007aff; + /* + --swiper-preloader-color: var(--swiper-theme-color); + --swiper-wrapper-transition-timing-function: initial; + */ +} +:host { + position: relative; + display: block; + margin-left: auto; + margin-right: auto; + z-index: 1; +} +.swiper { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; + display: block; +} +.swiper-vertical > .swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); + box-sizing: content-box; +} +.swiper-android .swiper-slide, +.swiper-ios .swiper-slide, +.swiper-wrapper { + transform: translate3d(0px, 0, 0); +} +.swiper-horizontal { + touch-action: pan-y; +} +.swiper-vertical { + touch-action: pan-x; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; + display: block; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +/* Auto Height */ +.swiper-autoheight, +.swiper-autoheight .swiper-slide { + height: auto; +} +.swiper-autoheight .swiper-wrapper { + align-items: flex-start; + transition-property: transform, height; +} +.swiper-backface-hidden .swiper-slide { + transform: translateZ(0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* 3D Effects */ +.swiper-3d.swiper-css-mode .swiper-wrapper { + perspective: 1200px; +} +.swiper-3d .swiper-wrapper { + transform-style: preserve-3d; +} +.swiper-3d { + perspective: 1200px; +} +.swiper-3d .swiper-slide, +.swiper-3d .swiper-cube-shadow { + transform-style: preserve-3d; +} +/* CSS Mode */ +.swiper-css-mode > .swiper-wrapper { + overflow: auto; + scrollbar-width: none; + /* For Firefox */ + -ms-overflow-style: none; + /* For Internet Explorer and Edge */ +} +.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { + display: none; +} +.swiper-css-mode > .swiper-wrapper > .swiper-slide { + scroll-snap-align: start start; +} +.swiper-css-mode.swiper-horizontal > .swiper-wrapper { + scroll-snap-type: x mandatory; +} +.swiper-css-mode.swiper-vertical > .swiper-wrapper { + scroll-snap-type: y mandatory; +} +.swiper-css-mode.swiper-free-mode > .swiper-wrapper { + scroll-snap-type: none; +} +.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { + scroll-snap-align: none; +} +.swiper-css-mode.swiper-centered > .swiper-wrapper::before { + content: ''; + flex-shrink: 0; + order: 9999; +} +.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { + scroll-snap-align: center center; + scroll-snap-stop: always; +} +.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { + margin-inline-start: var(--swiper-centered-offset-before); +} +.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { + height: 100%; + min-height: 1px; + width: var(--swiper-centered-offset-after); +} +.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { + margin-block-start: var(--swiper-centered-offset-before); +} +.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { + width: 100%; + min-width: 1px; + height: var(--swiper-centered-offset-after); +} +/* Slide styles start */ +/* 3D Shadows */ +.swiper-3d .swiper-slide-shadow, +.swiper-3d .swiper-slide-shadow-left, +.swiper-3d .swiper-slide-shadow-right, +.swiper-3d .swiper-slide-shadow-top, +.swiper-3d .swiper-slide-shadow-bottom, +.swiper-3d .swiper-slide-shadow, +.swiper-3d .swiper-slide-shadow-left, +.swiper-3d .swiper-slide-shadow-right, +.swiper-3d .swiper-slide-shadow-top, +.swiper-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-3d .swiper-slide-shadow { + background: rgba(0, 0, 0, 0.15); +} +.swiper-3d .swiper-slide-shadow-left { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-3d .swiper-slide-shadow-right { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-3d .swiper-slide-shadow-top { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-3d .swiper-slide-shadow-bottom { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-lazy-preloader { + width: 42px; + height: 42px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -21px; + margin-top: -21px; + z-index: 10; + transform-origin: 50%; + box-sizing: border-box; + border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); + border-radius: 50%; + border-top-color: transparent; +} +.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, +.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { + animation: swiper-preloader-spin 1s infinite linear; +} +.swiper-lazy-preloader-white { + --swiper-preloader-color: #fff; +} +.swiper-lazy-preloader-black { + --swiper-preloader-color: #000; +} +@keyframes swiper-preloader-spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +/* Slide styles end */ +.swiper-virtual .swiper-slide { + -webkit-backface-visibility: hidden; + transform: translateZ(0); +} +.swiper-virtual.swiper-css-mode .swiper-wrapper::after { + content: ''; + position: absolute; + left: 0; + top: 0; + pointer-events: none; +} +.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { + height: 1px; + width: var(--swiper-virtual-size); +} +.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { + width: 1px; + height: var(--swiper-virtual-size); +} +:root { + --swiper-navigation-size: 44px; + /* + --swiper-navigation-top-offset: 50%; + --swiper-navigation-sides-offset: 10px; + --swiper-navigation-color: var(--swiper-theme-color); + */ +} +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: var(--swiper-navigation-top-offset, 50%); + width: calc(var(--swiper-navigation-size) / 44 * 27); + height: var(--swiper-navigation-size); + margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); + z-index: 10; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--swiper-navigation-color, var(--swiper-theme-color)); +} +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev.swiper-button-hidden, +.swiper-button-next.swiper-button-hidden { + opacity: 0; + cursor: auto; + pointer-events: none; +} +.swiper-navigation-disabled .swiper-button-prev, +.swiper-navigation-disabled .swiper-button-next { + display: none !important; +} +.swiper-button-prev svg, +.swiper-button-next svg { + width: 100%; + height: 100%; + object-fit: contain; + transform-origin: center; +} +.swiper-rtl .swiper-button-prev svg, +.swiper-rtl .swiper-button-next svg { + transform: rotate(180deg); +} +.swiper-button-prev, +.swiper-rtl .swiper-button-next { + left: var(--swiper-navigation-sides-offset, 10px); + right: auto; +} +.swiper-button-next, +.swiper-rtl .swiper-button-prev { + right: var(--swiper-navigation-sides-offset, 10px); + left: auto; +} +.swiper-button-lock { + display: none; +} +/* Navigation font start */ +.swiper-button-prev:after, +.swiper-button-next:after { + font-family: swiper-icons; + font-size: var(--swiper-navigation-size); + text-transform: none !important; + letter-spacing: 0; + font-variant: initial; + line-height: 1; +} +.swiper-button-prev:after, +.swiper-rtl .swiper-button-next:after { + content: 'prev'; +} +.swiper-button-next, +.swiper-rtl .swiper-button-prev { + right: var(--swiper-navigation-sides-offset, 10px); + left: auto; +} +.swiper-button-next:after, +.swiper-rtl .swiper-button-prev:after { + content: 'next'; +} +/* Navigation font end */ +:root { + /* + --swiper-pagination-color: var(--swiper-theme-color); + --swiper-pagination-left: auto; + --swiper-pagination-right: 8px; + --swiper-pagination-bottom: 8px; + --swiper-pagination-top: auto; + --swiper-pagination-fraction-color: inherit; + --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); + --swiper-pagination-progressbar-size: 4px; + --swiper-pagination-bullet-size: 8px; + --swiper-pagination-bullet-width: 8px; + --swiper-pagination-bullet-height: 8px; + --swiper-pagination-bullet-border-radius: 50%; + --swiper-pagination-bullet-inactive-color: #000; + --swiper-pagination-bullet-inactive-opacity: 0.2; + --swiper-pagination-bullet-opacity: 1; + --swiper-pagination-bullet-horizontal-gap: 4px; + --swiper-pagination-bullet-vertical-gap: 6px; + */ +} +.swiper-pagination { + position: absolute; + text-align: center; + transition: 300ms opacity; + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-pagination-disabled > .swiper-pagination, +.swiper-pagination.swiper-pagination-disabled { + display: none !important; +} +/* Common Styles */ +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-horizontal > .swiper-pagination-bullets, +.swiper-pagination-bullets.swiper-pagination-horizontal { + bottom: var(--swiper-pagination-bottom, 8px); + top: var(--swiper-pagination-top, auto); + left: 0; + width: 100%; +} +/* Bullets */ +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform: scale(0.33); + position: relative; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform: scale(0.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform: scale(0.33); +} +.swiper-pagination-bullet { + width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); + height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); + display: inline-block; + border-radius: var(--swiper-pagination-bullet-border-radius, 50%); + background: var(--swiper-pagination-bullet-inactive-color, #000); + opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet:only-child { + display: none !important; +} +.swiper-pagination-bullet-active { + opacity: var(--swiper-pagination-bullet-opacity, 1); + background: var(--swiper-pagination-color, var(--swiper-theme-color)); +} +.swiper-vertical > .swiper-pagination-bullets, +.swiper-pagination-vertical.swiper-pagination-bullets { + right: var(--swiper-pagination-right, 8px); + left: var(--swiper-pagination-left, auto); + top: 50%; + transform: translate3d(0px, -50%, 0); +} +.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, +.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { + margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; + display: block; +} +.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} +.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + transition: 200ms transform, + 200ms top; +} +.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, +.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); +} +.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, +.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translateX(-50%); + white-space: nowrap; +} +.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, +.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, + 200ms left; +} +.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, + 200ms right; +} +/* Fraction */ +.swiper-pagination-fraction { + color: var(--swiper-pagination-fraction-color, inherit); +} +/* Progress */ +.swiper-pagination-progressbar { + background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); + position: absolute; +} +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: var(--swiper-pagination-color, var(--swiper-theme-color)); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: scale(0); + transform-origin: left top; +} +.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + transform-origin: right top; +} +.swiper-horizontal > .swiper-pagination-progressbar, +.swiper-pagination-progressbar.swiper-pagination-horizontal, +.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, +.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { + width: 100%; + height: var(--swiper-pagination-progressbar-size, 4px); + left: 0; + top: 0; +} +.swiper-vertical > .swiper-pagination-progressbar, +.swiper-pagination-progressbar.swiper-pagination-vertical, +.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, +.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { + width: var(--swiper-pagination-progressbar-size, 4px); + height: 100%; + left: 0; + top: 0; +} +.swiper-pagination-lock { + display: none; +} +:root { + /* + --swiper-scrollbar-border-radius: 10px; + --swiper-scrollbar-top: auto; + --swiper-scrollbar-bottom: 4px; + --swiper-scrollbar-left: auto; + --swiper-scrollbar-right: 4px; + --swiper-scrollbar-sides-offset: 1%; + --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); + --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); + --swiper-scrollbar-size: 4px; + */ +} +.swiper-scrollbar { + border-radius: var(--swiper-scrollbar-border-radius, 10px); + position: relative; + touch-action: none; + background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); +} +.swiper-scrollbar-disabled > .swiper-scrollbar, +.swiper-scrollbar.swiper-scrollbar-disabled { + display: none !important; +} +.swiper-horizontal > .swiper-scrollbar, +.swiper-scrollbar.swiper-scrollbar-horizontal { + position: absolute; + left: var(--swiper-scrollbar-sides-offset, 1%); + bottom: var(--swiper-scrollbar-bottom, 4px); + top: var(--swiper-scrollbar-top, auto); + z-index: 50; + height: var(--swiper-scrollbar-size, 4px); + width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); +} +.swiper-vertical > .swiper-scrollbar, +.swiper-scrollbar.swiper-scrollbar-vertical { + position: absolute; + left: var(--swiper-scrollbar-left, auto); + right: var(--swiper-scrollbar-right, 4px); + top: var(--swiper-scrollbar-sides-offset, 1%); + z-index: 50; + width: var(--swiper-scrollbar-size, 4px); + height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); + border-radius: var(--swiper-scrollbar-border-radius, 10px); + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +.swiper-scrollbar-lock { + display: none; +} +/* Zoom container styles start */ +.swiper-zoom-container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} +.swiper-zoom-container > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} +/* Zoom container styles end */ +.swiper-slide-zoomed { + cursor: move; + touch-action: none; +} +/* a11y */ +.swiper .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +.swiper-free-mode > .swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-grid > .swiper-wrapper { + flex-wrap: wrap; +} +.swiper-grid-column > .swiper-wrapper { + flex-wrap: wrap; + flex-direction: column; +} +.swiper-fade.swiper-free-mode .swiper-slide { + transition-timing-function: ease-out; +} +.swiper-fade .swiper-slide { + pointer-events: none; + transition-property: opacity; +} +.swiper-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-fade .swiper-slide-active { + pointer-events: auto; +} +.swiper-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-cube { + overflow: visible; +} +.swiper-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + transform-origin: 0 0; + width: 100%; + height: 100%; +} +.swiper-cube .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-cube.swiper-rtl .swiper-slide { + transform-origin: 100% 0; +} +.swiper-cube .swiper-slide-active, +.swiper-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-cube .swiper-slide-active, +.swiper-cube .swiper-slide-next, +.swiper-cube .swiper-slide-prev { + pointer-events: auto; + visibility: visible; +} +.swiper-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + opacity: 0.6; + z-index: 0; +} +.swiper-cube .swiper-cube-shadow:before { + content: ''; + background: #000; + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; + filter: blur(50px); +} +.swiper-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +/* Cube slide shadows start */ +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* Cube slide shadows end */ +.swiper-flip { + overflow: visible; +} +.swiper-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} +.swiper-flip .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-flip .swiper-slide-active, +.swiper-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +/* Flip slide shadows start */ +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* Flip slide shadows end */ +.swiper-creative .swiper-slide { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + overflow: hidden; + transition-property: transform, opacity, height; +} +.swiper-cards { + overflow: visible; +} +.swiper-cards .swiper-slide { + transform-origin: center bottom; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + overflow: hidden; +}