#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{padding:0;margin:0}#nav{padding:.8rem}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.home{width:100%;height:100%}.home .donghua{animation:bg-ani 2s ease 1 forwards}@keyframes bg-ani{0%{top:0}to{top:-230%}}.home .homebg{position:absolute;width:100%;height:100vh;background:url(../img/home-bg.de0e1801.png) no-repeat;background-size:100% 100%;overflow:hidden;top:0;left:0;z-index:22}.home .homebg .homewords{position:absolute;width:4.53333rem;left:.8rem;top:1.6rem;animation:words-ani 3s ease 1 forwards}@keyframes words-ani{0%{opacity:0}40%{opacity:0}to{opacity:1}}.home .homebg .homebut{position:absolute;width:4rem;right:0;bottom:35%;animation:but-ani 4s ease 1 forwards}@keyframes but-ani{0%{opacity:0}70%{opacity:0}to{opacity:1}}.home .homebg .hometitle{position:absolute;width:3.2rem;right:.8rem;top:1.86667rem;animation:title-ani 2s ease 1 forwards}@keyframes title-ani{0%{right:-2.4rem}to{right:.8rem}}.home .scene{position:relative;top:0;left:0;width:100%;height:100vh;overflow:hidden}.home .scene .bg{width:100%;display:block}.home .scene .music{position:fixed;width:1.33333rem;height:1.33333rem;top:.93333rem;right:.53333rem;background:url(../img/music.d4be2988.png) 50% no-repeat;background-size:100% 100%;z-index:5}.home .scene .music.zhuan{animation:turn 2s linear infinite}@keyframes turn{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}