html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { padding: 0; margin: 0;}

body{background: #fff; font-size: 16px;}

em{font-style: normal;}

.pt{padding-top: 50px;}

.pb{padding-bottom: 50px;}

.agentAccount,.chooseService{ width: 100%;}

.lev_theme{ line-height: 30px; text-align: center;}

.lev_theme h3{font-size: 30px; font-weight: normal; color: 303030;}

.lev_theme p{color:#b9b9b9; font-weight: normal;}

.process{padding-top: 50px; text-align: center;}

.process .step{width:23% ; vertical-align: middle; text-align: center;}

.process .jiantou{width: 2%; padding: 10px 0; box-sizing: border-box;}

.process .step img{vertical-align: middle; height: 60px;}

.process .jiantou img{height: 35px;}

.process .step p{margin-top: 20px; color: #333333; }

.serviceType{margin-top: 50px;}

.type{margin-top: 10px;}

.type img{height: 150px; width: 100%;}

.type .serviceBot{padding: 20px; border:1px solid #d5d5d5; border-top: none;}

.seriveTheme,.servicePrice{display: block;}

.seriveTheme{border-bottom: dashed 1px #d5d5d5; padding-bottom: 20px;}

.seriveTheme .intro{font-size: 12px; color: #333333; line-height: 30px;}

.servicePrice{ height: 60px; padding-top: 10px; position: relative;}

.price{position: absolute; left: 0; top:20px;color:#337ab7;}

.price > em{font-size: 30px;}

.servicePrice > .liji{display:inline-block;width:100px;text-align: center; padding: 3px 5px; background: #fff; color: rgb(0,130,220); border:1px solid rgb(0,130,220); margin-top: 10px; border-radius: 3px; position: absolute; right: 0px; top:10px;}
.servicePrice > .liji:hover { background:rgb(0,130,220);color:#FFF; }

.specificDetails { margin-top: 50px; }
.specificDetails .detailType{margin: 10px 0; width: 24%; display: inline-block; text-align: center;}

.detail_list img{margin:0 auto; display:block}

.detail_list p{line-height: 40px;}

.lev_theme .greenWord {color: green;}

.lev_theme .redWord {color: red;}

.contrastContent{padding: 20px 10px; text-align: center;margin-top: 50px;}

.agent{margin-left: 30px; width: 240px;height: 320px; padding: 10px 20px; border: 1px solid rgb(0,130,220); border-radius: 3px; text-align: center;}

.agent p{line-height: 26px; color: #333333;font-size:14px;text-align: left}

.agent .agent_title{line-height: 40px;font-size:16px;}

.agent .agent_title,.agent .blueWord{color: rgb(0,130,220);}

.agent_top{margin-bottom:20px;}

.agent_top p >span { width: 100px; text-align: left;}

.agent_bottom p >span{width: 90px; text-align: left;margin-right: 15px;}

.round{position: relative; height: 320px; width: 10px;}

.vs{width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 50%;  background: rgb(0,130,220); font-size: 30px; color: #fff; position: absolute; top:40%; left:-11px; margin-top: -30px;}

.favour_list p{color: #333;}

.consulting{color: red; text-align: center; font-size: 30px;}

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

.consulting a{border: 1px solid red; padding: 5px 20px; color: red;}
.consulting a:hover { background:red;color:#FFF; }

@media (max-width: 1199px){
	.price > em{font-size: 20px;}

	.servicePrice button{width: 80px; }

	.contrast{position: relative; height: 500px;}

	.agentInfor{position: absolute; top: 25%; left: 50%; transform: translateX(-50%);}

	.agent{margin-left: 0px;}

	.other{margin-left: 10px;}

	.vs{width: 50px; height: 50px;font-size: 24px; line-height: 50px;}

	.contrast_img{display: none;}

	.round{width: 15px;}
	
}

@media (max-width: 991px){
	.serviceList{margin-bottom: 20px;}

	.specificDetails .detailType{width: 32%;}

	.agentInfor{position: absolute; top: 25%; left: 30%; transform: translateX(-15%);}

}

@media (max-width: 767px){
	.services{width: 350px; margin: 0 auto;}

	.type .serviceBot{width: 350px;}

	.agentInfor{position: absolute; top: 25%; left: 20%; transform: translateX(-10%);}

}



@media (max-width: 649px){
	body{font-size: 14px;}

	.lev_theme h3,.consulting{font-size: 24px; }

	.process .step img{height: 45px;}

	.process .jiantou img{height: 20px;}

	.specificDetails .detailType{width: 48%;}

	.round{left:0;}

	.vs{width: 40px; height: 40px;font-size: 20px; line-height: 40px; }

	.consulting a{font-size: 20px;}

}

@media (max-width: 615px){
	.agentInfor{position: absolute; top: 25%; left: 10%; transform: translateX(-5%);}
}

@media (max-width: 545px){
	.agentInfor{position: absolute; top: 25%; left: 15%;}
}


@media (max-width: 510px){	
	.contrast{height: 450px;}

	.agentInfor{position: absolute; top: 30%; left: 10%;}

	.agent{font-size: 14px;width:46%;}

	.agent p{line-height: 20px;}

	.agent .agent_title{line-height: 30px;}
}

@media (max-width: 412px){
	 body{font-size: 12px;}

	 .lev_theme h3,.consulting{font-size: 20px; }

	.services,.type .serviceBot{width: 100%;}

	.process{padding-top: 20px;}

	.process .step img{height: 30px;}

	.process .jiantou img{height: 15px;}

	.contrast{height: auto;}

	.agentInfor{position: relative;text-align: center;left:5%;}

	.agent{width: 100%; float: none!important; height:250px; font-size: 14px; margin: 0 auto; }

	.other{margin-top: -10px;}

	.round{float: none!important; height: auto; margin: 0 auto;margin-top: 20px;}

	.vs{position: relative;}

	
}