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:transparent;-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:0;background:transparent;-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}html{font-size:13.33333vw}@media screen and (max-width:320px){html{font-size:42.6667px}}@media screen and (min-width:750px){html{font-size:100px}}#app{max-width:750px;min-width:320px;margin:0 auto}.calculator-wrap{background:url(https://xps01.xiaopeng.com/www/public/img/calculator-m.e6b85a16.jpg) no-repeat top;background-size:cover;overflow:hidden;padding-bottom:.36rem}.calculator-wrap.calculator-wrap-app{min-height:100vh}.calculator-wrap .calculator-title{margin-top:1.28rem;margin-bottom:4rem;line-height:.69rem;color:#000;font-size:.5rem;text-align:center}.calculator-wrap .calculator-container{margin:0 .8rem .47rem;padding-top:.85rem;padding-bottom:.61rem;border-bottom:1px solid rgba(0,0,0,.3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.calculator-wrap .calculator-container .mileage{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:inline-block;width:50%;text-align:center;margin-bottom:.5rem}.calculator-wrap .calculator-container .mileage .mileage-item .mileage-text .mileage-title{display:inline-block;font-size:.72rem;font-weight:400;line-height:normal;color:#000}.calculator-wrap .calculator-container .mileage .mileage-item .mileage-text .mileage-msg{display:inline-block;margin-left:.04rem;margin-top:-.1rem;height:auto;white-space:nowrap;font-size:.24rem;color:#000}.calculator-wrap .calculator-container .mileage .mileage-item .mileage-text .mileage-msg p{line-height:normal}.calculator-wrap .calculator-container .mileage .mileage-item .mileage-text .mileage-name{font-weight:400;font-size:.24rem;line-height:.34rem;color:rgba(0,0,0,.6)}.calculator-wrap .calculator-container .mileage .mileage-item .parts{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;overflow:hidden}.calculator-wrap .calculator-container .mileage .mileage-item .parts .parts-item{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;height:.6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:normal;min-width:1.3rem;font-size:.2rem;color:#000;padding:0 .19rem;white-space:nowrap;border:1px solid #000}.calculator-wrap .calculator-container .mileage .mileage-item .parts .parts-item:first-child{border-radius:.3rem 0 0 .3rem;border-right:none}.calculator-wrap .calculator-container .mileage .mileage-item .parts .parts-item:last-child{border-radius:0 .3rem .3rem 0;border-left:none}.calculator-wrap .calculator-container .mileage .mileage-item .parts .parts-item:only-child{border-radius:.3rem;width:2.4rem;min-width:100%}.calculator-wrap .calculator-container .mileage .mileage-item .parts .parts-item.active{color:#fff;background-color:#000}.calculator-wrap .control-container{margin:0 .8rem}.calculator-wrap .control-container,.calculator-wrap .control-container .air-conditioner-Bigwrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.calculator-wrap .control-container .air-conditioner-Bigwrap{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.calculator-wrap .control-container .air-conditioner-Bigwrap-chidrenStyle{margin-top:.29rem}.calculator-wrap .control-container .temperature-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;justify-items:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.calculator-wrap .control-container .temperature-wrap .temperature-control{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:3.3rem;height:.8rem;padding:0 .32rem;border-radius:.4rem;background-color:#fff}.calculator-wrap .control-container .temperature-wrap .temperature-control .text-msg{text-align:center;line-height:.8rem;font-size:.3rem;font-weight:400}.calculator-wrap .control-container .temperature-wrap .temperature-control .minus{width:.4rem;height:.4rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABHRSTlMAgELlQIlGagAAAB5JREFUKM9jGAWDDTAJIgEFqCCzCxIwwK5yFAwcAABlXAVAHOCE1wAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain}.calculator-wrap .control-container .temperature-wrap .temperature-control .add{width:.4rem;height:.4rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABXRSTlMAgLVC5f6ItwEAAAAvSURBVCjPYxjMgEkBiyBrwDAXZBYEAdFAMGUAFWQJRQIOWFUOCsfTQBCRGAYxAAC9mA4Eb+O6dgAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain}.calculator-wrap .control-container .temperature-wrap p{margin-top:.19rem;text-align:center;font-size:.2rem}.calculator-wrap .control-container .air-conditioner-wrap{position:relative;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.calculator-wrap .control-container .air-conditioner-wrap .air-conditioner{overflow:hidden;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:2.3rem;height:.8rem;font-size:.3rem;font-weight:400;border-radius:.4rem;background-color:#fff}.calculator-wrap .control-container .air-conditioner-wrap .air-conditioner .direction-left{position:absolute;left:.3rem;width:.23rem;height:.23rem;border-top:.025rem solid #444;border-left:.025rem solid #444;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.calculator-wrap .control-container .air-conditioner-wrap .air-conditioner .direction-right{position:absolute;right:.3rem;width:.23rem;height:.23rem;border-top:.025rem solid #444;border-right:.025rem solid #444;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.calculator-wrap .control-container .air-conditioner-wrap .air-conditioner .NEDC{border-right:1px solid #000}.calculator-wrap .control-container .air-conditioner-wrap .air-conditioner .NEDC,.calculator-wrap .control-container .air-conditioner-wrap .air-conditioner .WLTP{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.calculator-wrap .control-container .air-conditioner-wrap .mask{position:absolute;z-index:9999;top:0;right:0;bottom:0;left:0}.calculator-wrap .control-container .air-conditioner-wrap p{margin-top:.19rem;text-align:center;font-size:.2rem}.calculator-wrap .control-container-chidrenStyle{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.calculator-wrap .calculator-container-chidrenStyle{padding-top:2.05rem}.calculator-wrap .notes{margin:.52rem .6rem 0;font-size:.2rem;letter-spacing:0;color:#8c92a4;line-height:.27rem}