/**!
 * 青海省网上政务大厅-便民查询
 * author: xiaolong;
 * date: 20171117
 */

.query {
	width: 1100px;
	margin: 0 auto;
}

.query-banner {
	width: 1028px;
	margin: 0 auto;
}

.query-banner img {
	vertical-align: top;
}

.query-items {
	padding: 40px 0;
	width: 1064px;
	margin: 0 auto;
}

.query-item {
	width: 152px;
	float: left;
}

.query-item > a {
	display: block;
	width: 100px;
	margin: 0 auto;
}

.query-item .icon {
	display: block;
	width: 90px;
	height: 90px;
	margin: 0 auto;
	background-color: #f2f2f2;
	border-radius: 50%;
}

.query-item .text {
	display: block;
	padding-top: 10px;
	line-height: 24px;
	font-size: 16px;
	text-align: center;
}

.query-item .icon01 {
	background-image: url("../images/query/query-icon01.png");
}

.query-item .icon02 {
	background-image: url("../images/query/query-icon02.png");
}

.query-item .icon03 {
	background-image: url("../images/query/query-icon03.png");
}

.query-item .icon04 {
	background-image: url("../images/query/query-icon04.png");
}

.query-item .icon05 {
	background-image: url("../images/query/query-icon05.png");
}
.query-item .icon06 {
	background-image: url("../images/query/query-icon06.png");
}
.query-item .icon07 {
	background-image: url("../images/query/query-icon07.png");
}
.query-item .icon08 {
	background-image: url("../images/query/query-icon08.png");
}
.query-item .icon09 {
	background-image: url("../images/query/query-icon09.png");
}
.query-item .icon10 {
	background-image: url("../images/query/query-icon10.png");
}
.query-item .icon11 {
	background-image: url("../images/query/query-icon11.png");
}
.query-item .icon12 {
	background-image: url("../images/query/query-icon12.png");
}
.query-item .icon13 {
	background-image: url("../images/query/query-icon13.png");
}
.query-item .icon14 {
	background-image: url("../images/query/query-icon14.png");
}
.query-item .icon15 {
	background-image: url("../images/query/query-icon15.png");
}
.query-item .icon16 {
	background-image: url("../images/query/query-icon16.png");
}
.query-item .icon17 {
	background-image: url("../images/query/query-icon17.png");
}
.query-item .icon18 {
	background-image: url("../images/query/query-icon18.png");
}
.query-item .icon19 {
	background-image: url("../images/query/query-icon19.png");
}
.query-item .icon20 {
	background-image: url("../images/query/query-icon20.png");
}
.query-item .icon21 {
	background-image: url("../images/query/query-icon21.png");
}
.query-item .icon22 {
	background-image: url("../images/query/query-icon22.png");
}
.query-item .icon23 {
	background-image: url("../images/query/query-icon23.png");
}
.query-item .icon24 {
	background-image: url("../images/query/query-icon24.png");
}
.query-item .icon25 {
	background-image: url("../images/query/query-icon25.png");
}
.query-item .icon26 {
	background-image: url("../images/query/query-icon26.png");
}
.query-item .icon27 {
	background-image: url("../images/query/query-icon27.png");
}
.query-item .icon28 {
	background-image: url("../images/query/query-icon28.png");
}
.query-item .icon29 {
	background-image: url("../images/query/query-icon29.png");
}
.query-item .icon30 {
	background-image: url("../images/query/query-icon30.png");
}
.query-item .icon31 {
	background-image: url("../images/query/query-icon31.png");
}

.query-item > a:hover .icon01 {
	background-image: url("../images/query/query-icon01-hov.png");
}

.query-item > a:hover .icon02 {
	background-image: url("../images/query/query-icon02-hov.png");
}

.query-item > a:hover .icon03 {
	background-image: url("../images/query/query-icon03-hov.png");
}

.query-item > a:hover .icon04 {
	background-image: url("../images/query/query-icon04-hov.png");
}

