#app{margin:0 auto}#app .van-nav-bar__title{max-width:82%}#app .top-tabs{background:#02b9e6;width:100%;height:50px}#app .top-tabs ul{display:-webkit-box;display:-ms-flexbox;display:flex;float:right}#app .top-tabs ul li{width:120px;height:50px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;cursor:pointer}#app .top-tabs ul li.active{background:#ff8300}#app .app-wrapper{padding-bottom:50px}#app .app-wrapper,#app .popular-wrapper,#app .wrapper{height:100%;overflow:auto}#app .phoneBox.homePage{height:100%}#app .van-tabbar{-webkit-box-shadow:-1px 0 2px #ccc;box-shadow:-1px 0 2px #ccc}#app .van-tabbar-item--active .van-tabbar-item__text{position:relative;width:60px;height:40px;margin:0 auto}#app .van-tabbar-item--active .foot-svg{position:absolute;top:-7px;width:51px;height:31px;border-top-color:transparent;border-radius:0 0 25px 25px;z-index:99;left:5px;right:0}#app .van-tabbar-item--active .foot-svg:after{content:"";position:absolute;display:block;left:0;height:31px;right:0;height:55px;top:-23px;border-radius:35px;-webkit-box-shadow:0 -3px 5px -1px #ccc inset;box-shadow:inset 0 -3px 5px -1px #ccc;clip:rect(22px 55px 55px 0);background-color:#fff;z-index:0}#app .van-tabbar-item--active .foot-svg:before{content:"";position:absolute;display:block;left:0;right:0;height:1px;top:-1px;z-index:1;background-color:#fff}#app .van-tabbar-item--active .foot-svg .svg-icon{position:absolute;top:-18px;left:4px;width:45px;height:45px;padding:0 10px;margin-left:-1px;border-radius:50%;background:#0aafff -webkit-gradient(linear,left top,left bottom,from(var(--theme-color)),to(var(--theme-ycolor)));background:#0aafff linear-gradient(var(--theme-color),var(--theme-ycolor));color:#fff!important;z-index:3}#app .van-tabbar-item--active .foot-title{display:none}#app .footer-bar .box-active{position:absolute;top:0;width:60px;height:40px;border:2px solid #ddd;border-top-color:transparent;border-radius:0 0 30px 30px}#app .footer-bar .box-active .svgs-icon{position:absolute;top:-15px;left:7px;width:45px;height:45px;padding:0 10px;border-radius:50%;color:#fff!important}.logo{position:absolute;width:80px;height:80px;left:30px;top:30px}.logo img{width:100%}.van-nav-bar .van-icon{font-size:28px;color:#b9b9b9;font-weight:100;margin-left:-5px}.homeIcon .van-tabbar-item__icon,.homeIcon svg{height:18px;width:18px}.homeIcon .van-tabbar-item__icon svg{width:20px;height:20px;margin-left:-1px;margin-top:0}.homeIcon svg path{fill:currentColor}.van-tabbar-item{color:var(--theme-ycolor)!important}.svg-active{position:absolute;top:0}.hide{display:none}.show{display:inline-block}