.fadeIn{animation-name:u;animation-duration:1s}.fadeIn,.fadeUp{animation-fill-mode:forwards;opacity:0}.fadeUp{animation-name:a;animation-duration:.5s}@keyframes a{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.fadeDown{animation-name:b;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes b{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.fadeLeft{animation-name:c;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes c{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.fadeRight{animation-name:d;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes d{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.fadeDownTrigger,.fadeInTrigger,.fadeLeftTrigger,.fadeRightTrigger,.fadeUpTrigger{opacity:0}.flipDown{animation-name:e;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes e{0%{transform:perspective(2500px) rotateX(100deg);opacity:0}to{transform:perspective(2500px) rotateX(0);opacity:1}}.flipLeft{animation-name:f;animation-duration:1s;animation-fill-mode:forwards;perspective-origin:left center;opacity:0}@keyframes f{0%{transform:perspective(600px) translate3d(0,0,0)rotateY(30deg);opacity:0}to{transform:perspective(600px) translate3d(0,0,0)rotateY(0);opacity:1}}.flipLeftTop{animation-name:g;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes g{0%{transform:translate(-20px,80px) rotate(-15deg);opacity:0}to{transform:translate(0,0) rotate(0);opacity:1}}.flipRight{animation-name:h;animation-duration:1s;animation-fill-mode:forwards;perspective-origin:right center;opacity:0}@keyframes h{0%{transform:perspective(600px) translate3d(0,0,0)rotateY(-30deg);opacity:0}to{transform:perspective(600px) translate3d(0,0,0)rotateY(0);opacity:1}}.flipRightTop{animation-name:i;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes i{0%{transform:translate(-20px,80px) rotate(25deg);opacity:0}to{transform:translate(0,1) rotate(0);opacity:1}}.flipDownTrigger,.flipLeftTopTrigger,.flipLeftTrigger,.flipRightTopTrigger,.flipRightTrigger{opacity:0}.rotateX{animation-name:j;animation-duration:1s;animation-fill-mode:forwards}@keyframes j{0%{transform:rotateX(0);opacity:0}to{transform:rotateX(-360deg);opacity:1}}.rotateY{animation-name:k;animation-duration:1s;animation-fill-mode:forwards}@keyframes k{0%{transform:rotateY(0);opacity:0}to{transform:rotateY(-360deg);opacity:1}}.rotateLeftZ{animation-name:l;animation-duration:1s;animation-fill-mode:forwards}@keyframes l{0%{transform:rotateZ(0);opacity:0}to{transform:rotateZ(-360deg);opacity:1}}.rotateRightZ{animation-name:m;animation-duration:1s;animation-fill-mode:forwards}@keyframes m{0%{transform:rotateZ(0);opacity:0}to{transform:rotateZ(360deg);opacity:1}}.rotateLeftZTrigger,.rotateRightZTrigger,.rotateXTrigger,.rotateYTrigger{opacity:0}.zoomIn{animation-name:n;animation-duration:.5s;animation-fill-mode:forwards}@keyframes n{0%{transform:scale(0.6);opacity:0}to{transform:scale(1);opacity:1}}.zoomOut{animation-name:o;animation-duration:.5s;animation-fill-mode:forwards}@keyframes o{0%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}.zoomInTrigger,.zoomOutTrigger{opacity:0}.blur{animation-name:p;animation-duration:1s;animation-fill-mode:forwards}@keyframes p{0%{filter:blur(10px);transform:scale(1.02);opacity:0}to{filter:blur(0);transform:scale(1);opacity:1}}.blurTrigger,.smooth{opacity:0}.smooth{animation-name:q;animation-duration:1s;animation-fill-mode:forwards;　transform-origin:left}@keyframes q{0%{transform:translate3d(0,100%,0)skewY(12deg);opacity:0}to{transform:translate3d(0,0,0)skewY(0);opacity:1}}.smoothTrigger{opacity:0}.lineTrigger{position:relative;opacity:0}.lineTrigger.lineanime{animation-name:u;animation-duration:1s;animation-fill-mode:forwards}.lineTrigger:after,.lineTrigger:before{position:absolute;content:"";width:0;height:1px;background:#333}.line2:after,.line2:before{position:absolute;content:"";width:1px;height:0;background:#333}.lineTrigger:before{top:0;left:0}.lineTrigger.lineanime:before{animation:r .5s linear 0 forwards}.line2:before{top:0;right:0}.lineTrigger.lineanime .line2:before{animation:s .5s linear .5s forwards}.lineTrigger:after{bottom:0;right:0}.lineTrigger.lineanime:after{animation:r .5s linear 1s forwards}.line2:after{bottom:0;left:0}.lineTrigger.lineanime .line2:after{animation:s .5s linear 1.5s forwards}@keyframes r{0{width:0}to{width:100%}}@keyframes s{0{height:0}to{height:100%}}.lineTrigger.lineanime .lineinappear{animation:t .5s linear 1.5s forwards;opacity:0}@keyframes t{0{opacity:0}to{opacity:1}}.bgextend{animation-name:u;animation-duration:1s;animation-fill-mode:forwards;position:relative;overflow:hidden;opacity:0}@keyframes u{0%{opacity:0}to{opacity:1}}.bgappear{animation-name:v;animation-duration:1s;animation-delay:.6s;animation-fill-mode:forwards;opacity:0}@keyframes v{0{opacity:0}to{opacity:1}}.bgLRextend:before{animation-name:w;animation-duration:1s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#666}@keyframes w{0{transform-origin:left;transform:scaleX(0)}50%{transform-origin:left;transform:scaleX(1)}50.001%{transform-origin:right}to{transform-origin:right;transform:scaleX(0)}}.bgRLextend:before{animation-name:x;animation-duration:1s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#666}@keyframes x{0{transform-origin:right;transform:scaleX(0)}50%{transform-origin:right;transform:scaleX(1)}50.001%{transform-origin:left}to{transform-origin:left;transform:scaleX(0)}}.bgDUextend:before{animation-name:y;animation-duration:1s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#666}@keyframes y{0{transform-origin:bottom;transform:scaleY(0)}50%{transform-origin:bottom;transform:scaleY(1)}50.001%{transform-origin:top}to{transform-origin:top;transform:scaleY(0)}}.bgUDextend:before{animation-name:z;animation-duration:1s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#666}@keyframes z{0{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}50.001%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.bgDUextendTrigger,.bgLRextendTrigger,.bgRLextendTrigger,.bgUDextendTrigger,.bgappearTrigger{opacity:0}.wrapper{overflow:hidden}.flex{display:flex;flex-wrap:wrap}.box{background:#666;color:#fff}.bgextend,.box,.lineTrigger{width:220px;padding:20px;margin:0 20px 20px;box-sizing:border-box}.count2{animation-iteration-count:2}.countinfinite{animation-iteration-count:infinite}.delay-time01{animation-delay:.1s}.delay-time015{animation-delay:.15s}.delay-time0175{animation-delay:.175s}.delay-time025{animation-delay:.25s}.delay-time02{animation-delay:.2s}.delay-time05{animation-delay:.5s}.delay-time075{animation-delay:.75s}.delay-time1{animation-delay:1s}.delay-time125{animation-delay:1.25s}.delay-time15{animation-delay:1.5s}.delay-time175{animation-delay:1.75s}.delay-time2{animation-delay:2s}.delay-time225{animation-delay:2.25s}.delay-time25{animation-delay:2.5s}.delay-time275{animation-delay:2.75s}.delay-time3{animation-delay:3s}.delay-time325{animation-delay:3.25s}.delay-time35{animation-delay:3.5s}.delay-time375{animation-delay:3.75s}.change-time05{animation-duration:.5s}.change-time1{animation-duration:1s}.change-time15{animation-duration:1.5s}.change-time2{animation-duration:2s}.change-time25{animation-duration:2.5s}.change-time3{animation-duration:3s}.change-time35{animation-duration:3.5s}