.header-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:8px}.header-nav .status-bar{width:100%;height:0}.header-nav .title-bar{width:100%;height:40px}.header-nav .title-bar,.header-nav .title-bar>div{display:-webkit-box;display:-ms-flexbox;display:flex}.header-nav .title-bar>div{height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-nav .nav-title{width:calc(100% - 163px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:16px}.header-nav .nav-title>p{font-size:18px;height:100%;line-height:40px;padding:0 10px;font-weight:650;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.header-nav .nav-title>p>i{top:2px}.header-nav .nav-left{width:83px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.header-nav .arrow-left{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:12px}.header-nav .van-icon-arrow-left,.header-nav .van-icon-contact{width:20px;height:20px}.header-nav .van-icon-arrow-left:before,.header-nav .van-icon-contact:before{font-size:20px}.header-nav .nav-right-text{margin-right:8px!important}.header-nav .nav-right{width:80px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:14px}.header-nav .nav-right,.header-nav .nav-right>div{display:-webkit-box;display:-ms-flexbox;display:flex}.header-nav .nav-right>div{width:50%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-nav .nav-right .nav-right-icon{width:20px;height:20px}.header-nav .nav-right p{font-size:14px;white-space:nowrap}.header-nav .show-popover .van-popover{left:calc(100vw - 130px)!important}.header-nav .personCenter{width:20px;height:20px;background-image:url(../../assets/img/personCenter.c908d6c1.png);background-size:20px 20px}.pagination{width:100%;height:70px;position:fixed;bottom:0;font-size:12px;background-color:#fff;border-top:1px solid #efefef}.pagination .pages-tip{text-align:center;height:22px;line-height:28px}.pagination .pages-tip span:first-of-type{margin-right:15px}.pagination .pages{height:67px}.pagination .pages,.pagination .pages .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination .pages .btn{width:56%}.pagination .pages .box{height:30px;border-radius:5px;border:1px solid grey;width:40%;line-height:30px;text-align:center}.pagination .pages .boxPages{width:60%;height:30px;line-height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination .pages .boxPages>div{min-width:10%}.pagination .pages .currentPage{color:#db4827}.mileage-ranking .time-picker{padding-top:10px;background-color:#fff}.mileage-ranking .caption{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;background-color:#eff6fd;line-height:30px;padding:0 16px}.mileage-ranking .caption>div{width:calc(100% - 92px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mileage-ranking .placeholder{width:60px}.mileage-ranking .container{width:100%;height:calc(100% - 150px);overflow:auto}.mileage-ranking .container_{width:100%;height:calc(100% - 180px);overflow:auto}.mileage-ranking .list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:2px}.mileage-ranking .index{width:50px;height:44px}.mileage-ranking .index,.mileage-ranking .index>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mileage-ranking .index>div{width:32px;height:20px;background-position:100% 100%;background-size:100% 100%}.mileage-ranking .ranking_num{width:43px!important}.mileage-ranking .ranking_1{width:20px!important;background:url(../../assets/img/NO.1.e821eece.png)}.mileage-ranking .ranking_2{width:20px!important;background:url(../../assets/img/NO.2.4e11e3ce.png)}.mileage-ranking .ranking_3{width:20px!important;background:url(../../assets/img/NO.3.db12c135.png)}