@keyframes antRotate {
to {
    transform: rotate(405deg);
}
}
@keyframes antSpinMove {
to {
    opacity: 1;
}
}
.loading-div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
}
.loading-div .loading-div-content {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -60px;
}
.loading-div.larger .loading-div-content {
  margin-left: -40px;
  margin-top: -60px;
}
.ant-spin {
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  opacity: 0;
  position: absolute;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  display: none;
}
.ant-spin-spinning {
  opacity: 1;
  position: static;
  display: inline-block;
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.larger .ant-spin-dot {
  font-size: 30px;
  width: 32px;
  height: 32px;
}
.ant-spin-dot i:nth-child(1) {
  left: 0;
  top: 0;
}
.ant-spin-dot i:nth-child(2) {
  right: 0;
  top: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot i:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot i:nth-child(4) {
  left: 0;
  bottom: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot i {
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: #fff;
  transform: scale(0.75);
  display: block;
  position: absolute;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
  transform-origin: 50% 50%;
}
.larger .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin-dot-spin {
  transform: rotate(45deg);
  animation: antRotate 1.2s infinite linear;
}
.larger .ant-spin-text {
  font-size: 14px;
  font-weight: 600;
}

.header[data-v-05eecd0e] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}

.xn-qr-wrap {
  margin-top: 50px;
}
.qrcode {
  display: inline-block;
  width: 110px;
}
.blogo {
  display: inline-block;
  margin-left: 20px;
  width: 130px;
}

.flex-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,
.swiper-wrapper{transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,
.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s top,.2s -webkit-transform;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s right,.2s -webkit-transform;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.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%;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@keyframes swiper-preloader-spin{
	100%{transform:rotate(360deg)}
}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated{-webkit-backface-visibility:hidden;-webkit-transform-style: preserve-3d;backface-visibility:hidden;transform-style: preserve-3d;animation-duration:1s;animation-fill-mode:both;-ms-perspective:1000;perspective:1000;}
.animated.infinite{animation-iteration-count:infinite;}
.animated.hinge{animation-duration:2s;}
.animated.bounceIn,
.animated.bounceOut{animation-duration:.75s;}
.animated.flipOutX,
.animated.flipOutY{animation-duration:.75s;}
@keyframes breath{
  0%{transform:scale(1,1);}
  50%{transform:scale(0.97,0.97);}
  100%{transform:scale(1,1);}
}
.breath{animation-name:breath;}
@keyframes scaleX{
  0%{transform:scaleX(0);opacity:0;}
  100%{transform:scaleX(1);opacity:1;}
}
.scaleX{animation-name:scaleX;}
@keyframes scaleY{
  0%{transform:scaleY(0);opacity:0;}
  100%{transform:scaleY(1);opacity:1;}
}
.scaleY{animation-name:scaleY;}
@keyframes breath2{
  0%{transform:scale(1,1);}
  50%{transform:scale(1.1,1.1);}
  100%{transform:scale(1,1);}
}
@keyframes flash2{
  0%,
  50%,
  100%{opacity:0;transform:scale(1,1);}
  25%,
  75%{opacity:1;transform:scale(1.02,1.02);}
}
.flash2{animation-name:flash2;}
@keyframes bounce{
  0%,
  20%,
  53%,
  80%,
  100%{transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transform:translate3d(0,0,0);}
  40%,
  43%{transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-30px,0);}
  70%{transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-15px,0);}
  90%{transform:translate3d(0,-4px,0);}
}
.bounce{animation-name:bounce;transform-origin:center bottom;}
@keyframes flash{
  0%,
  100%{opacity:0;}
  50%{opacity:1;}
}
.flash{animation-name:flash;}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse{
  0%{transform:scale3d(1,1,1);}
  50%{transform:scale3d(1.05,1.05,1.05);}
  100%{transform:scale3d(1,1,1);}
}
.pulse{animation-name:pulse;}
@keyframes rubberBand{
  0%{transform:scale3d(1,1,1);}
  30%{transform:scale3d(1.25,0.75,1);}
  40%{transform:scale3d(0.75,1.25,1);}
  50%{transform:scale3d(1.15,0.85,1);}
  65%{transform:scale3d(.95,1.05,1);}
  75%{transform:scale3d(1.05,.95,1);}
  100%{transform:scale3d(1,1,1);}
}
.rubberBand{animation-name:rubberBand;}
@keyframes shake{
  0%,
  100%{transform:translate3d(0,0,0);}
  10%,
  30%,
  50%,
  70%,
  90%{transform:translate3d(-5px,0,0);}
  20%,
  40%,
  60%,
  80%{transform:translate3d(5px,0,0);}
}
.shake{animation-name:shake;}
@keyframes swing{
  20%{transform:rotate3d(0,0,1,10deg);}
  40%{transform:rotate3d(0,0,1,-7deg);}
  60%{transform:rotate3d(0,0,1,5deg);}
  80%{transform:rotate3d(0,0,1,-5deg);}
  100%{transform:rotate3d(0,0,1,0deg);}
}
.swing{transform-origin:top center;animation-name:swing;}
@keyframes tada{
  0%{transform:scale3d(1,1,1);}
  10%,
  20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%,
  50%,
  70%,
  90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%,
  60%,
  80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100%{transform:scale3d(1,1,1);}
}
.tada{animation-name:tada;}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble{
  0%{transform:none;}
  15%{transform:translate3d(-12.5%,0,0) rotate3d(0,0,1,-2.5deg);}
  30%{transform:translate3d(10%,0,0) rotate3d(0,0,1,1.5deg);}
  45%{transform:translate3d(-7.5%,0,0) rotate3d(0,0,1,-1.5deg);}
  60%{transform:translate3d(5%,0,0) rotate3d(0,0,1,1deg);}
  75%{transform:translate3d(-2.5%,0,0) rotate3d(0,0,1,-0.5deg);}
  100%{transform:none;}
}
.wobble{animation-name:wobble;}
@keyframes bounceIn{
  0%,
  20%,
  40%,
  60%,
  80%,
  100%{transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
  0%{opacity:0;transform:scale3d(.3,.3,.3);}
  20%{transform:scale3d(1.1,1.1,1.1);}
  40%{transform:scale3d(.9,.9,.9);}
  60%{opacity:1;transform:scale3d(1.03,1.03,1.03);}
  80%{transform:scale3d(.97,.97,.97);}
  100%{opacity:1;transform:scale3d(1,1,1);}
}
.bounceIn{animation-name:bounceIn;}
@keyframes bounceInDown{
  0%,
  60%,
  75%,
  90%,
  to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}
  0%{opacity:0;transform:translate3d(0,-3000px,0)}
  60%{opacity:1;transform:translate3d(0,25px,0)}
  75%{transform:translate3d(0,-10px,0)}
  90%{transform:translate3d(0,5px,0)}
  to{transform:none}
}
.bounceInDown{animation-name:bounceInDown;}
@keyframes bounceInLeft{
  0%,
  60%,
  75%,
  90%,
  100%{transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
  0%{opacity:0;transform:translate3d(-3000px,0,0);}
  60%{opacity:1;transform:translate3d(25px,0,0);}
  75%{transform:translate3d(-10px,0,0);}
  90%{transform:translate3d(5px,0,0);}
  100%{transform:none;}
}
.bounceInLeft{animation-name:bounceInLeft;}
@keyframes bounceInRight{
  0%,
  60%,
  75%,
  90%,
  100%{transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
  0%{opacity:0;transform:translate3d(3000px,0,0);}
  60%{opacity:1;transform:translate3d(-25px,0,0);}
  75%{transform:translate3d(10px,0,0);}
  90%{transform:translate3d(-5px,0,0);}
  100%{transform:none;}
}
.bounceInRight{animation-name:bounceInRight;}
@keyframes bounceInUp{
  0%,
  60%,
  75%,
  90%,
  100%{transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
  0%{opacity:0;transform:translate3d(0,3000px,0);}
  60%{opacity:1;transform:translate3d(0,-20px,0);}
  75%{transform:translate3d(0,10px,0);}
  90%{transform:translate3d(0,-5px,0);}
  100%{transform:translate3d(0,0,0);}
}
.bounceInUp{animation-name:bounceInUp;}
@keyframes bounceOut{
  20%{transform:scale3d(.9,.9,.9);}
  50%,
  55%{opacity:1;transform:scale3d(1.1,1.1,1.1);}
  100%{opacity:0;transform:scale3d(.3,.3,.3);}
}
.bounceOut{animation-name:bounceOut;}
@keyframes bounceOutDown{
  20%{transform:translate3d(0,10px,0);}
  40%,
  45%{opacity:1;transform:translate3d(0,-20px,0);}
  100%{opacity:0;transform:translate3d(0,2000px,0);}
}
.bounceOutDown{animation-name:bounceOutDown;}
@keyframes bounceOutLeft{
  20%{opacity:1;transform:translate3d(20px,0,0);}
  100%{opacity:0;transform:translate3d(-2000px,0,0);}
}
.bounceOutLeft{animation-name:bounceOutLeft;}
@keyframes bounceOutRight{
  20%{opacity:1;transform:translate3d(-20px,0,0);}
  100%{opacity:0;transform:translate3d(2000px,0,0);}
}
.bounceOutRight{animation-name:bounceOutRight;}
@keyframes bounceOutUp{
  20%{transform:translate3d(0,-10px,0);}
  40%,
  45%{opacity:1;transform:translate3d(0,20px,0);}
  100%{opacity:0;transform:translate3d(0,-2000px,0);}
}
.bounceOutUp{animation-name:bounceOutUp;}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
.fadeIn{animation-name:fadeIn;}
@keyframes fadeIn2{
  0%{opacity:0.2;}
  100%{opacity:1;}
}
.fadeIn2{animation-name:fadeIn2;}
@keyframes twisterInDown{
  0%{opacity:0;transform-origin:0 100%;transform:scale(0,0) rotate(360deg) translateY(-100%)}
  30%{transform-origin:0 100%;transform:scale(0,0) rotate(360deg) translateY(-100%)}
  100%{opacity:1;transform-origin:100% 100%;transform:scale(1,1) rotate(0deg) translateY(0%)}
}
.twisterInDown{animation-name:twisterInDown}
@keyframes fadeInDown{
  0%{opacity:0;transform:translate3d(0,-100%,0);}
  100%{opacity:1;transform:none;}
}
.fadeInDown{animation-name:fadeInDown;}
@keyframes fadeInDownBig{
  0%{opacity:0;transform:translate3d(0,-100%,0);}
  100%{opacity:1;transform:none;}
}
.fadeInDownBig{animation-name:fadeInDownBig;}
@keyframes fadeInDownHalf{
  0%{opacity:0.5;transform:translate3d(0,-50%,0) scale3d(0,0,0);}
  100%{opacity:1;transform:none;}
}
.fadeInDownHalf{animation-name:fadeInDownHalf;}
@keyframes fadeInLeft{
  0%{opacity:0;transform:translate3d(-100%,0,0);}
  100%{opacity:1;transform:none;}
}
.fadeInLeft{animation-name:fadeInLeft;}
@keyframes fadeInLeftBig{
  0%{opacity:0;transform:translate3d(-2000px,0,0);}
  100%{opacity:1;transform:none;}
}
.fadeInLeftBig{animation-name:fadeInLeftBig;}
@keyframes fadeInRight{
  0%{opacity:0;transform:translate3d(100%,0,0);}
  100%{opacity:1;transform:none;}
}
.fadeInRight{animation-name:fadeInRight;}
@keyframes fadeInRightBig{
  0%{opacity:0;transform:translate3d(2000px,0,0);}
  100%{opacity:1;transform:none;}
}
.fadeInRightBig{animation-name:fadeInRightBig;}
@keyframes fadeInUp{
  0%{opacity:0;transform:translate3d(0,20%,0);}
  100%{opacity:1;transform:none;}
}
.fadeInUp{animation-name:fadeInUp;}
@keyframes fadeInUp2{
  0%{opacity:0;transform:translate3d(0,10%,0);}
  100%{opacity:1;transform:none;}
}
.fadeInUp2{animation-name:fadeInUp2;}
@keyframes fadeInUpBig{
  0%{opacity:0;transform:translate3d(0,2000px,0);}
  100%{opacity:1;transform:none;}
}
.fadeInUpBig{animation-name:fadeInUpBig;}
@keyframes fadeOut{
  0%{opacity:1;}
  100%{opacity:0;}
}
.fadeOut{animation-name:fadeOut;}
@keyframes fadeOut2{
  0%{opacity:1;}
  100%{opacity:0;}
}
.fadeOut2{animation-name:fadeOut2;}
@keyframes fadeOutDown{
  0%{opacity:1;}
  100%{opacity:0;transform:translate3d(0,100%,0);}
}
.fadeOutDown{animation-name:fadeOutDown;}
@keyframes fadeOutDownBig{
  0%{opacity:1;}
  100%{opacity:0;transform:translate3d(0,2000px,0);}
}
.fadeOutDownBig{animation-name:fadeOutDownBig;}
@keyframes fadeOutLeft{
  0%{opacity:1;}
  100%{opacity:0;transform:translate3d(-100%,0,0);}
}
.fadeOutLeft{animation-name:fadeOutLeft;}
@keyframes fadeOutLeftBig{
  0%{opacity:1;}
  100%{opacity:0;transform:translate3d(-2000px,0,0);}
}
.fadeOutLeftBig{animation-name:fadeOutLeftBig;}
@keyframes fadeOutRight{
  0%{opacity:1;}
  100%{opacity:0;transform:translate3d(100%,0,0);}
}
.fadeOutRight{animation-name:fadeOutRight;}
@keyframes fadeOutRightBig{
  0%{opacity:1;}
  100%{opacity:0;transform:translate3d(2000px,0,0);}
}
.fadeOutRightBig{animation-name:fadeOutRightBig;}
@keyframes fadeOutUp{
  0%{opacity:1;}
  100%{opacity:0;transform:translate3d(0,-100%,0);}
}
.fadeOutUp{animation-name:fadeOutUp;}
@keyframes fadeOutUpBig{
  0%{opacity:1;}
  100%{opacity:0;transform:translate3d(0,-2000px,0);}
}
.fadeOutUpBig{animation-name:fadeOutUpBig;}
@keyframes flip{
  0%{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out;}
  40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out;}
  50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in;}
  80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in;}
  100%{transform:perspective(400px);animation-timing-function:ease-in;}
}
.animated.flip{backface-visibility:visible;animation-name:flip;}
@keyframes flipInX{
  0%{transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in;opacity:0;}
  100%{transform:perspective(400px);}
}
.flipInX{backface-visibility:visible!important;animation-name:flipInX;}

/*****************************************/
@keyframes flipInS{
  0%{transform:scale(0,1);transition-timing-function:ease-in;opacity:0;}
  100%{transform:scale(1,1);opacity:1;}
}
.flipInS{backface-visibility:visible!important;animation-name:flipInS;}

/*****************************************/
@keyframes flipInZ{
  0%{transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in;opacity:0;}
  100%{transform:perspective(400px) rotate3d(1,0,0,0deg);opacity:1;}
}
.flipInZ{backface-visibility:visible!important;animation-name:flipInZ;}
.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;}
.flipInY1{backface-visibility:visible!important;-webkit-animation-name:flipInY1;}
@keyframes flipOutX{
  0%{transform:perspective(400px);}
  30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}
  100%{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}
}
.flipOutX{animation-name:flipOutX;backface-visibility:visible!important;}
@keyframes flipOutY{
  0%{transform:perspective(400px);}
  30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}
  100%{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}
}
.flipOutY{backface-visibility:visible!important;animation-name:flipOutY;}
@keyframes lightSpeedIn{
  0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}
  60%{transform:skewX(20deg);opacity:1;}
  80%{transform:skewX(-5deg);opacity:1;}
  100%{transform:none;opacity:1;}
}
.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out;}