.query-item > a:hover .icon05 {
	background-image: url("../images/query/query-icon05-hov.png");
}
.query-item > a:hover .icon06 {
	background-image: url("../images/query/query-icon06-hov.png");
}
.query-item > a:hover .icon07 {
	background-image: url("../images/query/query-icon07-hov.png");
}
.query-item > a:hover .icon08 {
	background-image: url("../images/query/query-icon08-hov.png");
}
.query-item > a:hover .icon09 {
	background-image: url("../images/query/query-icon09-hov.png");
}
.query-item > a:hover .icon10 {
	background-image: url("../images/query/query-icon10-hov.png");
}
.query-item > a:hover .icon11 {
	background-image: url("../images/query/query-icon11-hov.png");
}
.query-item > a:hover .icon12 {
	background-image: url("../images/query/query-icon12-hov.png");
}
.query-item > a:hover .icon13 {
	background-image: url("../images/query/query-icon13-hov.png");
}
.query-item > a:hover .icon14 {
	background-image: url("../images/query/query-icon14-hov.png");
}
.query-item > a:hover .icon15 {
	background-image: url("../images/query/query-icon15-hov.png");
}
.query-item > a:hover .icon16 {
	background-image: url("../images/query/query-icon16-hov.png");
}
.query-item > a:hover .icon17 {
	background-image: url("../images/query/query-icon17-hov.png");
}
.query-item > a:hover .icon18 {
	background-image: url("../images/query/query-icon18-hov.png");
}
.query-item > a:hover .icon19 {
	background-image: url("../images/query/query-icon19-hov.png");
}
.query-item > a:hover .icon20 {
	background-image: url("../images/query/query-icon20-hov.png");
}
.query-item > a:hover .icon21 {
	background-image: url("../images/query/query-icon21-hov.png");
}
.query-item > a:hover .icon22 {
	background-image: url("../images/query/query-icon22-hov.png");
}
.query-item > a:hover .icon23 {
	background-image: url("../images/query/query-icon23-hov.png");
}
.query-item > a:hover .icon24 {
	background-image: url("../images/query/query-icon24-hov.png");
}
.query-item > a:hover .icon25 {
	background-image: url("../images/query/query-icon25-hov.png");
}
.query-item > a:hover .icon26 {
	background-image: url("../images/query/query-icon26-hov.png");
}
.query-item > a:hover .icon27 {
	background-image: url("../images/query/query-icon27-hov.png");
}
.query-item > a:hover .icon28 {
	background-image: url("../images/query/query-icon28-hov.png");
}
.query-item > a:hover .icon29 {
	background-image: url("../images/query/query-icon29-hov.png");
}
.query-item > a:hover .icon30 {
	background-image: url("../images/query/query-icon30-hov.png");
}
.query-item > a:hover .icon31 {
	background-image: url("../images/query/query-icon31-hov.png");
}

.query-item > a:hover .icon {
	background-color: #e5edf4;
}

.query-item > a:hover .text {
	color: #015293;
}

.query-note {
	padding: 26px 0 33px;
	line-height: 36px;
	text-align: center;
	font-size: 18px;
}

/* 查询详情 */

.search-container {
	width: 1028px;
	padding-top: 30px;
	margin: 0 auto;
}

.query-head {
	height: 47px;
	position: relative;
	background-color: #015293;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.query-head .title {
	float: left;
	padding-left: 16px;
	line-height: 46px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

.query-wrap {
	padding: 29px 0 29px 10px;
	border: 1px solid #e5e5e5;
	background-color: #f2f2f2;
	font-size: 0;
}

.query-wrap label {
	display: inline-block;
	box-sizing: border-box;
	padding-right: 5px;
	vertical-align: top;
	width: 143px;
	text-align: right;
	line-height: 32px;
	color: #000;
	font-size: 14px;
	color: #000;
}

.query-wrap label.large {
	width: 313px;
	font-size: 26px;
}

.query-wrap > input.large {
	width: 318px;
}

.query-wrap > input {
	display: inline-block;
	vertical-align: top;
	width: 270px;
	height: 30px;
	border: 1px solid #e5e5e5;
	line-height: 30px;
	text-indent: 12px;
	font-size: 14px;
	outline: 0;
}

.btn-query {
	vertical-align: top;
	width: 94px;
	height: 32px;
	margin-left: 40px;
	background: url("../images/query/icon-search.png") 16px 7px no-repeat #357bd1;
	border: 0;
	cursor: pointer;
	outline: 0;
	text-align: left;
	padding-left: 43px;
	line-height: 32px;
	border-radius: 3px;
	color: #fff;
}

.ml30 {
	margin-left: 30px;
}

/*查询详情*/

.detail-wrap {
	padding: 40px 20px 0;
	box-sizing: border-box;
	max-width: 700px;
	margin: 0 auto;
}

.detail-table {
	width: 100%;
}

.detail-table td,
.detail-table th {
	height: 38px;
	text-align: center;
	border: 1px solid #e5e5e5;
}

.detail-table th {
	background-color: #f2f2f2;
	color: #808080;
}