/* car */
.setflex {
	display: flex;
}
.title{
	text-align: center;
}
.jus-center {
	justify-content: center;
}

.align-center {
	align-items: center;
}

.setflex1 {
	flex: 1;
}

.setflex2 {
	flex: 2;
}

.setflex6 {
	flex: 6;
}

.setflex4 {
	flex: 4;
}
.conten_box{background: url(../images/car/car_bg.png);padding: 87px 0;background-size: cover;}
#example{    
	position: fixed;
	display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
	margin: auto;
	width: 600px;
	height: 590px;
	background-color: #fff; border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
	padding-bottom: 30px;
	}
#example .close{outline:0;margin-right: 5px;}
#example .mymodal-head{text-align: center;font-size: 22px;font-weight: bold;padding-top: 30px;}
#example .mymodal-contant{padding: 0 20px;padding-bottom: 15px;}
#example .mymodal-contant p{font-size: 14px;margin-bottom: 5px;}
#example .mymodal-footer{text-align: center;}
#header nav ul li a{color: #fff;}
#car{ background-repeat: no-repeat; background-position: 100% 100%;background-size: 100%;}
#car .banner{position: relative;}
#car .banner .baojia{bottom: -350px; left:0;right: 0;padding: 24px 36px;margin: 0 auto;}
#car .banner>img{width: 100%;}
#car .banner .baojia .title{text-align: center;}
#car .banner .baojia .title #resUser{height: 25px;line-height: 25px;overflow: hidden;margin: 20px 0;}
#car .banner .baojia .title h2{font-size: 30px; color: #333;}
#car .banner .baojia .title p{font-size: 16px;color: #333;}
#car .banner .baojia .title p span:nth-child(2){padding: 0 15px;color: red;}
#car .banner .form-group{position: relative;}
#car .banner .exAdd{position: absolute;left: 8px;top: 6px;width: 238px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* #car .banner .selAddress{border: 1px solid #ccc;border-radius: 5px;display: flex; } */
#car .banner .selAddress select{
	/* padding: 5px 0; */
	border: none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	outline: none;
	opacity: 0;
/* -webkit-tap-highlight-color: rgba(0,0,0,0); */
}
#car .banner .selAddress select::-ms-expand{
	display:none;
}
#car .banner .col-md-4{padding-right: 10px;}
#car .banner .col-md-4>div{
    padding: 7px 7px;
    margin: 6.5px 0;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(204,204,204,1);
    opacity: 1;
    border-radius: 4px;

}
#car .banner .col-md-4>div input{
	border: none;
    outline: none;
    width: 100%;
}
#car .banner .submitImgWrap{margin: 0 auto;}
#car .banner .submitImgWrap .setBorderLe{height: 100%;padding-left: 15px;}
#car .banner .submitImgWrap .btnSubmit{width: 280px;cursor: pointer;} 
#car .proIntroduction{padding-top: 64px;padding-bottom: 50px;}
#car .proIntroduction .container{margin: 0 auto;}
#car .proIntroduction .container>div{padding: 0;}
#car .proIntroduction .container>div>div{background-color: #fff;margin-right: 24px;height: 100%;padding-top: 22px;}
#car .proIntroduction .container>div:nth-child(4)>div{margin-right: 0;}
#car .proIntroduction .container>div>div h6{margin-top: 20px;margin-bottom: 6px;font-weight: bold;font-size: 20px;}
#car .proIntroduction .container>div>div p{color: #999999; width: 70%;margin: 0 auto;}
#car .planJs .planJsTitle{text-align: center;margin: 50px 0; font-size: 28px; color: #061432;}
#car .planJs .planJsTitle span{display: block; margin: 0 auto; width: 60px; border-top: 3px solid #385DE8; margin-top: 15px;}
#car .planJs .planJsTabs{padding-bottom: 50px;}
#car .planJs .planJsTabs .planJsTabMain{background:url(../images/car/xzjs_img_bg.png); overflow: hidden;color: #fff;height: 382px; background-size: cover;border-radius: 14px;}
#car .planJs .planJsTabs .planJsTabMain>ul{padding: 0;justify-content: space-around;}
#car .planJs .planJsTabs .planJsTabMain>ul li{ text-align: center;padding: 30px 0 10px 0;border-bottom: 4px solid transparent; color:#fff; font-weight: 600; font-size: 18px;}
#car .planJs .planJsTabs .planJsTabMain>ul li.active{border-bottom: 4px solid #fff;}
#car .planJs .planJsTabs .planJsTabMain>ul li:hover{cursor: pointer;}
#car .planJs .planJsTabs .planJsTabMain .options{padding: 40px;display: none;padding-top: 10px;}
#car .planJs .planJsTabs .planJsTabMain .options.planShow{display: block;}
#car .planJs .planJsTabs .planJsTabMain .options .optionsCon p{font-size: 14px;}
#car .planJs .planJsTabs .planJsTabMain .options .optionsCon ul{padding-left: 20px;}
#car .planJs .planJsTabs .planJsTabMain .options .optionsCon ul li{list-style-type: disc;line-height: 24px;font-size: 14px;}
#car .planJs .planJsTabs .planJsTabMain .options .optionsCon span{display: inline-block; font-size:16px; margin-bottom: 10px;font-weight:600;}
#car .planJs .planJsTabs .planJsTabMain .options .optionsCon h6{display: inline-block;  box-shadow: 0px -8px 0px #385de84f inset;margin-top: 20px;font-size: 24px;font-weight: bold;}

