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}@media only screen and (min-width:160px){html{font-size:13.34vw}}@media only screen and (min-width:750px){html{font-size:5.21vw}}@media only screen and (min-width:1919px){html{font-size:100px}}.calculator-wrap{position:relative;height:100vh;background:url(https://s.xiaopeng.com/xp-fe/mainsite/2025/g7/final0627/calculator/calculator.jpg) no-repeat 50%;background-size:cover;overflow:hidden}.calculator-wrap .calculator-top{position:absolute;top:1rem;left:4rem;width:10.32rem;height:1rem;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}.calculator-wrap .calculator-top .calculator-title{display:inline-block;margin-right:2.7rem;line-height:.5rem;font-size:.24rem;color:#000;font-weight:500}.calculator-wrap .calculator-top .calculator-control{display:inline-block;vertical-align:top}.calculator-wrap .calculator-top .calculator-control .title{margin-bottom:.11rem;color:#000;text-align:center;font-size:.18rem;opacity:.36}.calculator-wrap .calculator-top .calculator-control .temperature-control{display:inline-block;margin-right:.65rem}.calculator-wrap .calculator-top .calculator-control .temperature-control .temperature{position:relative;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-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:2.7rem;height:.6rem;line-height:.6rem;border-radius:.3rem;background-color:#fff;text-align:center;font-size:.24rem;overflow:hidden}.calculator-wrap .calculator-top .calculator-control .temperature-control .temperature button{position:relative;height:100%;width:.7rem;cursor:pointer}.calculator-wrap .calculator-top .calculator-control .temperature-control .temperature button:first-of-type:after{content:"";position:absolute;top:50%;left:.25rem;width:.2rem;border-top:2px solid rgba(0,0,0,.7)}.calculator-wrap .calculator-top .calculator-control .temperature-control .temperature button:last-of-type:after{content:"";position:absolute;top:50%;right:.25rem;height:0;width:.2rem;border-top:2px solid rgba(0,0,0,.7)}.calculator-wrap .calculator-top .calculator-control .temperature-control .temperature button:last-of-type:before{content:"";position:absolute;top:50%;right:.34rem;height:.2rem;width:0;-webkit-transform:translateY(-.09rem);-ms-transform:translateY(-.09rem);transform:translateY(-.09rem);border-left:2px solid rgba(0,0,0,.7)}.calculator-wrap .calculator-top .calculator-control .air-conditioning-control{display:inline-block;vertical-align:top}.calculator-wrap .calculator-top .calculator-control .air-conditioning-control .air-conditioning{width:2rem;height:.6rem;line-height:.6rem;border-radius:.3rem;background-color:#fff;text-align:center;font-size:.24rem;cursor:pointer}.calculator-wrap .calculator-switch{position:absolute;left:0;bottom:0;width:100%;padding-bottom:.73rem}.calculator-wrap .calculator-switch .calculator-switch-container{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-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:inline-block;padding:0 .2rem;border-right:1px solid rgba(0,0,0,.3)}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item:last-of-type{border-right:0}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .calculator-switch-item{margin-bottom:.16rem;text-align:center}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .calculator-switch-item .kilometre{display:inline-block;font-size:.57rem;line-height:.5rem;vertical-align:bottom;font-weight:100}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .calculator-switch-item .calculator-msg{display:inline-block;font-size:.19rem;vertical-align:bottom}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .calculator-switch-item .calculator-msg p{padding-left:.03rem;line-height:.24rem;text-align:left}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .switch-container{border:2px solid #000;display:inline-block;border-radius:.45rem;overflow:hidden}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .switch-container .swich-item{display:inline-block;height:.47rem;line-height:.47rem;min-width:.97rem;padding:0 .27rem;vertical-align:top;font-size:.16rem;cursor:pointer;border-left:2px solid #000}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .switch-container .swich-item:only-child{width:2.36rem;text-align:center}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .switch-container .swich-item:first-of-type{border-left:0}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .switch-container .swich-item.active{color:#fff;background-color:#000}.calculator-wrap .calculator-switch .notes{width:9.53rem;margin:.62rem auto 0;line-height:.25rem;font-size:.18rem;color:rgba(0,0,0,.2);text-align:center}@media (max-width:1440px){.calculator-wrap .switch-container,.calculator-wrap .switch-container .swich-item{border-width:1px!important}.calculator-wrap .kilometre{font-weight:200!important}}@media (max-width:1440px){.calculator-wrap{background-image:url(https://s.xiaopeng.com/xp-fe/mainsite/2025/g7/final0627/calculator/calculator1440.jpg)}.calculator-wrap .calculator-top .calculator-title{font-size:.3rem}.calculator-wrap .calculator-top .calculator-control .title{margin-bottom:.08rem;font-size:.13rem}.calculator-wrap .calculator-top .calculator-control .temperature-control{margin-right:.45rem}.calculator-wrap .calculator-top .calculator-control .temperature-control .temperature{position:relative;width:2.02rem;height:.45rem;line-height:.45rem;border-radius:.22rem;font-size:.18rem}.calculator-wrap .calculator-top .calculator-control .air-conditioning-control .air-conditioning{width:1.49rem;height:.45rem;line-height:.45rem;font-size:.18rem}.calculator-wrap .calculator-switch{padding-bottom:.54rem;margin-top:.46rem}.calculator-wrap .calculator-switch .calculator-switch-container{white-space:nowrap}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:.13rem;padding:0 2.6%}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item:first-of-type{padding-left:.05rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item:last-of-type{padding-right:.05rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .calculator-switch-item{margin-bottom:.11rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .calculator-switch-item .kilometre{margin-right:.05rem;font-size:.42rem;font-weight:300;line-height:.4rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .calculator-switch-item .calculator-msg{font-size:.14rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .calculator-switch-item .calculator-msg p{line-height:.18rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .switch-container{border-radius:.34rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .switch-container .swich-item{height:.35rem;line-height:.35rem;padding:0 .21rem;min-width:.72rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .switch-container .swich-item:only-child{width:1.4rem}.calculator-wrap .calculator-switch .notes{font-size:.13rem;line-height:.15rem;width:7.14rem;margin-top:.46rem}}@media (max-width:1024px){.calculator-wrap{height:7rem;background-image:url(https://s.xiaopeng.com/xp-fe/mainsite/2025/g7/final0627/calculator/calculator-pad.jpg)}.calculator-wrap .calculator-switch{padding-bottom:.43rem}.calculator-wrap .calculator-switch .calculator-switch-container{min-width:823px;margin:0 auto}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item{padding:0 3%}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .calculator-switch-item .kilometre{font-size:.42rem;line-height:.35rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .calculator-switch-item .calculator-msg{font-size:.16rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .calculator-switch-item .calculator-msg p{font-size:.14rem;line-height:.16rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .switch-container .swich-item{height:.35rem;line-height:.35rem;min-width:.73rem;padding:0 .15rem;font-size:.12rem}.calculator-wrap .calculator-switch .calculator-switch-container .calculator-item .switch-container .swich-item:only-child{width:1.4rem}.calculator-wrap .calculator-switch .notes{margin-top:.32rem}}@media (min-width:1921px){.calculator-wrap{background-image:url(https://s.xiaopeng.com/xp-fe/mainsite/2025/g7/final0627/calculator/calculator-mac.jpg)}}