/***************** layout.css首页样式迁移至此 2017-01-05 dumpling *******/
/*在app中去掉头部*/
.isInApp .pagetop{margin-top: 0!important;}
.isInApp .child-header{display: none!important;}

/*头部*/
.header{height:1.88rem; background:#fff; text-align: center; position:fixed; top:0; width:100%; left:0; z-index: 9999;}
.header .logo{display: block; line-height: 1.88rem; font-size: 1rem; color:#d40f19; font-weight: normal; margin:0 3rem;}
/* .header .positionAdd{position: relative; float:left; padding:1rem .4rem 0; line-height: .8rem; color:#666; font-size: .5rem; z-index: 1; background: url(../images/new_index/wea_local.png) no-repeat center .2rem/auto .8rem;} */
.header .positionAdd span{display: inline-block}
.head_weather{float: left; }
.head_weather img{float: left; margin-left: .2rem; margin-top: .15rem; width:1.5rem; height:1.5rem;}
.head_weather .winfo{float: left; margin-left: .2rem; line-height: .7rem; padding-top: .2rem; text-align: left;}
.head_weather .winfo i{font-size: .6rem;}
.head_weather .winfo span{font-size: .5rem;}

/*首页轮播*/
.banner{position:relative;  overflow: hidden;}
.banner li{float:left;}
.banner .swiper-pagination{}
.banner .swiper-pagination-bullet{width:.25rem; height:.25rem;background:rgba(255,255,255,1);opacity: 0.25;}
.banner .swiper-pagination-bullet-active{width:.25rem; height:.25rem;background-color: #fff;position: relative;top: .03rem;opacity: 1;}


/*新首页列表1   2017-1-6 09:43:02 dumpling */
.hxmanager{padding:0 .25rem;}
.hxmanager_list{margin-top: .2rem; overflow: hidden; height:calc(3.8rem + 2px); height:-webkit-calc(3.8rem + 2px);}
.hxmanager_list a{position: relative; float: left; color:#fff; width: 24.7%; height:2rem; line-height: 2rem; margin-left: .4%; text-align: center; font-size: .6rem;}
.hxmanager_list a.b{height:100%; margin-left: 0; width: 23.5%;}
.hxmanager_list a.b img{display: block;width: 100%;position:absolute;bottom:0;}
.hxmanager_list a.b span{display: block; line-height: 1.4rem;}
.hxmanager_list a.maintain{line-height: 1.1rem;}
.hxmanager_list a.maintain img{width: 2.7rem;margin: 0 auto;display: block;position: relative;top: -.1rem;}
/* .hxmanager_list_1 a{background-color: #1AA8FC;} */
/* .hxmanager_list_2 a{background-color: #32C48B;} */
.hxmanager_list_3 a{background-color: #91cc56;}
.hxmanager_list_extra a{width:37.85%;}
.hxmanager_list_extra .by-hot{position: absolute; top:0.25rem; right:0.4rem; height: 0.427rem; width:1.1733rem; background: url(../images/new_index/pricenew.png) no-repeat 50% 50%/cover;}
.hxmanager_ser .hot{position: absolute; top:0.7rem; right:0.2rem; height: 0.427rem; width:0.8rem; background: url(../images/new_index/hotnew.png) no-repeat 50% 50%/cover;}

.hxmanager_list_extra{background: url(../images/new_index/bg1.png) no-repeat 100% 100%/cover;}
.hxmanager_list_1{background: url(../images/new_index/bg2.png) no-repeat 100% 100%/cover;}
.hxmanager_list_2{background: url(../images/new_index/bg3.png) no-repeat 100% 100%/cover;}

/*新首页列表1   2017-1-6 10:50:37; dumpling */
.hxmanager_ser{overflow: hidden; margin-top: .2rem;}  
.hxmanager_ser .hxser_d0{float: left; width: 66.6%; }  
.hxmanager_ser .hxser_d1{float: left; width: 33%;}  
.hxmanager_ser dt{border-top:2px solid #906bc8; background-color: #eee9f7; color:#906bc8; line-height: 1.8rem; font-weight: normal; text-align: center; font-size: .8rem; margin-bottom: 2px; margin-right: 1px;}
.hxmanager_ser .hxser_d1 dt{border-top-color: #50b2b1; background-color: #e5f4f3; color:#50b2b1; margin-right: 0;}
.hxmanager_ser .hxser_d0 dd{position: relative; overflow: hidden;  background-image: -moz-linear-gradient( 90deg, rgb(131,98,188) 0%, rgb(157,127,208) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(131,98,188) 0%, rgb(157,127,208) 100%);background-image: -ms-linear-gradient( 90deg, rgb(131,98,188) 0%, rgb(157,127,208) 100%);}
/* .hxmanager_ser .hxser_d0 dd:before{content:""; opacity: .9; position: absolute; top: 0; height: 100%; width: 100%; left: 0;background: url(../images/new_index/list_bg1.jpg) no-repeat 0 40%/100% auto;} */
.hxmanager_ser .hxser_d1 dd{position: relative; overflow: hidden;background-image: -moz-linear-gradient( 90deg, rgb(33,166,165) 0%, rgb(80,178,177) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(33,166,165) 0%, rgb(80,178,177) 100%);background-image: -ms-linear-gradient( 90deg, rgb(33,166,165) 0%, rgb(80,178,177) 100%);}
/* .hxmanager_ser .hxser_d1 dd:before{content:""; opacity: .9; position: absolute; top: 0; height: 100%; width: 100%; left: 0;background: url(../images/new_index/list_bg2.jpg) no-repeat 0 -220%/100% auto;} */
.hxmanager_ser dd a{float: left; height:2rem; line-height: 2rem; text-align: center; color:#fff; border:0; border-color:#fff; border-style:solid; border-bottom-width:1px; box-sizing:border-box;}
.hxmanager_ser .hxser_d0 dd a{position: relative; z-index: 2; width: 50%;border-right-width:1px;}
.hxmanager_ser .hxser_d0 dd a.a_bottom{width:33.3%;border-right-width: 0;}
.hxmanager_ser .hxser_d0 dd a.a_bottom span{float: right;}
.hxmanager_ser .hxser_d0 dd a.all_bottom{width: 100%;}
.hxmanager_ser .hxser_d1 dd a{position: relative; z-index: 2; width: 100%;}
.hxmanager_ser dd a.full{width: 100%; border-right-width:2px;}

/*车管家*/
.hxinner{background:#fff;}
.hxinnerbg{background-color: rgba(255,255,255,.5);margin-bottom: .5rem;}
.hxinner-title{position:relative;line-height: 1.65rem;padding-left: .75rem;font-size: .75rem;color: #d40f19;border-bottom: 1px solid #e2d7dd;}
.hxinner-title a{position:absolute;right:.75rem;bottom:.4rem;line-height:1;font-size: .62rem;color: #9a9a9a;font-weight: normal;}
.hxmanager-nav{clear: both;overflow: hidden;}
.hxmanager-nav a{float: left;width: 25%;text-align: center;padding: .5rem 0;}
.hxmanager-nav a img{width: 1.55rem;height: 1.3rem;}
.hxmanager-nav a p{font-size: .65rem;color: #151515;padding-top: .15rem;}

/*汽车资讯*/
.hxinfo-nav{clear: both;overflow: hidden;padding: .3rem 0 .3rem .75rem; border-bottom: 1px solid #e1e1e1;}
.hxinfo-nav a{float: left;margin-right: .45rem;width: 3.2rem;background-color: rgba(255,255,255,.85);font-size: .65rem;color: #343434;border:1px solid #e7e4e5;text-align: center;line-height: 1.3rem;
border-radius: .2rem;}
.if_hlist{}
.if_hlist a{display: block; overflow: hidden; padding:.6rem; border-bottom: 1px solid #e1e1e1;}
.if_hlist .sm .pic{float: left; width: 32%;}
.if_hlist .sm .inner{margin-left: 35%;}
.if_hlist .bg .pic{float: left; width: 32%; margin-left: 2%;}
.if_hlist .bg .pic:first-child{margin-left: 0;}
.if_hlist .bg .inner{padding-top: .5rem;}
.if_hlist .bg .inner .t{height: auto;}
.if_hlist .bg .inner .d{margin-top: .4rem;}
.if_hlist .t{font-size: .65rem; line-height: .8rem; height: 1.6rem; color:#666; overflow: hidden;}
.if_hlist .d{margin-top: .6rem; height: .8rem; line-height: .8rem; font-size: .6rem; color:#999;}
.if_hlist .d span{}
.if_hlist .d em{float: right; }

/*新车销售*/
.hxservice .hxinner-title{border-bottom: 1px solid #f1deda;}
.hxservice-section{clear: both;overflow: hidden;}
.hxservice-section a{position:relative;bottom:-1px;right:-1px;float: left;border-bottom: 1px solid #f1deda;border-right: 1px solid #f1deda;padding:.6rem .4rem .6rem .75rem;width: 50%;box-sizing: border-box;}
.hxservice-section a.noborder{border-right: 0;}
.hxservice-section a img{width: 1.425rem;height: 1.1rem;float: left;margin-top: .35rem;}
.hxservice-section a .text{margin-left: 2.25rem;}
.hxservice-section a .text .title{font-size: .68rem;color: #2a2a2a;line-height: 1.1rem;font-weight: bold;}
.hxservice-section a .text .describe{font-size: .58rem;color: #6b6b6b;line-height: .8rem;}


/*首页天气相关*/
.weather-citylist .letter{display: block; background: url(../images/icon-bottomarrow.png) no-repeat 90% center/.6rem auto; border-bottom: 1px solid #ccc;}

/*首页下载APP浮动层*/
.downApp_layer{background-color: #292929; position:fixed; height: 2.5rem; z-index: 11111; font-family: "黑体"; width:100%; top:0; left:0;}
.downApp_main{padding-top: .5rem;}
.downApp_main a.close{float:left; width:.6rem; height:.6rem; margin-left: .6rem; margin-top: .4rem;}
.downApp_main a.close img{width: 100%; height: 100%; display: block;}
.downApp_main .dLogo{float:left; margin-left: .64rem; height:1.5rem;}
.downApp_main .text{float:left; margin-left: .2rem;}
.downApp_main strong{display: block; line-height: .9rem; color:#f2f2f2; font-size: .68rem; font-weight: normal;}
.downApp_main span{display: block; line-height:.6rem; color:#f2f2f2; font-size: .5rem;}
.downApp_main .downApp_btn{float:right; height:1.5rem; line-height: 1.5rem; margin-right: .6rem; padding:0 1rem; border-radius:.2rem; border:1px solid #ff8f2f; color:#ff8f2f; font-size: .65rem;}
.downApp_is_show .header{top:2.5rem;}
/* .downApp_is_show .banner{margin-top: 2.5rem;} */
.downApp_is_show #floatTel{top:7rem;}
#sitesList ul{padding-top: 0;}
.downApp_is_show #sitesList ul{padding-top: 2.5rem;}
.downApp_is_show #sitesList ul.nopadding{padding-top:0;}

.uregister{background-color: #fff;}
.uregister_line{border-bottom: 1px solid #d0d0d0;}
.uregister_line.none{border-bottom: none;}
.uregister .input_rows{
	display: flex;line-height: 2rem;font-size: .65rem;padding: 0 .375rem;
}
.uregister .input_rows{position: relative;}
.uregister .il{width: 30%;color: #333;}
.uregister .il:before{content: "*";color:#e02c36;line-height: 2rem;margin-right: .1rem;}
.uregister .ir{display: flex;align-items: center;position: relative;}
.uregister .ir input{border:none;outline:none;font-size: .65rem;color:#999;padding: 0 .2rem;font-family: '微软雅黑';}
.uregister .ir.dotted{width: 68%;}
.uregister .ir.dotted input{width: 100%;border-bottom: 1px dotted #d8d8d8;height: 2rem;}
.uregister .ir.dotted .rarrow{width: .5rem;height: .8rem;background: url(../images/icon-rightarrow.png) 0 0/100% 100%;position: absolute;right: 0;top: .6rem;}
.uregister .tips{position: absolute;left: 30%;font-size: .6rem;color:#999;}
.uregister .rtips{position: relative;height: 2rem;}
.uregister .rtips .text{position: absolute;left: 32%;font-size: .6rem;color:#999;color: #e2444c;line-height: 2rem;}
.uregister .rtips input{position: absolute;left: 32%;border:none;outline:none;font-size: .65rem;color:#999;height: 2rem;font-family: '微软雅黑';}
.input_lone{font-family: '微软雅黑';margin: 0 .75rem .75rem;border-radius: 2px;line-height: 1.55rem;padding: 0 .55rem;border:1px solid #d5d5d5;outline:none;font-size: .65rem;color:#999;width: 91%;box-sizing: border-box;}
/*图片上传*/
.img_upload{margin:0 .75rem;margin-bottom: .8rem; height:8.2rem; background:#f0f0f0;overflow: hidden;position: relative;}
.img_upload form.on span{color: #fff;}
/*.load_cam{background:#f0f0f0 url(../images/slr.png) no-repeat center center/1rem auto;}*/
.img_upload input[type=file]{opacity: 0; width:100%; height:100%;position: absolute;}
.person_upload .imgMask{background-color: #fff;width: 70%;height: 80%;position: absolute;left: 15%;top: 10%;padding: 1rem 0 .8rem;text-align: center;box-sizing: border-box;}
.person_upload .imgMask span{width: 3.25rem;height: 3.25rem;background: url(../images/usercar/pimgMask.png) 0 0/100% 100%;display: inline-block;}
.person_upload .imgMask p{font-size: .65rem;color: #999;margin-top: .5rem;}
.merchant_upload .imgMask{background-color: #fff;width: 100%;height: 100%;position: absolute;left: 0%;top: 0%;}
.merchant_upload .imgMask img{width: 100%;height: 100%;}
.imgBlock{background:#f0f0f0; height:100%; width:100%; display: none;position: relative}
.imgBlock .load{background:#f0f0f0 url(../images/loading.gif) no-repeat center center/1rem auto;}
.imgBlock .pic img{position: absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); -webkit-transform:translate3d(-50%,-50%,0); max-height:100%; max-width: 100%;}
.imgBlock .uploading{position: absolute;left: 50%;top: 40%;transform:translate(-50%);-webkit-transform:translate(-50%)}
.imgBlock .uploading img{margin-right: .5rem;}
.imgBlock .process{position: absolute;left: 50%;top: 40%;transform:translate(-50%);-webkit-transform:translate(-50%)}
.imgBlock .process img{margin-right: .5rem;}
.img_upload .handle{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.3);display: none;}
.img_upload .handle-sec{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.img_upload .handle-sec span{width: .8rem;height: .8rem;display: inline-block;animation: all .3s;-webkit-animation: all .3s;}
/*.img_upload .handle-sec .handle-delete{background: url(../images/img_upload_delete.png) no-repeat 0 0/100% 100%;margin-right: .4rem;}
.img_upload .handle-sec .handle-change{background: url(../images/img_upload_change.png) no-repeat 0 0/100% 100%;}*/
.radiobox{overflow: hidden;margin: 1rem .75rem 0;}
.ra_display{height:.85rem; float:left;line-height: .85rem;}
.ra_display i{float:left; width:.85rem; height:100%; background: url(../images/icon-radio.png) no-repeat; -webkit-background-size: 100%; background-size: 100%; background-position: 0 0;}
.ra_display.on i{background-position: 0 bottom;}
.ra_display label{margin-left: .5rem;}
.radiobox .ra_text{ line-height: .85rem; font-size: .68rem;}
.radiobox .ra_text a{color: #2196f5;margin-left: .25rem;}
.buttonBox{padding:0 .75rem;}
.payButton {display: inline-block;text-align: center;width: 100%;font-size: 0.7rem;line-height: 1.8rem;margin: 1rem 0;border: 0;background: #ff7143;color: #fff;border-radius: 0.2rem;box-shadow: 0 .05rem .25rem 0 rgba(0,0,0,.3);-webkit-box-shadow: 0 .05rem .25rem 0 rgba(0,0,0,.3);}
/*注册协议*/
.termslay{position:fixed; top:12%; left:12%; background-color:#fff; width:76%; height:76%; 
	 box-sizing:border-box; line-height: 1rem; box-shadow: 0 5px 15px 0 rgba(0,0,0,.5);
	 transition:all .3s ease-in; -webkit-transition:all .3s ease-in; z-index: -1; transform:translateY(-120%); -webkit-transform:translateY(-120%);}
.termslay.open{transform:translateY(0); -webkit-transform:translateY(0); z-index: 19999;}
.termslay .box{box-sizing:border-box; overflow-y:auto; height: 100%; padding:1rem;}
.termslay .termsClose{width:1rem; height:1rem; position:absolute; top:.3rem; right:.3rem; background:#fff url(../images/black_close2.png) no-repeat center center; border:2px solid #666; border-radius:50%; background-size:.65rem auto; opacity: .5;}
.termslay h3{font-size: .85rem; color:#404040;padding:0; margin:0; border:0; margin-bottom: .6rem;  text-align: center; font-weight: bold;}
.termslay p{font-size: .6rem; color:#9a9a9a; line-height: 1rem;}
.termslay h6{color: #9a9a9a;line-height: 1.4rem;font-weight: normal;font-size: .6rem;}
.termslay p a{color: #333;display: inline-block;border-bottom: 1px solid #ccc;padding: 0 .1rem;}
.garage_address{padding:.6rem;}
.garage_address .title{font-size: .64rem; line-height: 1.4rem;}
.garage_address .areas{margin-top: .5rem;}
.garage_address select{display:block; line-height: .8rem; padding:.2rem .3rem; font-size: .6rem; width:100%; color:#9c9c9c;}
.garage_address .yellowbtn{float:right; width:60%;}
.btn_submit{display:block; background-color: #ff7043; color:#fff; text-align: center; border:none; font-size: .6rem; width:100%; line-height: 1.53rem; border-radius: 4px; box-shadow:0 2px 5px 1px rgba(0,0,0,.2);}
/*用车提醒*/
.carRemind{padding: .2rem .5rem;background-color: #f5f5f5;min-height: 100%;}
.carRemind li{margin-bottom: .5rem;}
.remind_time{font-size: .6rem;color: #999;line-height: 1.5rem;text-align: center;font-weight: normal;}
.remind_text{background-color: #fff;border:1px solid #dfdfdf;border-radius: .3rem;padding: .5rem .65rem .5rem .5rem;}
.remind_text .title{font-size: .65rem;color: #333;}
.remind_text .cont{display:-webkit-box;display: flex;display: -webkit-flex;}
.remind_text .cont .icon{flex-shrink: 0;margin-top:.3rem;width: 1.875rem;height: 1.875rem;background: url(../images/new_index/remind.png) no-repeat 0 0/100% 100%;}

.disabled .remind_text .cont .icon{background-image: url(../images/new_index/remind-d.png);}
.remind_text .cont .text{font-size: .64rem;color: #666;line-height: .95rem;margin-left: .5rem;}
.remind_num span{position: absolute;right:0;top:0;min-width:.6rem;height:.6rem;line-height:.6rem;padding: .07rem;text-align:center;border-radius: 50% 50%;background-color: #fc243b;font-size: .5rem;color: #fff;}

/* 新首页2019-1-10 */
.newindex-header {
	position: fixed;
	z-index: 1000;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.newindex-header .positionAdd {
	padding-left: 0.3rem;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 0.6rem;
}
.newindex-header .positionAdd img.down {
	width: 0.5rem;
	margin-left: 5px;
}
.newindex-header .code {
	padding: 0.3rem;
}
.newindex-header .code img {
	width: 0.825rem;
}
.nexindex-hxhb-wrapper {
	padding: 0.6rem 0.5rem 0.5rem;
}
.nexindex-hxhb-wrapper .hxhb-bg {
	margin-bottom: 0.8rem;
	width: 100%;
}
.nhxhb-item-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 0.825rem;
}
.nhxhb-item-wrapper .nhxhb-item {
	flex: 1;
}
.nhxhb-item-wrapper .nhxhb-item a {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.nhxhb-item-wrapper .nhxhb-item img {
	margin-bottom: 0.25rem;
	width: 1.8rem;
	height: 1.8rem;
}
.nhxhb-item-wrapper .nhxhb-item span {
	font-size: 0.5rem;
	color:#252525;
}
.nhxhb-bg-grey {
	width: 100%;
	height: 0.25rem;
	background: #F6F6F6;
}
/* 二手车 */
.nhxhb-usedcar-wrapper {
	padding: 0.5rem;
}
.nhxhb-usedcar-wrapper .nhxhb-usedcar-title {
	margin-bottom: 0.25rem;
	color: #000000;
	font-size: 0.65rem;
}
.nhxhb-usedcar-wrapper .nhxhb-usedcar-container {
	display: flex;
	justify-content: space-between;
}
.nhxhb-usedcar-wrapper .nhxhb-left {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	padding-left: 0.5rem;
	flex: 1;
	margin-right: 0.35rem;
	height:3.125rem;
	background: url(../images/newindex/bg2.png) no-repeat center center/cover;
}
.nhxhb-usedcar-wrapper .nhxhb-left a,.nhxhb-usedcar-wrapper .nhxhb-right a {
	display: block;
	padding-top: 0.55rem;
	width: 100%;
	height: 100%;
}
.nhxhb-usedcar-wrapper .nhxhb-right {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	padding-left: 0.5rem;
	flex: 1;
	height:3.125rem;
	background: url(../images/newindex/bg3.png) no-repeat center center/cover;
}
.nhxhb-usedcar-wrapper .p1 {
	color: #fff;
	font-size: 0.8rem;
}
.nhxhb-usedcar-wrapper .p2 {
	color: #fff;
	font-size: 0.5rem;
}
/* 用车服务 */
.nhxhb-yc-wrapper {
	padding: 0.5rem;
}
.nhxhb-yc-wrapper .nhxhb-yc-title {
	margin-bottom: 0.25rem;
	color: #000000;
	font-size: 0.65rem;
}
.nhxhb-yc-wrapper .nhxhb-yc-container {
	display: flex;
	justify-content: space-between;
	height: 3.125rem;
	border: 1px solid #E0E0E0;
	border-radius: 0.25rem;
}
.nhxhb-yc-wrapper .nhxhb-yc-container .item {
	flex: 1;
}
.nhxhb-yc-wrapper .nhxhb-yc-container .item a {
	margin-top: 8%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 80%;
	border-right: 1px solid #E0E0E0;
}
.nhxhb-yc-wrapper .nhxhb-yc-container .item img {
	margin-bottom: 0.45rem;
}
.nhxhb-yc-wrapper .nhxhb-yc-container .item span {
	color: #252525;
	font-size: 0.5rem;
}