@keyframes pageLoading {
	0% {
		transform: scaleY(.1);
		background-color: #fff
	}

	50% {
		transform: scaleY(1);
		background-color: #2ecc71
	}

	to {
		transform: scaleY(.1);
		background-color: transparent
	}
}

@keyframes skeleton-stripes {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 20rem 0
	}
}

@keyframes skeleton-loading {
	0% {
		background-position: 100% 50%
	}

	to {
		background-position: 0 50%
	}
}

* {
	padding: 0;
	margin: 0
}

a {
	color: #3f3f3f;
	text-decoration: none
}

li {
	list-style: none
}

button {
	cursor: pointer
}

body, button, input, option, select, td, textarea {
    font-family: arial,verdana,helvetica,'PingFang SC','HanHei SC',STHeitiSC-Light,Microsoft Yahei,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background: #f6f6f8;
	font-size: 12px
}

.hide {
	display: none
}

.left {
	float: left
}

.right {
	float: right
}

.text-center {
	text-align: center;
	justify-content: center
}

.text-left {
	text-align: left;
	justify-content: left
}

.text-right {
	text-align: right
}

.lh-42 {
	line-height: 42px
}

.lh-40 {
	line-height: 40px
}

.lh-57 {
	line-height: 57px
}

.lh-36 {
	line-height: 36px
}

.lh-27 {
	line-height: 27px
}

.lh-20 {
	line-height: 20px
}

.lh-24 {
	line-height: 24px
}

.lh-30,p {
	line-height: 30px
}

.mb-6 {
	margin-bottom: 6px
}

.mb-14 {
	margin-bottom: 14px
}

.mb-48 {
	margin-bottom: 48px
}

.mb-38 {
	margin-bottom: 38px
}

.mt-20 {
	margin-top: 20px
}

.mt-69 {
	margin-top: 69px
}

.mt-42 {
	margin-top: 42px
}

.mt-26 {
	margin-top: 26px
}

.mt-24 {
	margin-top: 24px
}

.mt-29 {
	margin-top: 29px
}

.mt-97 {
	margin-top: 97px
}

.mt-8 {
	margin-top: 8px
}

.mt-10 {
	margin-top: 10px
}

.mt-16 {
	margin-top: 16px
}

.mt-14 {
	margin-top: 14px
}

.mt-12 {
	margin-top: 12px
}

.mt-30 {
	margin-top: 30px
}

.mt-102 {
	margin-top: 102px
}

.ml-20 {
	margin-left: 20px
}

.ml-21 {
	margin-left: 21px
}

.ml-24 {
	margin-left: 24px
}

.ml-30 {
	margin-left: 30px
}

.ml-17 {
	margin-left: 17px
}

.ml-14 {
	margin-left: 14px
}

.ml-15 {
	margin-left: 15px
}

.ml-10 {
	margin-left: 10px
}

.ml-12 {
	margin-left: 12px
}

.ml-52 {
	margin-left: 52px
}

.ml-60 {
	margin-left: 60px
}

.ml-47 {
	margin-left: 47px
}

.ml-49 {
	margin-left: 49px
}

.mr-33 {
	margin-right: 33px
}

.ml-4 {
	margin-left: 4px
}

.mr-20 {
	margin-right: 20px
}

.mr-15 {
	margin-right: 15px
}

.mr-4 {
	margin-right: 4px
}

.gold {
	color: gold
}

.blue {
	color: #326ed0
}

.f-24 {
	font-size: 24px
}

.f-22 {
	font-size: 22px
}

.f-20 {
	font-size: 20px
}

.f-40 {
	font-size: 40px
}

.f-19 {
	font-size: 19px
}

.f-18 {
	font-size: 18px
}

.f-16 {
	font-size: 16px
}

.f-17 {
	font-size: 17px
}

.f-14 {
	font-size: 14px
}

.bold {
	font-weight: 700
}

.black {
	color: #000
}

.orange {
	color: #ff6000
}

.white {
	color: #fff
}

.flex {
	display: flex
}

.row {
	flex-direction: row
}

.col {
	flex-direction: column
}

.space-between {
	justify-content: space-between
}

.flex-row-center {
	display: flex;
	flex-direction: row;
	align-items: center
}

.center {
	justify-content: center
}

.flex-column-center {
	display: flex;
	flex-direction: column;
	align-items: center
}

.page>li,.pointer {
	cursor: pointer
}

