@charset "utf-8";
/* CSS Document */

/*load文字*/
.focus-in-contract-bck {
    -webkit-animation: focus-in-contract-bck 1.5s cubic-bezier(0.550, 0.055, 0.675, 0.190) both;
    animation: focus-in-contract-bck 1.5s cubic-bezier(0.550, 0.055, 0.675, 0.190) both;
}
 @-webkit-keyframes focus-in-contract-bck {
 0% {
 letter-spacing: 1em;
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 -webkit-transform: scale(2);
 transform: scale(2);
 -webkit-filter: blur(12px);
 filter: blur(12px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(12px);
 transform: translateZ(12px);
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-filter: blur(0);
 filter: blur(0);
 opacity: 1;
}
}
@keyframes focus-in-contract-bck {
 0% {
 letter-spacing: 1em;
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 -webkit-transform: scale(2);
 transform: scale(2);
 -webkit-filter: blur(12px);
 filter: blur(12px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(12px);
 transform: translateZ(12px);
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-filter: blur(0);
 filter: blur(0);
 opacity: 1;
}
}
/*load文字结束
load文字离开 备用
*/
.focus-in-contract-bck2 {
    -webkit-animation: focus-in-contract-bck2 2s cubic-bezier(0.550, 0.055, 0.675, 0.190) reverse both;
    animation: focus-in-contract-bck2 2s cubic-bezier(0.550, 0.055, 0.675, 0.190) reverse both;
}
@-webkit-keyframes focus-in-contract-bck2 {
 0% {
 letter-spacing: 1em;
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 -webkit-filter: blur(12px);
 filter: blur(12px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(12px);
 transform: translateZ(12px);
 -webkit-filter: blur(0);
 filter: blur(0);
 opacity: 1;
}
}
@keyframes focus-in-contract-bck2 {
 0% {
 letter-spacing: 1em;
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 -webkit-filter: blur(12px);
 filter: blur(12px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(12px);
 transform: translateZ(12px);
 -webkit-filter: blur(0);
 filter: blur(0);
 opacity: 1;
}
}
.scale-out-ver-bottom {
    -webkit-animation: scale-out-ver-bottom 0.5s cubic-bezier(0.895, 0.030, 0.685, 0.220) both;
    animation: scale-out-ver-bottom 0.5s cubic-bezier(0.895, 0.030, 0.685, 0.220) both;
}
 @-webkit-keyframes scale-out-ver-bottom {
 0% {
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
 -webkit-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 opacity: 1;
}
 100% {
 -webkit-transform: scaleY(0);
 transform: scaleY(0);
 -webkit-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 opacity: 1;
}
}
@keyframes scale-out-ver-bottom {
 0% {
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
 -webkit-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 opacity: 1;
}
 100% {
 -webkit-transform: scaleY(0);
 transform: scaleY(0);
 -webkit-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 opacity: 1;
}
}
/*load背景离开*/
.blur-out-expand-fwd {
    -webkit-animation: blur-out-expand-fwd 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: blur-out-expand-fwd 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes blur-out-expand-fwd {
 0% {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-filter: blur(0.01);
 filter: blur(0.01);
}
 100% {
 letter-spacing: 1em;
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 -webkit-filter: blur(12px) opacity(0%);
 filter: blur(12px) opacity(0%);
}
}
@keyframes blur-out-expand-fwd {
 0% {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-filter: blur(0.01);
 filter: blur(0.01);
}
 100% {
 letter-spacing: 1em;
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 -webkit-filter: blur(12px) opacity(0%);
 filter: blur(12px) opacity(0%);
}
}
/*load背景离开结束*/
.slide-out-top {
	-webkit-animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}

.slide-out-blurred-top {
	-webkit-animation: slide-out-blurred-top 0.3s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
	        animation: slide-out-blurred-top 0.3s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
}
@-webkit-keyframes slide-out-blurred-top {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slide-out-blurred-top {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
/*banner文字模糊*/
.focus-in-img-bck {
    -webkit-animation: focus-in-img-bck 1s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
    animation: focus-in-img-bck 1s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
 @-webkit-keyframes focus-in-img-bck {
 0% {
 letter-spacing: 1em;
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 -webkit-transform: scale(2);
 transform: scale(2);
 -webkit-filter: blur(12px);
 filter: blur(12px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(12px);
 transform: translateZ(12px);
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-filter: blur(0);
 filter: blur(0);
 opacity: 1;
}
}
@keyframes focus-in-img-bck {
 0% {
 letter-spacing: 1em;
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 -webkit-transform: scale(2);
 transform: scale(2);
 -webkit-filter: blur(12px);
 filter: blur(12px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(12px);
 transform: translateZ(12px);
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-filter: blur(0);
 filter: blur(0);
 opacity: 1;
}
}
/*banner文字模糊结束*/

.vs-slide-left {
    -webkit-animation: vs-slide-left 1s cubic-bezier(0.895, 0.030, 0.685, 0.220) 0.1s both;
    animation: vs-slide-left 1s cubic-bezier(0.895, 0.030, 0.685, 0.220) 0.1s both;
}

/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes vs-slide-left {
 0% {
 -webkit-transform: translateX(5%);
 transform: translateX(5%);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes vs-slide-left {
 0% {
 -webkit-transform: translateX(5%);
 transform: translateX(5%);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.vs-slide-lefts {
    -webkit-animation: vs-slide-lefts 1s cubic-bezier(0.895, 0.030, 0.685, 0.220) both;
    animation: vs-slide-lefts 1s cubic-bezier(0.895, 0.030, 0.685, 0.220) both;
}

/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes vs-slide-lefts {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 -webkit-transform: translateX(-5%);
 transform: translateX(-5%);
}
}
@keyframes vs-slide-lefts {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 -webkit-transform: translateX(-5%);
 transform: translateX(-5%);
}
}
.scale-out-hor-left {
    -webkit-animation: scale-out-hor-left 0.5s cubic-bezier(0.950, 0.050, 0.795, 0.035)1s both;
    animation: scale-out-hor-left 0.5s cubic-bezier(0.950, 0.050, 0.795, 0.035)1s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-4-1 1:47:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-out-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-hor-left {
 0% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 opacity: 1;
}
 100% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 opacity: 0;
}
}
@keyframes scale-out-hor-left {
 0% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 opacity: 1;
}
 100% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 opacity: 0;
}
}
.scale-up-hor-right {
    -webkit-animation: scale-up-hor-right 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-hor-right 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-4-1 2:23:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-hor-right
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-hor-right {
 0% {
 -webkit-transform: scaleX(0.4);
 transform: scaleX(0.4);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
 100% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
}
@keyframes scale-up-hor-right {
 0% {
 -webkit-transform: scaleX(0.4);
 transform: scaleX(0.4);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
 100% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
}
.slide-out-left {
    -webkit-animation: slide-out-left 1s cubic-bezier(0.600, 0.040, 0.980, 0.335) both;
    animation: slide-out-left 1s cubic-bezier(0.600, 0.040, 0.980, 0.335) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-4-1 4:16:53
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-left {
 0% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 opacity: 1;
}
}
@keyframes slide-out-left {
 0% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 opacity: 1;
}
}
.slide-in-left {
    -webkit-animation: slide-in-left 1s cubic-bezier(0.600, 0.040, 0.980, 0.335) both;
    animation: slide-in-left 1s cubic-bezier(0.600, 0.040, 0.980, 0.335) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-4-1 4:16:53
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
 0% {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 opacity: 1;
}
}
@keyframes slide-in-left {
 0% {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 opacity: 1;
}
}
.slide-left {
    -webkit-animation: slide-left 1s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0.2s both;
    animation: slide-left 1s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0.2s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-4-1 4:30:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
 0% {
 -webkit-transform: translateX(10%);
 transform: translateX(10%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
}
@keyframes slide-left {
 0% {
 -webkit-transform: translateX(10%);
 transform: translateX(10%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
}
.swing-top-bck {
    animation: swing-top-bck .4s cubic-bezier(.25, .46, .45, .94) 1s reverse both
}
@keyframes swing-top-bck {
0% {
transform:rotateX(0);
transform-origin:bottom;
opacity:1
}
100% {
transform:rotateX(-180deg);
transform-origin:bottom;
opacity:0
}
}
.swing-in-bottom-bck {
    animation: swing-in-bottom-bck 1s 1s both
}
@keyframes swing-in-bottom-bck {
0% {
transform:rotateX(-90deg);
transform-origin:bottom;
opacity:0
}
100% {
transform:rotateX(0);
transform-origin:bottom;
opacity:1
}
}
.swing-bottom-fwd {
    animation: swing-bottom-fwd .4s cubic-bezier(.47, 0.000, .745, .715) 2s reverse both
}
@keyframes swing-bottom-fwd {
0% {
transform:rotateX(0);
transform-origin:bottom
}
100% {
transform:rotateX(-90deg);
transform-origin:bottom
}
}
.swing-top-fwd {
    animation: swing-bottom-fwd .4s cubic-bezier(.47, 0.000, .745, .715) 2s reverse both
}
@keyframes swing-bottom-fwd {
0% {
transform:rotateX(0);
transform-origin:top
}
100% {
transform:rotateX(-90deg);
transform-origin:top
}
}
.element {
    transform: rotateX(90deg); /* 旋转45度 */
    transform-origin: bottom;
}