.carSpinIntro{color:#fff}
.carSpinIntro .page3d{height:130vh;position:relative;overflow:hidden;font-family:"audi-zh-bold"}
@media only screen and (max-width:768px){.carSpinIntro .page3d{height:100vh}
}
@media only screen and (max-width:1024px) and (min-width:769px){.carSpinIntro .page3d{top:20%}
}
.carSpinIntro .page3d .carlist{width:100vw;height:50vw;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 only screen and (max-width:768px){.carSpinIntro .page3d .car-big-text{left:0;top:57.3333333333vw;transform:translate(0,0);width:100vw;height:426.6666666667vw}
}
.carSpinIntro .page3d .car-big-text .big-textlist{display:flex;flex-direction:row;justify-content:center;position:absolute;left:21.1458333333vw;top:0;height:100%}
@media only screen and (max-width:768px){.carSpinIntro .page3d .car-big-text .big-textlist{left:5.6vw;transform:none}
}
.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:26.1458333333vw;line-height:1.22;white-space:nowrap;display:flex}
@media only screen and (max-width:768px){.carSpinIntro .page3d .car-big-text .big-textlist .big-name{font-weight:400;font-size:35.2vw;line-height:100%;letter-spacing:1.3333333333vw;display:block}
}
.carSpinIntro .page3d .car-big-text .big-textlist .big-name .small{font-size:3.0208333333vw;margin-left:.625vw;margin-top:6.7708333333vw}
@media only screen and (max-width:768px){.carSpinIntro .page3d .car-big-text .big-textlist .big-name .small{display:block;font-weight:400;font-size:8.4vw;line-height:100%;letter-spacing:0;margin-left:2.9333333333vw;margin-top:0}
}
.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:50vw;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}
.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist0{left:6.25vw;bottom:25vw}
@media only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist0{top:40vw;left:8vw}
}
.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist1{left:10.4166666667vw;bottom:25vw}
@media only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist1{top:40vw;left:8vw;bottom:auto}
}
.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist2{right:13.4375vw;top:19.8958333333vw}
@media only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist.txtlist2{right:auto;top:40vw;left:8vw}
}
.carSpinIntro .page3d .txtlist-wrap .txtlist .t0{font-size:2.5vw;font-weight:700}
@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:1.0416666667vw;margin-top:.8333333333vw}
@media only screen and (max-width:768px){.carSpinIntro .page3d .txtlist-wrap .txtlist .t1{font-size:3.7333333333vw;margin-top:3.2vw}
}