@charset "UTF-8";.carSpinIntro{color:#fff}
.carSpinIntro .page3d{height:100vh;position:relative;overflow:hidden;font-family:"audi-zh-bold"}
.carSpinIntro .page3d .page3d-glow{position:absolute;top:38%;right:0;left:auto;width:50%;height:35%;pointer-events:none;z-index:1;border-radius:1000px;background:rgba(220,230,245,0.3);background-size:cover;filter:blur(150px);will-change:left,right}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait),only screen and (max-width:768px){.carSpinIntro .page3d .page3d-glow{right:20%}
}
@media only screen and (max-width:768px){.carSpinIntro .page3d{height:100vh}
}
.carSpinIntro .page3d .carlist{width:95vw;height:117%;position:absolute;left:0;top:0;z-index:8;overflow:hidden}
@media only screen and (max-width:768px){.carSpinIntro .page3d .carlist{width:144.8vw;height:81.6vw;left:-18.9333333333vw;top:80vw}
}
.carSpinIntro .page3d .carlist .car{position:absolute;left:0;top:0;width:100%;display:none}
.carSpinIntro .page3d .carlist .car.active{display:block}
.carSpinIntro .page3d .carlist .car .showpc{display:block}
@media only screen and (max-width:768px){.carSpinIntro .page3d .carlist .car .showpc{display:none}
}
.carSpinIntro .page3d .carlist .car .showm{display:none}
@media only screen and (max-width:768px){.carSpinIntro .page3d .carlist .car .showm{display:block}
}
.carSpinIntro .page3d .carlist .car .che{width:100%;position:relative;height:auto;display:block;z-index:5}
.carSpinIntro .page3d .carlist .car .lungu{width:100%;position:absolute;left:0;top:0;height:auto;display:block;z-index:10}
.carSpinIntro .page3d .carlist .car .shadow{width:100%;position:absolute;left:0;top:0;height:auto;display:block;z-index:6}
.carSpinIntro .page3d .car-big-text{position:absolute;left:50%;top:0vw;transform:translate(-50%,0);z-index:5;width:100vw;height:50vw}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.carSpinIntro .page3d .car-big-text{height:100vh}
}
@media only screen and (max-width:768px){.carSpinIntro .page3d .car-big-text{left:0;top:52.3333333333vw;transform:translate(0,0);width:100vw;height:426.6666666667vw}
}
.carSpinIntro .page3d .car-big-text .big-textlist{display:flex;flex-direction:row;position:absolute;top:8.3333333333vw;left:37.5vw;height:auto}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.carSpinIntro .page3d .car-big-text .big-textlist{top:15.9128978224vw;left:35.9296482412vw;transform:none}
}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.carSpinIntro .page3d .car-big-text .big-textlist{top:calc(43.5% + 20px);left:6.7146282974vw;transform:translateY(-50%)}
}
@media only screen and (max-width:768px){.carSpinIntro .page3d .car-big-text .big-textlist{top:20vh;left:4.2666666667vw;white-space:normal;word-wrap:break-word;transform:translateY(-50%)}
}
.carSpinIntro .page3d .car-big-text .big-textlist .big-name{font-family:"audi_extended_normal_4.03";color:rgba(255,255,255,0.15);font-size:11.46vw;line-height:1;white-space:nowrap;display:flex;align-items:flex-start;letter-spacing:clamp(2px,0.5208333333vw,16px)}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.carSpinIntro .page3d .car-big-text .big-textlist .big-name{font-size:16.46vw}
}
@media only screen and (max-width:768px){.carSpinIntro .page3d .car-big-text .big-textlist .big-name{font-weight:400;font-size:14.9333333333vw;line-height:100%;letter-spacing:1.3333333333vw}
}
.carSpinIntro .page3d .car-big-text .big-textlist .big-name .small{font-weight:400;font-size:clamp(22px,2.0833333333vw,65px);letter-spacing:0;top:clamp(90px,9.0625vw,270px);line-height:1;margin-top:20px;white-space:normal;word-wrap:break-word}
@media only screen and (max-width:768px){.carSpinIntro .page3d .car-big-text .big-textlist .big-name .small{display:block;font-weight:400;font-size:3.8666666667vw;line-height:100%;letter-spacing:0;margin-top:3px}
}
.carSpinIntro .page3d .car-big-text .big-textlist .big-name .small.small-q6l{margin-left:-4.1666666667vw}
@media only screen and (max-width:768px){.carSpinIntro .page3d .car-big-text .big-textlist .big-name .small.small-q6l{margin-left:2.6666666667vw}
}
.carSpinIntro .page3d .txtlist-wrap{width:100vw;height:100vh;position:absolute;z-index:10;left:0;top:0;line-height:1.2;font-family:"AudiTypeGBWideBold","audi-zh-bold"}
@media only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap{width:100vw;height:100vh}
}
.carSpinIntro .page3d .txtlist-wrap .txtlist{position:absolute;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;gap:1.25vw;bottom:auto}
.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist0{left:6.7708333333vw;top:50%;transform:translateY(-50%)}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait),only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist0{left:50%;transform:translateX(-50%);align-items:center;text-align:center}
}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist0{top:31.175059952vw;width:37.7697841727vw;gap:.8633093525vw}
}
@media only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist0{top:38.4vw;width:84vw;gap:1.92vw}
}
.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist0 .carTitle{font-size:1.4583333333vw;line-height:1.875vw;letter-spacing:0;font-family:"DFP King Gothic GB Medium";font-weight:400;color:#fff}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait),only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist0 .carTitle{display:none}
}
.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist1{left:6.7708333333vw;top:50%;transform:translateY(-50%)}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait),only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist1{left:50%;transform:translateX(-50%);align-items:center;text-align:center}
}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist1{top:31.175059952vw;width:37.7697841727vw;gap:.8633093525vw}
}
@media only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist1{top:38.4vw;width:84vw;gap:1.92vw;bottom:auto}
}
.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist2{left:69.7916666667vw;top:calc(50% + 10px);transform:translateY(-50%)}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait),only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist2{left:50%;transform:translateX(-50%);align-items:center;text-align:center}
}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist2{top:31.175059952vw;width:37.7697841727vw;gap:.8633093525vw}
}
@media only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist2{top:38.4vw;width:84vw;gap:1.92vw}
}
.carSpinIntro .page3d .txtlist-wrap .txtlist .t0{font-size:clamp(32px,2.1354166667vw,85px);font-weight:400}
@media only screen and (min-width:5120px) and (min-height:2880px){.carSpinIntro .page3d .txtlist-wrap .txtlist .t0{font-size:40px}
}
@media only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist .t0{font-size:6.9333333333vw;font-weight:300}
}
.carSpinIntro .page3d .txtlist-wrap .txtlist .t1{font-size:clamp(15px,1.25vw,36px);font-weight:400;font-family:"DFP King Gothic GB"}
@media only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist .t1{font-size:3.7333333333vw;font-weight:100}
}