#car .banner .submitImgWrap .look-book {position: relative;font-size: 14px;}
#car .banner .submitImgWrap .look-book a{font-size: 14px;color: #007bff;text-decoration: none;}
@media (max-width:768px) {
	#example{width: 100%;height: auto;}
	
	#car .proIntroduction .container>div>div{margin: 0;}
	#car .planJs .planJsTabs .planJsTabMain{display: flex;}
	#car .planJs .planJsTabs .planJsTabMain ul{display: block; flex:2;}
	#car .planJs .planJsTabs .planJsTabMain ul li{padding: 10px 5px;}
	#car .planJs .planJsTabs .planJsTabMain .planItems{flex: 7;padding-left: 15px;padding-top: 15px;}
	#car .planJs .planJsTabs .planJsTabMain .options{padding: 10px 10px;}
	#car .planJs .planJsTabs .planJsTabMain .options .setflex{display:block;}
	#car .planJs .planJsTabs .planJsTabMain .options .optionsCon ul li{padding: 0; color:#fff;}
	#car .banner{height: 664px;}
	#car .banner>img{height: 0;display: none;}
	#car .banner .col-md-6{padding-right: 0;}
	#car .banner .col-md-6:nth-child(6) p{margin-bottom: 0;}
	#car .banner .col-md-6:nth-child(6){margin-bottom: 0;}
	#car .banner .submitImgWrap .setBorderLe{margin-left: 0; padding-left: 0;border: none;}
	
	#car .proIntroduction .container>div>div{padding-top: 28px;}
	#car .proIntroduction .container>div:nth-child(2)~ div>div{padding-bottom: 28px;}
	#car .proIntroduction .container>div{height: auto;}
	#car .proIntroduction .container>div>div h6{margin-top: 15px;font-size:18px;}
	#car .planJs .planJsTabs .planJsTabMain>ul li{font-size: 15px; border: none;font-weight: 500;color: #fff;}
	#car .planJs .planJsTabs .planJsTabMain>ul li.active{border-top: none; background-color: #155ed9f0; color: #fff;background-color:rgba(21,94,217,0.94);}
	#car .planJs .planJsTabs .planJsTabMain .options .setflex .optionsCon{padding-bottom: 10px;}
	#car .planJs .planJsTitle{margin: 0;background-color: #fff;margin-top:28px;padding: 20px 0;}
	#car .planJs .planJsTabs{padding-bottom:0;}
	#car .planJs .planJsTabs .planJsTabMain .options .optionsCon h6{margin-top: 0;font-size: 18px;}
	#car .planJs .planJsTitle span{margin-bottom: 8px;}
	#car .banner{height: auto;}
	#car .banner .baojia {padding: 0 23px;padding-bottom: 20px;background-color: #fff;position: static;padding-top: 90px;}
	#car .ht440 {display: none;}
	#car .proIntroduction { margin-top: 28px;}
	#car .inps{ padding: 20px 20px;border-radius: 5px;padding-bottom: 0;background-color: #fff;    box-shadow: 0 4px 9px #dedede;}
	#car .inps>ul li:nth-child(1){padding-left: 0;}
	#car .inps>ul li:nth-child(4){padding-right: 0;}
	#car .inps>ul li{text-align: center;flex: 1;margin-bottom: 10px;}
	#car .inps>ul li span{display: block;}
	#car .inps>ul li img{width: 50%;}
}