@import url('../css/swiper.min.css');*{margin:0;padding:0;list-style:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,html{font-family:"Microsoft YaHei";position:relative;background:#fff;max-width:750px;margin:0 auto;color:#000;font-size:0.2rem}
a{text-decoration:none;outline:none}
em,i,strong{font-style:normal}
img{border:0;vertical-align:middle;display:inline-block}
input,textarea,select{font-family:"Microsoft YaHei";font-size:0.22rem !important;outline:none;background:transparent;border:0;line-height:100% !important}
input[type="submit"],input[type="reset"],input[type="button"],input[type='file'],button,select{-webkit-appearance:none}
table{border-collapse:collapse;border-spacing:0}
::-webkit-input-placeholder{color:#7c7c7c !important;font-size:0.18rem !important}
:-moz-placeholder{color:#7c7c7c !important;font-size:0.18rem !important}
::-moz-placeholder{color:#7c7c7c !important;font-size:0.18rem !important}
:-ms-input-placeholder{color:#7c7c7c !important;font-size:0.18rem !important}
.tab-item{display:none}
.tab-item.tab-item-active{display:block;}
.swiper-button-next:after,.swiper-button-prev:after{display:none}
.main{width:7.5rem;margin:0 auto;overflow:hidden;position:relative}
.copyright{color:#fff;bottom:0.95rem;font-size:0.16rem;text-align:center;padding:0;position:absolute;width:100%;z-index:89}
.scroll-notice{left:0;top:0.5rem;width:3rem;color:#fff;font-size:0.22rem;overflow:hidden;position:absolute}
.scroll-notice,.scroll-notice li{height:0.4rem;line-height:0.4rem}
.tkContent{width:7.5rem;position:relative;z-index:1}
.test-drive{width:7.08rem;height:0.78rem;line-height:0.78rem;font-size:0.3rem;font-weight:bold;background:#7a92b4;color:#fff;position:fixed;bottom:-1rem;left:50%;margin-left:-3.54rem;text-align:center;z-index:90;z-index:90;letter-spacing:0.1rem; transition:all 1s;}
.test-drive.active{bottom:0.1rem}
.law-rule,.law-fajiang,.law-vip{display:block;position:absolute;text-align:center;text-decoration:none;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:100%}
.law-rule{left:0.2rem;top:1rem;width:1.8rem;height:0.5rem;line-height:0.5rem;border-radius:0.1rem;font-size:0.24rem;color:#fff;background:#af53c8 no-repeat center;background-size:100% 100%}
.law-fajiang{left:5.3rem;top:1rem;font-size:0.2rem;color:#f00;text-decoration:underline}
.law-vip{left:2.2rem;top:1rem;width:2.51rem;height:0.67rem;background-image:url(https://topic.autoimg.cn/act/marketing/2020/5/viloran/pc/btn-vip.png)}
.active-msg{width:7.5rem;left:0rem;top:15.5rem;font-size:0.2rem;line-height:0.33rem;color:#fff;position:absolute}
.p{width:100%;position:relative;background-repeat:no-repeat;background-position:center;background-size:100%}
.p-container{position:absolute;left:0;top:0;width:100%;height:100%}
.p-container:before{display:table;content:''}
.img-bg{display:block;width:100%;height:auto;margin:0 auto}


.kvs{width:100%;position:relative}
.kvs img{width:100%;height:4.22rem;margin:0 auto;display:block}
/* KV文字备注 */
.kvs .kv-msg{position: absolute;left: 0.5rem;bottom: .5rem;font-size:0.24rem;color: #fff;}
.kvs .swiper-pagination-bullets{position: absolute;width: 100%;bottom:-0.4rem !important;left: 0;z-index: 2;text-align: center;}
.kvs .swiper-pagination-bullets .swiper-pagination-bullet{width:0.2rem;height:0.2rem;background:#bfa591;margin:0 0.05rem;opacity:0.5;outline:none !important;border-radius:0.5rem;border:0rem solid #fff;}
.kvs .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
/* KV轮播 End */


/* 表单样式 start */
.platform-icon{color:#fff;}
.platform-arrow-right {width: 0.28rem;height: 0.4rem;transform: rotate(90deg);}
.platform-encrypt,.platform-help {position: absolute;right: 0.4rem;top: 0;bottom: 0;margin: auto;padding: 0.12rem 0.04rem;width: 0.35rem;height: 0.4rem;color: inherit;z-index: 1;}
.platform-help {right: 0.05rem;}
.platform-form-container {width:6.5rem;color: #fff;margin:1.64rem auto 0;font-size: 0.24rem;background:none;position: relative;z-index: 88;padding: 0;box-sizing: border-box;}
.platform-card {border:0px solid #fff;padding: 0.2rem;border-radius: 0;margin: 0;box-sizing: border-box;}
.platform-series {height: 0.8rem;margin-bottom: 0.1rem;padding: 0;width: 100%;border:0.01rem solid #fff;border-radius:0.08rem;}
.platform-series-info {padding: 0;right:0;width:auto;padding-right:0.2rem;}
.platform-series-img{margin-left:0;margin-top: 0;top:-0.3rem;width: 3.37rem !important;max-width: 3.37rem;height:1.75rem !important;max-height: 1.75rem !important;}
.platform-series-title {font-size: 0.37rem;height: 0.5rem;line-height: 0.46rem;font-weight: bold;color:#fff;padding-right:0.35rem;}
.platform-user-info {width: 100%;padding:0;box-sizing: border-box;}
.platform-form-item {height:0.56rem;border-bottom:0.01rem solid #fff;margin-bottom: 0.2rem;border-radius:0;box-sizing: border-box;}
.platform-form-label {font-size:0.24rem;width: 1.4rem;height: 0.56rem;line-height: 0.56rem;padding-left: 0;box-sizing: border-box;color:#fff;}
.platform-form-label i{left: -0.17rem;color:#fff;}
.platform-form-input,.platform-form-view,.platform-dealer-view{padding-left: 1.1rem;line-height: 0.56rem;font-size: 0.22rem;height: 100%;box-sizing: border-box;color:#fff;}
.platform-form-input{line-height:0.36rem;padding-top:0.1rem;padding-bottom:0.1rem;color:#fff;}
.platform-form-drop{padding: 0;}
.platform-btn-box {margin-top: 0.26rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.platform-btn-large{width:100%;height: 0.8rem; background:#7a92b4; background-size:100% 100%;line-height:0.8rem;font-size: 0.36rem;color:#fff !important;border-radius:0;font-weight:bold;margin: 0;text-align: center;display: inline-block;box-sizing: border-box; background-size:100% 100%;}
.platform-btn-disable{background: #818181;}
.platform-btn-disable span{font-size: 0.24rem;}
.platform-form-statement {font-size: 0.24rem;margin-top: 0.2rem;padding: 0;color:#fff;}
.platform-link {color: #7a92b4;text-decoration: underline;}
.platform-sidebar-head{background: #7a92b4 !important;}
.platform-selected-right,.platform-selected-left{color:#7a92b4 !important;}
.platform-dropdown-container{width:100% !important;}
#form_yzm{width:40%;}
.yxcx{font-size:0.26rem;color:#fff; position:absolute;left:0.2rem;top:0;line-height:0.8rem;}
/* 表单样式 end */
.yzzl{top:10.5rem;font-size:0.2rem;color:#fff;position:absolute;width:100%;left:0;text-align:center}


.phoneBox{width:100%;display:flex;justify-content:space-between}
#platform-form-mobile{width:61%;display:inline-block}
#yzm{width:4.8rem;height:0.8rem;margin-top:0.4rem;margin-left:0.4rem;border:1px solid #EBEBEB;font-size:0.24rem;line-height:0.8rem;font-weight:normal !important;padding-left:0.1rem;position:relative}
#yzm i{position:absolute;left:-0.2rem;top:0.3rem;color:#fff}
#platform-form-mobile input{width:100%;height:0.56rem;line-height:0.56rem;padding:0;padding-left:1.1rem;box-sizing:border-box}
.codeBtn{display:inline-block;height:0.56rem;line-height:0.56rem;text-align:center;text-decoration:none;color:#7a92b4;position:absolute;right:0rem;bottom:0rem;font-size:0.24rem;background:none;font-weight:600}
.codeInp{line-height:0.56rem;font-size:0.22rem;color:#fff;height:0.56rem}
#yzm input{width:100%;font-size:0.24rem;height:0.8rem;line-height:0.8rem;font-weight:normal !important;color:#000 !important}
#yzm::-webkit-input-placeholder{color:#c5cad4 !important;font-size:0.24rem !important}
#yzm:-moz-placeholder{color:#c5cad4 !important;font-size:0.24rem !important}
#yzm::-moz-placeholder{color:#c5cad4 !important;font-size:0.24rem !important}
#yzm:-ms-input-placeholder{color:#c5cad4 !important;font-size:0.24rem !important}
#yzm a{display:inline-block;position:absolute;right:.2rem;top:0;text-decoration:none;text-align:right}
.sl{display:inline-block;width:6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-group-highlight>li>img{width:60%;height:60%}
.p3 .kv-msg{position:absolute;left:50%;transform:translateX(-50%);z-index:999;font-weight:700;color:#ef494e;bottom:.1rem;font-size:0.14rem}
.yzm-box{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:59999;left:0;top:0;display:none}
.yzm-box .yzm{width:5.6rem;height:3.96rem;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);border-radius:0.24rem;-webkit-border-radius:0.24rem;-moz-border-radius:0.24rem;-ms-border-radius:0.24rem;-o-border-radius:0.24rem}
.yzm-mobile{font-size:0.3rem;color:#828CA0;margin-top:0.26rem;padding-left:0.4rem}
.yzm-mobile span{color:#111E36;margin-left:0.03rem}
#tc-yzm{width:4.8rem;height:0.8rem;margin-top:0.4rem;margin-left:0.4rem;border:1px solid #EBEBEB;font-size:0.24rem;line-height:0.8rem;font-weight:normal !important;padding-left:0.1rem;position:relative}
#tc-yzm input{width:100%;font-size:0.24rem;height:0.8rem;line-height:0.8rem;font-weight:normal !important;color:#206CFE !important}
#tc-yzm::-webkit-input-placeholder{color:#c5cad4 !important;font-size:0.24rem !important}
#tc-yzm:-moz-placeholder{color:#c5cad4 !important;font-size:0.24rem !important}
#tc-yzm::-moz-placeholder{color:#c5cad4 !important;font-size:0.24rem !important}
#tc-yzm:-ms-input-placeholder{color:#c5cad4 !important;font-size:0.24rem !important}
#tc-yzm a{display:inline-block;position:absolute;right:.2rem;top:0;text-decoration:none;text-align:right}
.msg{height:0.33rem;font-size:0.24rem;color:#FF4434;margin-top:0.26rem;padding-left:0.4rem;display:none}
.yzm-btn{position:absolute;bottom:0.43rem;right:0.4rem;width:1.68rem;height:0.3rem;font-size:0.24rem;color:#206CFE;z-index:6}
.x{width:0.88rem;height:0.88rem;position:absolute;right:0;top:0}

/* 自定义弹窗样式 */
.popups{box-sizing:content-box;padding:0.2rem 0.4rem;background:rgba(0,0,0,.8);color:#fff;position:fixed;left:50%;top:35%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index:1000000000000;border-radius:0.1rem;-webkit-border-radius:0.1rem;-moz-border-radius:0.1rem;-ms-border-radius:0.1rem;-o-border-radius:0.1rem;font-size:0.24rem;animation-name:popupsTrigger}
@keyframes popupsTrigger{0%{opacity:0}
20%{opacity:1}
80%{opacity:1}
100%{opacity:0}
}.shou{width:1rem;position:absolute;top:0.1rem;right:0.3rem;animation:1s suofang infinite;-webkit-animation:1s suofang infinite}
@keyframes suofang{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1)}
70%{transform:scale(0.85,0.85);-webkit-transform:scale(0.85,0.85);-moz-transform:scale(0.85,0.85);-ms-transform:scale(0.85,0.85);-o-transform:scale(0.85,0.85)}
100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1)}
}



/* swiper start*/
.swiper-box{position:relative}
.swiper-box .swiper-container{width:100%;margin:0 auto;transform:translate3d(0,0,0);overflow:hidden}
.swiper-container{transform:translate3d(0,0,0);overflow:hidden}
.swiper-container .swiper-slide{transform:translate3d(0,0,0)}
.swiper-box .swiper-container img{width:100%;margin:0 auto}
.swiper-button-next, .swiper-button-prev{width:0.32rem;height:0.93rem;background: url(https://topic.autoimg.cn/pmhd/marketing/2022/9/she10x/m/fr.png) center no-repeat; background-size:100% 100%;top:50%;margin-top:-0.465rem;}
.swiper-button-prev{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);left:0;}
.swiper-button-next{right:0;}
.swiper-button-next:focus,.swiper-button-prev:focus{ outline:none !important;}
.swiper-pagination-bullets{margin-top:0.1rem;width:100%;text-align:center;z-index:3}
.swiper-pagination-bullet{width:0.2rem;height:0.2rem;margin:0 0.05rem;background:none;border:0.01rem solid #fff;opacity:1;outline:none !important;border-radius:50%}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;opacity:1}
.swiper-pagination-bullets{margin-top:0;bottom:0rem !important}
/* swiper end */

/* 视频 start */
.video{width:7.5rem;height:4.06rem;margin:0.9rem auto 0;}

/* 多视频 */
#videobox{width:7.5rem;margin:0.8rem auto 0}

/*多视频轮播*/
#videobox .swiper-container{width:7.5rem}
#videobox .swiper-video{width:6.81rem;height:3.7rem;margin:0.1rem auto;box-shadow:0 0 0.1rem  rgba(0,0,0,0.1)}

/* 视频 end */

/* 直播 */
.live-player{width:6rem;height:3.4rem;margin:2rem auto 0}

/* 车型亮点 */
.highlight{width:7.02rem;margin:0rem auto 0;}
.highlight .swiper-container{width:100%;transform:translate3d(0,0,0);overflow:hidden;padding-bottom:0.5rem;}
.highlight .swiper-container img{width:100%;display:block;margin:0 auto;transform:translate3d(0,0,0);height:6.33rem;}

.p2 .highlight .swiper-container img{height:5.69rem;}
.p2 .highlight{margin-top:1.02rem;}
.p3 .highlight{margin-top:2.42rem;}
.p4 .highlight{margin-top:1.03rem;}

/* 亮点图切换按钮 */
.btn-group-highlight{width:100%;margin:0.88rem auto 0;text-align:center;overflow:hidden}
.btn-group-highlight>li{width:3.33rem;height:0.62rem;line-height:0.66rem;font-size:0.36rem;color:#1e3c9b;border:0rem solid #1e3c9b;border-radius:0;cursor:pointer;display:inline-block;float:left;text-align:center;margin-left:0.2rem;}
.btn-group-highlight>li.btn-item-active{color:#fff;background:#1e3c9b; background-size:100% 100%;}
.btn-group-highlight>li:nth-child(1){ background:url(https://topic.autoimg.cn/pmhd/marketing/2023/8/infiniti/m/tab_01.png) no-repeat; background-size:100%;margin-left:0.28rem;}
.btn-group-highlight>li:nth-child(1).btn-item-active{background:url(https://topic.autoimg.cn/pmhd/marketing/2023/8/infiniti/m/tab_01d.png) no-repeat; background-size:100%;}
.btn-group-highlight>li:nth-child(2){ background:url(https://topic.autoimg.cn/pmhd/marketing/2023/8/infiniti/m/tab_02.png) no-repeat; background-size:100%;}
.btn-group-highlight>li:nth-child(2).btn-item-active{background:url(https://topic.autoimg.cn/pmhd/marketing/2023/8/infiniti/m/tab_02d.png) no-repeat; background-size:100%;}

.tab-item{}

/* 精美车图 swiper */
.beautiful-pictures{width:7.5rem;margin:1.5rem auto 0}
.beautiful-pictures .swiper-container{width:6rem}

/* 3D轮播图 Start */
.carousel{width:7.5rem;height:3.75rem;margin:1.5rem auto 0;overflow:hidden;position:relative}
.carousel .prevButton,.carousel .nextButton{width:0.41rem;height:0.95rem;margin-top:-0.48rem;position:absolute;top:50%;z-index:10;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:100% 100%}
.carousel .prevButton{left:0;background-image:url(http://wx.bjczxda.com/example/pc/prev.png)}
.carousel .nextButton{right:0;background-image:url(http://wx.bjczxda.com/example/pc/next.png)}
.carousel .slides{margin:0 auto;overflow:hidden;position:relative}
.carousel .slides .slideItem{padding:0;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important}
.carousel .slides .slideItem a{overflow:hidden;display:block}

/* 3D轮播图 End */

/* 经销商 Start*/
.dealer-select{text-align: left; padding-left: 1.45rem; margin-top: 2.7rem;}
.dealer-select select{box-sizing: border-box; width: 1.3rem;height: 0.48rem;margin: 0 auto 0;
  background: none;
  padding-left: 0;background-repeat: no-repeat;background-position:center;background-size: 100% 100%;box-sizing: border-box;
  border-radius: 0; color: #fff;text-align: right; direction: rtl; padding-right: 0.35rem; font-size: 0.2rem;}
.dealer-select select option { color: #000;}
/* #dealer-province{background-image: url(https://topic.autoimg.cn/act/marketing/2020/4/va3/pc/form/province.webp)}
#dealer-city{background-image: url(https://topic.autoimg.cn/act/marketing/2020/4/va3/pc/form/city.webp)} */
.dealer-container{width: 6.94rem;height: 3.5rem;overflow: auto;position: relative;box-sizing: border-box;margin-top: 0.2rem;
  margin-left: 0.32rem; background: #b9c8d5;}
.dealer-content{width:6.94rem;margin: 0 auto;color: #000;}
.dealer-content .dealer-item{position: relative;padding: 0.1rem 0;box-sizing: border-box; font-size: 0.16rem;}
.dealer-content .dealer-item:last-child { border-bottom: none;}
.dealer-content .dealer-item p{line-height: 1.7;padding-left: 0.2rem;padding-right: 0.2rem;
  box-sizing: border-box;}
/* .dealer-content .dealer-item p:first-child { font-size: 0.22rem; font-weight: bold;} */
.dealer-content .dealer-item p:last-child{position: absolute;top: 0.12rem;right: 0;}
/* 经销商End*/

.proLeft,.cityRight{display:inline-block;box-sizing:border-box;position:relative;font-size:0.21rem;color:#fff;border:solid 1px #2d5a84;padding-left:0.2rem}
.proLeft{margin-right:0.1rem}
.proLeft span,.cityRight span{display:inline-block;margin-right:0.05rem;font-size:0.22rem;color:#fff;font-weight:bold}
.jt1,.jt2{width:0.07rem;height:0.07rem;border-right:0.02rem solid #fff;border-bottom:0.02rem solid #fff;transform:rotate(45deg);position:absolute;bottom:0.21rem;right:0.16rem}


/* 滚动条 start */
.mCSB_container {width: 100%;}
.mCSB_scrollTools {right: 0;top: 0;width: 0.1rem;height: 100%;background: rgba(255,255,255,0);}
.mCSB_draggerContainer { height: 100%;}
.mCSB_dragger {width: 0.05rem;right: 0;}
.mCSB_dragger_bar {width: 0.05rem;height: 0.83rem;background: #4CBCED;cursor: pointer;margin: 0 auto;}
.mCSB_dragger_onDrag .mCSB_dragger_bar {background-position: 0 0;}
.mCSB_draggerContainer, .mCSB_draggerRail { width: 100%; height: 100%;}
/* 滚动条 end */


/* 配置表 start */
.configtab{width:7rem;margin:2.2rem auto 0}
.configtab-head{height:0.8rem;line-height:0.8rem;font-size:0.3rem;background:#d95bc9;color:#fff;position:relative;text-align:center}
.configtab-select{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;z-index:1}
.select-msg{position:relative}

/* 三角 */
.select-msg:after{right:0.2rem;top:50%;margin-top:-0.07rem;border-width:0.14rem;border-style:solid;border-color:#fff transparent transparent transparent;content:'';display:block;position:absolute;width:0;height:0}
.configtab-body{overflow:auto;position:relative;margin:0 auto;width:100%;height:5rem}
.configtab-body table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.configtab-body table td{height:0.68rem;line-height:0.68rem;font-size:0.2rem;color:#fff;text-align:center;border:solid 1px #fff}
/* 配置表 end */

.banner img.bc{height:13.48rem;}
.p1 img.bc{height:9.51rem;}
.p2 img.bc{height:8.1rem;}
.p3 img.bc{height:10.05rem;}
.p4 img.bc{height:8.6rem;}
.p5 img.bc{height:11.26rem;}
.zc img.bc{height:13.49rem;}

