.cx-box {
	width: 96%;
	height: auto;
	overflow: hidden;
	padding: 0.3rem 2%;
	margin: 0 auto;
	background: #f5f5f5;
	border-bottom: 1px solid #E7E7E7;
}

.cx-box span {
	font-size: 0.9rem;
	color: #666;
	display: inline-block;
	float: right;
	line-height: 35px;
}

.cx-box span:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 2px;
	width: 13px;
	height: 13px;
	background: url(../img/common/down.png) no-repeat;
	background-size: 13px auto;
}

.cx {
	width: 94%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 1rem;
	border: 0.5rem solid rgba(34, 97, 164, 0.8);
}

.cx form {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
}

.cx table {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	border-collapse: collapse
}

.cx table td {
	text-align: left;
	line-height: 2rem;
	color: #215E9F;
	font-size: 0.9rem;
	font-weight: bold;
	text-align: right;
	border: 1px solid #E7E7E7;
	padding: 0.4rem 0;
}

.cx table td select {
	width: 90%;
	float: left;
	border: 1px solid #E7E7E7;
	height: 2.5rem;
	line-height: 2.5rem;
	overflow: hidden;
	margin-left: 2%;
	padding: 0 2%;
	border-radius: 5rem;
	color: #333;
	outline: none;
	font-family: "microsoft yahei";
}

.cx-box1 {
	width: 85%;
	height: 35px;
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #e7e7e7;
}

.cx-box1 form {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
}

.cx-box1 form input[type=text] {
	border: none;
	color: #666;
	font-size: 12px;
	width: 75%;
	line-height: 35px;
	margin-left: 1%;
	float: left;
	outline: none;
}

.cx-box1 form a {
	width: 24%;
	height: 100%;
	float: right;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.cx-box1 form a:link,
.cx-box1 form a a:visited {
	color: #fff;
	text-decoration: none;
}

.cx-box1 form a:hover {
	color: #fff;
	text-decoration: none;
}

.btn1 {
	width: 100%;
	height: 100%;
	float: right;
	background: #ed8908;
	color: #FFF;
	font-size: 0.825rem;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	border: 1px solid #e1811d;
}

.cxtj {
	width: 100%;
	height: 100%;
	position:absolute;
	background:rgba(0,0,0,0.8);
	top: 0;
	z-index:8888
	
}
.cxtjbox{ width:0%; background: #ffffff; position: absolute; z-index: 9999;
right:0%; top: 0; height: 100%; overflow-y: auto; padding-bottom: 3rem; }
.cxtjbox h3{ font-size: 0.9rem; font-weight: normal;
color: #333; width: 94%; padding: 0 3%; border-bottom: 1px solid #E7E7E7;height: 3rem; line-height: 3rem;
background: url(../img/common/xx.png) 95% center no-repeat;
display: block;
/*color: #006DC0;*/
background-size: 15px 8px; float: left;}
.tjicon{ width: 12%; height: 3rem; display:inline-flex; justify-content:center; align-items: center;  float: left;}
.tjicon img{ max-width: 100%; margin-right: 5px; display: block;}
.cxtjbox h3 span{ float: right; color: #F7AB00; font-size: 0.7rem; margin-right: 10%;}
.tj{ width: 94%; height: auto; overflow:hidden; float: left; padding: 1rem 3%;}
.tj div{ width: 95%; padding: 0 2.5%; background: #f5f5f5; color: #333;
font-size: 0.825rem; line-height: 2.5rem; float: left; margin-bottom: 0.3rem;
border: 1px solid #f5f5f5;}
.TJ1{}
.TJ1 div{ width: 20%; float: left; display: inline-flex; justify-content: center; align-items: center;
margin: 0 3%;margin-bottom: 5px; border-radius: 5px; font-weight: normal; font-family: arial;}
.cxtjbox button{ border: 1px solid #e7e7e7; font-size: 0.825rem; padding: 8px 0px;
background: none; border: 1px solid #e7e7e7; margin-top: 2rem;outline: none; width: 80%;}


@media only screen and (min-width:767px ) {
	.tjicon{ width:7%; height: 3rem; display:inline-flex; justify-content:center; align-items: center;  float: left;}
}