/*****************扩展***********************************/
@keyframes lightSpeedInLeft{
  0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0;}
  60%{transform:skewX(-20deg);opacity:1;}
  80%{transform:skewX(5deg);opacity:1;}
  100%{transform:none;opacity:1;}
}
.lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out;}
@keyframes lightSpeedOut{
  0%{opacity:1;}
  100%{transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}
}
.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in;}
@keyframes rotateIn{
  0%{transform-origin:center;transform:rotate3d(0,0,1,-360deg) scale3d(0,0,0);opacity:0;}
  100%{transform-origin:center;transform:none;opacity:1;}
}
.rotateIn{animation-name:rotateIn;}
@keyframes rotateAni{
 0%{transform-origin:center;transform:rotate3d(0,0,1,0deg);}
  100%{transform-origin:center;transform:rotate3d(0,0,1,360deg);}
}
.rotateAni{animation-timing-function:linear;animation-name:rotateAni;}
@keyframes rotateInDownLeft{
  0%{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0;}
  100%{transform-origin:left bottom;transform:none;opacity:1;}
}
.rotateInDownLeft{animation-name:rotateInDownLeft;}
@keyframes rotateInDownRight{
  0%{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0;}
  100%{transform-origin:right bottom;transform:none;opacity:1;}
}
.rotateInDownRight{animation-name:rotateInDownRight;}
@keyframes rotateInUpLeft{
  0%{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0;}
  100%{transform-origin:left bottom;transform:none;opacity:1;}
}
.rotateInUpLeft{animation-name:rotateInUpLeft;}
@keyframes rotateInUpRight{
  0%{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0;}
  100%{transform-origin:right bottom;transform:none;opacity:1;}
}
.rotateInUpRight{animation-name:rotateInUpRight;}
@keyframes rotateOut{
  0%{transform-origin:center;opacity:1;}
  100%{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0;}
}
.rotateOut{animation-name:rotateOut;}
@keyframes rotateOutDownLeft{
  0%{transform-origin:left bottom;opacity:1;}
  100%{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0;}
}
.rotateOutDownLeft{animation-name:rotateOutDownLeft;}
@keyframes rotateOutDownRight{
  0%{transform-origin:right bottom;opacity:1;}
  100%{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0;}
}
.rotateOutDownRight{animation-name:rotateOutDownRight;}
@keyframes rotateOutUpLeft{
  0%{transform-origin:left bottom;opacity:1;}
  100%{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0;}
}
.rotateOutUpLeft{animation-name:rotateOutUpLeft;}
@keyframes rotateOutUpRight{
  0%{transform-origin:right bottom;opacity:1;}
  100%{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0;}
}
.rotateOutUpRight{animation-name:rotateOutUpRight;}
@keyframes hinge{
  0%{transform-origin:top left;animation-timing-function:ease-in-out;}
  20%,
  60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out;}
  40%,
  80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;}
  100%{transform:translate3d(0,700px,0);opacity:0;}
}
.hinge{animation-name:hinge;}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn{
  0%{opacity:0;transform:translate3d(-200%,0,0) rotate3d(0,0,1,-540deg);}
  100%{opacity:1;transform:none;}
}
.rollIn{animation-name:rollIn;}
@keyframes rollInRight{
  0%{opacity:0;transform:translate3d(200%,0,0) rotate3d(0,0,1,540deg);}
  100%{opacity:1;transform:none;}
}
.rollInRight{animation-name:rollInRight;}
@keyframes rollInUp{
  0%{opacity:0;transform:translate3d(0,100%,0) rotate3d(0,0,1,120deg);}
  100%{opacity:1;transform:none;}
}
.rollInUp{animation-name:rollInUp;}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut{
  0%{opacity:1;}
  100%{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}
}
.rollOut{animation-name:rollOut;}
@keyframes zoomIn{
  0%{opacity:0;transform:scale3d(.3,.3,.3);}
  50%{opacity:1;}
}
.zoomIn{animation-name:zoomIn;}
@keyframes zoomInDown{
  0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
  60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomInDown{animation-name:zoomInDown;}
@keyframes zoomInLeft{
  0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-400px,400px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
  60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomInLeft{animation-name:zoomInLeft;}
@keyframes zoomInRight{
  0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(400px,400px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
  60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomInRight{animation-name:zoomInRight;}
@keyframes zoomInUp{
  0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
  60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-30px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomInUp{animation-name:zoomInUp;}
@keyframes zoomOut{
  0%{opacity:1;}
  50%{opacity:0;transform:scale3d(.3,.3,.3);}
  100%{opacity:0;}
}
.zoomOut{animation-name:zoomOut;}
@keyframes zoomOutDown{
  40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
  100%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomOutDown{animation-name:zoomOutDown;}
@keyframes zoomOutLeft{
  40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}
  100%{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center;}
}
.zoomOutLeft{animation-name:zoomOutLeft;}
@keyframes zoomOutRight{
  40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}
  100%{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center;}
}
.zoomOutRight{animation-name:zoomOutRight;}
@keyframes zoomOutUp{
  40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
  100%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomOutUp{animation-name:zoomOutUp;}
@keyframes slideInDown{
  0%{transform:translate3d(0,-100%,0);visibility:visible;}
  100%{transform:translate3d(0,0,0);}
}
.slideInDown{animation-name:slideInDown;}
@keyframes slideInLeft{
  0%{transform:translate3d(-100%,0,0);visibility:visible;}
  100%{transform:translate3d(0,0,0);}
}
.slideInLeft{animation-name:slideInLeft;}
@keyframes slideInRight{
  0%{transform:translate3d(100%,0,0);visibility:visible;}
  100%{transform:translate3d(0,0,0);}
}
.slideInRight{animation-name:slideInRight;}
@keyframes slideInUp{
  0%{transform:translate3d(0,100%,0);visibility:visible;}
  100%{transform:translate3d(0,0,0);}
}
.slideInUp{animation-name:slideInUp;}
@keyframes slideOutDown{
  0%{transform:translate3d(0,0,0);}
  100%{visibility:hidden;transform:translate3d(0,100%,0);}
}
.slideOutDown{animation-name:slideOutDown;}
@keyframes slideOutLeft{
  0%{transform:translate3d(0,0,0);}
  100%{visibility:hidden;transform:translate3d(-100%,0,0);}
}
.slideOutLeft{animation-name:slideOutLeft;}
@keyframes slideOutRight{
  0%{transform:translate3d(0,0,0);}
  100%{visibility:hidden;transform:translate3d(100%,0,0);}
}
.slideOutRight{animation-name:slideOutRight;}
@keyframes slideOutUp{
  0%{transform:translate3d(0,0,0);}
  100%{visibility:hidden;transform:translate3d(0,-100%,0);}
}
.slideOutUp{animation-name:slideOutUp;}
.twisterInUp{animation-name:twisterInUp}
@keyframes twisterInUp{
  0%{opacity:0;transform-origin:100% 0;transform:scale(0,0) rotate(360deg) translateY(100%)}
  30%{transform-origin:100% 0;transform:scale(0,0) rotate(360deg) translateY(100%)}
  100%{opacity:1;transform-origin:0 0;transform:scale(1,1) rotate(0deg) translateY(0)}
}
@keyframes puffIn{
  0%{opacity:0;transform-origin:50% 50%;transform:scale(3,3);filter:blur(2px)}
  100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);filter:blur(0px)}
}
.puffIn{animation-name:puffIn}
/* 印章 */

@keyframes seal {
  0% {
    transform: scale(10,10);
    opacity: 0;
  }

  100% {
    transform: scale(1,1);
    opacity: 1;
  }
}

.seal {
  animation-name: seal;
  transform-origin: 50% 0;
  //-webkit-animation-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);
  //animation-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@keyframes slideInHeight{
  0%{height:0;}
  100%{height:100%;}
}
.slideInHeight{animation-name:slideInHeight;animation-timing-function:linear;}
@keyframes slideInWidth{
  0%{width:0;}
  100%{width:100%;}
}
.slideInWidth{animation-name:slideInWidth;animation-timing-function:linear;}
.slideInWidth{-webkit-animation-name:slideInWidth;}
.zoomInAni{-webkit-animation-name:zoomInAni;}
.scaleInDown{-webkit-animation-name:scaleInDown;}
@charset "utf-8";

/*=====================================
  reset
  =====================================*/
.root_gap{position:relative;  /* width:96%; */}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;font-size:0;clear:both;overflow:hidden;visibility:hidden;}
.abs{position:absolute;}