html{background-color:#ffffff;background-image: url("back.jpg")/*tpa=http://39.105.108.198:8888/bq/common/css/back.jpg*/ ;background-repeat:repeat-x;background-position:top ;}
body{ font-family:Tahoma, SimSun,,Arial,sans-serif;padding:0px;font-size:12px;color:#363636;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0px; margin:0px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.c-fl{float:left;}
.c-fr{float:right;}
a {color:#000; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#000;text-decoration:none;}
a:active {color:#000;}
.hide{display:none}
body,html{
	width: 100%;
}
.content{
	width: 1000px;
	margin:0 auto;
	max-width: 100%;
	min-height: 100vh;
	position: relative;
	padding-left: constant(safe-area-inset-left);
	padding-right: constant(safe-area-inset-right);
}
.header{
	padding: 10px 0;
	background: url("bg.png")/*tpa=http://39.105.108.198:8888/bq/common/css/bg.png*/ repeat-x bottom;
}

#resu{
	float: left;
	width: 50%;
	margin-top: 20px;
	font-size: 14px;
	height: 70px;
	line-height: 20px;

}

#resut{
	float: left;
	width: 50%;
	margin-top: 20px;
	font-size: 14px;
	height: 70px;
	line-height: 35px;
	font-weight: 700;
}
.header img{
	margin: 0 auto;
	display: block;
}
.bh{
	margin-top: 10px;
	float: left;
	width: 300px;
	font-size: 30px;
}

.bh h4{
	font-size: 20px;
	padding-top: 8%;
}
.bhBox{
	margin-top: 30px;
}
.bh span{
	display: block;
	font-size: 14px;
}
.box input{
	width: 300px;
	display: block;
	margin: 20px auto;
	padding: 10px;
	border-color: #c39156
}
.box button{
	width: 322px;
	display: block;
	margin: 10px auto;
	margin-top: 70px;
	line-height: 39px;
	background-color: #c39156;
	font-size: 18px;
	border:0;
	color: #fff;
}
.result{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
}


.result img{
	float: right;
/*width: 350px;*/
/*padding-top: 10px;*/
	height: 100px;
	margin-right: 10%;

}

.result ul li{
	width: 100%;
	background-color: rgba(0,0,0,.05);
	font-size: 14px;
	line-height: 2.5;
	text-indent: 10px;
	font-weight: bold;
}

.result ul li p{
	display: inline-block;
    width: 500px;
    float: left;
    height: 50px;
    font-size: 14px;
    background-color: #eee;
    font-weight: 700;
}

.result table{
	 border-collapse:collapse;
	 
	 width: 100%;

}



.result table tr{
	font-size: 14px;
	border:none;
	height: 70px;
	line-height: 20px;
}

.result table td{
	padding-left: 10px;
}

#gren{
	font-size: 20px;
}


.result table tr:nth-child(even){
	background-color: rgba(0,0,0,.05);
}

.result table td:nth-child(even){
	font-weight: 700;
}

h5{
	text-align: center;
	font-size: 30px;
	padding-top: 100px;
	padding-bottom: 20px
}
.footer{
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}
.footer li a{
	color: #999;
	line-height: 24px
}
.yl{
	width: 490px;
	float: left;
	padding-top: 90px;
}
.yl img{
	width:450px;
}
.cx{
	width: 500px;
	float: right;
}
.cx p{
	display: none;
}


@media screen and (max-width: 768px) {
	.bhBox{
		position: relative;
	}
	.result{
		box-sizing: border-box;
		width: 100%;
		padding: 0 20px;
		padding-top: 10px;
		padding-bottom: 50px;
	}
	.result img{
		width: auto;
		position: absolute;
		top: 10%;
		margin-right: 0;
		right: 0;
	}

	.bh h4{
		font-size: 1.3rem;
	}
	.result ul li{
		width: 100%;
	}
	.result ul li span{
		width: 50%;
	}
	.result ul li p{
		padding-top: 30px
	}
	.header img{
		height: 40px;
		margin: 0 auto;
		display: block;
	}

	

	.yl{
		display: none;
	}
	.cx{
		width: 100%;
	}
	.cx p{
		display: block;
		width: 100%;
		margin-top: -15px;
		text-indent: 35px;
	}
}