@charset "utf-8";

.set_middle{
	display:flex;
	justify-content:center;
	align-items:center;
}

.car_index_banner{
	width:100%;
	height:400px;
	background-image:url(../images/motor/motor_index_banner_pc.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:0px;
}
.banner_container{
	width:1280px;
	margin:0 auto;
	position:relative;
	z-index:20;
}
.banner_container .banner_title{
	font-size:50px;
	font-weight:bold;
	color:#FF5A5A;
	position:absolute;
	top:65px;
	left:215px;
}
.banner_container .banner_sub_title{
	font-size:28px;
	line-height:42px;
	color:#3476c5;
	position:absolute;
	top:125px;
	left:215px;
}
.banner_container .banner_sub_title span{
	font-size:36px;
	font-weight:bold;
}
.banner_container .ins_btn{
	width:180px;
	height:60px;
	font-size:24px;
	font-weight:bold;
	letter-spacing:1px;
	border-radius:99px;
	position:absolute;
	top:240px;
	cursor:pointer;
}
.banner_container .ins_btn_red{
	background:#FF5A5A;
	color:#ffffff;
	left:215px;
}
.banner_container .ins_btn_blue{
	background:#ffffff;
	color:#3476c5;
	border:3px solid #3476c5;
	left:415px;
}
.car_index_banner_cover{
	width:100%;
	opacity:0;
	position:relative;
	z-index:10;
	display:none;
}
.banner_btn_container{
	display:none;
}
.td_banner_btn_container{
	position:relative;
}
.td_banner_btn_red,.td_banner_btn_blue{
	width:100%;
	height:100%;
	font-size:1.8vw;
	font-weight:bold;
	border-radius:99px;
	position:absolute;
	top:0px;
	left:0px;
}
.td_banner_btn_red{
	background:#FF5A5A;
	color:#ffffff;

}
.td_banner_btn_blue{
	background:#ffffff;
	color:#3476C5;
	border:3px solid #3476C5;
}
@media (max-width:1360px) {
	.car_index_banner{
		background-image:url(../images/motor/motor_index_banner_pc_1360.jpg);
		position:relative;
		height:auto;
		background-size:auto 100%;
	}
	.banner_container{
		width:100%;
	}
	.banner_container .ins_btn{display:none;}
	.banner_container .banner_title{
		font-size:3.2vw;
		top:4vw;
		left:220px;
	}
	.banner_container .banner_sub_title{
		font-size:1.8vw;
		line-height:normal;
		top:8vw;
		left:220px;
	}
	.banner_container .banner_sub_title span{
		font-size:2.2vw;
		font-weight:bold;
	}
	.car_index_banner_cover{
		display:block;
	}
	.banner_btn_container{
		display:block;
		height:62px;
		position:absolute;
		top:16vw;
		left:170px;
	}
	.banner_btn_container img{
		width:100%;
		height:100%;
		display:inline;
		opacity:0;
	}
	.banner_btn_img_768,.banner_btn_img_540{
		display:none;
	}
}
@media (max-width:1280px) {

}
@media (max-width:1180px) {
	.banner_btn_container{
		left:180px;
	}
}
@media (max-width:1080px) {
	.banner_container .banner_title{
		left:190px;
	}
	.banner_container .banner_sub_title{
		left:190px;
	}
	.banner_btn_container{
		left:150px;
	}
}

@media (max-width:991px) {
	.car_index_banner{
		margin-top:0px;
	}

}
@media (max-width:960px) {
	.banner_container .banner_title{
		font-size:3.5vw;
		top:4vw;
		left:160px;
	}
	.banner_container .banner_sub_title{
		font-size:2.2vw;
		top:8.5vw;
		left:160px;
	}
	.banner_container .banner_sub_title span{
		font-size:2.5vw;
	}
	.banner_btn_img_1360{
		height:50px;
	}
	.banner_btn_container{
		top:17vw;
		left:130px;
	}	
}
@media (max-width:860px) {
	.banner_container .banner_title{
		left:140px;
	}
	.banner_container .banner_sub_title{
		left:140px;
	}
	.banner_btn_img_1360{
		height:42px;
	}
	.banner_btn_container{
		left:110px;
	}
}
@media (max-width:768px) {
	.car_index_banner{
		background-image:url(../images/motor/motor_index_banner_mobile_860.jpg);
	}
	.banner_container .banner_title{
		font-size:6vw;
		top:7vw;
		left:45px;
	}
	.banner_container .banner_sub_title{
		font-size:3.2vw;
		top:14vw;
		left:45px;
	}
	.banner_container .banner_sub_title span{
		font-size:4.3vw;
	}
	.banner_btn_container{
		top:30vw;
		left:10px;
	}
	.td_banner_btn_red,.td_banner_btn_blue{
		font-size:3.1vw;
	}
	.banner_btn_img_1360{
		display:none;
	}
	.banner_btn_img_768{
		display:block;
	}
}
@media (max-width:680px) {

}
@media (max-width:620px) {

}

@media (max-width:540px) {
	.car_index_banner{
		background-image:url(../images/motor/motor_index_banner_mobile_540.jpg);
	}
	.banner_container .banner_title{
		font-size:7vw;
		top:9vw;
		left:30px;
	}
	.banner_container .banner_sub_title{
		font-size:4.5vw;
		top:17vw;
		left:30px;
	}
	.banner_container .banner_sub_title span{
		font-size:5.5vw;
	}
	.banner_btn_container{
		top:36vw;
		left:-5px;
	}
	.td_banner_btn_red,.td_banner_btn_blue{
		font-size:4.1vw;
		height:50px;
	}
	.banner_btn_img_768{
		display:none;
	}
	.banner_btn_img_540{
		width:85%;
		display:block;
	}
}
@media (max-width:420px) {
	.td_banner_btn_red,.td_banner_btn_blue{
		font-size:4.3vw;
		height:42px;
	}
}

.car_index_main{
	width:100%;
	padding-top:50px;
	padding-bottom:130px;
}
.car_index_main_block_1{
	background-image:url(../images/motor/car_index_block_1_bg.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
@media (max-width:1280px) {
	.car_index_main_block_1{
		background-image:none;
	}
	.car_index_main{
		padding-bottom:80px;
	}
}
@media (max-width:768px) {
	.car_index_main{
		padding-bottom:50px;
	}
}
@media (max-width:540px) {
	.car_index_main{
		padding-bottom:30px;
	}
}

.car_index_container{
	width:1360px;
	margin:0 auto;
	text-align:center;
}
.car_index_block_1{
	
}
.car_index_main_title{
	height:86px;
	font-size:26px;
	line-height: 1.2;
	font-weight:bold;
	color:#1B68C3;
	border-top:2px solid #1B68C3;
	border-bottom:2px solid #1B68C3;
	margin-bottom:30px;
	padding:0px 25px 0px 25px;
	position:relative;
	display:inline-flex;
	align-items:center;
}
.car_index_main_title br{
	display:none;
}
.car_index_main_subtitle{
	font-size:22px;
	font-weight:normal;
	color:#1B68C3;
	margin-top:5px;
	display:block;
}

.car_index_title_icon{
	position:absolute;
	top:0px;
	left:-6px;
}
@media (max-width:1280px) {
	.car_index_main_title{
		height:76px;
		font-size:24px;
	}
	.car_index_main_subtitle{
		font-size:20px;
	}
	.car_index_title_icon{
		width:75px;
	}
}
@media (max-width:768px) {
	.car_index_main_title{
		font-size:24px;
		margin-bottom:20px;
		padding:0px 10px 0px 10px;
	}
}
@media (max-width:540px) {
	.car_index_main_title{
		height:auto;
		font-size:22px;
		line-height:28px;
		padding: 10px 10px 10px 10px;
	}
	.car_index_main_subtitle{
		font-size:18px;
		line-height:1;
	}
	.car_index_main_subtitle span{
		display:block;
		margin-bottom:5px;
	}
	.car_index_title_icon{
		width:70px;
	}
}
@media (max-width:460px) {
	.car_index_main_title br{
		display:inline;
	}
}
@media (max-width:420px) {
	.car_index_main_title{
		padding: 5px 10px 5px 10px;
	}
}


.car_index_card_container{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.car_index_block_1 .car_index_card{
	width:870px;
	background:#ffffff;
	border-radius:32px;
	box-shadow:0px 8px 20px rgba(0,0,0,0.15);
	padding:30px 50px;
	margin-bottom:30px;
	position:relative;
	display:flex;
}
.motor_index_card_left{
	width:130px;
	margin-right:30px;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.motor_index_card_left .title{
	width:100%;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#212529;
	margin-top:15px;
}
.motor_index_card_right{
	width:calc(100% - 160px);
}
.motor_index_card_right .title{
	font-size:24px;
	font-weight:bold;
	line-height:32px;
	text-align:left;
	color:#FF5A5A;
	margin-bottom:10px;
}
.car_index_block_1 .car_index_card_main_list{
	font-size:20px;
	font-weight:bold;
	position:relative;
}
.car_index_block_1 .car_index_card_main_list_item{
	text-align:left;
	line-height:26px;
	position:relative;
	margin-bottom:10px;
	padding-left:25px;
}
.car_index_block_1 .car_index_card_main_list_item span{
	color:#FF5A5A;
}
.car_index_block_1 .car_index_card_main_list_item i{
	color:#FF5A5A;
	position:absolute;
	top:4px;
	left:0px;
}
.card_main_list_item_list{
	font-size:18px;
	line-height:24px;
	margin-left:3px;
	margin-top:5px;
}
.card_main_list_item_list li{
	margin-right:15px;
	display:inline;
}
.car_index_block_1 .card_main_list_item_link{
	font-size:18px;
	margin-top:2px;
	display:inline;
}
.car_index_block_1 .card_main_list_item_link a{
	color:#3476C5;
}
.car_index_block_1 .car_index_card_main_btn{
	width:200px;
	height:50px;
	background:#E88987;
	font-size:20px;
	color:#ffffff;
	border-radius:99px;
	margin-top:20px;
	cursor:pointer;
	float:right;
}


@media (max-width:1360px) {
	.car_index_container{
		width:100%;
	}	
}
@media (max-width:1280px) {
	.motor_index_card_left .title{
		font-size:22px;
	}
	.motor_index_card_right .title{
		font-size:22px;
	}

}
@media (max-width:1100px) {
	.car_index_container{
		padding:0px 50px;
	}	
	.car_index_block_1 .car_index_card{
		width:100%;
		padding:30px 30px;
	}
	.card_main_list_item_list li{
		margin-right:10px;
		display:inline;
	}
}
@media (max-width:860px) {
	.car_index_card_container{
		flex-wrap:wrap;
	}
	.car_index_block_1 .car_index_card_main_title > div{
		font-size:20px;
		margin-top:5px;
		display:block;
	}
	.car_index_block_1 .car_index_card{
		margin-bottom:30px;
	}
	.car_index_block_1 .car_index_card_main_list{
		min-height:auto;
		margin-top:15px;
	}
	.car_index_block_1 .car_index_card_main_btn{
		margin-top:30px;
		position:relative;
	}
	.card_main_list_item_list li{
		margin-right:0px;
		display:block;
		margin-bottom:5px;
	}
}

@media (max-width:680px) {
	.car_index_container{
		padding:0px 30px;
	}
	.car_index_block_1 .car_index_card{
		flex-wrap:wrap;
	}
	.motor_index_card_left{
		width:100%;
		margin-right:0px;
		margin-bottom:15px;
		justify-content:center;
		flex-wrap:wrap;
	}
	.motor_index_card_left .title{
		font-size:26px;
	}
	.motor_index_card_right{
		width:100%;
	}
	.motor_index_card_right .title{
		font-size:24px;
	}
	.car_index_block_1 .car_index_card_main_btn{
		width:100%;
		float:none;
	}
}
@media (max-width:540px) {
	.car_index_container{
		padding:0px 20px;
	}
	.motor_index_card_left .title{
		font-size:24px;
	}
	.motor_index_card_right .title{
		font-size:22px;
		line-height: 28px;
	}
	.motor_index_card_left img{
		width:120px;
	}
	.car_index_block_1 .car_index_card_main_list_item i{
		top:2px;
	}
	.car_index_block_1 .car_index_card_main_list{
		font-size:18px;
		margin-top:10px;
	}
	.car_index_block_1 .car_index_card_main_list_item{
		line-height:24px;
		margin-bottom:8px;
		padding-left:22px;
	}
}
@media (max-width:480px) {
	.motor_index_card_right .title{
		font-size:20px;
		line-height:26px;
	}
	.motor_index_card_left .title{
		font-size:22px;
		margin-top:10px;
	}
	.motor_index_card_left img{
		width:110px;
	}
	.motor_index_card_left{
		margin-bottom:10px;
	}
	.car_index_block_1 .card_main_list_item_link{
		display:block;
	}
	.car_index_block_1 .car_index_card{
		padding:30px 20px;
	}
}

.car_index_main_block_2{
	background:#FAFAFA;
}
.car_index_block_2{
	text-align:center;
}
.car_index_active_container{
	width:100%;
	display:flex;
	padding:0px 30px;
}
.active_sq{
	width:calc(33.333% - 40px);
	background:#ffffff;
	border-radius:32px;
	box-shadow:0px 8px 20px rgba(0,0,0,0.15);
	margin:0px 20px;
	padding-bottom:60px;
	position:relative;
	cursor:pointer;
}
.active_sq_banner{
	width:100%;
}
.active_sq_banner img{
	width:100%;
	border-radius:32px 32px 0px 0px;
}
.active_sq_title{
	min-height:85px;
	margin-top:10px;
	padding-bottom:15px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.active_sq_title_name{
	font-size:22px;
	font-weight:bold;
	line-height:28px;
	padding:0px 20px;
	word-break: break-all;
}
.active_sq_title_date{
	margin-top:10px;
	color:#757575;
}
.active_sq_btn{
	width:100%;
	height:60px;
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
	background:#E88987;
	border-radius:0px 0px 32px 32px;
	position:absolute;
	bottom:0px;
	left:0px;
	cursor:pointer;
}
@media (max-width:1280px) {
	.active_sq_title_name{
		font-size:20px;
	}
}
@media (max-width:1100px) {
	.car_index_active_container{
		padding:0px 0px;
	}
	.active_sq{
		width:calc(33.333% - 30px);
		margin:0px 15px;
	}
}
@media (max-width:960px) {
	.car_index_active_container{
		padding:0px 30px;
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
	}
	.active_sq{
		width:calc(50% - 50px);
		margin:0px 25px;
		margin-bottom:40px;
	}
}
@media (max-width:860px) {
	.car_index_active_container{
		padding:0px 0px;
	}
	.active_sq{
		width:calc(50% - 30px);
		margin:0px 15px;
		margin-bottom:40px;
	}
}
@media (max-width:640px) {
	.active_sq{
		width:calc(75% - 30px);
		margin:0px 15px;
		margin-bottom:30px;
	}
	.active_sq_title{
		margin-top:20px;
		padding-bottom:25px;
		min-height:auto;
	}
}
@media (max-width:540px) {
	.active_sq{
		width:calc(90% - 30px);
	}
}
@media (max-width:460px) {
	.active_sq{
		width:calc(100% - 30px);
	}
}

.car_index_main_block_3{
	background-image:url(../images/motor/car_index_block_3_bg.png);
	background-repeat:no-repeat;
	background-position:center center;	
}
.car_index_block_3{
	
}
.car_index_ins_infor_container{
	display:flex;
	justify-content:flex-end;
}
.car_index_ins_infor_sq{
	width:750px;
	min-height:620px;
	background:#ffffff;
	text-align:left;
	border-radius:32px;
	box-shadow:0px 8px 20px rgba(0,0,0,0.15);
	padding:30px;
	position:relative;
}
.sq_infor_title{
	font-size:24px;
	font-weight:bold;
	color:#FF5A5A;
	line-height:32px;
}
.sq_infor_text{
	font-size:18px;
	line-height:30px;
	margin-top:10px;
}

.sq_infor_text_block{
	margin:10px 0px;
}
.sq_infor_text_block span{
	font-size:20px;
	color:#FF5A5A;
}
.sq_infor_text_tip{
	font-size:16px;
	line-height:1.4;
	color:#1B68C3;
	margin-top:20px;
}
.sq_infor_text_tip > div{
	margin-top:5px;
	padding-left:8px;
	position:relative;
}
.sq_infor_text_tip > div > span{
	position:absolute;
	top:0px;
	left:0px;
}
.sq_infor_btn{
	width:200px;
	height:50px;
	background:#E88987;
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
	border-radius:99px;
	margin-top:40px;
	float:right;
	cursor:pointer;
}
.ins_infor_sq_tab{
	position:absolute;
	top:10px;
	left:-160px;
}
.ins_infor_sq_tag{
	width:110px;
	position:absolute;
	top:-20px;
	right:20px;
}
.ins_infor_sq_tag_text{
	position:relative;
}
.ins_infor_sq_tag_text .text_container{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:18px;
	color:#17A2B8;
	position:absolute;
	top:31px;
	left:24px;
}
.ins_infor_sq_tag_text .text_big{
	font-size:20px;
}
.ins_infor_sq_tag img{
	width:100%;
}
.ins_infor_sq_tab_btn{
	width:160px;
	height:50px;
	font-size:20px;
	font-weight:bold;
	background:#E0E0E0;
	color:#757575;
	border-radius:99px 0px 0px 99px;
	margin-bottom:15px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}
.ins_infor_sq_tab_title{
	font-size:18px;	
	font-weight:bold;
	color:#757575;
	line-height:22px;
	margin-top:10px;
	margin-bottom:10px;
}
.ins_infor_sq_tab_title.active{
	color:#FF5A5A;
}
.ins_infor_sq_tab_btn_link{
	width:160px;
	height:50px;
	font-size:20px;
	font-weight:bold;
	background:#E0E0E0;
	color:#757575;
	border-radius:99px 0px 0px 99px;
	margin-bottom:15px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}
.ins_infor_sq_tab_btn br,.ins_infor_sq_tab_btn_link br,.ins_infor_sq_tab_title br{
	display:none;
}
.ins_infor_sq_tab_btn a,.ins_infor_sq_tab_btn_link a{
	color:#757575;
	text-decoration:none;
}
.ins_infor_sq_tab_btn.active,.ins_infor_sq_tab_btn:hover,.ins_infor_sq_tab_btn_link:hover{
	background:#E88987;
	color:#ffffff;
}
.ins_infor_sq_tab_btn.active a,.ins_infor_sq_tab_btn:hover a,.ins_infor_sq_tab_btn_link:hover a{
	color:#ffffff;
}
@media (max-width:1460px) {
	.car_index_ins_infor_container{
		padding-right:30px;
	}
}
@media (max-width:1024px) {
	.car_index_main_block_3{
		background-image:none;
	}
	.car_index_ins_infor_container{
		padding-right:0px;
	}
	.car_index_ins_infor_sq{
		width:calc(100% - 160px);
	}
}
@media (max-width:768px) {
	.car_index_ins_infor_sq{
		width:calc(100% - 140px);
	}
	.car_index_ins_infor_sq{
		padding:25px;
	}
	.ins_infor_sq_tab{
		left:-140px;
	}
	.ins_infor_sq_tab_btn,.ins_infor_sq_tab_btn_link{
		width:140px;
	}
	.sq_infor_title{
		font-size:22px;
		line-height:28px;
	}
	.sq_infor_btn{
		margin-top:30px;
	}
	.ins_infor_sq_tag{
		width:95px;
		top:-15px;
		right:10px;
	}
	.ins_infor_sq_tag_text .text_container{
		font-size:14px;
		line-height:14px;
		top:28px;
		left:20px;
	}
	.ins_infor_sq_tag_text .text_big{
		font-size:18px;
		line-height:18px;
	}
}
@media (max-width:540px) {
	.car_index_ins_infor_sq{
		width:calc(100% - 80px);
		min-height:720px;
		padding:30px 20px 30px 20px;
	}
	.ins_infor_sq_tab{
		left:-80px;
	}
	.ins_infor_sq_tab_btn,.ins_infor_sq_tab_btn_link{
		width:80px;
		height:66px;
		font-size:18px;
		line-height:24px;
		text-align:center;
	}
	.ins_infor_sq_tab_btn br,.ins_infor_sq_tab_btn_link br,.ins_infor_sq_tab_title br{
		display:inline;
	}
	.ins_infor_sq_tab_btn a,.ins_infor_sq_tab_btn_link a{
		position:relative;
		left:5px;
	}
}
@media (max-width:460px) {
	.car_index_ins_infor_container{
		margin-top:20px;
	}
	.ins_infor_sq_tag{
		width:90px;
		top:-35px;
		right:0px;
	}
	.ins_infor_sq_tag_text .text_container{
		font-size:14px;
		line-height:14px;
		top:26px;
		left:20px;
	}
	.ins_infor_sq_tag_text .text_big{
		font-size:16px;
		line-height:16px;
	}
}
@media (max-width:375px) {
	.ins_infor_sq_tag{
		right:-5px;
	}
}


.car_index_main_block_4{
	background:#FAFAFA;
	padding-bottom:80px;
}
.car_index_ins_calc{
	display:flex;
	margin-top:20px;
}
.ins_calc_radio_container{
	width:230px;
	height:60px;
	display:flex;
	align-items:center;
}
.ins_calc_input_container{
	width:calc(33.333% - 25px);
	margin-right:30px;
	height:60px;
	display:flex;
	align-items:center;
}
.ins_calc_input_btn{
	width:210px;
	height:60px;
	background:#E88987;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
	border-radius:99px;
	cursor:pointer;
}

.ins_calc_input_name{
	font-size:20px;
	margin-right:10px;
}
.ins_calc_input{
	width:calc(100% - 50px);
	height:100%;
	position: relative;
}
.ins_calc_radio{
	width:calc(100% - 50px);
	height:100%;
	font-size:20px;
	display:flex;
	align-items:center;
}
.ins_calc_radio div{
	margin:0px 15px;
}
.ins_calc_radio input[type="radio"] {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 2px solid #757575;
    border-radius: 50%;
    margin: 0px;
    position: relative;
    top:2px;
    appearance: none;
	cursor:pointer;
}
.ins_calc_radio input[type="radio"]:checked {
    background-image: url(../images/car/radio_dot.png);
    background-position: center center;
    background-repeat: no-repeat;
	border: 2px solid #FF5A5A;
}
.ins_calc_radio label{cursor:pointer;}
.ins_calc_input select{
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	background-image:url(../images/car/car_index_select_arrow.png);
	background-repeat:no-repeat;
	background-position:95% center;
	font-size:20px;
	border: 2px solid #E0E0E0;
	outline:none;
	padding:0px 15px;
	appearance: none;
	cursor:pointer;
	border-radius:99px;
}
.ins_calc_input_arrow{
	height:100%;
	position:absolute;
	top:0px;
	right:15px;
}
.ins_calc_input_arrow i{
	font-size:28px;
	color:#757575;
}
@media (max-width:1420px) {
	.car_index_block_4{
		padding:0px 30px;
	}
}
@media (max-width:1280px) {
	.ins_calc_input_container{
		width:calc(33.333% - 40px);
	}
}
@media (max-width:1024px) {
	.car_index_ins_calc{
		flex-wrap:wrap;
		justify-content: center;
	}
	.ins_calc_radio_container{
		width:200px;
	}
	.ins_calc_input_container{
		width:calc(33.333% - 20px);
		margin-left:15px;
		margin-right:15px;
	}
	.ins_calc_input_btn{
		width:calc(33.333% - 30px);
		margin-top:30px;
		margin-left:15px;
		margin-right:15px;
	}
}
@media (max-width:768px) {
	.car_index_ins_calc{
		margin-top:0px;
	}
	.ins_calc_radio_container{
		width:100%;
		margin-left:30px;
		margin-right:30px;
		margin-bottom:10px;
	}
	.ins_calc_input_container{
		width:100%;
		margin-left:30px;
		margin-right:30px;
		margin-bottom:20px;
	}
	.ins_calc_input_btn{
		width:70%;
		margin-top:20px;
	}
	.ins_calc_input select{
		background-size:20px auto;
	}
}
@media (max-width:540px) {
	.car_index_main_block_4{
		padding-bottom:50px;
	}
	.ins_calc_input_name{
		font-size:18px;
	}
	.ins_calc_radio{
		font-size:18px;
	}
	.ins_calc_input select{
		font-size:18px;
	}
	.ins_calc_input_arrow i{
		font-size:24px;;
	}
}
@media (max-width:420px) {
	.ins_calc_input_btn{
		width:80%;
	}
}

.car_index_main_block_5{
	background-image:url(../images/motor/car_index_block_5_bg.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:50px;
}
.car_index_ins_plan_card_container{
	display:flex;
}
.car_index_ins_plan_card{
	width:calc(33.333% - 30px);
	margin:0px 15px;
	border-radius:32px;
	border:3px solid #F03C3C;
	border-top:0px;
	box-shadow:0px 8px 20px rgb(0,0,0,0.15);
	position:relative;
	padding-top:80px;
}
.car_index_ins_plan_title{
	width:calc(100% + 6px);
	height:60px;
	background:#FF5A5A;
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	color:#ffffff;
	border-radius:32px 32px 0px 0px;
	border-bottom:3px solid #F03C3C;
	position:absolute;
	top:0px;
	left:-3px;
}
.car_index_ins_plan_title > div{width:100%;height:100%;position:relative;}
.car_index_ins_plan_title .plan_title_tag{
	width:80px;
	height:80px;
	background-image:url(../images/motor/plan_title_tag.png);
	background-size:100%;
	color:#17A2B8;
	position:absolute;
	top:-15px;
	left:-15px;
}
.car_index_ins_plan_title .plan_title_tag img{
	width:100%
}
.plan_title_tag .plan_title_tag_text{
	transform:rotate(-20deg);
	position:relative;
	top:-1px;
	right:-1px;
}
.plan_title_tag .plan_title_tag_text span{
	letter-spacing:-5px;
}
.car_index_ins_plan_main{
	border-radius:0px 0px 32px 32px;
	padding:5px 0px 150px 0px;
}
.ins_plan_icon_row{
	margin-bottom:25px;
	padding:0px 10px;
	display:flex;
	justify-content:space-between;
}
.ins_plan_icon{
	width:25%;
}
.ins_plan_icon img{
	height:60px;
}
.ins_plan_icon_name{
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	margin-top:5px;
}
.ins_plan_icon_name br{
}
.icon_name_none{
	color:#757575;
}
.ins_infor_text_container{
	padding:0px 20px;
}
.ins_detail_switch{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#3476C5;
	margin-top:30px;
	display:none;
}
.ins_detail_switch span{
	cursor:pointer;
}
.ins_detail_infor_container{
	text-align:left;
	border-top:1px solid #e0e0e0;
	margin-top:10px;
	padding:10px 0px 20px 0px;
}
.ins_detail_infor{
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	margin-top:15px;
	padding-left:20px;
	position:relative;
}
.ins_detail_infor i{
	font-size:16px;
	color:#FF5A5A;
	position:absolute;
	top:3px;
	left:0px;
}
.ins_detail_infor_note{
	font-size:18px;
	font-weight:normal;
}
.ins_price_container{
	font-size:18px;
	font-weight:bold;
	border-top:1px solid #e0e0e0;
	padding-top:20px;
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.ins_price{
	font-size:28px;
	color:#FF5A5A;
}
.car_index_block_5 .car_index_card_main_list{
	font-size:20px;
	font-weight:bold;
	margin-top:20px;
	position:relative;
}
.car_index_block_5 .car_index_card_main_list_item{
	text-align:left;
	line-height:28px;
	position:relative;
	margin-bottom:10px;
	padding-left:25px;
}
.car_index_block_5 .car_index_card_main_list_item span{
	color:#FF5A5A;
}
.car_index_block_5 .car_index_card_main_list_item i{
	color:#FF5A5A;
	position:absolute;
	top:5px;
	left:0px;
}
.car_index_block_5 .card_main_list_item_link{
	font-size:18px;
}
.car_index_block_5 .card_main_list_item_link a{
	color:#3476C5;
}
.card_main_list_item_note{
	font-size:16px;
	font-weight:normal;
}
.ins_plan_tip{
	font-size:22px;
	line-height:28px;
	color:#FF5A5A;
	text-align:left;
	margin-top:20px;
	padding-left:25px;
	position: relative;
}
.ins_plan_tip i{
	margin-right:3px;
	position:absolute;
	top:4px;
	left:0px;
}
.ins_plan_btn{
	width:calc(100% - 40px);
	height:60px;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
	background-color:#E88987;
	border-radius:99px;
	position:absolute;
	left:20px;
	bottom:50px;
	cursor: pointer;
}
@media (max-width:1390px) {
	.car_index_main_block_5{
		background-image:none;
	}
}
@media (max-width:1280px) {
	.ins_plan_icon_row{
		padding:0px 0px;
	}
	.ins_plan_icon img {
		height: 55px;
	}
}
@media (max-width:1180px) {
	.car_index_ins_plan_card_container{
		flex-wrap:wrap;
		justify-content:center;
	}
	.car_index_ins_plan_card{
		width:calc(50% - 30px);
		margin:0px 15px;
		margin-bottom:30px;
	}
}
@media (max-width:840px) {
	.car_index_ins_plan_main{
		padding:5px 0px 30px 0px;
	}
	.car_index_ins_plan_card{
		width:calc(80% - 30px);
		margin:0px 15px;
		margin-bottom:30px;
	}
	.ins_plan_btn{
		width:100%;
		position:relative;
		left:0px;
		bottom:0px;
		margin-top:30px;
	}
}
@media (max-width:680px) {
	.car_index_ins_plan_card{
		width:calc(90% - 30px);
	}
}
@media (max-width:540px) {
	.car_index_main_block_5{
		padding-top:30px;
	}
	.car_index_block_5{
		padding:0px 20px;
	}
	.car_index_ins_plan_card{
		width:calc(100% - 30px);
	}
	.car_index_ins_plan_title{
		font-size:20px;
	}
	.car_index_ins_plan_main{
		padding:5px 0px 30px 0px;
	}
	.ins_detail_infor{
		font-size:18px;
		line-height:22px;
	}
	.car_index_block_5 .car_index_card_main_list{
		font-size:18px;
		margin-top:15px;
	}
	.car_index_block_5 .car_index_card_main_list_item{
		margin-bottom:5px;
	}
	.car_index_block_5 .card_main_list_item_link{
		font-size:16px;
	}
	.card_main_list_item_note{
		font-size:16px;
	}
	.ins_detail_switch{
		font-size:16px;
	}
	.ins_plan_btn{
		font-size:22px;
	}
	.ins_plan_tip{
		font-size:20px;
		margin-top:10px;
	}
	.car_index_ins_plan_title{
		font-size:20px;
	}
	.ins_plan_icon_row{
		padding:0px 0px;
	}
}
@media (max-width:420px) {

	.car_index_ins_plan_card{
		width:100%;
		margin:0px 0px;
		margin-bottom:30px;
	}
	.ins_plan_icon img {
		height: 50px;
	}
	.ins_detail_infor_note {
		font-size: 16px;
	}
}

.car_index_ins_calc_note{
	font-size:16px;
	line-height:22px;
	text-align:left;
	margin-top:30px;
	padding-left:20px;
}
.car_index_ins_calc_note span{
	font-size:18px;
	color:#FF5A5A;
	font-weight:bold;
}
.car_index_ins_calc_note div{
	margin-top:3px;
}
@media (max-width:1280px) {
	.car_index_ins_calc_note{
		margin-top:20px;
	}
}
@media (max-width:540px) {
	.car_index_ins_calc_note{
		font-size:16px;
		padding-left:10px;
	}
}

.car_renewwal_form_container{
	width:100%;
	background: #ffffff;
	text-align:left;
    padding: 30px 25px 30px 25px;
    border-radius: 32px;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 12%);
}
.car_renewwal_form{
	display:flex;
}
.car_renewwal_form_table{
	border-bottom:1px solid #e0e0e0;
}
.car_renewwal_form_table.w33{
	width:33.333%;	
}
.car_renewwal_form_th{
	width:100%;
	height:40px;
	background:#3476C5;
	color:#ffffff;
	display:none;
	align-items:center;
}
.car_renewwal_form:first-child .car_renewwal_form_table .car_renewwal_form_th{
	display:flex;
}
.car_renewwal_form_th > div{
	width:50%;
	padding:0px 20px;
}
.car_renewwal_form_td{
	line-height:24px;
	display:flex;
}
.car_renewwal_form_td > div{
	width:50%;
	padding:15px 20px;
}
.car_renewwal_form_btn{
	width:100%;
	height:42px;
	font-size:18px;
	font-weight:bold;
	color:#FF5A5A;
	border:2px solid #FF5A5A;
	border-radius:25px;
	cursor:pointer;
}
.car_renewwal_form_btn.disabled{
	color:#bfbfbf;
	border:2px solid #bfbfbf;
	cursor:unset;
}
.car_renewwal_form_note{
	font-size:16px;
	line-height:24px;
	text-align:left;
	margin-top:10px;
	padding-left:30px;
}
@media (max-width:1440px) {
	.car_renewwal_form_container{
		width:calc(100% - 60px);
		margin:0 auto;
	}
}
@media (max-width:1024px) {
	.car_renewwal_form_th > div{
		padding:10px 10px;
	}
	.car_renewwal_form_td > div{
		padding:10px 10px;
	}
}
@media (max-width:960px) {
	.car_renewwal_form_container{
		width:calc(100% - 0px);
	}
	.car_renewwal_form_td > div{
		word-break: break-all;
	}
}
@media (max-width:860px) {
	.car_renewwal_form{
		flex-wrap:wrap;
		border-bottom:1px solid #e0e0e0;
		margin-bottom:30px;
	}
	.car_renewwal_form_table{
		border-left:1px solid #e0e0e0;
		border-right:1px solid #e0e0e0;
		border-bottom:0px solid #e0e0e0;
	}
	.car_renewwal_form_table.w33{
		width:100%;	
	}
	.car_renewwal_form_th{
		height:30px;
		font-size:14px;
		display:flex;
	}
	.car_renewwal_form_td > div{
		border-right:1px solid #e0e0e0;
		padding:10px 15px;
	}
	.car_renewwal_form_td > div:last-child{
		border-right:0px solid #e0e0e0;
	}
}
@media (max-width:768px) {
	.car_renewwal_form_td > div{
		padding:10px 10px;
	}
	.car_renewwal_form_note{
		font-size:14px;
		line-height:20px;
		padding-left:10px;
	}
}

.hvr-top {
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-top:hover,
.hvr-top:focus,
.hvr-top:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.hvr-top-m {
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-top-m:hover,
.hvr-top-m:focus,
.hvr-top-m:active {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

/*@charset "utf-8";*/

/* CSS Document */
@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 0;
    }
}

@keyframes animatedCar {
    0% {
        height: 251px;
    }

    50% {
        height: 250px;
    }

    100% {
        height: 251px;
        ;
    }
}

.travel-image {
    height: 400px;
    position: relative;
    overflow: hidden;
    background-image: url(/assets/images/motor/index/car-index-banner-01.png);
    background-position: bottom;
    margin-top: 0px;
    background-position: 100% 0;
    background-repeat: repeat-x;
    animation: animatedBackground 4.3s linear 1;
}

.moveing-car {
    position: absolute;
    bottom: 8px;
    left: 200px;
    width: 200px;
    height: 250px;
    display: block;
    background-image: url(/assets/images/motor/index/car-index-banner-02.png);
    background-repeat: no-repeat;
    background-size: contain;
    animation: animatedCar 0.43s 10;
}


@keyframes animatedLight {
    0% {
        right: -700px;
        ;
    }

    100% {
        right: 100px;
    }
}

.moveing-traffic-light {
    position: absolute;
    bottom: 8px;
    right: 100px;
    width: 200px;
    height: 250px;
    display: block;
    background-image: url(/assets/images/motor/index/car-index-traffic-light.png);
    background-repeat: no-repeat;
    background-size: contain;
    animation: animatedLight 4.8s 1;
}

.travel-image:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #FFC999;
    position: absolute;
    top: 0;
}

.online-item {
    display: none;
}

.travel-image {
    background-size: cover;
    text-align: center;
}

    .travel-image h1,
    .travel-image h2,
    .travel-image h3,
    .travel-image p {
        padding-top: 80px;
        font-size: 50px;
        letter-spacing: 15px;
        color: #fff;
        text-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
        font-weight: 700;
    }

/* .travel-image h2 {
	padding-top: 20px;
	padding-left: 200px;
	font-size: 25px;
	letter-spacing: 10px;
	color: #a68b77;
	font-style: italic;
	font-weight: 700;
} */

.content-title {
    margin: 0 auto;
}

    .content-title > h1,
    .content-title > h2,
    .travel-block .content-title > h3,
    .content-title > p {
        text-align: center;
        font-size: 25px;
        font-weight: 700;
    }

.travel-block {
    padding: 50px 0;
}

    .travel-block h3 {
        font-weight: 700;
        color: #2d2d2d;
        font-size: 30px;
        text-align: center;
    }

.recommend-block {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
    padding: 10px 20px 30px;
    margin-top: 100px;
    margin-bottom: 100px;
    position: relative;
}

.re-1 {
    height: auto;
}

.re-2 {
    margin: 100px 0 100px auto;
}

.recommend-title {
    position: absolute;
    font-size: 22px;
    color: #2d2d2d;
    font-weight: 700;
    background-color: #ffd800;
    padding: 20px;
    border-radius: 20px 20px 0 0;
    width: 200px;
    text-align: center;
    top: -31px;
    left: calc(50% - 100px);
}

.recommend-block h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    margin: 20px auto;
    min-height: 60px;
}

.re-img {
    margin-top: 50px;
}

    .re-img ul {
        width: 100%;
        height: 200px;
    }

    .re-img .img {
        width: 100%;
        float: left;
        text-align: center;
    }

        .re-img .img img {
            width: auto;
            max-height: 170px;
        }

    .re-img .text {
        width: 70%;
        font-size: 20px;
        line-height: 35px;
        border-radius: 20px;
        padding: 20px 20px 20px 40px;
        float: left;
        background-image: url(/assets/images/car/dot-outline.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

.re-detial {
    width: 100%;
    margin: 30px auto;
}

.type-check p {
    padding: 10px 0;
    font-size: 18px;
    line-height: 25px;
}

    .type-check p i {
        color: #3b8fa3;
        display: inline-block;
        margin-right: 5px;
    }

.type-icon-wrapper {
    width: 90%;
    margin: 30px auto;
}

.image-wrapper {
    width: 100%;
    text-align: justify;
}

    .image-wrapper::after {
        content: '';
        display: inline-block;
        width: 100%;
    }

    .image-wrapper li {
        display: inline-block;
        width: 23%;
        vertical-align: middle;
    }

        .image-wrapper li img {
            width: 100%;
        }

.red-text {
    color: #e01f13;
    font-weight: 700;
}

.goto-btn {
    text-align: center;
}

    .goto-btn a {
        color: #fff;
        background-color: #ff9e9e;
        width: 190px;
        height: 60px;
        border-radius: 30px;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
        line-height: 60px;
        margin: 0 2px;
        display: inline-block;
    }

    .goto-btn .green-btn {
        background-color: #43c797;
    }

    .goto-btn .blue-btn {
        background-color: #63bcf5;
    }

.item-block {
    margin-top: 80px;
}

.item-rang {
    margin-bottom: 30px;
}

    .item-rang h4 {
        color: #2d2d2d;
        font-size: 22px;
        position: relative;
        padding-left: 25px;
        margin-bottom: 30px;
    }

        .item-rang h4:before {
            content: '';
            display: block;
            width: 10px;
            height: 35px;
            position: absolute;
            background-color: #43c797;
            left: 0;
            top: -5px;
        }

.range-detail {
    padding: 0 0 0 25px;
    line-height: 35px;
    font-size: 20px;
}

    .range-detail p {
        margin-bottom: 15px;
    }

    .range-detail li {
        position: relative;
        padding-left: 20px;
    }

        .range-detail li:before {
            content: '';
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            position: absolute;
            background-color: #43c797;
            left: 0;
            top: 10px;
        }

    .range-detail i {
        color: #43c797;
        margin-right: 5px;
    }

    .range-detail a {
        color: #2d2d2d;
        text-decoration: underline;
    }

.car-intro-wrapper {
    text-align: left;
    margin: 80px auto;
    font-size: 20px;
}

    .car-intro-wrapper h2.title-h2 {
        text-align: center;
        margin-bottom: 30px;
        font-size: 32px;
        font-weight: 700;
    }

    .car-intro-wrapper p {
        line-height: 30px;
    }


.bonus-block {
    max-width: 700px;
    margin: 30px auto;
    position: relative;
}

    .bonus-block img {
        width: 100%;
    }

    .bonus-block ul {
        position: absolute;
        top: calc(50% - 64px);
        left: 200px;
        width: calc(100% - 200px);
    }

    .bonus-block li {
        display: inline-block;
        width: 48%;
        text-align: center;
    }

.bonus-item-title {
    font-weight: 600;
    font-size: 25px;
    color: #0b4955;
    position: relative;
}

    .bonus-item-title i {
        color: #fcff00;
        margin-right: 10px;
        position: absolute;
        top: 5px;
        left: 45px;
    }

.bonus-price {
    color: #fcff00;
    font-size: 30px;
    margin: 20px auto;
    font-weight: 600;
}

.e-note {
    text-align: center;
}

.little-horn {
    background-image: url(/assets/images/car/broadcast.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    width: 30px;
    height: 30px;
    vertical-align: bottom;
    margin-right: 5px;
}

.remind {
    line-height: 35px;
    word-break: break-all;
}

    .remind p {
        margin-bottom: 20px;
    }

    .remind li {
        position: relative;
        padding-left: 20px;
    }

        .remind li:before {
            content: '';
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            position: absolute;
            background-color: #43c797;
            left: 0;
            top: 15px;
        }

.middle-card {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
    margin: 100px auto 50px;
    position: relative;
    word-break: break-all;
}

.middle-icon {
    position: absolute;
    top: -90px;
    left: 100px;
    width: 150px;
}

    .middle-icon img {
        width: 100%;
    }

.middle-card h2 {
    border-radius: 20px 20px 0 0;
    background-color: #63bcf5;
    color: #fff;
    padding: 20px 0;
    padding-left: 380px;
    font-size: 25px;
    font-weight: 600;
}

.yellow-text {
    color: #fcff00;
}

.middle-card ul {
    padding: 10px 30px;
    text-align: justify;
}

.middle-card li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.middle-card.m02 li {
    vertical-align: top;
}

    .middle-card.m02 li.step-arrow {
        vertical-align: middle;
    }

        .middle-card.m02 li.step-arrow .fa-arrow-circle-right {
            padding-top: 20px;
        }

.four-step-icon {
    width: 65%;
    margin: 20px auto 0;
}

    .four-step-icon:after,
    .three-step-icon:after {
        content: '';
        display: inline-block;
        width: 100%;
    }

    .four-step-icon li p {
        margin-top: 15px;
    }

    .four-step-icon i {
        font-size: 55px;
        color: #63bcf5;
    }

.step-arrow i {
    color: #c4c4c4;
    font-size: 45px;
}

.three-step-icon {
    width: 100%;
}

.three-step-icon-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 60px;
    margin: 0 auto 10px;
}

    .three-step-icon-img.i01 {
        background-image: url(/assets/images/car/index/middle-first-icon01.png);
    }

    .three-step-icon-img.i02 {
        background-image: url(/assets/images/car/index/middle-first-icon02.png);
    }

    .three-step-icon-img.i03 {
        background-image: url(/assets/images/car/index/middle-first-icon03.png);
    }

.three-step-icon li {
    width: 30%;
    vertical-align: top;
}

.goto-btn .orange-btn {
    background-color: #f8b551;
    margin-bottom: 30px;
}

.middle-card.m02 h2 {
    background-color: #c490bf;
}

.middle-card.m02 .four-step-icon i {
    color: #c490bf;
}

.middle-card.m02 .step-arrow i {
    color: #c4c4c4;
}

.middle-card.m02 .three-step-icon-img.i01 {
    background-image: url(/assets/images/car/index/middle-second-icon01.png);
}

.middle-card.m02 .three-step-icon-img.i02 {
    background-image: url(/assets/images/car/index/middle-second-icon02.png);
}

.middle-card.m02 .three-step-icon-img.i03 {
    background-image: url(/assets/images/car/index/middle-second-icon03.png);
}

.car-product .accordion .card .card-header,
.card {
    background-color: transparent;
}

.car-product .card {
    border: none;
}

.accordion .card .card-header:first-child {
    border-bottom: solid 1px #bababa;
    margin-bottom: 0;
}

.mb-0 {
    position: relative;
}

.fa-angle-down:before {
    position: absolute;
    right: 25px;
    top: 43%;
}

.mb-0 {
    font-size: 22px;
    color: #2d2d2d;
}

.car-product .card-header {
    padding: 2rem 1.25rem;
}

.travel-block {
    background-image: url(/assets/images/car/index/light.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 450px;
    padding-bottom: 150px;
}

.card-body {
    font-size: 20px;
    line-height: 35px;
}

    .card-body .strong {
        font-weight: 600;
    }

.bg-green {
    background-color: #43c797;
    color: #fff;
}

.car-keep-insure {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
}

.ask-wrapper {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    width: 450px;
    position: absolute;
    left: calc(50% - 260px);
    top: calc(50% - 150px);
}

    .ask-wrapper .input-group {
        vertical-align: middle;
        margin: 10px 0;
    }

    .ask-wrapper input {
        border: solid #bababa 1px;
        padding: 5px;
        border-radius: 25px;
        vertical-align: middle;
        height: 35px;
        width: calc(100% - 180px);
        padding-left: 10px;
    }

    .ask-wrapper .input-group p {
        min-width: 160px;
        margin-right: 20px;
        vertical-align: middle;
        line-height: 35px;
    }

.car-plate-line {
    display: inline-block;
    width: 10px;
    height: 1px;
    background-color: #bababa;
    margin: 17px 3px 0;
}

.car-plate input {
    width: 106px;
}

.search-btn-wrapper {
    text-align: center;
}

    .search-btn-wrapper button {
        width: 100px;
        height: 35px;
        line-height: 30px;
        border-radius: 25px;
        background-color: #ef755d;
        border: solid 1px #ef755d;
        color: #fff;
        cursor: pointer;
        margin: 20px 5px 0;
    }

    .search-btn-wrapper .cancel-btn {
        background-color: #fff;
        color: #ef755d;
    }

.no-item p {
    font-size: 19px;
    line-height: 35px;
}

.car-keep-insure {
    display: none;
}

.keep-insure-table button {
    margin: 0;
}

.keep-insure-table .table {
    margin: 50px auto;
}

.table-style {
    margin: 30px 0;
    border: solid 1px #bababa;
}

    .table-style ul {
        width: 100%;
        text-align: justify;
        border-bottom: solid 1px #bababa;
        padding: 15px 0 0;
    }

        .table-style ul:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

    .table-style li {
        display: inline-block;
        text-align: center;
        width: 150px;
        line-height: 35px;
        vertical-align: top;
    }

.confirm-btn-wrapper {
    width: 100px;
    text-align: center;
}

    .confirm-btn-wrapper button {
        width: 100px;
        height: 35px;
        line-height: 30px;
        border-radius: 25px;
        background-color: #ef755d;
        border: solid 1px #ef755d;
        color: #fff;
        cursor: pointer;
    }

    .confirm-btn-wrapper .green-btn {
        background-color: #5fd3bc;
        border-color: #5fd3bc;
    }

.ask-wrapper .text-center {
    line-height: 35px;
}


@media (min-width:1660px) {
    @keyframes animatedBackground {
        0% {
            background-position: 0 0;
        }

        100% {
            background-position: 100% 0;
        }
    }

    .travel-image {
        animation: animatedBackground 10s linear 1;
    }

        .travel-image.list-table,
        .travel-image .moveing-car {
            animation: none;
        }
}

@media (max-width:991px) {
    .travel-image {
        margin-top: 0;
        background-position: left;
    }

    .recommend-block {
        margin-top: 30px;
        margin-bottom: 50px;
        width: 100%;
    }

    .car-intro-wrapper {
        margin-top: 50px;
    }

    .middle-card h2 {
        padding-left: 350px;
    }

    .middle-card ul {
        padding: 5px 10px;
    }

    .four-step-icon {
        width: 78%;
    }

        .four-step-icon i {
            font-size: 40px;
        }

    .travel-block {
        background-size: 250px;
    }
}

.note {
    margin-bottom: 30px;
}

@media (min-width:1660px) {
    .travel-image {
        background-image: url(/assets/images/motor/index/car-index-banner-widthscreen.png);
    }

    .moveing-traffic-light {
        display: none;
    }

    .moveing-car {
        animation: animatedCar 0.43s infinite;
    }
}

@media(max-width:1200px) {
    .goto-btn a {
        font-size: 16px;
        width: 150px;
    }
}

@media(max-width:991px) {
    .goto-btn a {
        font-size: 18px;
        width: 55%;
        margin: 5px auto;
        display: block;
    }
}

@media (max-width:480px) {

    .travel-image h1,
    .travel-image h2,
    .travel-image h3,
    .travel-image p {
        font-size: 40px;
    }

    .content-title {
        margin-bottom: 40px;
    }

    .image-wrapper li {
        width: 23%;
    }

    .travel-image {
        animation: animatedBackground 10s linear infinite;
    }

    .moveing-car {
        position: absolute;
        bottom: 8px;
        left: 90px;
        width: 200px;
        height: 230px;
        animation: animatedCar 0.43s infinite;
    }

    .moveing-traffic-light {
        display: none;
    }

    .travel-image {
        background-position: -220px;
    }

    .recommend-block h2 {
        min-height: auto;
    }

    .goto-btn a {
        margin: 10px auto;
    }

    .re-img .img img {
        width: 80%;
        max-height: 120px;
        object-fit: contain;
    }

    .re-img ul {
        height: 130px;
    }

    .car-intro-wrapper h2.title-h2 {
        line-height: 40px;
        font-size: 25px;
    }

    .bonus-block img {
        content: url(/assets/images/motor/index/middle-bonus-m.png);
    }

    .bonus-block li {
        display: inline-block;
        width: 100%;
        text-align: left;
    }

    .bonus-item-title i {
        left: 0;
    }

    .bonus-item-title {
        padding-left: 38px;
    }

    .bonus-price {
        margin: 10px 0;
    }

    .m-mt-2 {
        margin-top: 30px;
    }

    .bonus-block ul {
        position: absolute;
        top: 10px;
        left: 110px;
        width: calc(100% - 110px);
    }

    .e-note {
        text-align: left;
        width: 90%;
    }

    .remind {
        width: 90%;
    }

    .middle-icon {
        left: calc(50% - 84px);
    }

    .middle-card h2 {
        padding: 80px 15px 25px;
        display: block;
        width: 100%;
    }

    .middle-card li {
        display: block;
    }

    .middle-card.m02 li.step-arrow .fa-arrow-circle-right {
        padding-top: 0;
    }

    .four-step-icon i {
        font-size: 45px;
    }

    .four-step-icon {
        width: 90%;
    }

    .fa-arrow-circle-right {
        transform: rotate(90deg);
        margin: 15px auto;
    }

    .three-step-icon li {
        width: 100%;
        margin-bottom: 40px;
    }

    .ask-wrapper {
        width: 90%;
        left: 5%;
    }

        .ask-wrapper .input-group p {
            width: 100%;
        }

    .keep-table-item {
        display: none;
    }

    .keep-detail li {
        text-align: left;
    }

    .table-style ul {
        padding: 0;
    }

    .table-style li {
        display: block;
        border-bottom: solid 1px #bababa;
        width: 100%;
    }

    .table-style ul {
        position: relative;
    }

        .table-style ul::after {
            display: block;
            width: 3px;
            border-right: solid 1px #bababa;
            height: 100%;
            position: absolute;
            content: '';
            top: 0;
            left: 90px;
        }

    .table-style li::before {
        display: inline-block;
        width: 30%;
        height: 40px;
        margin-right: 5px;
        margin-left: 5px;
        vertical-align: middle;
    }

    .confirm-btn-wrapper button {
        vertical-align: middle;
    }

    .text-number::before {
        content: '保單編號';
    }


    .text-number p,
    .text-pm p {
        display: inline-block;
        margin-left: 117px;
    }

        .text-number p:first-child,
        .text-pm p:first-child {
            margin-left: 0;
        }

    .text-pm::before {
        content: '經手人';
    }

    .text-plate::before {
        content: '車牌號碼';
    }

    .text-date::before {
        content: '到期日';
    }

    .text-name::before {
        content: '被保險人';
    }

    .confirm-btn-wrapper::before {
        content: '前往續保';
    }
}

/*續保頁新增CSS*/
.motor_index_main {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 130px;
}

.motor_index_main_block_1 {
    background-image: url(../images/motor/motor_index_block_1_bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

@media (max-width:1280px) {
    .motor_index_main_block_1 {
        background-image: none;
    }

    .motor_index_main {
        padding-bottom: 80px;
    }
}

@media (max-width:540px) {
    .motor_index_main {
        padding-bottom: 50px;
    }
}

.motor_index_container {
    width: 1360px;
    margin: 0 auto;
    text-align: center;
}

.motor_index_block_1 {
}

.motor_index_main_title {
    height: 56px;
    background-color: #3476C5;
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    border-radius: 99px;
    margin-bottom: 50px;
    padding: 0px 25px 0px 85px;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.motor_index_title_icon {
    position: absolute;
    top: -20px;
    left: 0px;
}
@media (max-width:1360px) {
	.motor_index_block_1 {
		width:100%;
	}
}
@media (max-width:1280px) {
    .motor_index_main_title {
        height: 50px;
        font-size: 24px;
        margin-bottom: 30px;
        padding: 0px 25px 0px 75px;
    }

    .motor_index_title_icon {
        width: 75px;
    }
}
@media (max-width:1100px) {
	.motor_index_block_1 {
		padding:0px 20px;
	}
}
@media (max-width:768px) {
    .motor_index_main_title {
        font-size: 24px;
        margin-bottom: 40px;
    }
}

@media (max-width:540px) {
    .motor_index_main_title {
        font-size: 22px;
        padding: 0px 20px 0px 70px;
    }

    .motor_index_title_icon {
        width: 70px;
    }
}

@media (max-width:420px) {
    .motor_index_main_title {
        font-size: 20px;
        margin-bottom: 35px;
    }
}

.motor_renewwal_form_container {
    width: 100%;
    background: #ffffff;
    text-align: left;
    padding: 30px 25px 30px 25px;
    border-radius: 32px;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 12%);
}

.motor_renewwal_form {
    display: flex;
}

.motor_renewwal_form_table {
    border-bottom: 1px solid #e0e0e0;
}

    .motor_renewwal_form_table.w33 {
        width: 33.333%;
    }

.motor_renewwal_form_th {
    width: 100%;
    height: 40px;
    background: #3476C5;
    color: #ffffff;
    display: none;
    align-items: center;
}

.motor_renewwal_form:first-child .motor_renewwal_form_table .motor_renewwal_form_th {
    display: flex;
}

.motor_renewwal_form_th > div {
    width: 50%;
    padding: 0px 20px;
}

.motor_renewwal_form_td {
    line-height: 24px;
    display: flex;
}

    .motor_renewwal_form_td > div {
        width: 50%;
        padding: 15px 20px;
    }

.motor_renewwal_form_btn {
    width: 100%;
    height: 42px;
    font-size: 18px;
    font-weight: bold;
    color: #FF5A5A;
    border: 2px solid #FF5A5A;
    border-radius: 25px;
    cursor: pointer;
}

    .motor_renewwal_form_btn.disabled {
        color: #bfbfbf;
        border: 2px solid #bfbfbf;
        cursor: unset;
    }

.motor_renewwal_form_note {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    margin-top: 10px;
    padding-left: 30px;
}

@media (max-width:1440px) {
    .motor_renewwal_form_container {
        width: calc(100% - 60px);
        margin: 0 auto;
    }
}

@media (max-width:1024px) {
    .motor_renewwal_form_th > div {
        padding: 10px 10px;
    }

    .motor_renewwal_form_td > div {
        padding: 10px 10px;
    }
}

@media (max-width:960px) {
    .motor_renewwal_form_container {
        width: calc(100% - 0px);
    }

    .motor_renewwal_form_td > div {
        word-break: break-all;
    }
}

@media (max-width:860px) {
    .motor_renewwal_form {
        flex-wrap: wrap;
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 30px;
    }

    .motor_renewwal_form_table {
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        border-bottom: 0px solid #e0e0e0;
    }

        .motor_renewwal_form_table.w33 {
            width: 100%;
        }

    .motor_renewwal_form_th {
        height: 30px;
        font-size: 14px;
        display: flex;
    }

    .motor_renewwal_form_td > div {
        border-right: 1px solid #e0e0e0;
        padding: 10px 15px;
    }

        .motor_renewwal_form_td > div:last-child {
            border-right: 0px solid #e0e0e0;
        }
}

@media (max-width:768px) {
    .motor_renewwal_form_td > div {
        padding: 10px 10px;
    }

    .motor_renewwal_form_note {
        font-size: 14px;
        line-height: 20px;
        padding-left: 10px;
    }
}

.set_middle {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*續保頁新增CSS end*/