.searchbar{position:fixed;top:0;left:0;right:0;display:flex;line-height:50px;height:50px;background:#f60;padding:0 10px;color:#fff}.searchbar .right,.searchbar .title{min-width:25px;padding:0 10px 0 0;text-align:center;font-size:14px;color:#fff}.searchbar .right{padding-left:10px;padding-right:0}.searchbar .search{position:relative;flex:1;line-height:34px;height:34px;margin:8px 0 0;border-radius:4px;background:#fff;color:#aaa}.searchbar .search .text{margin-left:5px}.searchbar .search .iconfont{position:absolute;right:5px}body,html{background-color:#f8f8f8}.nav{top:50px;height:46px;position:fixed;bottom:0;left:0;display:flex;width:100%;background:#fff;padding:4px 0;box-shadow:0 0 10px 0 hsla(0,6%,58%,.6);z-index:2}.nav .item{flex:1;line-height:1;text-align:center;color:#666}.nav .item .iconfont{font-size:24px}.nav .item .title{font-size:12px;padding-top:2px}.nav .item.current{color:#f60}.category-bar-wrapper{position:fixed;left:0;top:50px;bottom:0;width:68px;background:#fff;overflow-x:hidden;overflow-y:scroll}.category-bar-wrapper::-webkit-scrollbar{display:none}ul.category-bar li{position:relative;padding:23px 10px;text-align:center;font-size:12px}ul.category-bar li:after{left:0;height:1px;border-bottom:1px solid #e5e5e5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}ul.category-bar li:after,ul.category-bar li:before{content:" ";position:absolute;bottom:0;right:0;color:#e5e5e5}ul.category-bar li:before{top:0;width:1px;border-right:1px solid #e5e5e5;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}ul.category-bar li.current{color:#f60;background:#f8f8f8;border-right:0}ul.category-bar li.current:before,ul.category-bar li:last-child:after{content:none}.category-content{position:fixed;top:50px;left:68px;right:0;bottom:10px;padding:10px;overflow-x:hidden;overflow-y:scroll}.category-content::-webkit-scrollbar{display:none}.category-content ul.main{padding:10px;text-align:center;overflow:hidden;background-color:#fff}.category-content ul.main li{float:left;width:33.33%}.category-content ul.main li a{display:block;width:100%;font-size:0}.category-content ul.main li a img{width:55px;height:55px}.category-content ul.main li a span{display:block;line-height:31px;height:31px;color:#666;font-size:12px}