/* top */
.index_top{position: fixed;left: 0;right: 0;background:#ffffff;z-index: 7;display: flex;padding: .2rem .3rem;height: 1.4rem;align-items: center;box-sizing: border-box;overflow: hidden;}
.search_wrap{width: 76%;float: left;height: 1rem;display: flex;align-items: center;line-height: calc(1rem - 2px);border: 1px solid #f0f0f0;border-radius: .5rem;background: #f5f6f7;}
	.search_box{padding-left: .3rem;position: relative;flex: auto;height: 1rem;}
	.search_main{display: flex;justify-content: start;line-height: 1rem;height: 1rem;align-items: center;color: #555555;overflow: hidden;}
	.search_main .iconfont{height: 1rem;line-height: 1rem;width: .7rem;font-size: .5rem!important;float: left;text-align: center;color: #333333;margin-right: 0.2rem;}
	.search_words{width: 100%;color: #666666;font-size: .35rem;height: 0.8rem;line-height: 0.8rem;}
	.searchWords_swiper{height: 0.8rem;line-height: 0.8rem;}
	.searchTxt{position: absolute;top: 1px;right: 1px;bottom: 1px;background-color: #f5f6f7;color: #fe3e12;padding: 0 .3rem ;border-radius: .5rem;display: flex;align-items: center;justify-content: center;font-size: .35rem;letter-spacing: 1px;}
.top_right{padding-left: .2rem;display: flex;width: 24%;float: right;}
	.top_btnitem{display: flex;flex-direction: column;justify-content: center;align-items: center;flex-basis: 50%;line-height: .5rem;font-size: .3rem;color: #111111;}
	.top_btnitem .iconfont{font-size: .55rem;}

/* index_wrap */
.index_wrap{padding-top: 1.4rem;overflow: hidden;width: 100%;}

/* banner */
.index_banner{position: relative;z-index: 2;width: calc(100% - .6rem);border-radius: .1rem;margin: 0 auto;display: flex;align-items: center;justify-content: center;overflow: hidden;}
	.index_banner .swiper-pagination-bullets{position: absolute;bottom: 0;left: 50% !important;transform: translateX(-50%);z-index: 3;display: flex;align-items: center;justify-content: center;}
/* notice */
.notice{margin: .1rem auto 0;width: calc(100% - .6rem);height: 0.8rem;line-height: 0.8rem;}
	.notice .iconfont{float: left;width: .8rem;font-size: .5rem;text-align: left;color: #fe3e12;}
	.notice_wrap{float: right;width: calc(100% - .8rem);font-size: .38rem;color: #575757;height: 0.8rem;}
	.notice_wrap a{display: block;width: 100%;overflow: hidden;}
	.notice_wrap a span{float: left;width: calc(100% - 2rem);overflow: hidden;color: #555;white-space: nowrap;text-overflow: ellipsis;font-size: .35rem;}
	.notice_wrap a em{float: right;text-align: right;width: 2rem;font-size: .3rem;color: #999999;}

/* index_nav */
.index_nav{width: 100%;overflow: hidden;}
	.nav_box{display: flex;justify-content: center;}
	.nav_item{float: left;width: 20%;padding: .3rem 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.nav_item a{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;}
	.nav_item_top{height: 0.8rem;}
	.nav_item_top .iconfont{height: 0.8rem;display: flex;align-items: center;justify-content: center;}
	.nav_item a span{color: #333333;font-size: .35rem;height: .6rem;line-height: .6rem;margin-top: .1rem;}
	.nav_btm .nav_item:nth-child(1) .iconfont{color: #1bd0a5;font-size: .68rem;}
	.nav_btm .nav_item:nth-child(2) .iconfont{color: #fd636f;font-size: .75rem;}
	.nav_btm .nav_item:nth-child(3) .iconfont{color: #4892ff;font-size: .72rem;}
	.nav_btm .nav_item:nth-child(4) .iconfont{color: #ff0000;font-size: .75rem;}
	.nav_btm .nav_item:nth-child(5) .iconfont{color: #15cf33;font-size: .77rem;}
	.nav_item_bg{padding-bottom: 0;}
	.nav_item_bg .nav_item_top{width: 1rem;height: 1rem;margin: 0 auto;text-align: center;line-height: 1rem;border-radius: .4rem;}
	.nav_item_bg .nav_item_top .iconfont{height: 1rem;line-height: 1rem;color: #ffffff;font-size: .55rem;}
	.nav_item_bg:nth-child(1) .nav_item_top{background-image: linear-gradient(135deg,#5689f3,#78a4fd);}
	.nav_item_bg:nth-child(2) .nav_item_top{background-image: linear-gradient(135deg,#1cd4a9,#29dead);}
	.nav_item_bg:nth-child(3) .nav_item_top{background-image: linear-gradient(135deg,#fc7579,#fd878b);}
	.nav_item_bg:nth-child(4) .nav_item_top{background-image: linear-gradient(135deg,#259cda,#3cb1f0);}
	.nav_item_bg:nth-child(5) .nav_item_top{background-image: linear-gradient(135deg,#febc31,#fec248);}
	.nav_item_bg:nth-child(2) .nav_item_top .iconfont{font-size: .5rem;}
	.nav_item_bg:nth-child(5) .nav_item_top .iconfont{font-size: .6rem;}

/* index_help */
.index_help{padding: 0 0 .3rem;width: 100%;margin: .1rem auto 0;background-color: #f9fafe;overflow: hidden;}
	.help_head{line-height: .7rem;padding: .2rem .3rem .1rem;overflow: hidden;}
	.help_head_title{float: left;}
	.help_head_title h3 {display:inline;font-size: .42rem;color: #fe2e08;font-weight: 700;}
	.help_head_title span{padding-left: .2rem;font-size: .35rem;font-weight: 400;color: #999999;}
	.help_head a{float: right;color: #333333;font-weight: 400;display: block;line-height: .7rem;font-size: .3rem!important;height: .7rem;}
	.help_swiper {padding-top: 0.1rem !important;padding-bottom: 0.5rem !important;}
	.help_swiper .swiper-slide{padding: 0 0.3rem;}
	.help_a{display: flex;justify-content: space-between;}
	.help_img{width: 2.8rem;border-radius: .1rem;display: flex;height: 1.4rem;align-items: center;justify-content: center;overflow: hidden;}
	.help_info{width: calc(100% - 2.8rem);padding-left: 9px;text-align: justify;min-height: 1.4rem;display: flex;flex-direction: column;align-items: baseline;justify-content: space-between;}
	.help_title{font-size: .35rem;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;line-height: .45rem;margin: 0;color: #333333;}
	.help_time{font-size: .3rem;color: #999999;line-height: 0.4rem;}
	.help_time span{padding-left: 0.3rem;}
	.help_swiper .pagination{position: absolute;left: 50% !important;transform: translateX(-50%);bottom: 0 !important;z-index: 3;line-height: 0.4rem;text-align: center;}
	.help_swiper .pagination .swiper-pagination-bullet{width: 0.3rem;height: 0.06rem;background: rgba(0, 0, 0, 0.3);border-radius: 0;opacity: 1;margin: 0 0.05rem !important;}
	.help_swiper .pagination .swiper-pagination-bullet-active{background: rgb(250, 44, 25);}

/* four_item */
.four_wrap{overflow: hidden;}
	.four_title{padding: .4rem .3rem .3rem;display: flex;align-items: center;justify-content: space-between;line-height: 0.5rem;}
	.four_title h3 {font-size: .42rem;font-weight: 700;color: #000000;}
	.four_title a{font-size: .3rem;font-weight: 400;color: #333333;}
	.four_box{margin: 0 auto;width: 100%;padding: .52rem .3rem .66rem;position: relative;border: 1px solid #f5f5f5;overflow: hidden;}
	.four_box:before,.four_box:after{content: "";position: absolute;background-color: #f7f8f9}
	.four_box:before{width: 1px;height: calc(100% - 1rem);top: .5rem;left: 50%;}
	.four_box:after{height: 1px;width: calc(100% - .6rem);left: .6rem;top: 50%;}
	.four_item{float: left;display: block;width: 50%;position: relative;}
	.four_item:nth-child(odd){padding-right: 0.3rem;}
	.four_text{position: relative;top: -0.1rem;}
	.four_name{font-size: .38rem;display: block;margin-bottom: .2rem;font-weight: 700;color: #333333;width: 100%;height: .6rem;overflow: hidden;line-height: 0.6rem;}
	.four_dsc{display: block;font-size: .35rem;position: relative;z-index: 2;color: #888888;width: 100%;float: left;height: .5rem;overflow: hidden;line-height: 0.5rem;}
	.four_dsc:nth-child(2){background: linear-gradient(90deg,#3678f6,#77a8fe);color: #ffffff;display: inline-block;width: auto;	padding: 0 .2rem 0 .1rem;line-height: .5rem;border-radius: 0 .5rem .5rem 0;font-size: .3rem;margin-bottom: .1rem;}
	.four_item:nth-child(1) .four_dsc:nth-child(2),.four_item:nth-child(4) .four_dsc:nth-child(2){background: linear-gradient(90deg,#fe2e08,#fcba72);}
	.four_item img{position: absolute;right: 0;bottom: -.4rem;width: 1.7rem;display: flex;align-items: flex-end;justify-content: flex-end;}
	.four_item:nth-child(1) img,.four_item:nth-child(2) img{bottom: -.35rem;}
	.four_item:nth-child(1) img,.four_item:nth-child(3) img{right: 0.3rem;}
	.four_item:nth-child(3),.four_item:nth-child(4){margin-top: 0.3rem;padding-top: 0.35rem;}
	.four_item:nth-child(even){padding-left: 0.3rem;}
/* brand */
.brand{overflow: hidden;margin-top: 0.3rem;}
	.brand_swiper .swiper-slide{float: left;width: 20%;}
	.brand_a{display: flex;align-items: center;justify-content: center;flex-direction: column;}
	.brand_a img{margin: 0 auto;width: 45%;}
	.brand_a span{display: block;line-height: .7rem;width: 100%;text-align: center;color: #555555;}

/* price_type */
.price_type{padding: 0.3rem;}
	.price_box{overflow: hidden;font-size: .35rem;display: flex;align-items: center;justify-content: space-around;}
	.price_item{width: calc(25% - 1px);line-height: .8rem;height: .8rem;background-color: #f6f8fd;margin-left: 1px;border-radius: .1rem;}
	.price_item span{text-align: center;margin: 0 auto;display: block;border-radius: .1rem;width: 100%;color: #333333;}
	.price_item:first-child{margin-left: 0;}
	.price_type_box{margin-top: 1px;}

/* list */
.mescroll_list{overflow: hidden; background: linear-gradient(180deg,#ffffff,#f5f5f5 5%);padding: 0 0.3rem 0.3rem;}
	.car_list{overflow: hidden;}
	.carlist_item{display: block;background-color: #ffffff;border-radius: .1rem;overflow: hidden;margin-bottom: .25rem;float: left;width: calc(50% - .1rem);}
	.carlist_item:nth-child(even){margin-left: 0.2rem;}
	/* image:4:3 width:4.65rem*/
	.carlist_img{display: flex;overflow: hidden;align-items: center;justify-content: center;width: 100%;height: 3.5rem;}
	.carlist_info{padding: 0.2rem .3rem;}
	.carlist_title{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;height: 1rem;line-height: 0.5rem;font-size: .4rem;color: #333333;text-align: justify;}
	.carlist_dsc{font-size: .3rem;color: #999999;white-space: nowrap;overflow: hidden;line-height: .9rem;}
	.carlist_price_box{display: flex;align-items: center;justify-content: space-between;}
	.carlist_price{color: #fa2c19;font-size: .5rem;}
	.carlist_price em{font-size: .3rem;padding-left: 3px;}
	.carlist_city{display: flex;align-items: center;font-size: .3rem;color: #999999;}
	.carlist_city .iconfont{font-size: .38rem;color: #aaaaaa;padding-right: 2px;}
	.carlist_key{overflow: hidden;padding-top: 0.1rem;width: 100%;height: 0.7rem;white-space: nowrap;}
	.carlist_key_item{display: block;margin-right: 2px;line-height: .5rem;font-size: .3rem;border-radius: 2px;float: left;padding: 0 3px;color: #6b6a6f;border: 1px solid #f0f0f0;margin-bottom: .1rem;}
	.carlist_key_item:last-child{margin-right: 0;}
	.carlist_top { color:#fa2c19; border-color: #ffefed;}
	.carlist_rec { color:#fa2c19; border-color: #ffefed;}
	.carlist_new { color:#06b96e; border-color: #daffef;}
	.carlist_trans {color:#06b96e; border-color: #daffef;}
	.carlist_mortgage {color:#2fa9ef; border-color: #e6f6ff;}