@component-namespace cap{@b scroll{@e home-icon{position:absolute;top:40px;left:40px;width:44px;height:44px;line-height:44px;background-color:rgba(0,0,0,.3);border:2px solid #fff;border-radius:50%;font-size:24px;color:#fff;text-align:center;z-index:10}@e media{position:absolute;top:40px;right:40px;z-index:10}@e audio-icon{width:44px;height:44px;line-height:44px;background-color:rgba(0,0,0,.3);border:2px solid #fff;border-radius:50%;font-size:24px;color:#fff;text-align:center}@e loading{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:60px;height:60px;background-color:#00aacf;-webkit-animation:rotateplane 1.2s ease-in-out infinite;animation:rotateplane 1.2s ease-in-out infinite}@e indicator{position:absolute;bottom:50px;right:100px;width:230px;height:280px;z-index:11;-webkit-animation:start 1.5s ease-in-out 2s infinite both;animation:start 1.5s ease-in-out 2s infinite both}}}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes rotateplane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}60%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes start{0%,30%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}60%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-leave-to{opacity:0}@component-namespace cap{@b scroll-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}}@component-namespace cap{@b scroll-slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;@e item{width:100%;height:100%;background-position:0 0;background-size:100% 100%;background-repeat:no-repeat}}}.slide-default-up-leave-active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.slide-default-up-leave-active,.slide-zoomOut-up-leave-active{-webkit-transition:-webkit-transform .6s linear;transition:-webkit-transform .6s linear;transition:transform .6s linear;transition:transform .6s linear,-webkit-transform .6s linear}.slide-zoomOut-up-leave-active{-webkit-transform:translate3d(0,-100%,0) scale(.5);transform:translate3d(0,-100%,0) scale(.5)}.slide-enter-active{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .6s linear;transition:-webkit-transform .6s linear;transition:transform .6s linear;transition:transform .6s linear,-webkit-transform .6s linear}.slide-enter-up{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.slide-enter-down{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.slide-default-down-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.slide-default-down-leave-active,.slide-zoomOut-down-leave-active{-webkit-transition:-webkit-transform .6s linear;transition:-webkit-transform .6s linear;transition:transform .6s linear;transition:transform .6s linear,-webkit-transform .6s linear}.slide-zoomOut-down-leave-active{-webkit-transform:translate3d(0,100%,0) scale(.5);transform:translate3d(0,100%,0) scale(.5)}@component-namespace cap{@b scroll{@e coffee{position:absolute;top:40px;left:20px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:ease;transition-timing-function:ease}@e coffee-steam{color:#fff}}}