.footer>.wrapper>.content>.links>div>a,.link {
	color: #fff
}

.link-active {
	color: red
}

.link>span>a:hover {
	text-decoration: underline;
	color: #d43f3a
}

.page-loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: rgba(247,247,247,.4)
}

.page-loading .loading {
	position: absolute;
	border-radius: 20px;
	border: solid 4px #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 158px;
	height: 154px;
	background: url(/templates/default/img/loading.gif)
}

.layout-header-tab>a>span:hover,.menu-active {
	border-bottom: solid 4px #345ad9;
	padding-bottom: 6px
}

.footer,.footer>.wrapper>.link {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center
}

.footer {
	min-width: 1200px;
	height: 254px;
	background: #222;
	margin-top: 13px
}

.footer>.wrapper {
	width: 1200px;
	display: flex;
	flex-direction: column;
	/*height: 330px*/
}

.footer>.wrapper>.link {
	margin-bottom: 10px
}

.footer>.wrapper>.link>span {
	height: 29px;
	font-size: 15px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	line-height: 29px;
	color: #fff;
	opacity: 1;
	margin-right: 100px
}

.footer>.wrapper>.line {
	margin-top: 10px;
	width: 1200px;
	height: 1px;
	background-color: #fff;
	opacity: .53
}

.footer>.wrapper>.content,.footer>.wrapper>.copyright {
	display: flex;
	flex-direction: row;
	padding: 0 20px;
	margin-top: 39px
}

.footer>.wrapper>.content>.contactus,.footer>.wrapper>.content>.links {
	font-size: 15px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #fff
}

.footer>.wrapper>.content>.contactus {
	width: 400px;
	display: flex;
	flex-direction: column
}

.footer>.wrapper>.content>.links {
	width: 750px;
	height: 108px;
	line-height: 27px;
	opacity: 1
}

.footer>.wrapper>.copyright {
	align-items: center;
	margin-top: 20px
}

.footer>.wrapper>.copyright>.area {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #fff;
	flex: 1
}

.pop-layer {
	display: none;
	background-color: #b3b3b3;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	-moz-opacity: .8;
	opacity: .8;
	filter: alpha(opacity=80)
}

.query-all-position {
	width: 100px;
	height: 600px;
	position: absolute;
	z-index: 1000;
	background: #fff;
	border: 1px solid #e2e2e2;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	opacity: 1
}

.query-all-position-head {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: 50px;
	border-bottom: 1px solid #e5e5e5
}

.query-all-position-head-text {
	color: #333;
	font-size: 18px;
	margin-left: 15px
}

.query-all-position-head-close {
	color: #333;
	font-size: 16px;
	margin-right: 15px
}

.query-all-position-body {
	display: flex;
	flex-direction: row
}

.query-all-position-body-left {
	width: 188px;
	height: 550px;
	box-sizing: border-box;
	padding-top: 8px;
	padding-bottom: 20px;
	overflow: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	border-right: 1px solid #e5e5e5
}

.query-all-position-body-left-text {
	color: #333;
	font-size: 18px;
	margin: 20px
}

.query-all-position-body-right {
	height: 550px;
	flex: 1;
	padding: 20px;
	display: flex;
	flex-direction: column;
	overflow: auto;
	box-sizing: border-box
}

.ng-binding {
	font-size: 15px;
    margin-bottom: 3px;
    display: block;
    color: #333;
    font-weight: 700;
}
.ng-binding:hover{
	color: #326ed0;
}

.query-all-position-body-right-item {
	display: flex;
	margin-top: 10px
}

.query-all-position-body-right-item-category {
	color: #333;
	font-size: 16px
}

.query-all-position-body-right-item-list {
	display: flex;
	flex-wrap: wrap;
	color: #666;
	font-size: 14px;
	margin-bottom: 3px;
}

.query-all-position-body-right-item-list-item {
	margin: 6px 15px 6px 0px;
}

.query-all-position-body-right-item-list-item:hover{
	color: #326ed0;
}

.layout-item2-position {
	background-color: #fff;
	box-sizing: border-box;
	width: 329px
}

.layout-item2-position-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 13px 4px 10px 17px;
}

.layout-item2-position-item:hover {
	background: #eee
}

.layout-item2-position-item-title {
	font-size: 16px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #3f3f3f;
	opacity: 1;
	flex: 1;
	overflow: hidden;
	text-decoration: none
}

.layout-item2-position-item-title:link,.layout-item2-position-item-title:visited {
	color: #3f3f3f
}

