body,html{height: 100%; padding: 0; margin: 0; font-family: 'Microsoft Yahei'}
ul,li,a{text-decoration: none;}
img{display: block;}

/* 导航 */
.header{width: 100%;}
.header .header_top{background: #000; width: 100%; height: 60px;}
.header .vw_logo{width: 80px; float: left; margin: 23px 0 0 20px;}
.header .audi_logo{width: 60px; float: right; margin: 20px 20px 0 0;}
.header ul{display: inline-block; width: 100%; height: 50px; line-height: 50px; text-align: center; padding: 0; margin: 0; background: #1a1a1a;}
.header ul li{display: inline-block; text-align: center; margin: 0 10px;}
.header .header_link{color: #676666;}

/* banner */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 40px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.swiper-pagination-bullet{width: 8px; height: 8px; opacity: 1; background: transparent; border: 2px solid #fff;}
.swiper-pagination-bullet-active{background: #fff;}

/* 车型 */
.model_item{color: #fff; background: #000; padding: 60px 0;}
.model_item_grey{background: #1b1b1b;}
.model_item .model_des{text-align: center;}
.model_item p{margin: 0;}
.model_item .model_title{font-size: 22px; font-weight: bold;}
.model_item .model_line{width: 70px; height: 2px; background: #fff; margin: 30px auto;}
.model_item .model_txt{font-size: 14px;}
.model_item .learn_more{display: block; border: 1px solid #fff; width: 110px; height: 40px; line-height: 40px; padding-left: 30px; font-size: 16px; color: #fff; background: url('../images/small_arrow.png') no-repeat 100px center; margin: 0 auto;}
.model_item .model_bg{margin: 30px 0;}
.model_item .tips_item{position: relative;}

#guide .model_txt{text-align: left; padding: 0 30px;}

.model_item .plus_btn{position: absolute; cursor: pointer; width: 20px;}
.model_item .layer_item{position: absolute; width: 320px; background: rgba(36, 45, 54, .5); padding: 30px; display: none;}
.model_item .layer_item .layer_title{font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.model_item .layer_item .layer_txt{font-size: 14px; opacity: .7;}

#a4l .plus01{top: 53%; left: 9%;}
#a4l .plus02{top: 45%; left: 25%;}
#a4l .plus03{top: 40%; left: 44%;}
#a4l .plus04{top: 42%; right: 14%;}

#q7 .plus01{top: 22%; left: 34%;}
#q7 .plus02{top: 26%; right: 22%;}


/* 页尾 */
.footer{background: #4c4c4c; padding: 30px 30px 10px; font-size: 14px; color: #fff;}
.footer a{display: inline-block; margin-right: 20px; color: #fff;}
.footer img{display: inline-block; vertical-align: middle;}
.footer .icon_wrap{margin: 30px 0;}
.footer .footer_line{width: 100%; height: 1px; background: #3c3c3c; margin: 20px auto;}


/* 浮层 */
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1; background: rgba(0, 0, 0, .8); display: none;}
.layer_item{background: #fff; position: fixed; top: 0%; left: 0; z-index: 2; padding: 30px; color: #000; display: none; opacity: 0;}
.layer_item p{margin: 0;}
.layer_item .layer_title{font-size: 26px; font-weight: bold;}
.layer_item .layer_line{width: 60px; height: 2px; background: #000; margin: 20px 0;}
.layer_item .close_btn{position: absolute; top: 0; right: 0; margin: 10px 10px 0 0; z-index: 3;}
.layer_item .close_btn img{width: 35px;}