body,html{width:100%;height:100%}html{font-size:5.33333333vw}*{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:2.05rem}.nav{width:100%;position:fixed;left:0;top:0;height:2.05rem;padding:0 .8rem;z-index:11;background:linear-gradient(90deg,#04c1af,#00ae9d)}.nav .menu{width:.8rem}.nav>.flex-1{padding-right:.8rem}.nav>.flex-1 .logo{width:2.525rem}.popup{position:fixed;width:100%;background-color:#fff;top:2.05rem;z-index:10;padding:0 1.35rem}.popup .item{width:100%;height:2.7rem;line-height:2.8rem;font-size:.8rem;color:#1f1f1f}.popup .item.active{font-weight:700}.popup .item+.item{border-top:1px solid rgba(0,0,0,.03)}.mask{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:9}.slide-enter-active,.slide-leave-active{transition:transform .2s ease}.slide-enter,.slide-leave-to{transform:translateY(-100%)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter,.fade-leave-to{opacity:0}@font-face{font-family:BebasNeue;src:url(../fonts/BebasNeue-1.51b4a619.otf)}div{box-sizing:border-box}.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-overflow-2{-webkit-line-clamp:2}.text-overflow-2,.text-overflow-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-overflow-3{-webkit-line-clamp:3}.flex{display:flex!important;justify-content:center;align-items:center}.flex.column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.jc-fs{justify-content:flex-start}.flex.jc-fe{justify-content:flex-end}.flex.jc-sa{justify-content:space-around}.flex.jc-sb{justify-content:space-between}.flex.jc-se{justify-content:space-evenly}.flex.jc-b{justify-content:baseline}.flex.ai-fs{align-items:flex-start}.flex.ai-fe{align-items:flex-end}.flex.ai-s{align-items:stretch}.flex.ai-b{align-items:baseline}.flex .flex-1{width:1px;flex:1 auto}.flex .flex-col-1{height:1px;flex:1 auto}.flex .flex-fixed{flex-shrink:0}.list-avatar{width:60px;height:60px}