@charset "UTF-8";.heroImage .scrollmagic-pin-spacer{padding-bottom:0 !important}
.heroImage .hero-image-component.section{height:800px !important}
.hero-image-component .hero-image-content{line-height:1.2;color:#fff}
.hero-image-component .hero-image-content.main6-configurator{background:linear-gradient(270deg,#25282f 0,#1b1c21 100%)}
.hero-image-component .hero-image-content.main6-configurator .page{background-color:transparent}
.hero-image-component .hero-image-content{width:100%;height:100%;position:relative;overflow:hidden;background-color:#000}
.hero-image-component .hero-image-content .bold{font-family:"audi-type-gb-wide-bold","audi-zh-bold" !important}
.hero-image-component .hero-image-content .showpc{display:block}
@media only screen and (max-width:768px){.hero-image-component .hero-image-content .showpc{display:none}
}
.hero-image-component .hero-image-content .showm{display:none}
@media only screen and (max-width:768px){.hero-image-component .hero-image-content .showm{display:block}
}
.hero-image-component .hero-image-content .slide0{width:100vw;height:100vh;position:relative;overflow:hidden;z-index:1}
.hero-image-component .hero-image-content .slide0 .txtlist{position:absolute;z-index:5;left:0;top:0;box-sizing:border-box}
.hero-image-component .hero-image-content .slide1{width:100vw;height:100vh;position:absolute;overflow:hidden;z-index:3;left:0;top:0}
.hero-image-component .hero-image-content .slide1 .mask_bg{position:absolute;left:0;top:0;width:100vw;height:100vh;background:url(../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/page0_mask_bg1.png) no-repeat center center;background-size:100% 100%}
.hero-image-component .hero-image-content .slide1 .hero-image-mask{position:absolute;left:0;top:0;width:224.1145833333vw;height:100vh;left:50%;transform:translateX(-50%);background:url(../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/page0_mask.svg) no-repeat center center;background-size:100% auto}
@media only screen and (max-width:768px){.hero-image-component .hero-image-content .slide1 .hero-image-mask{background:url(../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/page0_mask_m.svg) no-repeat center center;background-size:100% auto}
}
.hero-image-component .hero-image-content .slide1 .hero-image-mask .logo{width:100%;height:100%;background:url(../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/page0_logo.png) no-repeat center center;background-size:100% auto}
@media only screen and (max-width:768px){.hero-image-component .hero-image-content .slide1 .hero-image-mask .logo{background:url(../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/page0_logo_m.png) no-repeat center center;background-size:100% auto}
}
.hero-image-component .hero-image-content .slide2{width:100vw;height:75.9375vw;position:absolute;overflow:hidden;z-index:5;left:0;top:0}
@media only screen and (max-width:768px){.hero-image-component .hero-image-content .slide2{height:202.6666666667vw}
}
.hero-image-component .hero-image-content .slide2 .img0{width:40.625vw;height:25vw;position:absolute;left:12.2395833333vw;top:0;border-radius:1.0416666667vw;overflow:hidden}
@media only screen and (max-width:768px){.hero-image-component .hero-image-content .slide2 .img0{width:89.0666666667vw;height:54.9333333333vw;left:-19.2vw;border-radius:3.2vw}
}
.hero-image-component .hero-image-content .slide2 .img1{width:35.4166666667vw;height:34.375vw;position:absolute;left:55.5729166667vw;top:17.34375vw;border-radius:1.0416666667vw;overflow:hidden;z-index:3}
@media only screen and (max-width:768px){.hero-image-component .hero-image-content .slide2 .img1{width:77.3333333333vw;height:75.2vw;left:55.4666666667vw;top:65.3333333333vw;border-radius:3.2vw}
}
.hero-image-component .hero-image-content .slide2 .img2{width:31.5104166667vw;height:25vw;position:absolute;left:27.6041666667vw;top:46.1979166667vw;border-radius:1.0416666667vw;overflow:hidden}
@media only screen and (max-width:768px){.hero-image-component .hero-image-content .slide2 .img2{width:68.8vw;height:54.9333333333vw;left:14.4vw;top:127.4666666667vw;border-radius:3.2vw}
}
.hero-image-component .hero-image-content .slide0{width:100vw;height:100vh;position:relative;overflow:hidden;z-index:1}
.hero-image-component .hero-image-content .slide0 .txtlist{position:absolute;z-index:5}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (max-height:1003px) and (max-width:743px),screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.hero-image-component .hero-image-content .slide0 .txtlist{width:100%}
}
.hero-image-component .hero-image-content .slide0 .txtlist{box-sizing:border-box}
.hero-image-component .hero-image-content .slide0 .txtlist.leftToRight{position:absolute;z-index:6;left:0;top:0;box-sizing:border-box}
.hero-image-component .hero-image-content .slide0 .txtlist.bottomToTop .t0{margin-bottom:.4166666667vw}
.hero-image-component .hero-image-content .slide0 .txtlist.leftToRight .t1{margin-top:.4166666667vw}
@media only screen and (max-width:768px){.hero-image-component .hero-image-content .slide0 .txtlist.leftToRight .t1{margin-top:3.2vw}
.hero-image-component .hero-image-content .slide0 .txtlist.bottomToTop .t0{margin-bottom:3.2vw}
}
@media only screen and (max-width:768px){.hero-image-component .hero-image-content .slide0 .txtlist .t2{margin-top:3.2vw}
}
.hero-image-component .hero-image-content .slide0 img.bg,.hero-image-component .hero-image-content .slide0 img.bg,.hero-image-component .hero-image-content .slide2 img.bg,.hero-image-component .hero-image-content .slide2 img.bg{width:100%;height:100%;object-fit:cover}
.hero-image-component .hero-image-content .txtlist{color:#fff}
.hero-image-component .hero-image-content .txtlist .t1{font-family:"audi-type-gb-wide-bold","audi-zh-bold"}
.hero-image-component .hero-image-content .slide0 picture,.hero-image-component .hero-image-content .slide0 picture,.hero-image-component .hero-image-content .slide2 picture,.hero-image-component .hero-image-content .slide2 picture{display:block;width:100%;height:100%}
.hero-image-component .hero-image-content .slide0 picture img,.hero-image-component .hero-image-content .slide0 picture img,.hero-image-component .hero-image-content .slide2 picture img,.hero-image-component .hero-image-content .slide2 picture img{width:100%;height:100%;object-fit:cover}
.hero-image-component .hero-image-content .video{width:100%;display:block;background-color:#000;object-fit:cover;height:100%;height:100vh}
.hero-image-component .hero-image-content .poster{width:100%;bottom:0;position:absolute;left:0;top:0;z-index:5;cursor:pointer;display:block}
.hero-image-component .hero-image-content .poster .play{width:100px;height:100px;background:url(../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/play.png) no-repeat center center;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}
@media only screen and (max-width:1024px) and (min-width:769px){.hero-image-component .hero-image-content .slide0 .txtlist.leftToRight{padding:14vw 0 3vw 9vw}
.hero-image-component .hero-image-content .slide0 .txtlist.leftToRight .t1{margin-top:2vw}
.hero-image-component .hero-image-content .slide0 .txtlist .t2{margin-top:2vw}
.hero-image-component .hero-image-content .slide1 .hero-image-mask{width:285vw}
}
.hero-image-component .hero-image-content .slide0 .txtlist{max-width:33.3333333333vw}
.hero-image-component .hero-image-content .slide0 .txtlist .txt2{white-space:normal}
.hero-image-component .hero-image-content .slide0 .txtlist{padding-top:calc(162 / 1080 * 1080 / 1920 * 100dvw);padding-left:calc(94 / 1920 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt0{font-size:16px;line-height:1.5}
.hero-image-component .hero-image-content .slide0 .txtlist .txt1{font-size:40px;line-height:1.25}
.hero-image-component .hero-image-content .slide0 .txtlist .txt2{margin-top:16px;font-size:16px;line-height:1.5}
.hero-image-component .hero-image-content .slide0 .txtlist a{margin-top:32px}
@media screen and (orientation:portrait) and (min-width:1920px),screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px),screen and (min-width:1280px) and (max-width:1919px){.hero-image-component .hero-image-content .slide0 .txtlist{padding-top:calc(162 / 1080 * 1080 / 1920 * 100dvw);padding-left:calc(94 / 1920 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt0{font-size:calc(16 / 1920 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt1{font-size:calc(40 / 1920 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt2{margin-top:calc(16 / 1080 * 1080 / 1920 * 100dvw);font-size:calc(16 / 1920 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist a{margin-top:calc(32 / 1080 * 1080 / 1920 * 100dvw)}
}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.hero-image-component .hero-image-content .slide0 .txtlist{padding-top:calc(116 / 834 * 834 / 1194 * 100dvw);padding-left:calc(56 / 1194 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt0{font-size:calc(16 / 1194 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt1{font-size:calc(40 / 1194 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt2{margin-top:calc(16 / 834 * 834 / 1194 * 100dvw);font-size:calc(16 / 1194 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist a{margin-top:calc(32 / 834 * 834 / 1194 * 100dvw)}
}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.hero-image-component .hero-image-content .slide0 .txtlist{padding-top:calc(116 / 1194 * 1194 / 834 * 100dvw);padding-left:calc(56 / 834 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt0{font-size:calc(16 / 834 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt1{font-size:calc(40 / 834 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt2{margin-top:calc(16 / 1194 * 1194 / 834 * 100dvw);font-size:calc(16 / 834 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist a{margin-top:calc(32 / 1194 * 1194 / 834 * 100dvw)}
}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (max-height:1003px) and (max-width:743px){.hero-image-component .hero-image-content .slide0 .txtlist{max-width:unset;text-align:center;padding:calc(120 / 812 * 812 / 375 * 100dvw) calc(16 / 375 * 100dvw) 0 calc(16 / 375 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt0{font-size:calc(14 / 375 * 100dvw);line-height:1.5}
.hero-image-component .hero-image-content .slide0 .txtlist .txt1{font-size:calc(24 / 375 * 100dvw);line-height:1.3333333333;margin-top:calc(8 / 812 * 812 / 375 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist .txt2{font-size:calc(14 / 375 * 100dvw);line-height:1.5;margin-top:calc(8 / 812 * 812 / 375 * 100dvw)}
.hero-image-component .hero-image-content .slide0 .txtlist a{margin-top:calc(8 / 812 * 812 / 375 * 100dvw)}
}
.techParamDisplay .scrollmagic-pin-spacer{padding-bottom:0 !important}
.techParamDisplay .tech-param-display-component.section{height:800px !important}
.tech-param-display-component{font-family:"AudiTypeGBNormal","audi-wide";word-break:keep-all;word-wrap:normal;white-space:nowrap;line-height:1.2;color:#fff}
.tech-param-display-component .bold{font-family:"AudiTypeGBWideBold","audi-zh-bold" !important}
.tech-param-display-component .tech-param-display-content{width:100%;height:100%;position:relative;overflow:hidden;background-color:transparent;display:flex;align-items:center;justify-content:center}
.tech-param-display-component .tech-param-display-content .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;object-fit:cover}
.tech-param-display-component .tech-param-display-content .slide0{width:100vw;height:100vh;height:100dvh;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;z-index:1}
.tech-param-display-component .tech-param-display-content .slide0 .t0{font-size:31.25vw;letter-spacing:3.125vw;background:linear-gradient(180deg,rgba(255,255,255,0.6) -8.92%,rgba(255,255,255,0.3) 80.4%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:"audi_extended_normal_4.03"}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide0 .t0{font-size:39.4339vw;letter-spacing:normal}
}
.tech-param-display-component .tech-param-display-content .slide1{width:100vw;height:100vh;height:100dvh;position:relative;top:0;left:0;z-index:2;overflow:hidden}
.tech-param-display-component .tech-param-display-content .slide1 .bg{width:100vw;height:100vh;height:100dvh;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide1 .bg{object-position:center top}
}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist{position:absolute;z-index:6;left:0;top:0;padding:15.625vw 0 1.25vw 7.2916666667vw;box-sizing:border-box}
.tech-param-display-component[data-single-card-mode="true"] .tech-param-display-content .slide1 .txtlist{left:7.2916666667vw;top:50%;transform:translateY(-50%);padding:0}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide1 .txtlist{padding:32vw 0 6.4vw 9.8666666667vw}
}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:2.3958333333vw}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item{margin-bottom:12.2666666667vw}
}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item:last-child{margin-bottom:0}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .label{font-size:1.25vw;font-family:"audi-zh-light";margin-left:.7291666667vw}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .label{font-size:3.7333333333vw;margin-left:1.8666666667vw}
}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .line{width:37.34375vw;height:.1041666667vw;opacity:.3;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 48.56%,rgba(255,255,255,0) 100%);margin-top:1.3541666667vw;margin-left:-1.3541666667vw}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .line{width:68.5333333333vw;height:.5333333333vw;margin-top:2.1333333333vw;margin-left:-1.8666666667vw}
}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .num-wrap{display:flex;flex-direction:row;justify-content:flex-start}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .num-wrap .num{font-size:5vw;margin-right:1.25vw;font-family:"audi_extended_normal_4.03"}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .num-wrap .num{font-size:17.0666666667vw;margin-right:2.1333333333vw}
}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .num-wrap .flag{font-size:1.6666666667vw;margin-top:2.322917vw;display:flex;flex-direction:row;justify-content:center;align-items:center;color:rgba(255,255,255,0.6)}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .num-wrap .flag{font-size:3.7333333333vw;margin-top:8vw}
}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .num-wrap .flag .point{width:.2604166667vw;height:.2604166667vw;background-color:#fff;margin:0 .15625vw}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .num-wrap .flag .point{width:.5333333333vw;height:.5333333333vw;margin:0 .5333333333vw}
}
.tech-param-display-component .tech-param-display-content .slide2{width:100vw;height:100vh;height:100dvh;position:absolute;left:0;top:0;z-index:4;overflow:hidden}
.tech-param-display-component .tech-param-display-content .slide2 .bg{width:100vw;height:100vh;height:100dvh;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;object-fit:cover}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide2 .bg{object-position:center top}
}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist{position:absolute;z-index:6;left:0;top:0;padding:15.625vw 0 1.25vw 7.2916666667vw;box-sizing:border-box}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide2 .txtlist{padding:32vw 0 6.4vw 9.8666666667vw}
}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:2.3958333333vw}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item{margin-bottom:12.2666666667vw}
}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item:last-child{margin-bottom:0}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .label{font-size:1.25vw;font-family:"audi-zh-light";margin-left:.7291666667vw}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .label{font-size:3.7333333333vw;margin-left:1.8666666667vw}
}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .line{width:37.34375vw;height:.1041666667vw;opacity:.3;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 48.56%,rgba(255,255,255,0) 100%);margin-top:1.3541666667vw;margin-left:-1.3541666667vw}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .line{width:68.5333333333vw;height:.5333333333vw;margin-top:2.1333333333vw;margin-left:-1.8666666667vw}
}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .num-wrap{display:flex;flex-direction:row;justify-content:flex-start}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .num-wrap .num{font-size:6.7708333333vw;margin-right:1.25vw;font-family:"audi_extended_normal_4.03"}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .num-wrap .num{font-size:17.0666666667vw;margin-right:2.1333333333vw}
}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .num-wrap .flag{font-size:1.6666666667vw;margin-top:4.3229166667vw;display:flex;flex-direction:row;justify-content:center;align-items:center;color:rgba(255,255,255,0.6)}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .num-wrap .flag{font-size:3.7333333333vw;margin-top:8vw}
}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .num-wrap .flag .point{width:.2604166667vw;height:.2604166667vw;background-color:#fff;margin:0 .15625vw}
@media only screen and (max-width:768px){.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .num-wrap .flag .point{width:.5333333333vw;height:.5333333333vw;margin:0 .5333333333vw}
}
.tech-param-display-component .showpc{display:block}
@media only screen and (max-width:768px){.tech-param-display-component .showpc{display:none}
}
.tech-param-display-component .showm{display:none}
@media only screen and (max-width:768px){.tech-param-display-component .showm{display:block}
}
.tech-param-display-component picture{display:block;width:100%;height:100%}
.tech-param-display-component picture img{width:100%;height:100%;object-fit:cover}
@media only screen and (max-width:1024px) and (min-width:769px){.tech-param-display-component .tech-param-display-content .slide0 .t0{font-size:42vw;letter-spacing:2vw}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist{padding:24vw 0 3.8vw 8.5vw}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item{margin-bottom:7vw}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .label{font-size:2.5vw;margin-left:1.3vw}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .line{width:52vw;height:.3vw;margin-top:1.7vw;margin-left:-1.6vw}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .num-wrap .num{font-size:12vw;margin-right:1.7vw}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .num-wrap .flag{font-size:2.7vw;margin-top:6vw}
.tech-param-display-component .tech-param-display-content .slide1 .txtlist .item .num-wrap .flag .point{width:.4vw;height:.4vw;margin:0 .35vw}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist{padding:24vw 0 3.8vw 8.5vw}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item{margin-bottom:7vw}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .label{font-size:2.5vw;margin-left:1.3vw}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .line{width:52vw;height:.3vw;margin-top:1.7vw;margin-left:-1.6vw}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .num-wrap .num{font-size:12vw;margin-right:1.7vw}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .num-wrap .flag{font-size:2.7vw;margin-top:6vw}
.tech-param-display-component .tech-param-display-content .slide2 .txtlist .item .num-wrap .flag .point{width:.4vw;height:.4vw;margin:0 .35vw}
}
.singleCardwithBackground .single-card-with-background-component.section{height:800px !important}
.single-card-with-background-component{font-family:"audi-type-gb-normal","audi-wide";word-break:keep-all;word-wrap:normal;white-space:nowrap;line-height:1.2;color:#fff}
.single-card-with-background-component .single-card-with-background-content{width:100%;height:100%;position:relative;overflow:hidden;background-color:transparent;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;margin:20px 0}
.single-card-with-background-component .single-card-with-background-content .single-card-page-center-con{width:100%;position:relative;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}
.single-card-with-background-component .single-card-with-background-content .bg0{width:70.2083333333vw;height:35.1041666667vw;position:relative;padding-bottom:5.5729166667vw;border-radius:1.0416666667vw;overflow:hidden;box-sizing:content-box}
.single-card-with-background-component .single-card-with-background-content .bg0 .bg{position:relative}
@media only screen and (max-width:768px){.single-card-with-background-component .single-card-with-background-content .bg0 .bg{border-radius:3.2vw}
}
@media only screen and (max-width:768px){.single-card-with-background-component .single-card-with-background-content .bg0{padding-top:0vw;width:81.6vw;height:152vw;padding-bottom:10.6666666667vw;border-radius:3.2vw;overflow:hidden}
}
.single-card-with-background-component .single-card-with-background-content .bg1{width:87.5vw;height:40vw;position:absolute;left:6.25vw;top:4.1666666667vw;z-index:5;border-radius:1.0416666667vw;overflow:hidden}
.single-card-with-background-component .single-card-with-background-content .bg1 .video-content{height:100%}
.single-card-with-background-component .single-card-with-background-content .bg1 .video{width:100%;height:100%;object-fit:cover}
@media only screen and (max-width:768px){.single-card-with-background-component .single-card-with-background-content .bg1{width:84vw;height:156.2666666667vw;left:8vw;bottom:0;top:auto;border-radius:3.2vw}
}
.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist{position:absolute;z-index:6;left:3.75vw;bottom:2.2916666667vw;box-sizing:border-box;pointer-events:none}
@media only screen and (max-width:768px){.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist{left:50%;bottom:6.4vw;transform:translateX(-50%)}
}
.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist .t0{font-size:.8333333333vw}
@media only screen and (max-width:768px){.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist .t0{font-size:3.7333333333vw}
}
.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist .t1{font-size:2.5vw;margin-top:.4166666667vw}
@media only screen and (max-width:768px){.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist .t1{font-size:5.3333333333vw;margin-top:3.2vw}
}
.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist .t2{font-size:.8333333333vw;margin-top:.4166666667vw;line-height:1.5}
@media only screen and (max-width:768px){.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist .t2{font-size:3.7333333333vw;margin-top:3.2vw}
}
.single-card-with-background-component .single-card-with-background-content .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;object-fit:cover}
.single-card-with-background-component .bold{font-family:"audi-type-gb-wide-bold","audi-zh-bold" !important}
.single-card-with-background-component .showpc{display:block}
@media only screen and (max-width:768px){.single-card-with-background-component .showpc{display:none}
}
.single-card-with-background-component .showm{display:none}
@media only screen and (max-width:768px){.single-card-with-background-component .showm{display:block}
}
.single-card-with-background-component .txt0{opacity:0;transform:translateX(-100px)}
.single-card-with-background-component .txt1{opacity:0;transform:translateX(-100px)}
.single-card-with-background-component .txt2{opacity:0;transform:translateX(-100px)}
.single-card-with-background-component .single-card-with-background-content .poster{width:100%;bottom:0;position:absolute;left:0;top:0;z-index:5;cursor:pointer;display:block}
.single-card-with-background-component .single-card-with-background-content .poster .play{width:100px;height:100px;background:url(../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/play.png) no-repeat center center;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}
@media only screen and (max-width:1024px) and (min-width:769px){.single-card-with-background-component .single-card-with-background-content .bg0{width:76vw;height:52vw;padding-bottom:7vw;border-radius:1.5vw}
.single-card-with-background-component .single-card-with-background-content .bg1{width:90vw;height:60vw;left:5vw;top:5vw;border-radius:1.5vw}
.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist{left:4.5vw;bottom:4vw;max-width:calc(100vw - 25.066666vw);white-space:normal;word-break:normal}
.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist .t0{font-size:1.8vw}
.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist .t1{font-size:3.8vw;margin-top:1.2vw}
.single-card-with-background-component .single-card-with-background-content .bg1 .txtlist .t2{font-size:1.8vw;margin-top:1.2vw;line-height:1.5}
.single-card-with-background-component .single-card-with-background-content .bg0 .bg{border-radius:1.5vw}
}
.param-display-main-configurator{margin:0;padding:0;box-sizing:border-box;font-family:"audi-type-gb-normal","audi-wide";word-break:keep-all;word-wrap:normal;white-space:nowrap;line-height:1.2;color:#fff}
.param-display-main-configurator.param-display-main3-configurator{background:linear-gradient(270deg,#25282f 0,#1b1c21 100%)}
.param-display-main-configurator.param-display-main3-configurator .param-display-page{background-color:transparent}
.param-display-main-configurator .param-display-bold{font-family:"audi-type-gb-wide-bold","audi-zh-bold" !important}
.param-display-main-configurator .param-display-showpc{display:block}
.param-display-main-configurator .param-display-showm{display:none}
@media only screen and (max-width:768px){.param-display-main-configurator .param-display-showpc{display:none}
.param-display-main-configurator .param-display-showm{display:block}
}
.param-display-page{margin:0;padding:0;box-sizing:border-box;width:100%;height:100vh;position:relative;overflow:hidden;background-color:#000}
.param-display-main-configurator.section .param-display-page{height:100vh !important;min-height:600px !important;max-height:1050px !important;position:relative !important}
.param-display-main-configurator.section .scrollmagic-pin-spacer{display:none !important;height:0 !important}
.param-display-page *{box-sizing:border-box}
.param-display-bg-wrap{display:flex;align-items:center}
.param-display-page .param-display-bg{width:100%;height:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1;object-fit:cover}
.param-display-page32{margin-bottom:0;height:100vh}
.param-display-page32 .param-display-txtlist{position:absolute;left:8.3333333333vw;top:50%;transform:translateY(-50%);z-index:5}
.param-display-page32 .param-display-txtlist .param-display-item{display:flex;flex-direction:column;margin-bottom:2.3958333333vw}
.param-display-page32 .param-display-txtlist .param-display-item:last-child{margin-bottom:0}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-num-wrap{display:flex;flex-direction:row;justify-content:flex-start}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-num-wrap .param-display-num{font-size:5vw;margin-right:.8333333333vw;font-family:"audi_extended_normal_4.03"}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-num-wrap .param-display-flag{font-size:1.6666666667vw;margin-top:3.2291666667vw;display:flex;flex-direction:row;justify-content:center;align-items:center}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-num-wrap .param-display-flag .param-display-point{width:.2604166667vw;height:.2604166667vw;background-color:#fff;margin:0 .15625vw}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-label{font-size:1.0416666667vw;font-family:"audi-zh-light"}
.param-display-page32 .param-display-mask{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:10;background:url(../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/page2_mask.svg) no-repeat center center;background-size:cover}
@media only screen and (max-width:1024px) and (min-width:769px){.param-display-main-configurator{white-space:normal}
.param-display-page32 .param-display-txtlist{left:6vw;top:50%;transform:translateY(-50%)}
.param-display-page32 .param-display-txtlist .param-display-item{margin-bottom:3.5vw}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-num-wrap .param-display-num{font-size:8vw;margin-right:1.2vw}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-num-wrap .param-display-flag{font-size:2.5vw;margin-top:5vw}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-num-wrap .param-display-flag .param-display-point{width:.4vw;height:.4vw;margin:0 .25vw}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-label{font-size:2.5vw}
}
@media only screen and (max-width:768px){.param-display-main-configurator{white-space:normal}
.param-display-page32{margin-bottom:0vw}
.param-display-page32 .param-display-txtlist{left:8vw;top:100px;transform:none}
.param-display-page32 .param-display-txtlist .param-display-item{margin-bottom:2.6666666667vw}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-num-wrap .param-display-num{font-size:17.0666666667vw;margin-right:2.1333333333vw}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-num-wrap .param-display-flag{font-size:3.7333333333vw;margin-top:9.6vw;color:rgba(255,255,255,0.6)}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-num-wrap .param-display-flag .param-display-point{width:1.3333333333vw;height:1.3333333333vw;margin:0 .8vw}
.param-display-page32 .param-display-txtlist .param-display-item .param-display-label{font-size:3.7333333333vw}
}
.param-display-extra-content{margin:0;padding:2rem;box-sizing:border-box;height:100vh;background:linear-gradient(180deg,#1b1c21 0,#25282f 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;white-space:normal}
.param-display-extra-content *{box-sizing:border-box}
.param-display-extra-content h2{font-family:"audi-type-gb-normal","audi-wide";font-size:3rem;margin-bottom:2rem;color:#fff}
.param-display-extra-content p{font-family:"audi-type-gb-normal","audi-wide";font-size:1.2rem;margin-bottom:1rem;opacity:.8;color:#fff;line-height:1.5}
@media only screen and (max-width:768px){.param-display-extra-content h2{font-size:1.8rem}
.param-display-extra-content p{font-size:1rem}
}