@charset "utf-8";.overToDown{opacity:0}@-webkit-keyframes overToDown{0%{-webkit-transform:translateY(-120px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes overToDown{0%{transform:translateY(-120px);opacity:0}100%{transform:translateY(0);opacity:1}}.overToDown.afterLoaded{-webkit-animation:overToDown 1s ease forwards .5s;animation:overToDown 1s ease forwards .5s}.bottomToUp,.bottomToUpDelay{opacity:0}@-webkit-keyframes bottomToUp{0%{-webkit-transform:translateY(120px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes bottomToUp{0%{transform:translateY(120px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes bottomToUpDelay{0%{-webkit-transform:translateY(20px);opacity:1}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes bottomToUpDelay{0%{transform:translateY(20px);opacity:1}100%{transform:translateY(0);opacity:1}}.bottomToUp.active{-webkit-animation:bottomToUp .65s ease forwards .5s;animation:bottomToUp .65s ease forwards .5s}.bottomToUpDelay.active{-webkit-animation:bottomToUpDelay .65s ease forwards .5s;animation:bottomToUpDelay .65s ease forwards .5s}.slideFromLeft{opacity:0}@-webkit-keyframes slideFromLeft{0%{-webkit-transform:translateX(-120px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes slideFromLeft{0%{transform:translateX(-120px);opacity:0}100%{transform:translateX(0);opacity:1}}.slideFromRight{opacity:0}@-webkit-keyframes slideFromRight{0%{-webkit-transform:translateX(120px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes slideFromRight{0%{transform:translateX(120px);opacity:0}100%{transform:translateX(0);opacity:1}}.slideFromLeft.active{-webkit-animation:slideFromLeft .65s ease forwards .5s;animation:slideFromLeft .65s ease forwards .5s}.slideFromRight.active{-webkit-animation:slideFromRight .65s ease forwards .5s;animation:slideFromRight .65s ease forwards .5s}.vaguelyAppear{opacity:0}@-webkit-keyframes vaguelyAppear{0%{opacity:0}100%{opacity:1}}@keyframes vaguelyAppear{0%{opacity:0}100%{opacity:1}}.vaguelyAppear.active{animation:vaguelyAppear 5s ease forwards 1s}.zoomView{opacity:0}@-webkit-keyframes zoomView{0%{clip-path:circle(0 at 50% 50%);-webkit-clip-path:circle(0 at 50% 50%)}100%{clip-path:circle(100% at 50% 50%);-webkit-clip-path:circle(100% at 50% 50%)}}@keyframes zoomView{0%{clip-path:circle(0 at 50% 50%);-webkit-clip-path:circle(0 at 50% 50%)}100%{clip-path:circle(100% at 50% 50%);-webkit-clip-path:circle(100% at 50% 50%)}}.zoomView.active{animation:zoomView 2s cubic-bezier(.4,0,.2,1);opacity:1}.spreadViewLeft,.spreadViewRight{overflow:hidden;position:relative}.spreadViewLeft:before,.spreadViewRight:before{background:#fff;bottom:0;content:'';left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.spreadViewLeft.active:before{animation:spreadViewLeft 2s cubic-bezier(.4,0,.2,1) forwards}.spreadViewRight.active:before{animation:spreadViewRight 2s cubic-bezier(.4,0,.2,1) forwards}@-webkit-keyframes spreadViewLeft{100%{transform:translateX(100%)}}@-webkit-keyframes spreadViewRight{100%{transform:translateX(-100%)}}.bottomToUpAppear{opacity:0}@-webkit-keyframes bottomToUpAppear{0%{-webkit-transform:translateY(40px);opacity:0}30%{opacity:.8}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes bottomToUpAppear{0%{transform:translateY(40px);opacity:0}30%{opacity:.8}100%{transform:translateY(0);opacity:1}}.bottomToUpAppear.active{-webkit-animation:bottomToUpAppear .65s ease forwards .5s;animation:bottomToUpAppear .65s ease forwards .5s}.spreadViewUpperLeft{overflow:hidden;position:relative}.spreadViewUpperLeft.active:before{animation:spreadViewUpperLeft 5s cubic-bezier(.4,0,.2,1) forwards;background:#f0eddf;bottom:0;content:'';left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@-webkit-keyframes spreadViewUpperLeft{100%{transform:translate(100%,100%)}}.differentSlide{overflow:hidden;position:relative}.differentSlide .slide1,.differentSlide .slide2,.differentSlide .slide3{background:#fff;height:33.4%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.differentSlide .slide1{top:0}.differentSlide .slide2{top:33.333333%}.differentSlide .slide3{top:66.666666%}.differentSlide.active .slide1{animation:differentSlideLeft 2s cubic-bezier(.4,0,.2,1) forwards}.differentSlide.active .slide2{animation:differentSlideRight 2s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.2s}.differentSlide.active .slide3{animation:differentSlideLeft 2s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.4s}@keyframes differentSlideLeft{100%{transform:translateX(100%)}}@keyframes differentSlideRight{100%{transform:translateX(-100%)}}