body,html{
	margin: 0;
	padding: 0;
	background: #fafafa;
	font-size: 16px;
}
option,select,input,label{
	color: #999;
	font-size: 16px;
}
.banner{
	background: url(../images/web_banner.png) center no-repeat;
	height: 225px;
	background-size: 80%;
}
.btnALL{
    justify-content: space-between;
    max-width: 80%;
	margin: 20px auto;
}
.csr_btn{
    margin: 0 auto;
    width: 60%;
    margin-bottom: 20px;
}
.csr_btn img{width: 100%;}
.main_content{
    max-width: 80%;
    margin: 20px auto;
}

.step_con{padding: 0;margin: 0 auto;}
.steps{
    width: calc(33% - 44px);
			font-size: 16px;
			padding: 0 10px 0 20px;
			line-height: 50px;
			background:#666;
			display: inline-block;
			color: #fff;
			position: relative;
			text-align: center;
		}
		.steps:after{
			content: '';
			display: block;
			border-top: 25px solid transparent;
			border-bottom:25px solid transparent ;
			border-left:25px solid #666 ;
			position: absolute;
			right: -25px;
			top: 0;
			z-index: 10;
		}
		.steps:before{
			content: '';
			display: block;
			border-top: 25px solid #666;
			border-bottom:25px solid #666 ;
			border-left:25px solid #fff ;
			position: absolute;
			left: 0;
			top: 0;
		}
		.on:before{
			content: '';
			display: block;
			border-top: 25px solid #4280ff;
			border-bottom:25px solid #4280ff ;
			border-left:25px solid #fff ;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		.on{
			background:#4280ff ;

		}
		.on::after{
			content: '';
			display: block;
			border-top: 25px solid transparent;
			border-bottom:25px solid transparent ;
			border-left:25px solid #4280ff ;
			position: absolute;
			right: -25px;
			top: 0;
			z-index: 10;
		}
		.steps:first-child::before{
			display: none;
			background:#4280ff ;

		}	
.title{
	font-weight: bold;
	font-size: 24px;
    line-height: 50px;
}
.distance{
    margin: 0 10px;}
.formbody{
    border-radius: 10px;
    background: #fff;
    padding:20px;

}
.formChoose{
	text-align: center;
    padding: 0;
    border: 1px solid #999;
    width: 48%;
    line-height: 50px;
    color: #666;
    border-radius: 5px;

}
.formChoose:hover{
    background: #1c75d2;
    color: #fff;
    border: none;

}
.formLine{
	display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    height: 60px;
    align-items: center;
}
.formLine p,.formLineText p ,.resultLine p{
	font-weight: bold;
}

.formLine span,.formLineText span{color: red;}
.formLine input{
	border: none;
	outline: none;
	text-align: right;
}
.formLine select{
	border: none;
	color: #999;

}
.formLineText textarea{
    width: -webkit-fill-available;
    margin-top: 10px;
    min-height: 100px;
    border-radius: 5px;
    padding: 10px;

}
.formLine:last-child{
	border: none;
}
.formBtn{
    justify-content: space-between;
    display: flex;
    padding-top: 20px;
    height: 60px;
}
.formBtn input{
    font-size: 24px;
    padding: 0;
    background: #1c75d2;
    width: 48%;
    height: 50px;
    color: #fff;
    border: none;
    border-radius: 5px;
}
.formBtn_L input {
    font-size: 24px;
    padding: 0;
    background: #1c75d2;
    width: 100%;
    height: 50px;
    color: #fff;
    border: none;
    border-radius: 5px;
}
.resultLine{
    width: 100%;
    display: flex;
    align-items: center;
}
.resultLine span{
    width: 50px;
    background: #5db1ff;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    border-radius: 2px;
    text-align: center;
    margin-right: 5px;
}
.note p{
    font-size: 14px;
    color: #999;
    margin-right: 5px;
}

.note img {
    height: 12px;
    margin-right: 5px;
}

.resultblock,.resultLeft .resultGroup{
    display: flex;
    justify-content: space-between;
}
.resultLeft{
    display: flex;
    width: 30%;
}
.resultRight{
    width: 70%;
    display: flex;
}
.resultico{position: relative;
    left: 10px;
    height: 20px;
    width: 20px;
}
.resultText{
    border-left: 1px solid;
    padding-left:15px;}
.resultRight .resultGroup{
    width: 100%;
}    
.textLine{
    justify-content: space-between;
    width: 100%;
    display: flex;
}
.textBlock{
    background-color: rgba(248, 248, 249, 1);
    border-radius: 5px;
    height: 100px;
    border: 1px solid rgba(242, 243, 247, 1);
    margin-top: 10px;
    padding: 10px;

}
.textPic{
    border-radius:5px;
    width: 50px;
    height: 50px;
    float: right;
    margin-left: 5px;
}
.resultRight p{
    color: #999;
}

.my_btn{
    height:20px ;
    padding-left: 25px;
}
.my{
    background: url(../images/ico_my.png)left no-repeat;
background-size: auto 100%;
}
.bmy{
    background: url(../images/ico_bmy.png)left no-repeat;
background-size: auto 100%;
}
.yb{
    background: url(../images/ico_yb.png)left no-repeat;
background-size: auto 100%;
}
.my:hover{
    background: url(../images/ico_my_hov.png)left no-repeat;
background-size: auto 100%;
}
.yb:hover{
    background: url(../images/ico_yb_hov.png)left no-repeat;
background-size: auto 100%;
}
.bmy:hover{
    background: url(../images/ico_bmy_hov.png)left no-repeat;
background-size: auto 100%;
}


.fy_success{
    background: url(../images/success.png) center no-repeat;   
    background-size:auto 100%;
    height: 300px;
}
.success_word{
    text-align: center;
}

.search_content{
    margin-top: 1.5rem;
    padding: 0 0.3rem;

}
.search_block{
    padding: 0 5px;
    color: #999;
    background: #f5f5f5;
    border-radius:5px;
    width: calc(100% - 20px);
    line-height:50px;
    border: none;

}
.yzm_btn{
	padding: 0;
    border: 1px solid #407aff;
    line-height:48px;
    border-radius:5px;
    width: 40%;
    color:#407aff ;
    background: #fff;
    float: right;
}
.radio_type:after{
    content: '';
    width: 10px;
    height:5px;
    border: 2px solid #666;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: relative;
    top: 25px;
    left:20%;
    vertical-align: middle;
    transform: rotate(-45deg);
}
.formChoose:hover>.radio_type:after{
    content: '';
    width: 10px;
    height:5px;
    border: 2px solid #fff;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: relative;
    top: 25px;
    left:20%;
    vertical-align: middle;
    transform: rotate(-45deg);
}
.card{

    height: 270px;
    width: 260px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 4px;
    display: inline-block;
    margin-left: 18px;
    vertical-align: top;
}
.csrMain {
    margin-top: 50px;
    border-radius: 0.1rem;
    background: #fff;
    padding: 0.4rem;
    position: relative;
}
.csrMain p{
    font-size: 16px;
    font-weight: bold;
}