.app-tabbar-item{flex:1;text-align:center;color:#999;cursor:pointer}.app-tabbar-item .ati-bd{height:50px;overflow:visible}.app-tabbar-item .ati-bd .atib-box{display:flex;width:50px;height:50px;margin:0 auto;transform:scale(.8);transition:transform .3s,background .3s}.app-tabbar-item .ati-bd .atib-icon{margin:auto;background:no-repeat center;background-size:contain;opacity:.5}.app-tabbar-item .ati-ft{position:relative;line-height:14px;font-size:14px;font-weight:500}.app-tabbar-item.on{color:#333}.app-tabbar-item.on .atib-box{transform:scale(1.1)}.app-tabbar-item.on .atib-icon{opacity:1}.app-tabbar{position:absolute;bottom:-101px;left:12px;right:12px;z-index:1;display:flex;justify-content:space-between;height:72px;border-radius:12px;box-shadow:0 0 10px #ccc;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:bottom .4s .2s}.app-tabbar.seen{bottom:12px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent}body{position:fixed;width:100%;margin:0;overflow:hidden;background:#eff2f5;color:#000}#app{position:relative;margin:0 auto;overflow:hidden;font-family:Helvetica,Arial,Microsoft YaHei,sans-serif;transition:height .3s ease;background:#eff2f5;font-size:16px}.app-statebar{position:absolute;top:0;left:0;display:flex;width:100%;height:.44rem;box-sizing:border-box;padding:0 .28rem;justify-content:space-between;align-items:center;z-index:100}.app-view{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;overflow:auto}.app-view::-webkit-scrollbar{display:none}.app-headbar{position:relative;z-index:100}.app-main{position:absolute;top:.44rem;left:0;bottom:0;width:4.1rem;box-sizing:border-box;padding:0 .2rem 0 0;overflow:auto}.app-main::-webkit-scrollbar{display:none}.app-has-statebar:after{display:block;height:1.1rem;content:""}input[type=number]{-webkit-appearance:none;-moz-appearance:textfield}.app-trans-show-enter-from{opacity:0}.app-trans-show-enter-active{transition:all .3s ease}.app-trans-show-enter-to,.app-trans-show-leave-from{opacity:1}.app-trans-show-leave-active{transition:all .3s ease}.app-trans-show-leave-to{opacity:0}.app-trans-in-enter-from{transform:translate(100%)}.app-trans-in-enter-active{transition:all .3s ease}.app-trans-in-enter-to{transform:translate(0)}.app-trans-in-leave-from{transform:scale(1);opacity:1}.app-trans-in-leave-active{transition:all .3s ease}.app-trans-in-leave-to,.app-trans-out-enter-from{transform:scale(.5);opacity:0}.app-trans-out-enter-active{transition:all .3s ease}.app-trans-out-enter-to{transform:scale(1);opacity:1}.app-trans-out-leave-from{transform:translate(0)}.app-trans-out-leave-active{transition:all .3s ease}.app-trans-out-leave-to{transform:translate(100%)}.app-trans-left-enter-from{transform:translate(-100%) scale(.5);opacity:0}.app-trans-left-enter-active{transition:all .3s ease}.app-trans-left-enter-to,.app-trans-left-leave-from{transform:translate(0) scale(1);opacity:1}.app-trans-left-leave-active{transition:all .3s ease}.app-trans-left-leave-to,.app-trans-right-enter-from{transform:translate(100%) scale(.5);opacity:0}.app-trans-right-enter-active{transition:all .3s ease}.app-trans-right-enter-to,.app-trans-right-leave-from{transform:translate(0) scale(1);opacity:1}.app-trans-right-leave-active{transition:all .3s ease}.app-trans-right-leave-to{transform:translate(-100%) scale(.5);opacity:0}.listRoot{display:flex;flex-direction:column;background:#eff2f5}.listRoot .filter{margin-top:16px}.listRoot .content{flex:1;overflow:auto;margin:16px}.listRoot .pager{margin-bottom:16px;transform:translateY(100%);animation:slideUp .3s ease-out forwards}.editorRoot{display:flex;flex-direction:column;background:#eff2f5}.editorRoot .content{flex:1;height:0;overflow:auto;padding:0 0 16px}.editorRoot .footer{padding:16px;border-top:solid 1px #e4e7ed;background:#fff;transform:translateY(100%);animation:slideUp .3s ease-out forwards}.detailRoot{display:flex;flex-direction:column;background-color:#fff}.detailRoot .content{flex:1;height:0;overflow:auto;padding:0 0 16px}.detailRoot .content .title{display:flex;font-size:24px;font-weight:500;padding:30px 20px 20px}.detailRoot .content .meta{color:#666;font-size:14px;margin-bottom:20px;padding:0 20px}.detailRoot .content .meta>span{margin-right:15px}.detailRoot .content .main{line-height:1.8;font-size:16px;padding:0 20px;white-space:pre-wrap}.detailRoot .content .images{padding:0 20px}.detailRoot .footer{padding:16px;border-top:solid 1px #e4e7ed;background:#fff;transform:translateY(100%);animation:slideUp .3s ease-out forwards}.detailRoot .swipe{height:250px;background-color:#eee}.homeRoot{padding:0 0 100px;background-color:#eff2f5}.homeRoot>.title{display:flex;font-size:24px;padding:30px 20px 20px}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.loading[data-v-77dc787d]{height:100vh;display:flex;align-items:center;justify-content:center}