@charset "utf-8";

img {
	display: block
}
html, body {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: #fff
}
.content{
	position: relative;
	width: 100%;
	max-width: 750px;
	padding-bottom: .2rem;
	overflow: hidden;
	margin: 0 auto;
}
.content > img {
	width: 100%;
	pointer-events: none
}
.content > a {
	display: block;
	width: 100%
}
.content > a > img {
	width: 100%;
	pointer-events: none
}

.title-box {
	padding-left: .3rem;
	margin-bottom: .5rem;
	color: #333;
	font-size: .48rem;
	font-weight: bold
}

.text-box {
	padding: 0 .3rem;
	margin-bottom: 1.4rem;
	color: #555;
	font-size: .4rem;
	line-height: 1.8
} 
.text-box p {
	color: #555;
	font-size: .4rem;
	line-height: 1.8
}
.text-box div {
	width: 6.9rem;
	height: .65rem;
	margin-bottom: .1rem;
	color: #555555;
	font-size: .4rem;
	line-height: .65rem;
	text-align: center;
	background: #ededed
}
.title-box-sign {
	width: 4.8rem;
	height: .8rem;
	padding-left: .3rem;
	color: #fff;
	letter-spacing: 5px;
	line-height: .8rem;
	font-size: .48rem;
	font-weight: bold;
	background: #ff6f44;
	border-top-right-radius: .4rem;
	border-bottom-right-radius: .4rem
}

.company-box {
	padding: .5rem .25rem 1.5rem
}
.company-box:nth-child(odd) {
	background: #f4f4f4
}
.company-box > p {
	margin-bottom: .1rem;
	color: #777;
	font-size: .32rem
}
.company-box > img {
	margin: 1.5rem auto	0
}
.company-box .company-name {
	margin-bottom: .2rem;
	color: #333;
	font-size: .38rem	
}
.company-type {
	font-size: .32rem	
}
.company-phone {
	font-size: .32rem	
}
.company-phone > a {
	color: #fd6d42;
	font-size: .32rem	
}

.apply-box {
	padding: 1.5rem .3rem 0
}
.apply-title {
	height: 1px;
	line-height: 0;
	text-align: center;
	background: #c0c0c0;
	margin-bottom: 1rem	
}
.apply-title span {
	padding: 0 .4rem;
	color: #333;
	font-size: .42rem;
	background: #fff
}
.input-name {
	margin: .2rem 0 .15rem;
	color: #565656;
	font-size: .32rem	
}
.input-name .iconfont {
	margin-left: 5px;
	color: #ff0000;
	font-size: .32rem	
}
.apply-box input {
	display: block;
	width: 100%;
	height: .65rem;
	padding: 0 .2rem;
	color: #333;
	font-size: .3rem;
	border: 1px solid #d0d0d0;
	border-radius: 3px	
}
.apply-box textarea {
	display: block;
	width: 100%;
	height: 1.4rem;
	padding: .2rem;
	color: #333;
	font-size: .33rem;
	line-height: 1.2;
	border: 1px solid #d0d0d0;
	border-radius: 3px		
}
.apply-btn, .notice {
	height: .75rem;
	margin: .25rem 0 .2rem;
	color: #fff;
	font-size: .3rem;
	line-height: .75rem;
	text-align: center;
	background: #ff4b15;
	border-radius: 3px	
}
.notice {	
	display: block;
	color: #fff;
	letter-spacing: 5px;
	background: #888
}
.notice > a {
	color: #ff4b15;
	font-size: .3rem;
	font-weight: bold
}

.dealer-phone-box {
			width: 100%;
			height: .65rem;
			display: flex;
			align-items: center;
			border: 1px solid #d0d0d0;
			border-radius: 3px	
		}
		.dealer-phone-box input {
			width: 1px;
			padding: 0 .2rem;
			flex: 1;
			color: .28rem;
			background: none;
			border: none
		}
		.dealer-phone-box span {
			width: 2.25rem;
			height: .45rem;
			color: #ff4b15;
			font-size: .28rem;
			line-height: .45rem;
			text-align: center;
			border-left: 1px solid #d0d0d0
		}
		.code-btn.active {
			color: #d2d2d2
		}
		.company-box:nth-child(even) {
			background: #f4f4f4
		}
		.company-box:nth-child(odd) {
			background: #fff
		}
		.all-type-title {
			width: 100%;
			height:.6rem; 
			margin: .4rem 0 .15rem;
			color: #888; 
			font-size:.3rem; 
			line-height:.6rem; 
			text-align:center;
			border: 1px solid #ccc	
		}
		.all-type-title.active {
			color: #ff4b15;
			border: 1px solid #ff4b15		
		}
		.all-type-list {
			margin-right: -.5rem;
			display: flex;
			aling-items: center;
			flex-flow: row wrap
		}
		.all-type-list span {
			width: 2.25rem;
			height: .6rem;
			margin: 0 .1rem .1rem 0;
			color: #888;
			font-size: .3rem;
			line-height: .6rem;
			text-align: center;
			border: 1px solid #ccc	
		}
		.all-type-list .active {
			color: #ff4b15;
			border: 1px solid #ff4b15	
		}
		.company-area {
			width: 100%;
			height: .65rem;
			background: url(/static/mobile/2019hpz/images/down.png) 6.2rem center / .44rem auto no-repeat;
			border: 1px solid #d0d0d0;
			border-radius: 3px			
		}
		.company-area input {
			display: block;
			width: 100%;
			height: 100%;
			font-size: .28rem;
			background: none;
			border: none	
		}
		.weui-picker-modal{height:4rem !important; max-width:750px !important; left:0; right:0; margin: auto;}
		.toolbar .close-picker{font-size:0.3rem; line-height:0.8rem; color:#ff4b15;}
		.toolbar-inner{height:0.8rem !important;}
		.toolbar .title{font-size:0.3rem; line-height:0.8rem;}
		.picker-modal-inner{height:3rem !important;}
		.picker-item{font-size:0.3rem !important; text-align:center;}
		.company-box:nth-child(odd) {
			background: #f4f4f4;
		}
		.company-box:nth-child(even) {
			background: #fff;
		}

.logo{
    padding: .7rem .3rem .3rem;
}
.logo img{width: 3.5rem;}
.item-title{padding:.4rem .3rem;}
.item-title p{font-size: .6rem; border-left: 3px solid #ea5019; padding-left: 5px; color: #333;}
.item-title div{font-size: .4rem;color: #333;}
.link-btn {display: flex; margin: .5rem 0; flex-direction: column;}
.link-btn div{display: block; text-align: center; width: 100%; margin: .3rem 0; position: relative;}
.link-btn div:last-child{margin-top: 1.2rem;}
.link-btn a{padding: .3rem .9rem; font-size: .4rem; border-radius: 8px;}
.link-btn .bt1{background-color: #ea5019; color: #fff; }
.link-btn div span {position: absolute;color: #fff;font-size: .2rem; top: -0.2rem; right: 1.8rem;}

.link-btn .bt2{border:1px solid #3c3c3c; color: #333; }
.guizhe{margin: 0 .3rem .3rem; background-color: #f3f3f3; padding: .2rem; border-radius: 6px;}
.guizhe li{
    display: flex;
    margin-top: .2rem;
}
.guizhe li p{ font-size: .33rem; color: #3c3c3c;}
.guizhe li p{ line-height: .50rem; }