@-webkit-keyframes rotateAni{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateAni{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nav-wrap{width:100%;height:3rem;background-color:#fff;margin:0 auto}.nav-wrap .center{width:100%;height:auto;margin:0 auto;display:-webkit-box}.nav-wrap .center .music-wrap{width:3rem;height:3rem;margin:0 1rem}.nav-wrap .center .music-wrap img{width:2.5rem;height:2.5rem;margin:.2rem;border-radius:50%;cursor:pointer;-webkit-animation:rotateAni 10s linear infinite;animation:rotateAni 10s linear infinite}.nav-wrap .center .music-wrap img.paused{-webkit-animation-play-state:paused;animation-play-state:paused}.nav-wrap .center .blog-nav{width:auto;height:3rem;line-height:3rem;display:-webkit-box;display:-ms-flexbox;display:flex}.nav-wrap .center .blog-nav .item{margin:0 1rem;color:#909090}.nav-wrap .center .blog-nav .item:hover{color:#71beff;cursor:pointer}.nav-wrap .center .blog-nav .item.active{color:#71beff}.nav-sub{width:100%;height:2.6rem;line-height:2.6rem;background-color:#fff;border-top:1px solid #f0f0f0;-webkit-box-shadow:0 1px 2px 0 #f0f0f0;box-shadow:0 1px 2px 0 #f0f0f0}.nav-sub .center{width:60rem;height:auto;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.nav-sub .center .item{margin:0 1rem;color:#909090;font-size:.92rem;text-align:center}.nav-sub .center .item:hover{color:#71beff;cursor:pointer}.nav-sub .center .item.active{color:#71beff}@media screen and (max-width:768px){.nav-wrap .center{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-wrap .center::-webkit-scrollbar{display:none}.nav-wrap .center .blog-nav .item{min-width:2rem}.nav-sub .center{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-sub .center::-webkit-scrollbar{display:none}.nav-sub .center .item{min-width:2rem}}