.layout-item2-position-item-title:active,.layout-item2-position-item-title:hover {
	color: #326ed0
}

.layout-item2-position-item-icon {
	height: 18px;
	margin-left: 4px;
}

.layout-item2-position-query-all {
	font-size: 16px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #326ed0;
	opacity: 1;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor: pointer;
	padding-left: 17px
}

.layout-header-login-icon2 {
	width: 38px;
	height: 38px;
	margin-left: 16px;
	border-radius: 50%
}

.layout-tab {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 50px;
	background: #fff;
	border-bottom: 1px
}

.layout-tab-border {
	width: 4px;
	height: 33px;
	background: #2681ff;
	opacity: 1
}

.layout-tab-text {
	margin-left: 12px;
	height: 24px;
	font-size: 16px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	line-height: 24px;
	color: #000
}

body,html {
	height: 100%;
	margin: 0;
	padding: 0
}

.page-container2 {
	position: relative;
	min-height: 100%
}

.page-main2 {
	padding-bottom: 146px;
	height: auto
}

.footer2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 146px
}

.layout-table {
	width: 100%;
	border: 0
}

.layout-table>thead>tr>th {
	background: #59a1ff;
	height: 30px;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	padding: 4px 8px
}

.layout-table>tbody>tr>td {
	word-break: break-all;
	height: 38px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	border-bottom: 1px solid #f3f5fb;
	vertical-align: middle
}

.skeleton {
	position: absolute
}

.skeleton-head {
	height: 70px;
	float: left
}

.skeleton-body {
	margin-left: 110px
}

.skeleton-title {
	width: 500px;
	height: 60px
}

.skeleton-content {
	width: 260px;
	height: 30px;
	margin-top: 10px
}

.skeleton .skeleton-content,.skeleton .skeleton-title {
	background: #dedede;
	background-image: linear-gradient(90deg,rgba(255,255,255,.15) 10%,transparent 10%);
	background-size: 20rem 20rem;
	animation: skeleton-stripes 1s linear infinite
}

.text-overflow {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.red_9 {
	color: red
}

em {
	display: inline-block;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

.location {
	background: url(/img/ic_location.png);
	width: 14px;
	height: 20px
}

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.layout-body-item-right-wx-icon {
	width: 140px
}

.page {
	list-style: none;
	margin-bottom: 10px
}

.page>li {
	float: left;
	padding: 5px 10px
}

.page .pageItem {
	border: solid thin #ddd;
	margin: 5px
}

.page .pageItemActive {
	margin: 5px
}

.page .pageItem:hover,.page .pageItemActive {
	border: solid thin #09f;
	background-color: #09f;
	color: #fff
}

.page .pageItemDisable {
	border: solid thin #ddd;
	margin: 5px;
	background-color: #ddd
}

.empty-tip {
	background: url(/img/empty2.png);
	font-size: 24px;
	width: 567px;
	height: 398px;
	margin: 0 auto;
	color: #fff;
	line-height: 150px;
	text-align: center
}

.empty-tip>span {
	margin-left: 25px
}

.btn-s {
	cursor: pointer;
	width: 91px;
	height: 36px;
	background: #2681ff;
	line-height: 36px;
	margin-right: 34px;
	text-align: center
}

.logo {
	width: 70px;
	min-width: 70px;
	height: 70px;
	overflow: hidden
}

.grid {
	background: #eee;
	max-width: 1200px
}

.grid:after {
	content: '';
	display: block;
	clear: both
}

.grid-item {
	width: 160px;
	height: 120px;
	float: left;
	background: #d26;
	border: 2px solid #333;
	border-color: rgba(0,0,0,.5);
	border-radius: 5px
}

.red,.red-hover:hover {
	color: red
}

.label {
	height: 19px;
	background: #f3f9ff;
	border: 1px solid #1487f3;
	border-radius: 4px;
	color: #1a8afa;
	padding: 3px;
	margin-left: 4px;
	font-size: 8px
}


/* ·ÖÒ³ */
.pages {text-align:center;z-index:10000;margin-top: 9px;}
.pages a{ padding:8px 10px 6px; margin:2px; background:#187cfe; color:#fff; text-decoration:none; font-family:""; vertical-align:middle}
.pages a.on,
.pages a:hover{background:#ddd;color:#333;margin:2;}
.pages .current{ margin-left:8px; margin-right:5px;margin-top: 9px;}