article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,iframe,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:50px}body,button,input,select,textarea{font-size:12px;line-height:1.5;font-family:system,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Microsoft YaHei,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif}fieldset,img{border:0}img{max-width:100%;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{outline:0;padding:0;margin:0;border:none;background:rgba(0,0,0,0);-webkit-appearance:none}textarea{resize:none;overflow:auto}a:active,a:hover,a:link,a:visited{text-decoration:none}em,i{font-style:normal}ol,ul{list-style:none}[v-cloak]{display:none}iframe{border:none}b{font-weight:400}::-webkit-input-placeholder{color:#ccc}:-moz-placeholder,::-moz-placeholder{color:#ccc}:-ms-input-placeholder{color:#ccc}@media only screen and (min-width:160px){html{font-size:13.3333333333vw}}@media only screen and (min-width:750px){html{font-size:5.2083333333vw}}@font-face{font-family:xpnumber;src:url(https://s.xiaopeng.com/xp-fe/mainsite/g9/reserve/font/XP%20number%20regular.ttf) format("truetype")}@font-face{font-family:Basis Grotesque;src:url(https://dl.xiaopeng.com/xp-fe/mainsite/brandbook/font/BasisGrotesque-Regular.ttf) format("truetype");font-display:swap}@font-face{font-weight:700;font-family:Basis Grotesque;src:url(https://dl.xiaopeng.com/xp-fe/mainsite/brandbook/font/BasisGrotesque-Bold.otf) format("truetype");font-display:swap}@font-face{font-family:HYYakuHei;src:url(https://dl.xiaopeng.com/xp-fe/mainsite/brandbook/font/HYYakuHei-45W.ttf) format("truetype");font-display:swap}@font-face{font-weight:700;font-family:HYYakuHei;src:url(https://dl.xiaopeng.com/xp-fe/mainsite/brandbook/font/HYYakuHei-65W.ttf) format("truetype");font-display:swap}@font-face{font-family:Alibaba PuHuiTi;src:url(https://dl.xiaopeng.com/xp-fe/mainsite/brandbook/font/Alibaba-PuHuiTi-Regular.ttf) format("truetype");font-display:swap}@font-face{font-weight:700;font-family:Alibaba PuHuiTi;src:url(https://dl.xiaopeng.com/xp-fe/mainsite/brandbook/font/Alibaba-PuHuiTi-Bold.ttf) format("truetype");font-display:swap}@font-face{font-family:Figtree Regular;src:url(https://s.xiaopeng.com/xp-fe/font/Figtree-Regular.ttf) format("truetype")}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body,html{scrollbar-width:none;overscroll-behavior:none}.ngp-history-container{font-family:PingFang SC;position:relative;min-height:100vh;background:#f5f6fa;padding-top:1.76rem;padding-bottom:.78rem;overflow:hidden}.ngp-history-container .page-bg{position:absolute;top:0;right:0;left:0;width:100%;height:8.82rem;background:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/page_bg.98a2f562.png);background-repeat:no-repeat;background-size:100% 100%;z-index:1}.ngp-history-container .app-header .xpm-navigation .xpm-navigation-content .xpm-navigation-right .xpm-navigation-right-item .info-icon{display:block;width:.48rem;height:.48rem;background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/info_icon.7d624034.png);background-size:100% 100%;background-repeat:no-repeat}.ngp-history-container .app-header .xpm-navigation .xpm-navigation-content .xpm-navigation-right .xpm-navigation-right-item .share-icon{display:block;width:.48rem;height:.48rem;background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/share_icon.d1629f86.png);background-size:100% 100%;background-repeat:no-repeat}.ngp-history-container .h5-header{position:absolute;top:1.08rem;right:.48rem;z-index:2;display:flex}.ngp-history-container .h5-header .info-icon{display:block;width:.48rem;height:.48rem;background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/info_icon.7d624034.png);background-size:100% 100%;background-repeat:no-repeat}.ngp-history-container .empty-holder-wrapper,.ngp-history-container .rate-limiting{position:relative;z-index:2;margin-top:.76rem}.ngp-history-container .main-container{position:relative;z-index:2}.ngp-history-container .main-container .title{font-family:PingFang SC;font-size:.4rem;font-weight:400;line-height:.56rem;letter-spacing:normal;color:rgba(0,0,0,.9);padding-top:.4rem;padding-left:.4rem}.ngp-history-container .main-container .sub-title{margin-top:.08rem;font-family:PingFang SC;font-size:.28rem;line-height:.4rem;color:rgba(0,0,0,.8);padding-left:.4rem}.ngp-history-container .main-container .summary-and-graph-container{background:#f5f6fa}.ngp-history-container .main-container .mileage-container{margin-top:.64rem}.ngp-history-container .main-container .mileage-container .mileage-info{display:flex;align-items:baseline;justify-content:center}.ngp-history-container .main-container .mileage-container .mileage-info .mileage{font-family:Figtree Regular;font-size:.88rem;font-weight:400;line-height:.88rem;letter-spacing:normal;color:rgba(0,0,0,.9)}.ngp-history-container .main-container .mileage-container .mileage-info .km{margin-left:.12rem;font-family:Figtree Regular;font-size:.48rem;font-weight:400;line-height:.48rem;letter-spacing:normal;color:rgba(0,0,0,.9)}.ngp-history-container .main-container .mileage-milestone{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:.12rem}.ngp-history-container .main-container .mileage-milestone .mileage-milestone-item{position:relative;display:flex;align-items:center;justify-content:center;padding:.04rem .1rem .04rem .14rem;font-family:PingFang SC;font-size:.24rem;line-height:.4rem;margin-top:.12rem;border-radius:.12rem;background:hsla(0,0%,100%,.7)}.ngp-history-container .main-container .mileage-milestone .mileage-milestone-item .icon{width:.36rem;height:.38rem;background:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/cur_month_icon.4870bfdb.png);background-repeat:no-repeat;background-size:contain;margin-right:.06rem;flex-shrink:0}.ngp-history-container .main-container .mileage-milestone .mileage-milestone-item .arrow-icon{width:.28rem;height:.28rem;background:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/grey_arrow.8c6a9fd8.png);background-repeat:no-repeat;background-size:contain;flex-shrink:0;margin-left:.02rem}.ngp-history-container .main-container .mileage-milestone .milestone-item{font-family:PingFang SC;font-size:.24rem;line-height:.4rem;color:rgba(0,0,0,.7)}.ngp-history-container .main-container .ring-chart-container{margin:.48rem .24rem 0;padding:.64rem .32rem .32rem;border-radius:.24rem;background:#fff}.ngp-history-container .main-container .ring-chart-container .xpm-divider-line{margin:.48rem 0}.ngp-history-container .main-container .ring-chart-container .ring-chart-list{display:flex;align-items:center;justify-content:center}.ngp-history-container .main-container .ring-chart-container .ring-chart-list .ring-chart-item{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:2.66rem}.ngp-history-container .main-container .ring-chart-container .ring-chart-list .ring-chart-item .ring-chart{margin-top:.24rem;flex-shrink:0}.ngp-history-container .main-container .ring-chart-container .ring-chart-list .ring-chart-item .icon-title{display:flex;align-items:center;justify-content:flex-start;font-family:PingFang SC;font-size:.24rem;font-weight:400;line-height:.4rem;letter-spacing:normal;color:rgba(0,0,0,.9)}.ngp-history-container .main-container .ring-chart-container .ring-chart-list .ring-chart-item .icon-title .icon{width:.08rem;height:.08rem;margin-right:.08rem;border-radius:.016rem;background:#95cf29}.ngp-history-container .main-container .ring-chart-container .ring-chart-list .ring-chart-item .icon-title .icon.purple{background:#8a84fa}.ngp-history-container .main-container .ring-chart-container .ring-chart-list .ring-chart-item:last-of-type{margin-left:.5rem}.ngp-history-container .main-container .ring-chart-container .info-container{display:flex;align-items:center;justify-content:center}.ngp-history-container .main-container .ring-chart-container .info-container .info-item-contanier{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:2.66rem}.ngp-history-container .main-container .ring-chart-container .info-container .info-item-contanier .info-title{font-family:PingFang SC;font-size:.24rem;font-weight:400;line-height:.4rem;letter-spacing:normal;color:rgba(0,0,0,.9)}.ngp-history-container .main-container .ring-chart-container .info-container .info-item-contanier .num-container{display:flex;align-items:baseline;justify-content:baseline}.ngp-history-container .main-container .ring-chart-container .info-container .info-item-contanier .num-container .num{font-family:Figtree Regular;font-size:.56rem;line-height:.72rem;color:rgba(0,0,0,.9)}.ngp-history-container .main-container .ring-chart-container .info-container .info-item-contanier .num-container .unit{font-family:Figtree Regular;line-height:.72rem;font-size:.32rem;color:rgba(0,0,0,.9)}.ngp-history-container .main-container .ring-chart-container .info-container .info-item-contanier:last-of-type{margin-left:.5rem}.ngp-history-container .main-container .ring-chart-container .share-card{position:relative;display:block;padding:.28rem .32rem;border-radius:.16rem;overflow:hidden;margin-top:.48rem}.ngp-history-container .main-container .ring-chart-container .share-card .share-card-bg{position:absolute;top:0;right:0;left:0;width:6.38rem;height:1.44rem;object-fit:contain;z-index:1}.ngp-history-container .main-container .ring-chart-container .share-card .content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:100%}.ngp-history-container .main-container .ring-chart-container .share-card .content .text{font-family:PingFang SC;font-size:.24rem;font-weight:400;line-height:.4rem;letter-spacing:normal;color:rgba(0,0,0,.9);max-width:3.32rem}.ngp-history-container .main-container .ring-chart-container .share-card .content .share-btn{width:1.72rem;height:.64rem}.ngp-history-container .main-container .month-card{padding:.36rem .32rem .4rem;margin:.24rem .24rem 0;border-radius:.24rem;background:#fefefe;overflow:hidden}.ngp-history-container .main-container .month-card .month-title{display:flex;align-items:center;justify-content:flex-start;font-family:PingFang SC;font-size:.32rem;font-weight:500;line-height:.48rem;letter-spacing:normal;color:rgba(0,0,0,.9)}.ngp-history-container .main-container .month-card .month-title .new-icon{width:.77rem;height:.36rem;background:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/new_month.22c7eec4.png);background-size:contain;background-repeat:no-repeat;margin-left:.16rem}.ngp-history-container .main-container .month-card .content{position:relative}.ngp-history-container .main-container .month-card .content .icon{position:absolute;top:-.6rem;right:.1rem;width:2.24rem;object-fit:contain}.ngp-history-container .main-container .month-card .content .milestone-name{margin-top:.4rem;font-family:PingFang SC;font-size:.44rem;font-weight:500;line-height:.56rem;background:linear-gradient(90deg,#9966ff,#2dafff 82%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;max-width:2.8rem}.ngp-history-container .main-container .month-card .content .milestone-name.sort{max-width:2.4rem}.ngp-history-container .main-container .month-card .content .description{margin-top:.24rem;font-family:PingFang SC;font-size:.26rem;line-height:.4rem;color:rgba(0,0,0,.9);max-width:3.68rem}.ngp-history-container .main-container .month-card .month-btn{display:flex;align-items:center;justify-content:center;margin-top:.48rem}.ngp-history-container .main-container .month-card .month-btn .xpm-button{width:4.38rem;height:.82rem;border-radius:.16rem;border:.02rem solid #181916;background:rgba(0,0,0,0)}.ngp-history-container .main-container .month-card .month-btn .xpm-button .xpm-button__label{font-size:.3rem;line-height:.46rem;color:#181916}.ngp-history-container .main-container .summary-card{margin:.24rem .24rem 0;padding:.4rem .32rem;border-radius:.24rem;background:#fff;overflow:hidden}.ngp-history-container .main-container .summary-card .summary-card-title{font-family:PingFang SC;font-size:.32rem;font-weight:500;line-height:.48rem;letter-spacing:normal;color:rgba(0,0,0,.9)}.ngp-history-container .main-container .summary-card .summary-list{margin-top:.32rem}.ngp-history-container .main-container .summary-card .summary-list .summary-item{margin-bottom:.48rem;padding:.32rem;border-radius:.24rem;background:linear-gradient(289deg,#f5f7ff 9%,#f8faff 98%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ngp-history-container .main-container .summary-card .summary-list .summary-item .text-container{display:flex;align-items:center;justify-content:space-between}.ngp-history-container .main-container .summary-card .summary-list .summary-item .text-container .text{font-family:PingFang SC;font-size:.28rem;font-weight:400;line-height:.48rem;letter-spacing:normal;color:rgba(0,0,0,.9);max-width:3.74rem}.ngp-history-container .main-container .summary-card .summary-list .summary-item .text-container .text .special-num{font-family:Figtree Regular;font-weight:600}.ngp-history-container .main-container .summary-card .summary-list .summary-item .text-container .summary-item-icon{width:1.6rem;height:1.2rem;background:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/summary_item.1b75fbd8.png);background-repeat:no-repeat;background-size:contain}.ngp-history-container .main-container .summary-card .summary-list .summary-item .mini-card{margin-top:.32rem}.ngp-history-container .main-container .summary-card .summary-list .summary-item .mini-card .mini-card-img{width:5.18rem;height:.58rem;object-fit:contain}.ngp-history-container .main-container .summary-card .summary-list .summary-item:last-of-type{margin-bottom:0}.ngp-history-container .main-container .area-graph-card{padding:.36rem .32rem;margin:.24rem .24rem 0;border-radius:.24rem;background:#fff;min-height:14.26rem}.ngp-history-container .main-container .area-graph-card .skeleton-contianer{position:relative;border-radius:.16rem;width:100%;height:3.08rem;overflow:hidden}.ngp-history-container .main-container .area-graph-card .graph-title-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:.38rem}.ngp-history-container .main-container .area-graph-card .graph-title-container .graph-title{font-family:PingFang SC;font-size:.32rem;font-weight:500;line-height:.48rem;letter-spacing:normal;color:rgba(0,0,0,.9)}.ngp-history-container .main-container .area-graph-card .graph-title-container .day-btn-container{display:flex;align-items:center;justify-content:flex-end}.ngp-history-container .main-container .area-graph-card .graph-title-container .day-btn-container .day-btn{border-radius:.16rem;background:#f5f6fa;padding:.12rem .2rem;font-family:PingFang SC;font-size:.24rem;font-weight:400;line-height:.4rem;letter-spacing:normal;color:rgba(0,0,0,.6);cursor:pointer}.ngp-history-container .main-container .area-graph-card .graph-title-container .day-btn-container .day-btn.selected{color:rgba(0,0,0,.9);background:linear-gradient(252deg,rgba(140,230,255,.2) -7%,rgba(140,230,255,.2) 0,rgba(133,153,255,.2) 95%)}.ngp-history-container .main-container .area-graph-card .graph-title-container .day-btn-container .day-btn:first-of-type{margin-right:.16rem}.ngp-history-container .main-container .area-graph-card .graph-title{font-family:PingFang SC;font-size:.28rem;font-weight:400;line-height:.44rem;letter-spacing:normal;color:#000;margin-bottom:.16rem}.ngp-history-container .main-container .area-graph-card .mileage-graph-container,.ngp-history-container .main-container .area-graph-card .mileage-precentage-container{margin-bottom:.48rem}.ngp-history-container .main-container .ngp-data-container,.ngp-history-container .main-container .summary-and-graph-container{overflow:hidden}.ngp-notice-dialog .xpm-dialog-header{color:rgba(0,0,0,.9);font-size:.32rem;line-height:.48rem;font-weight:600;text-align:center}.ngp-notice-dialog .notice-dialog-body{text-align:left}.ngp-notice-dialog .notice-dialog-body .main-content{color:#3d3d3d;font-size:.3rem;line-height:.46rem}.ngp-notice-dialog .notice-dialog-body .sub-content{margin-top:.46rem;color:rgba(0,0,0,.4);font-size:.2rem;line-height:.32rem}