body {

	margin: 0px;

	font-size: 13px;

	color: #666666;

	font-family: "microsoft yahei", "宋体";

	background-color: #eef0f5;

	min-width: 1000px

}

body {

	_background-attachment: fixed;

	_background-image: url(about:blank);

} /*实现ie6不支持fixed方法*/

h1, h2, h3, h4, h5, form, p, ul, ol, input {

	margin: 0px;

	padding: 0px;

}

input, textarea, button {

	font-family: "microsoft yahei", "宋体";

	font-size: 13px;

	color: #666666;

	vertical-align: middle

}

li, dl, dd, dt {

	padding: 0px;

	margin: 0px;

	line-height: 180%;

	list-style-type: none;

}

img {

	border: 0px;

	vertical-align: middle;

}

a {

	color: #444444;

	text-decoration: none;

}

a:hover {

	color: #0188cc;

	text-decoration: underline;

}

a.noline:hover {

	text-decoration: none;

}

em, i, span {

	font-style: normal;

	font-weight: normal;

}

u {

	text-decoration: none;

}

:focus {

	outline: 0

}

.f_l {

	float: left

}

.f_r {

	float: right

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.substring {

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.nowrap {

	white-space: nowrap;

}

.clear {

	clear: both;

	height: 0px;

	font-size: 0px;

	line-height: 0px;

}

.clearfix:after {

	content: "";

	display: block;

	clear: both;

}

.clearfix {

	zoom: 1;

}

.font_gray3 {

	color: #333333

}

.font_gray6 {

	color: #666666

}

.font_gray9 {

	color: #999999

}

.font_blue {

	color: #0086c3

}

.font_green {

	color: #61AF00

}

.font_red {

	color: #F00

}

.font_yellow {

	color: #FF6600

}

.font_white {

	color: #ffffff

}

.link_white a {

	color: #FFFFFF;

}

.link_white a:hover {

	color: #FF0;

	text-decoration: underline;

}

.link_gray3 a {

	color: #333333;

	text-decoration: none;

}

.link_gray3 a:hover {

	text-decoration: underline;

	color: #0188cc

}

.link_gray6 a {

	color: #666666;

}

.link_gray6 a:hover {

	text-decoration: underline;

	color: #0188cc

}

.link_gray9 a {

	color: #999999;

}

.link_gray9 a:hover {

	text-decoration: underline;

	color: #0188cc

}

.link_yellow a {

	color: #FF6600;

}

.link_yellow a:hover {

	text-decoration: underline;

	color: #fa8638

}

.link_blue a {

	color: #2484D0;

}

.link_blue a:hover {

	text-decoration: underline;

	color: #3a9ce9

}

.vline {

	display: inline-block;

	width: 1px;

	height: 12px;

	vertical-align: middle;

	background: #e0e0e0;

	margin: 0 10px

}

/*列表单元格定义*/

.td1, .td2, .td3, .td4, .td5, .td6, .td7, .td8, .td10 {

	float: left;

	width: 100px;

}

.th1, .th2, .th3, .th4, .th5, .th6, .th7, .th8 {

	float: left;

	width: 100px;

}

/*按钮定义*/

.btn_blue, .btn_yellow {

	display: block;

	text-decoration: none;

	text-align: center;

	color: #FFFFFF;

	font-size: 14px;

	cursor: pointer;

	border-radius: 4px;

	width: 80px;

	height: 32px;

	line-height: 32px;

	border: 0px;

}

.btn_blue {

	background-color: #5B6AFF;

}

.btn_blue.hover, .btn_blue:hover, a.btn_blue:hover {

	background-color: #5cadf6;

	color: #FFF;

	text-decoration: none

}

.btn_yellow {

	background-color: #FF6600;

}

.btn_yellow.hover, a.btn_yellow:hover {

	background-color: #ff4400;

	color: #FFF;

	text-decoration: none

}

.btn_lightgray {

	display: block;

	text-decoration: none;

	text-align: center;

	color: #666666;

	background-color: #EDEDED;

	font-size: 14px;

	cursor: pointer;

	border-radius: 4px;

	border: 0px;

	width: 60px;

	height: 32px;

	line-height: 32px;

	border: 0px #cccccc solid;

}

.btn_lightgray.hover, .btn_lightgray:hover {

	background-color: #e4e4e4;

	color: #333;

	text-decoration: none

}

/*导航栏*/

#mainNav {

	width: 100%;

	height: 75px;

}

.header {

	width: 100%;

	height: 75px;

	background: #fff;

	border-bottom: 1px #dfdfdf solid;

	position: relative;

	z-index: 1003;

	-webkit-transition: all .4s;

	-moz-transition: all .4s;

	transition: all 0.4s;

}

.header a {

	color: #313534

}

.header a:hover {

	text-decoration: none

}

.header .wrap {

	max-width: 1200px;

	width: 1200px;

	margin: 0 auto

}

.header .logo {

	float: left;

	height: 75px;

	display: flex;

	align-items: center;

	position: relative

}

.header .logo a {

	display: block;

	max-width: 100%;

	height: auto;

}

.header .logo a img {

	height: 90px;

	width: 90px;

	display: block;

}

.header .logo a span {

	display: none

}

.header .logo #version_switch {

	position: absolute;

	left: 185px;

	top: 5px;

	width: 55px;

	height: 18px;

	line-height: 18px;

	text-align: center;

	color: #fff;

	background: #ff5a00;

	border-radius: 5px;

	font-size: 12px;

	cursor: pointer;

	transform: scale(0.88)

}

.header .change-city {

	float: left;

	height: 22px;

	line-height: 22px;

	border-left: 1px solid #dfdfdf;

	padding: 0 2px 0 10px;

	margin: 26px 12px 0 12px

}

.header .change-city b {

	display: inline-block;

	font-weight: 400;

	vertical-align: middle

}

.header .change-city label {

	vertical-align: middle;

	margin-left: 3px;

	margin-top: -3px;

	width: 75px;

	color: #999;

	cursor: pointer;

}

.header .change-city label .arrow {

	display: inline-block;

	vertical-align: middle;

	width: 0;

	height: 0;

	margin-left: 5px;

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

	border-top: 4px solid #999;

	transition: all .3s ease;

	-webkit-transition: all .3s ease;

	transform: rotate(0);

	-webkit-transform: rotate(0)

}

.header .change-city:hover a {

	text-decoration: none

}

.header .change-city:hover a b {

	color: #999

}

.header .change-city:hover a label {

	color: #5B6AFF

}

.header .change-city:hover a label .arrow {

	border-top-color: #5B6AFF

}

.header .change-col {

	float: left;

	width: 35px;

	height: 75px;

}

.header .nav {

	float: left;

	font-size: 15px;

}

.header .nav ul {

	padding: 0;

	margin: 0

}

.header .nav li {

	display: inline-block;

	vertical-align: top;

	text-align: center;

	height: 75px;

	line-height: 75px

}

.header .nav li a {

	display: block;

	padding: 0 17px;

	position: relative

}

.header .nav li a:hover {

	color: #5B6AFF

}

.header .nav li.cur a {

	color: #5B6AFF

}

.header .nav li.more-menu {

	position: relative;

	cursor: pointer;

	width: 65px;

}

.header .nav li.more-menu i {

	display: inline-block;

	background-image: url(../images/icon.png);

	background-repeat: no-repeat;

	background-position: 0 -327px;

	width: 22px;

	height: 22px;

	margin-top: 27px;

}

.header .nav li.more-menu.hover {

	background-color: #f1f1f1;

}

.header .nav li.more-menu.hover i {

	background-position: 0 -352px;

}

.header .nav li.more-menu.hover .menu-list {

	display: block

}

.header .nav li .menu-list {

	width: 125px;

	padding: 6px 0;

	position: absolute;

	background: #fff;

	left: 0;

	top: 75px;

	z-index: 1050;

	display: none

}

.header .nav li .menu-list p {

	height: 44px;

	line-height: 44px;

	cursor: pointer

}

.header .nav li .menu-list p a {

	width: 100%;

	padding-left: 25px;

	display: inline-block;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	color: #333;

	text-align: left

}

.header .nav li .menu-list p a:hover {

	background: #5B6AFF;

	color: #FFF

}

.header .nav li .menu-list, .header .user-nav li.user .user-box {

	border: 1px #eeeeee solid;

	box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);

	border-radius: 0 0 4px 4px;

	color: #444;

	z-index: 14

}

.header .user-nav {

	float: right;

	font-size: 14px;

}

.header .user-nav li {

	display: inline-block;

	vertical-align: top;

	text-align: center;

	padding: 0 8px;

}

.header .user-nav li a {

	display: block;

	position: relative;

	color: #888888

}

.header .user-nav li a:hover {

	color: #5B6AFF

}

.header .user-nav li.link-publish i.icon {

	display: inline-block;

	background-image: url(../images/icon.png);

	background-repeat: no-repeat;

	background-position: 1px -420px;

	width: 20px;

	height: 20px;

	vertical-align: middle

}

.header .user-nav li.link-publish:hover i.icon {

	background-position: -21px -420px;

}

.header .user-nav li.link-publish span {

	vertical-align: middle

}

.header .user-nav li.btn-outline a {

	display: inline-block;

	border-radius: 15px;

	text-align: center;

	height: 24px;

	line-height: 24px;

	padding: 0 10px 0 12px;

	margin-top: 23px;

	color: #5B6AFF;

	border: 1px #5B6AFF solid

}

.header .user-nav li.btn-outline a.kuan {

	background: #5B6AFF;

	color: #FFF

}

.header .user-nav li.btn-outline a:hover {

	background: #5B6AFF;

	color: #feef49

}

.header .user-nav li.message {

	width: 45px;

	padding: 0;

	position: relative;

}

.header .user-nav li.message i.icon {

	display: inline-block;

	background-image: url(../images/icon.png);

	background-repeat: no-repeat;

	background-position: 1px -389px;

	width: 20px;

	height: 20px;

	margin: 28px 0 27px 0;

}

.header .user-nav li.message i.message-num {

	position: absolute;

	top: 15px;

	left: 26px;

	z-index: 999;

	padding: 0 5px;

	min-width: 8px;

	height: 18px;

	line-height: 18px;

	text-align: center;

	border-radius: 10px;

	background: #ff5a00;

	color: #fff;

	font-size: 12px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}

.header .user-nav li.message:hover {

	background-color: #f1f1f1;

}

.header .user-nav li.message:hover i.icon {

	background-position: -21px -389px;

}

.header .user-nav li.user {

	padding: 0;

	position: relative;

}

.header .user-nav li.user:hover {

	background: #f1f1f1;

}

.header .user-nav li.user .avatar-round {

	padding: 22px 12px 22px 12px;

	overflow: hidden;

	width: 30px;

	height: 30px;

}

.header .user-nav li.user .avatar-round img {

	width: 30px;

	height: 30px;

	vertical-align: middle;

	border-radius: 50%

}

.header .user-nav li.user .user-box {

	width: 170px;

	position: absolute;

	right: 0;

	background: #fff;

	text-align: left;

	display: none

}

.header .user-nav li.user:hover .user-box {

	display: block

}

.header .user-nav li.user .user-box .section {

	padding: 18px 5px 10px 18px;

	line-height: 22px;

	border-bottom: 1px solid #eee;

	font-weight: 600;

	overflow: hidden

}

.header .user-nav li.user .user-box .section a {

	display: block;

	line-height: 22px;

	height: 22px;

	color: #333;

	padding: 0

}

.header .user-nav li.user .user-box .section a:hover {

	color: #5B6AFF

}

.header .user-nav li.user .user-box .section .user-name {

	font-size: 12px;

	color: #999;

	height: 22px;

	display: block

}

.header .user-nav li.user .user-box .user-box-list {

	padding: 6px 0

}

.header .user-nav li.user .user-box .user-box-list p {

	height: 44px;

	line-height: 44px;

}

.header .user-nav li.user .user-box .user-box-list .user-box-list-area:not(:last-child) {

	border-bottom: 1px solid #eaeaea

}

.header .user-nav li.user .user-box .user-box-list .user-box-list-area a {

	display: block;

	padding-left: 20px;

	position: relative;

	color: #676767;

}

.header .user-nav li.user .user-box .user-box-list .user-box-list-area a:hover {

	background: #5B6AFF;

	color: #FFF

}

/*下拉导航*/

.header .wrap .all-nav-list {

	z-index: 10;

	position: absolute;

	right: 35px;

	top: 0;

	width: 55px;

	height: 75px;

	display: block;

	cursor: pointer;

	text-align: center;

}

.header .wrap .all-nav-list>span {

	width: 40px;

	height: 40px;

	margin-top: 15px;

	display: inline-block;

	-webkit-transition: all .4s;

	-moz-transition: all .4s;

	transition: all 0.4s;

}

.header .wrap .all-nav-list.fs>span {

	background-image: url(../images/icon4.png);

	transform: rotate(-180deg);

}

#mainNav .dropdown-nav {

	position: fixed;

	left: 0;

	top: 75px;

	width: 100%;

	background: #5B6AFF;

	cursor: default;

	z-index: 999;

	display: none

}

#mainNav .nav-category {

	padding: 30px 0 25px 30px;

}

#mainNav .nav-category dl {

	float: left;

	width: 14%

}

#mainNav .nav-category dl a {

	color: #fff;

	font-size: 12px;

	display: inline-block;

}

#mainNav .nav-category dt a {

	font-size: 18px;

	font-weight: bold;

}

#mainNav .nav-category dt {

	margin-bottom: 20px;

}

#mainNav .nav-category dd {

	line-height: 30px;

	position: relative;

	cursor: pointer;

}

#mainNav .nav-category dd input {

	position: absolute;

	left: 0;

	top: 0;

	width: 80px;

	height: 30px;

	opacity: 0;

	filter: alpha(opacity=0);

	cursor: pointer;

	font-size: 0;

}

#mainNav .nav-category dl a.no_hover {

	cursor: default;

}

#mainNav .nav-category dl a:hover {

	color: #feef49;

}

#mainNav .nav-category dl form:hover a {

	color: #d8b056;

}

#mainNav .nav-category dl a.no_hover:hover {

	color: #fff;

	text-decoration: none

}

/*浮动状态*/

.navFix .header {

	height: 55px;

	background: #5B6AFF;

	border-bottom: 0;

	position: fixed;

	left: 0;

	top: 0;

	_position: absolute;

top:expression((offsetParent.scrollTop)+0);

	-webkit-transition: all .2s;

	-moz-transition: all .2s;

	transition: all 0.2s;

} /*实现ie6不支持fixed方法*/

.navFix .header a {

	color: #fff

}

.navFix .header .logo {

	padding-top: 11px

}

.navFix .header .logo a {

	background-image: url(../images/logo-white.png);

}

.navFix .header .logo #version_switch {

	display: none;

}

.navFix .header .change-city {

	border-left: 1px solid #80c1fb;

	margin: 17px 0 0 12px

}

.navFix .header .change-city label {

	color: #dbdbdb;

}

.navFix .header .change-city label .arrow {

	border-top: 4px solid #dbdbdb;

}

.navFix .header .change-city:hover a b {

	color: #f1f1f1

}

.navFix .header .change-city:hover a label {

	color: #feef49

}

.navFix .header .change-city:hover a label .arrow {

	border-top-color: #feef49

}

.navFix .header .change-col {

	height: 55px;

}

.navFix .header .nav li {

	height: 55px;

	line-height: 55px

}

.navFix .header .nav li a:hover {

	color: #feef49

}

.navFix .header .nav li.cur a {

	color: #feef49!important

}

.navFix .header .nav li.more-menu i {

	background-image: url(../images/icon.png);

	background-position: 0 -295px;

	margin-top: 13px;

}

.navFix .header .nav li.more-menu.hover {

	background-color: #0b6bc0;

}

.navFix .header .nav li .menu-list {

	top: 55px;

}

.navFix .header .nav li .menu-list p a {

	color: #333;

}

.navFix .header .nav li .menu-list p a:hover {

	color: #FFF

}

.navFix .header .user-nav li {

	height: 55px;

	line-height: 55px

}

.navFix .header .user-nav li a {

	color: #fff

}

.navFix .header .user-nav li a:hover {

	color: #feef49

}

.navFix .header .user-nav li.link-publish i.icon {

	background-position: 1px -452px;

}

.navFix .header .user-nav li.link-publish:hover i.icon {

	background-position: -21px -452px;

}

.navFix .header .user-nav li.btn-outline a {

	margin-top: 14px;

	color: #fff;

	border: 1px #feef49 solid

}

.navFix .header .user-nav li.btn-outline a:hover {

	color: #feef49

}

.navFix .header .user-nav li.message {

	width: 45px;

	padding: 0;

	position: relative;

}

.navFix .header .user-nav li.message:hover {

	background-color: #0b6bc0;

}

.navFix .header .user-nav li.message i.icon {

	background-position: 2px -104px;

	margin: 18px 0;

}

.navFix .header .user-nav li.message i.message-num {

	top: 8px;

}

.navFix .header .user-nav li.user:hover {

	background: #0b6bc0;

}

.navFix .header .user-nav li.user .avatar-round {

	padding: 12px 12px 13px 12px;

}

.navFix .wrap .all-nav-list {

	background-color: #d8b056;

}

.navFix .wrap .all-nav-list>span {

	margin-top: 7px;

	background-image: url(../images/icon1.png);

}

.navFix .header .wrap .all-nav-list {

	width: 55px;

	height: 55px;

}

.navFix .header .wrap .all-nav-list.fs>span {

	background-image: url(../images/icon2.png);

}

#mainNav.navFix .dropdown-nav {

	top: 55px;

}

/*小型导航栏，帮助中心、下载APP等*/

.head {

	width: 100%;

	background: #FFF

}

.head .box {

	height: 128px;

	position: relative;

}

.head .logobox {

	width: 35%;

	float: left;

	padding-top: 18px;

	overflow: hidden;

	position: relative;

}

.head .logobox img {

	width: 285px;

}

.head .logobox .back-index {

	width: 48px;

	height: 18px;

	background: url(../images/161.png) no-repeat 0px 0px;

	margin-left: 10px;

	margin-top: 15px;

}

.head .logobox .sub-txt-group {

	position: absolute;

	left: 72%;

	top: 50px;

	cursor: pointer;

}

.head .logobox .sub-txt-group .stg-txt {

	height: 20px;

	line-height: 20px;

	float: left;

}

/*最顶端的通栏*/

.header_min {

	width: 100%;

	background-color: #f8f8f8;

	border-bottom: 1px #f0f0f0 solid;

}

.header_min .header_min_top {

	margin: 0 auto;

	width: 1200px;

	height: 35px;

	line-height: 35px;

	font-size: 12px;

}

.header_min .header_min_top .itopr {

	float: left;

	width: 50%;

	text-align: left;

	height: 35px;

	color: #dbdbdb;

}

.header_min .header_min_top .itopr a {

	padding-left: 32px;

	padding-right: 10px;

	background-image: url(../images/109.png);

	background-repeat: no-repeat;

	background-position: 12px 0px;

}

.header_min .header_min_top .itopr a.home {

	background-position: 12px 0px;

}

.header_min .header_min_top .itopr a.m {

	background-position: 12px -28px;

}

.header_min .header_min_top .itopr a.help {

	background-position: 12px -51px;

}

.header_min .header_min_top .itopr a.shop {

	background-position: 12px -76px;

}

.header_min .header_min_top .itopr a.stat {

	padding-left: 15px;

	background-image: none

}

.header_min .header_min_top .itopr a.last {

	padding-left: 15px;

	background-image: none;

	padding-right: 0px;

}

.header_min .header_min_top .itopl {

	float: right;

	height: 35px;

}

.header_min .header_min_top .itopl .n {

	float: left;

	padding-left: 15px;

	padding-right: 15px;

	position: relative

}

.header_min .header_min_top .itopl .n .vertical_line, .header_min .header_min_top .itopl .name .vertical_line {

	position: absolute;

	top: 12px;

	right: 0;

	width: 1px;

	height: 12px;

	background: #dbdbdb;

}

.header_min .header_min_top .itopl .n.welcome {

	padding-left: 0px;

	border-right: 0px;

}

.header_min .header_min_top .itopl .name {

	padding-right: 17px;

	float: left;

	padding-left: 12px;

	cursor: pointer;

	position: relative;

}

.header_min .header_min_top .itopl .name .arrow_icon {

	position: absolute;

	top: 15px;

	right: 10px;

	width: 10px;

	height: 10px;

	background: url(../images/136.png) no-repeat;

}

.header_min .header_min_top .itopl .name .arrow_icon_hover {

	display: none;

	position: absolute;

	top: 15px;

	right: 10px;

	width: 10px;

	height: 10px;

	background: url(../images/136.png) no-repeat;

	background-position: 0 -90px;

}

.header_min .header_min_top .itopl .name.per_name {

	width: 52px;

}

.header_min .header_min_top .itopl .name.com_name {

	width: 82px;

}

.header_min .header_min_top .itopl .name.per_name .aname {

	display: block;

	max-width: 51px;

	_display: inline;

	white-space: nowrap;

	_white-space: normal;

	_height: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	_background: transparent;

}

.header_min .header_min_top .itopl .name.com_name .aname {

	display: block;

	max-width: 78px;

	_display: inline;

	white-space: nowrap;

	_white-space: normal;

	_height: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	_background: transparent;

}

.header_min .header_min_top .itopl .name.per_name.hover {

	width: 51px;

	height: 39px;

	border: 1px solid #ededed;

	border-bottom: 0;

	background: #fff;

	padding-left: 11px;

}

.header_min .header_min_top .itopl .name.com_name.hover {

	width: 81px;

	height: 39px;

	border: 1px solid #ededed;

	border-bottom: 0;

	background: #fff;

	padding-left: 11px;

}

.header_min .header_min_top .itopl .name .name_list {

	display: none;

	position: absolute;

	top: 35px;

	left: -1px;

	background: #fff;

	border: 1px solid #ededed;

	border-top: 0;

	z-index: 900;

}

.header_min .header_min_top .itopl .name .name_list li {

	cursor: pointer

}

.header_min .header_min_top .itopl .name.per_name .name_list li a {

	color: #666;

	width: 67px;

	height: 34px;

	display: block;

	line-height: 34px;

	padding-left: 12px;

	text-align: left;

	position: relative;

	text-decoration: none;

}

.header_min .header_min_top .itopl .name.com_name .name_list li a {

	color: #666;

	width: 97px;

	height: 34px;

	display: block;

	line-height: 34px;

	padding-left: 12px;

	text-align: left;

	position: relative;

	text-decoration: none;

}

.header_min .header_min_top .itopl .name .name_list li a:hover {

	color: #ff6600;

	background-color: #f5f5f5

}

.header_min .header_min_top .itopl .name.hover .name_list {

	display: block;

}

.header_min .header_min_top .itopl .name.hover .arrow_icon_hover {

	display: block;

}

.header_min .header_min_top .itopl .name.hover .arrow_icon {

	display: none;

}

.header_min .header_min_top .itopl .name.per_name.hover .vertical_line {

	right: -1px;

}

.header_min .header_min_top .itopl .n.quit {

	border-right: 0px;

}

.header_min .header_min_top .itopl .n .dot {

	position: absolute;

	width: 5px;

	height: 5px;

	right: 8px;

	top: 10px;

	background-color: #FF0000;

	border-radius: 5px;

	font-size: 0px;

}

.footer_min {

	margin: 0 auto;

	width: 1200px;

	margin-top: 40px;

	margin-bottom: 50px;

	font-size: 12px;

}

.footer_min .links {

	width: 1200px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border: 1px #dddddd solid;

	border-left: 0px;

	border-right: 0px;

}

.footer_min .links a {

	margin-left: 10px;

	margin-right: 10px;

}

.footer_min .txt {

	line-height: 180%;

	text-align: center;

	padding-top: 20px;

}

/*当前位置*/

.location {

	width: 100%;

	color: #666;

	overflow: hidden;

	font-size: 12px;

}

.location .box {

	padding-top: 15px

}

.location_pos {

	float: left;

}

.location_pos em {

	font-family: "SimSun";

	padding: 0 10px;

}

.location_tip {

	float: right;

	color: #FF6600;

}

/*AJAX loading*/

.ajax_loading {

	display: none;

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	background-color: #FFFFFF;

	filter: alpha(opacity=50);

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

	background: rgba(255,255,255,.5);

	z-index: 999;

}

.ajax_loading .ajaxloadtxt {

	background-image: url(../images/loading.gif);

	background-repeat: no-repeat;

	background-position: center 5px;

	width: 150px;

	height: 28px;

	background-color: #FFFFFF;

	text-align: center;

	margin: 0 auto;

	padding-top: 40px;

	margin-top: 100px;

	font-size: 12px;

}

p#vtip {

	display: none;

	position: absolute;

	padding: 10px;

	left: 5px;

	font-size: 12px;

	background-color: white;

	border: 1px solid #a6c9e2;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	z-index: 9999;

	line-height: 170%

}

/* 弹出框 */

.fade {

	opacity: 0;

	-webkit-transition: opacity .08s linear;

	-o-transition: opacity .08s linear;

	transition: opacity .08s linear;

}

.fade.in {

	opacity: 1;

}

.modal_backdrop {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #000;

	z-index: 1040;

	-webkit-opacity: 0.5;

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: .5;

	filter: alpha(opacity=50);

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

	_position: absolute;

_top:expression(offsetParent.scrollTop);

_left:expression(offsetParent.scrollLeft);

}

.modal_backdrop.fade {

	filter: alpha(opacity=0);

	opacity: 0;

}

.modal_backdrop.in {

	filter: alpha(opacity=50);

	opacity: .5;

}

.modal_scrollbar_measure {

	position: absolute;

	top: -9999px;

	width: 50px;

	height: 50px;

	overflow: scroll;

}

.modal {

	overflow: hidden;

	-webkit-overflow-scrolling: touch;

	outline: 0;

}

.modal .modal_dialog {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1050 !important;

}

.modal.in .modal_dialog {

	-webkit-transition: -webkit-transform .2s ease-out;

	-o-transition: -o-transform .2s ease-out;

	transition: transform .2s ease-out;

	-webkit-transform: translate(0, -25%);

	-ms-transform: translate(0, -25%);

	-o-transform: translate(0, -25%);

	transform: translate(0, -25%);

}

.modal_content {

	padding: 5px;

	background: #a3a3a3;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	overflow: hidden;

	box-shadow: 1px 1px 50px rgba(0,0,0,.3);

}

.modal_content.no_pad {

	padding: 0;

}

.modal_content .modal_header {

	height: 30px;

	padding-top: 10px;

	padding-left: 15px;

	background: #F8F8F8;

	border-bottom: 1px solid #eee;

	position: relative;

	cursor: move;

	moz-user-select: -moz-none;

	-moz-user-select: none;

	-o-user-select: none;

	-khtml-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.modal_content .modal_header .title {

	font-size: 14px;

	color: #333333;

	line-height: 20px;

}

.modal_content .modal_header .max_remind {

	font-size: 12px;

	color: #999999;

}

.modal_content .modal_header .close {

	display: block;

	position: absolute;

	right: 15px;

	top: 12px;

	width: 16px;

	height: 16px;

	background: url(../images/44.png) no-repeat;

*font-size:0;

}

.modal_content .modal_header .close:hover {

	background-position: 0 -24px;

}

.modal_content .modal_body {

	padding: 15px;

	background: #fff;

}

.modal_content .modal_body.no_pad {

	padding: 0;

	background: none;

}

.modal_content .modal_body .confirm {

	text-align: center;

	padding: 0 50px;

}

.modal_content .modal_body .agreement {

	width: 900px;

	height: 600px;

	overflow-y: scroll;

	overflow-x: hidden;

}

.modal_content .modal_body .refresh_jobs_all_confirm {

	padding: 20px 10px;

	line-height: 180%;

}

.modal_content .modal_body .refresh_jobs_all_confirm a {

	text-decoration: none;

}

.modal_content .modal_body .refresh_jobs_all_confirm a:hover {

	text-decoration: underline;

}

.modalfast {

	overflow: hidden;

	-webkit-overflow-scrolling: touch;

	outline: 0;

}

.modalfast .modal_dialog {

	position: absolute;

	top: 0;

	left: 0;

}

.modalfast.in .modal_dialog {

	z-index: 1050;

	-webkit-transition: -webkit-transform .2s ease-out;

	-o-transition: -o-transform .2s ease-out;

	transition: transform .2s ease-out;

	-webkit-transform: translate(0, -25%);

	-ms-transform: translate(0, -25%);

	-o-transform: translate(0, -25%);

	transform: translate(0, -25%);

}

.modalfast .modal_content {

	padding: 5px;

	background: #a3a3a3;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}

.modalfast .modal_content.no_pad {

	padding: 0;

}

.modalfast .modal_content .modal_header {

	height: 30px;

	padding-top: 10px;

	padding-left: 15px;

	background: #f0f0f0;

	position: relative;

	moz-user-select: -moz-none;

	-moz-user-select: none;

	-o-user-select: none;

	-khtml-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none;

	cursor: default;

}

.modalfast .modal_content .modal_header .title {

	font-size: 16px;

	color: #333333;

	line-height: 20px;

}

.modalfast .modal_content .modal_header .max_remind {

	font-size: 12px;

	color: #999999;

}

.modalfast .modal_content .modal_header .close {

	display: block;

	position: absolute;

	right: 15px;

	top: 12px;

	width: 16px;

	height: 16px;

	background: url(../images/44.png) no-repeat;

*font-size:0;

}

.modalfast .modal_content .modal_header .close:hover {

	background-position: 0 -24px;

}

.modalfast .modal_content .modal_body {

	padding: 15px;

	background: #fff;

}

.modalfast .modal_body_box3 {

	width: 100%;

	height: 330px;

}

.modalfast .modal_body_box3 .left_box {

	width: 150px;

	height: 330px;

}

.modalfast .modal_body_box3 .right_box {

	width: 390px;

	height: 330px;

}

/*AJAX loading*/

.modal_content .modal_body .ajax_loading {

	display: block;

	margin: 0 30px;

	position: relative;

	width: 150px;

	height: 68px;

}

.modal_content .modal_body .ajax_loading .ajaxloadtxt {

	background-image: url(../images/loading.gif);

	background-repeat: no-repeat;

	background-position: center 5px;

	width: 150px;

	height: 28px;

	background-color: #FFFFFF;

	text-align: center;

	margin: 0 auto;

	padding-top: 40px;

	font-size: 12px;

	border: 0;

}

.modal_content .modal_footer {

	padding: 15px 0;

	border-top: 1px #f0f0f0 solid;

	background: #FFF

}

.modal_content .modal_footer .res_add_but {

	width: auto;

	text-align: right

}

.modal_content .modal_footer .res_add_but .butlist {

	display: inline-block;

	margin-right: 25px;

}

.modal_content .modal_footer .res_add_but .J_hoverbut {

	display: inline-block;

*display:inline;

*zoom:1;

	moz-user-select: -moz-none;

	-moz-user-select: none;

	-o-user-select: none;

	-khtml-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none;

	width: 85px;

	height: 33px;

	line-height: 33px;

}

/* 自动消失的提示框 */

.disappear_tooltip {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1000000;

	background: #000;

	background: rgba(0,0,0,.7);

	-pie-background: rgba(0,0,0,.7);

	padding: 0 18px;

	height: 70px;

	line-height: 70px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	color: #fff;

	text-align: center;

	font-size: 16px;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-duration: .3s;

	animation-duration: .3s;

}

.disappear_tooltip .icon {

	width: 29px;

	height: 29px;

	float: left;

	margin-top: 20px;

}

.disappear_tooltip .content {

	float: left;

	padding-left: 15px;

}

.disappear_tooltip a {

	color: #0F0

}

.disappear_tooltip.remind .icon {

	background: url(../images/45.png) no-repeat;

}

.disappear_tooltip.success .icon {

	background: url(../images/45.png) 0 -59px no-repeat;

}

.disappear_tooltip.goldremind {

	height: 110px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}

.disappear_tooltip.goldremind .icon {

	float: none;

	display: inline-block;

*display:inline;

*zoom:1;

	background: url(../images/92.png) no-repeat;

	width: 30px;

	height: 30px;

	margin-left: -60px;

}

.disappear_tooltip.goldremind .content {

	float: none;

	_width: 200px;

	height: 50px;

	line-height: 50px;

	padding-left: 0px;

	font-size: 14px;

	position: relative;

}

.disappear_tooltip.goldremind .content .point {

	position: absolute;

	color: #f0fd3e;

	font-size: 24px;

	padding-left: 15px;

	line-height: 30px;

	left: 50%;

	top: -28px;

	margin-left: -24px;

}

@-webkit-keyframes bounceIn {

0% {

opacity:0;

-webkit-transform:scale(.5);

transform:scale(.5)

}

100% {

opacity:1;

-webkit-transform:scale(1);

transform:scale(1)

}

}

@keyframes bounceIn {

0% {

opacity:0;

-webkit-transform:scale(.5);

-ms-transform:scale(.5);

transform:scale(.5)

}

100% {

opacity:1;

-webkit-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1)

}

}

.tip_anim {

	display: block;

	-webkit-animation-name: bounceIn;

	animation-name: bounceIn

}

@-webkit-keyframes bounceOut {

100% {

opacity:0;

-webkit-transform:scale(.7);

transform:scale(.7)

}

30% {

-webkit-transform:scale(1.03);

transform:scale(1.03)

}

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

}

@keyframes bounceOut {

100% {

opacity:0;

-webkit-transform:scale(.7);

-ms-transform:scale(.7);

transform:scale(.7)

}

30% {

-webkit-transform:scale(1.03);

-ms-transform:scale(1.03);

transform:scale(1.03)

}

0% {

-webkit-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1)

}

}

.tip_anim_close {

	z-index: -100;

	background: rgba(0,0,0,0);

	-pie-background: rgba(0,0,0,0);

	-webkit-animation-name: bounceOut;

	animation-name: bounceOut;

	-webkit-animation-duration: .2s;

	animation-duration: .2s;

	display: block

}

/****************** 发送消息，聊天弹窗口，消息列表 *******************/

.talk_box {

	width: 420px;

	overflow: hidden;

}

.talk_box .view_chat_records {

	display: block;

	width: 100%;

	height: 32px;

	text-align: center;

	color: #666;

}

.talk_box .msglist-img {

	width: 100%;

	background-color: #FFFFFF;

	height: 58px;

	overflow: hidden;

	border-bottom: 1px #e9e9e9 solid;

	position: relative

}

.talk_box .msglist-img .pic {

	position: absolute;

	left: 0;

	top: 0;

	height: 55px;

	border-bottom: 1px #FFFFFF solid;

	width: 60px;

}

.talk_box .msglist-img .pic img {

	width: 46px;

	height: 46px;

	border: 1px #E4E4E4 solid;

	border-radius: 3px;

}

.talk_box .msglist-img .describe {

	padding-left: 62px;

	height: 55px;

	font-size: 12px

}

.talk_box .msglist-img .describe .tit {

	height: 27px;

}

.talk_box .msglist-img .describe .tit .name {

	width: 270px;

}

.talk_box .msglist-img .describe .tit .more {

	position: absolute;

	right: 0;

	top: 0;

}

.talk_box .msglist-img .describe span {

	margin-left: 5px;

	color: #999999

}

.talk_box .msglist-img .describe .txt {

	width: 100%;

	height: 20px;

	color: #666;

}

.talk_box .msglist-img .describe .txt .f_r {

	float: right

}

.talk_box .textarea_box {

	width: 100%;

	height: 105px;

}

.talk_box .textarea_box .input_dialog {

	border: 1px solid #e3e3e3;

	overflow: hidden

}

.talk_box .textarea_box .input_dialog #description {

	width: 100%;

	height: 51px;

	padding: 7px;

	border-width: 0;

	resize: none;

	font-size: 12px;

	background: #f7f7f7

}

.talk_box .textarea_box .textarea_func {

	padding: 9px 0 0 12px;

	height: 30px;

	position: relative

}

.talk_box .textarea_box .textarea_func span.font_count {

	top: 13px;

	left: 3px;

	position: absolute;

	font-size: 12px;

}

.talk_box .textarea_box .textarea_func span.font_count b {

	color: #39f;

	font-weight: bold

}

.talk_box .textarea_box .chat_send_out {

	background: #FF6600;

	color: #fff;

	text-align: center;

	border-radius: 3px;

	border: 1px solid #ef6000;

	display: block;

	height: 26px;

	line-height: 24px;

	padding: 0 20px;

	font-size: 13px;

	cursor: pointer;

	float: right;

}

.talk_box .textarea_box .chat_send_out.disabled {

	background: #999;

	border-color: #868686;

}

.talk_box .textarea_box .chat_send_out:hover {

	background: #ff9000;

	border-color: #e47b00;

}

.talk_box .textarea_box .chat_send_close {

	background: #999999;

	color: #fff;

	text-align: center;

	border-radius: 3px;

	border: 1px solid #868686;

	display: block;

	height: 26px;

	line-height: 24px;

	padding: 0 20px;

	font-size: 13px;

	cursor: pointer;

	float: right;

	margin-right: 12px

}

.talk_box .textarea_box .chat_send_close:hover {

	background: #868686;

	border-color: #737373;

}

/* 消息详情对话 */

.chat_box {

	margin: 10px 0;

	padding: 0 12px 0 5px;

	height: 250px;

	overflow-x: hidden;

	overflow-y: auto;

	font-size: 12px;

	position: relative;

}

.chat_box .msg_name {

	width: 100;

	text-align: center;

	line-height: 25px

}

.chat_box .msgshow-left {

	width: 100%;

	min-height: 50px;

	padding-bottom: 25px;

	overflow: hidden;

	position: relative

}

.chat_box .msgshow-left .msg_unread {

	position: absolute;

	top: 12px;

	left: 43px;

	height: 6px;

	width: 6px;

	border-radius: 6px;

	background: #F00;

	overflow: hidden

}

.chat_box .msgshow-left .pic {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

}

.chat_box .msgshow-left .pic img {

	width: 40px;

	height: 40px;

	border-radius: 50%;

}

.chat_box .msgshow-left .txt {

	float: left;

	margin-left: 60px;

	height: 100%;

	;

	max-width: 260px;

	_width: 260px;

	padding: 10px 10px 8px 10px;

	line-height: 160%;

	color: #333;

	border-radius: 5px;

	background-color: #f3f3f3;

	position: relative;

	word-break: break-all;

}

.chat_box .msgshow-left .txt .arrow {

	width: 6px;

	height: 12px;

	position: absolute;

	left: -6px;

	top: 10px;

	background-image: url(../images/msg_arrow1.png);

	background-repeat: no-repeat;

	background-size: 6px 12px;

}

.chat_box .msgshow-left .txt .times {

	position: absolute;

	z-index: 10;

	width: 150px;

	left: 0;

	bottom: -20px;

	color: #999;

	text-align: left

}

.chat_box .msgshow-left .txt a {

	color: #06c

}

.chat_box .msgshow-left .txt a:hover {

	color: #F84C4C

}

.chat_box .msgshow-left .txt p {

	color: #999;

	line-height: 120%;

	padding-top: 0.12rem;

}

.chat_box .msgshow-right {

	width: 100%;

	min-height: 50px;

	position: relative;

	padding-bottom: 35px;

	overflow: hidden;

}

.chat_box .msgshow-right .msg_unread {

	position: absolute;

	top: 12px;

	right: 45px;

	height: 6px;

	width: 6px;

	border-radius: 6px;

	background: #F00;

	overflow: hidden

}

.chat_box .msgshow-right .pic {

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;

}

.chat_box .msgshow-right .pic img {

	width: 40px;

	height: 40px;

	border-radius: 50%;

}

.chat_box .msgshow-right .txt {

	float: right;

	margin-right: 60px;

	height: 100%;

	max-width: 260px;

	_width: 260px;

	padding: 10px 10px 8px 10px;

	line-height: 160%;

	color: #fff;

	border-radius: 5px;

	background-color: #5B6AFF;

	position: relative;

	word-break: break-all;

}

.chat_box .msgshow-right .txt .arrow {

	width: 6px;

	height: 12px;

	position: absolute;

	right: -6px;

	top: 10px;

	background-image: url(../images/msg_arrow.png);

	background-repeat: no-repeat;

	background-size: 6px 12px;

}

.chat_box .msgshow-right .txt .times {

	position: absolute;

	z-index: 10;

	width: 150px;

	right: 0;

	bottom: -20px;

	color: #999;

	text-align: right

}

.chat_box .msgshow-right .txt a {

	color: #FF0

}

.chat_box .msgshow-right .txt a:hover {

	color: #d9d91e

}

.chat_box .msgshow-right .txt p {

font-size:.234rem;

	color: #fff;

	line-height: 120%;

	padding-top: 0.12rem;

}



/*公用滚动条下拉框样式*/

.scrollbar::-webkit-scrollbar-track-piece {

background:transparent;

border-left:1px solid #d2d2d2;

border-radius: 5px;

}

.scrollbar::-webkit-scrollbar {

width:6px;

height:6px;

background: transparent;

box-shadow: 0 0 3px #b3c0d3 inset;

border-radius: 5px;

background-color: #dcdcdc

}

.scrollbar::-webkit-scrollbar-thumb {

background-color:#b3c0d3;

background-clip:padding-box;

border:1px solid #b3c0d3;

min-height:28px;

border-radius: 5px;

}

.scrollbar::-webkit-scrollbar-thumb:hover {

background-color:#c6d2e4;

}

/*职位、地区、行业、专业弹出框样式*/

.modal_body_box {

	border: 1px solid #e0e0e0;

	color: #333

}

.modal_body_box .list_box input {

*top:1px;

	margin: 0;

	margin: 0 4px 0 0;

*margin:0 0 0 -4px;

}

.modal_body_box .list_nav li {

	display: block;

	margin: 0;

	padding: 0;

	padding: 0;

	_display: inline;

	white-space: nowrap;

	_white-space: normal;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	background: url(../images/index_arrow.png) no-repeat right 12px center;

}

.modal_body_box .last .list_nav li {

	background-image: none

}

.modal_body_box .list_nav li label {

	float: none;

	width: auto;

	text-decoration: none;

	cursor: pointer;

	font-size: 13px;

	display: block;

}

.modal_body_box .list_nav li:hover {

	color: #5B6AFF;

	background-color: #f2f5f9;

}

.modal_body_box .list_nav li.current, .modal_body_box .list_nav li.seledted {

	background-color: #f2f5f9

}

.modal_body_box .list_nav li.current label, .modal_body_box .list_nav li.seledted label {

	color: #5B6AFF

}

.modal_body_box .left_box .list_nav li {

	display: block;

	margin: 0;

	padding: 0;

	padding: 0;

	_display: inline;

	white-space: nowrap;

	_white-space: normal;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	background: url(../images/index_arrow.png) no-repeat right 12px center;

	font-size: 14px;

	cursor: pointer;

}

.modal_body_box .left_box .list_nav li label {

	float: none;

	width: auto;

	text-decoration: none;

	cursor: pointer;

	font-size: 14px;

	display: block;

}

.modal_body_box .left_box .list_nav li:hover {

	color: #5B6AFF;

	background: #f2f5f9;

	border-color: #f2f5f9;

}

.modal_body_box .left_box .list_nav li.current, .modal_body_box .left_box .list_nav li.seledted {

	color: #2698e4;

	background: #f2f5f9;

	border-color: #2698e4;

}

.modal_body_box .right_box .list_nav li {

	display: block;

	margin: 0;

	padding: 0;

	padding: 0;

	_display: inline;

	white-space: nowrap;

	_white-space: normal;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	_background: transparent;

	_height: 20px;

}

.modal_body_box .right_box .list_nav li label {

	float: none;

	width: auto;

	cursor: pointer;

	font-size: 14px;

	display: block;

}

.modal_body_box .right_box .list_nav li:hover {

	color: #5B6AFF;

	background-color: #f2f5f9;

}

.modal_body_box .right_box .list_nav li.current, .modal_body_box .right_box .list_nav li.seledted {

	background-color: #f2f5f9

}

.modal_body_box .right_box .list_nav li.current label, .modal_body_box .right_box .list_nav li.seledted label {

	color: #5B6AFF

}

.modal_body_box .list_nav1 li {

	display: block;

	margin: 0;

	padding: 0;

	height: 20px;

	line-height: 20px;

	padding: 8px 0;

}

.modal_body_box .list_nav1 li label {

	float: none;

	width: auto;

	padding: 3px 6px;

	text-decoration: none;

	cursor: pointer;

	font-size: 14px;

}

.modal_body_box .list_nav1 li:hover {

	color: #4098e6;

}

.modal_body_box .list_nav1 li.current, .modal_body_box .list_nav1 li.seledted {

	color: #5f8dc9;

}

.listed_group {

	display: none;

	margin-bottom: 10px;

	line-height: 24px;

	font-size: 14px;

}

.listed_group.nmb {

	margin-bottom: 0;

}

.listed_group .left_text {

	float: left;

}

.listed_group .center_text {

	float: left;

	max-width: 515px;

}

.listed_group .center_text .listed_item_parent {

	padding-right: 10px;

	padding-bottom: 10px;

	float: left;

}

.listed_group .center_text .listed_item {

	display: block;

	float: left;

	padding: 5px 10px;

	line-height: 14px;

	border-radius: 2px;

	text-decoration: none;

	color: #fff;

	background-color: #5F8DC9;

	position: relative;

	padding-right: 17px;

}

.listed_group .center_text .listed_item:hover {

	background-color: #4579C0

}

.listed_group .center_text .listed_item .del {

	position: absolute;

	top: 5px;

	right: 10px;

	width: 17px;

	height: 14px;

	background: url(../images/89.png) no-repeat;

}

.listed_group .center_text .listed_item span {

	padding: 0 15px 0 0;

}

.listed_group .right_text {

	display: block;

	float: right;

	background: url(../images/26.png) no-repeat 0px 5px;

	padding-left: 18px;

	text-decoration: none;

	color: #999;

	font-size: 12px;

}

.listed_group .right_text:hover {

	color: #FF6600;

	background-position: 0px -35px;

}

/* 行业 */

#body_trade {

	display: none;

}

.modal_body_box1 {

	width: 600px;

	height: 320px;

	padding: 10px 20px;

	overflow-x: hidden;

	overflow-y: scroll;

}

.modal_body_box1 .list_nav li {

	width: 33.3333%;

	float: left;

}

.modal_body_box1 .list_nav1 li {

	width: 33.3333%;

	float: left;

}

/* 职位 */

#body_jobs {

	display: none;

}

.modal_body_box2 {

	width: 627px;

	height: 248px;

}

.modal_body_box2 .item {

	width: 33.3333%;

	height: 248px;

	float: left;

	overflow-x: hidden;

	overflow-y: scroll;

}

.modal_body_box2 .item .list_nav {

	display: none;

}

.modal_body_box2 .list_nav li label {

	padding: 7px 12px;

}

/* 地区、专业 */

#body_city {

	display: none;

}

#body_major {

	display: none;

}

.modal_body_box3 {

	width: 100%;

	height: 450px;

}

.modal_body_box3 .left_box {

	width: 150px;

	height: 450px;

	float: left;

	overflow-x: hidden;

	overflow-y: scroll;

	border-right: 1px #DDDDDD solid;

	background: #f9fafb

}

.modal_body_box3 .right_box {

	width: 560px;

	height: 450px;

	padding-left: 8px;

	float: left;

	overflow-y: scroll;

}

.modal_body_box3 .left_box .list_nav li {

	text-align: left;

	background-color: #fafafa;

	border-left: 4px #f9fafb solid;

}

.modal_body_box3 .left_box .list_nav li label {

	padding: 5px 10px;

}

.modal_body_box3 .left_box .list_nav li.current, .modal_body_box3 .left_box .list_nav li.seledted {

	background-color: #ffffff;

	border-left: 4px #4098e6 solid;

}

.modal_body_box3 .left_box .list_nav li:hover, .modal_body_box3 .left_box .list_nav li:hover {

	background-color: #ffffff;

	border-left: 4px #4098e6 solid;

}

.modal_body_box3 .right_box .list_nav {

	display: none;

}

.modal_body_box3 .right_box .list_nav li {

	float: left;

	background-image: none;

	width: 33.33%;

	box-sizing: border-box;

	height: 35px;

	line-height: 35px;

}

.modal_body_box3 .right_box .list_nav li label {

	padding: 0 0 0 8px;

}

/* 搜索框 */

.keywordPanel {

	position: relative;

	width: 100%;

	font-size: 12px;

	margin-bottom: 12px;

}

.keywordPanel input {

	width: 89.8%;

	padding: 0 8% 0 2%;

	border: 1px solid #dce0e7;

	height: 35px;

	line-height: 35px;

	background: #fff

}

.keywordPanel input.focus, .keywordPanel input:focus {

	border: 1px solid #4098e6

}

.keywordPanel .keywordInput button {

	width: 35px;

	height: 35px;

	background: url(../images/cj_seach.gif) center center no-repeat;

	border: 0;

	outline: 0;

	position: absolute;

	right: 0;

	top: 0

}

.keywordPanel div.matchscroll {

	position: absolute;

	top: 37px;

	left: 0;

	right: 0;

	background: #fff;

	max-height: 300px;

	overflow-y: auto;

	border: 1px solid #4098e6;

	border-top: 0;

	display: none;

	z-index: 99

}

.keywordPanel .matchList li {

	padding: 10px 2px 9px 24px;

	background-color: #fff;

	cursor: pointer

}

.keywordPanel .matchList li:hover {

	background-color: #f2f5f9

}

.keywordPanel .matchList li .p-name {

	line-height: 20px;

	font-size: 14px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}

.keywordPanel .matchList li .p-name .h {

	color: #2087e2

}

.keywordPanel .matchList li .p-des {

	display: block;

	margin-top: 3px;

	line-height: 18px;

	font-size: 12px;

	color: #9fa3b0;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}

.keywordPanel .matchList li .blank {

	font-size: 12px;

	color: #9fa3b0;

}

/* 地区新样式 */

.modal_body_box_new_city {

	width: 647px;

	height: 351px;

	border: 0;

}

.modal_body_box_new_city .select_group {

	width: 100%;

	height: 50px;

	border-bottom: 1px solid #f0f0f0;

}

.modal_body_box_new_city .select_group .select_g1 {

	width: 100px;

	height: 50px;

	line-height: 50px;

	padding-right: 15px;

	text-align: right;

	font-weight: bold;

	float: left;

}

.modal_body_box_new_city .select_group .select_g2 {

	width: 512px;

	padding: 10px 0;

	float: left;

}

.modal_body_box_new_city .select_group .select_g2 select {

	padding: 3px 3px 3px 10px;

	background: transparent;

	height: 30px;

	width: 180px;

	font-size: 14px;

	float: left;

	outline: none;

	border: 1px solid #D0D0D0;

	cursor: pointer;

	margin-right: 10px;

	line-height: 30px;

}

.modal_body_box_new_city .select_group .select_g2.s2 select {

	width: 180px;

}

.modal_body_box_new_city .select_group .select_g2.s3 select {

	width: 150px;

}

.modal_body_box_new_city .select_group .select_g2.s4 select {

	width: 100px;

}

.modal_body_box_new_city .child_line_group {

	width: 100%;

	height: 300px;

	overflow-x: hidden;

	overflow-y: scroll;

}

.modal_body_box_new_city .child_line_group .child_line {

	width: 100%;

	border-bottom: 1px solid #f0f0f0;

}

.modal_body_box_new_city .child_line_group .child_line .cl1 {

	width: 99px;

	line-height: 30px;

	padding-right: 15px;

	background-color: rgb(245,245,245);

	text-align: right;

	font-weight: bold;

	float: left;

}

.modal_body_box_new_city .child_line_group .child_line .cl2 {

	width: 500px;

	padding-left: 12px;

	border-left: 1px solid #f0f0f0;

	float: left;

}

.modal_body_box_new_city .child_line_group .child_line .cl2 .child_li {

	display: block;

	width: 110px;

	height: 17px;

	line-height: 17px;

	padding: 7px 0 4px 0;

	float: left;

}

.modal_body_box_new_city .child_line_group .child_line .cl2 .child_li label {

	height: 14px;

	line-height: 14px;

	cursor: pointer;

}

.modal_body_box_new_city .child_line_group .child_line .cl2 .child_li .child_input {

	vertical-align: bottom;

}

.modal_body_box_new_city .child_line_group .child_line .cl2 .child_li .txt {

	padding-left: 5px;

}

.listed_group.city_new {

	padding-top: 10px;

	background: #f5f5f5;

}

.listed_group.city_new .left_text {

	width: 100px;

	padding-right: 15px;

	text-align: right;

	font-weight: bold;

	float: left;

}

.listed_group.city_new .right_text {

	margin-right: 15px;

}

.listed_group.city_new.pb10 {

	padding-bottom: 10px;

}

.modal_content .modal_body.pd0 {

	padding: 0;

}

/*职位分类二级样式调整*/

.modal_body_box_jl2 {

	height: 390px;

}

.modal_body_box_jl2 .left_box {

	width: 190px;

	height: 390px;

	float: left;

	overflow-x: hidden;

	overflow-y: scroll;

	border-right: 1px #DDDDDD solid;

	background: #f9fafb

}

.modal_body_box_jl2 .right_box {

	width: 518px;

	height: 390px;

	padding-left: 8px;

	float: left;

	overflow-x: hidden;

	overflow-y: scroll;

}

.modal_body_box_jl2 .left_box .list_nav li {

	text-align: left;

	background-color: #fafafa;

	border-left: 4px #f9fafb solid;

}

.modal_body_box_jl2 .left_box .list_nav li label {

	padding: 8px 10px;

}

.modal_body_box_jl2 .left_box .list_nav li.current, .modal_body_box_jl2 .left_box .list_nav li.seledted {

	background-color: #ffffff;

	border-left: 4px #4098e6 solid;

}

.modal_body_box_jl2 .left_box .list_nav li:hover, .modal_body_box_jl2 .left_box .list_nav li:hover {

	background-color: #ffffff;

	border-left: 4px #4098e6 solid;

}

.modal_body_box_jl2 .right_box .list_nav {

	display: none;

}

.modal_body_box_jl2 .right_box .list_nav li {

	float: left;

	background-image: none;

	width: 168px;

	box-sizing: border-box;

	height: 35px;

	line-height: 35px;

}

.modal_body_box_jl2 .right_box .list_nav li label {

	padding: 0 0 0 8px;

}

/* 分站地区新样式 */

.modal_body_box_site {

	width: 320px;

	height: 180px;

	padding: 10px;

	overflow-x: hidden;

}

.modal_body_box_site .list_nav li {

	float: left;

}

.modal_body_box_site .list_nav li label {

	padding: 5px 10px;

	cursor: pointer;

	font-size: 13px;

	display: block;

}

.modal_body_box_site .list_nav li:hover {

	color: #2698e4;

	background: #f7f9fa;

	border-color: #2698e4;

}

.modal_body_box_site .list_nav li.current, .modal_body_box_site .list_nav li.seledted {

	color: #2698e4;

	background: #f7f9fa;

	border-color: #2698e4;

}

/* 下拉框定义 */

.dropdowbox1 {

	display: none;

	position: absolute;

	left: -1px;

	top: 30px;

	z-index: 20;

}

.open .dropdowbox1 {

	display: block;

}

.dropdow_inner1 {

	position: relative;

	width: 100px;

	height: auto;

	border: 1px solid #ddd;

	color: #333;

	background: #fff;

	cursor: auto;

}

.dropdow_inner1 .nav_box li {

	margin: 0;

}

.dropdow_inner1 .nav_box li a {

	display: block;

	float: none;

	height: 20px;

	line-height: 20px;

	padding: 6px 15px;

	text-decoration: none;

	color: #333;

	_height: 18px;

	white-space: nowrap;

	_white-space: normal;

	_background: transparent;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

}

.dropdow_inner1 .nav_box li a.select, .dropdow_inner1 .nav_box li a:hover {

	background: #f2f2f2;

	text-decoration: none;

	color: #FF6600;

}

.dropdowbox2 {

	display: none;

	position: absolute;

	left: -1px;

	top: 28px;

	z-index: 20;

}

.open .dropdowbox2 {

	display: block;

}

.dropdow_inner2 {

	position: relative;

	width: 685px;

	height: auto;

	border: 1px solid #ddd;

	color: #333;

	background: #fff;

	cursor: auto;

}

.dropdow_inner2 .nav_box {

	padding: 10px;

}

.dropdow_inner2 .nav_box li {

	margin: 0;

	float: left;

}

.dropdow_inner2 .nav_box li a {

	display: block;

	float: none;

	height: 20px;

	line-height: 20px;

	padding: 6px 15px;

	text-decoration: none;

	color: #333;

	_height: 18px;

	white-space: nowrap;

	_white-space: normal;

	_background: transparent;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

}

.dropdow_inner2 .nav_box li a.select, .dropdow_inner2 .nav_box li a:hover {

	background: #f2f2f2;

	text-decoration: none;

	color: #FF6600;

}

.dropdowbox3 {

	display: none;

	position: absolute;

	left: -1px;

	top: 30px;

	z-index: 20;

}

.open .dropdowbox3 {

	display: block;

}

.dropdow_inner3 {

	position: relative;

	width: 608px;

	height: auto;

	border: 1px solid #ddd;

	color: #333;

	background: #fff;

	cursor: auto;

}

.dropdow_inner3 .nav_box {

	padding: 10px 0;

}

.dropdow_inner3 .nav_box .tabnav {

	position: relative;

	z-index: 2;

	margin: 0;

	padding: 5px 0 0 15px;

	border: 0;

}

.dropdow_inner3 .nav_box .tabnav .tab_list {

	float: left;

	width: auto;

	height: 28px;

	line-height: 28px;

	margin-right: 5px;

	background: #fff;

	border: 1px solid #ddd;

	border-bottom: none;

	padding: 0 12px;

	color: #00528c;

	cursor: pointer;

	white-space: nowrap;

}

.dropdow_inner3 .nav_box .tabnav .tab_list.select {

	height: 29px;

	background: #fff;

	font-weight: bold;

	color: #404040;

}

.dropdow_inner3 .nav_box .tab_content {

	display: none;

	padding-top: 10px;

	border-top: 1px solid #e2e2e2;

	position: relative;

	top: -1px;

	overflow-x: hidden;

	overflow-y: auto;

}

.dropdow_inner3 .nav_box .tab_content.select {

	display: block;

}

.dropdow_inner3 .nav_box li {

	margin: 0;

	float: left;

}

.dropdow_inner3 .nav_box li a {

	display: block;

	float: none;

	height: 20px;

	line-height: 20px;

	padding: 6px 15px;

	text-decoration: none;

	color: #333;

	_height: 18px;

	white-space: nowrap;

	_white-space: normal;

	_background: transparent;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

}

.dropdow_inner3 .nav_box li a.select, .dropdow_inner2 .nav_box li a:hover {

	background: #f2f2f2;

	text-decoration: none;

	color: #FF6600;

}

.dropdowbox4 {

	display: none;

	position: absolute;

	left: -1px;

	top: 30px;

	z-index: 20;

}

.open .dropdowbox4 {

	display: block;

}

.dropdow_inner4 {

	position: relative;

	width: 150px;

	height: auto;

	border: 1px solid #ddd;

	color: #333;

	background: #fff;

	cursor: auto;

}

.dropdow_inner4 .nav_box li {

	margin: 0;

}

.dropdow_inner4 .nav_box li a {

	display: block;

	float: none;

	height: 20px;

	line-height: 20px;

	padding: 6px 15px;

	text-decoration: none;

	color: #333;

	_height: 18px;

	white-space: nowrap;

	_white-space: normal;

	_background: transparent;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

}

.dropdow_inner4 .nav_box li a.select, .dropdow_inner4 .nav_box li a:hover {

	background: #f2f2f2;

	text-decoration: none;

	color: #FF6600;

}

.dropdowboxview {

	display: none;

	position: absolute;

	left: 0;

	top: 33px;

	z-index: 20;

}

.open .dropdowboxview {

	display: block;

}

.dropdow_innerview {

	position: relative;

	width: 310px;

	max-height: 162px;

	overflow-x: hidden;

	border: 1px solid #ddd;

	color: #333;

	background: #fff;

	cursor: auto;

}

.dropdow_innerview .nav_box li {

	margin: 0;

}

.dropdow_innerview .nav_box li a {

	display: block;

	float: none;

	height: 20px;

	line-height: 20px;

	padding: 6px 10px;

	text-decoration: none;

	color: #333;

	_height: 18px;

	white-space: nowrap;

	_white-space: normal;

	_background: transparent;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

}

.dropdow_innerview .nav_box li a.select, .dropdow_innerview .nav_box li a:hover {

	background: #f2f2f2;

	text-decoration: none;

	color: #FF6600;

}

.dropdowbox5 {

	display: none;

	position: absolute;

	left: -1px;

	top: 38px;

	z-index: 20;

}

.open .dropdowbox5 {

	display: block;

}

.dropdow_inner5 {

	position: relative;

	width: 159px;

	height: auto;

	border: 1px solid #ddd;

	color: #333;

	background: #fff;

	cursor: auto;

}

.dropdow_inner5 .nav_box li {

	margin: 0;

}

.dropdow_inner5 .nav_box li a {

	display: block;

	float: none;

	height: 20px;

	line-height: 20px;

	padding: 6px 15px;

	text-decoration: none;

	color: #333;

	_height: 18px;

	white-space: nowrap;

	_white-space: normal;

	_background: transparent;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

}

.dropdow_inner5 .nav_box li a.select, .dropdow_inner5 .nav_box li a:hover {

	background: #f2f2f2;

	text-decoration: none;

	color: #FF6600;

}

.dropdowbox6 {

	display: none;

	position: absolute;

	left: -1px;

	top: 38px;

	z-index: 20;

}

.open .dropdowbox6 {

	display: block;

}

.dropdow_inner6 {

	position: relative;

	width: 300px;

	height: 116px;

	padding: 10px 25px;

	border: 1px solid #ddd;

	color: #333;

	background: #fff;

	cursor: auto;

}

.dropdow_inner6 .nav_box div {

	display: none;

}

.dropdow_inner6 .nav_box div.active {

	display: block;

}

.dropdow_inner6 .nav_box li {

	display: block;

	width: 20%;

	padding-top: 2px;

	margin: 0;

	float: left;

	text-align: center;

}

.dropdow_inner6 .nav_box li a {

	float: none;

	height: 24px;

	line-height: 24px;

	display: block;

	padding-top: 2px;

	text-decoration: none;

	color: #333;

}

.dropdow_inner6 .nav_box li a:hover {

	background: #e8f0f7;

	text-decoration: none;

}

.dropdow_inner6 .prev {

	display: block;

	position: absolute;

	width: 25px;

	height: 136px;

	background: url(../images/34.png) no-repeat 8px 61px;

	left: 0;

	top: 0;

	cursor: pointer;

}

.dropdow_inner6 .prev:hover {

	background-position: -30px 61px;

}

.dropdow_inner6 .next {

	display: block;

	position: absolute;

	width: 25px;

	height: 136px;

	background: url(../images/34.png) no-repeat;

	right: 0;

	top: 0;

	cursor: pointer;

	background-position: -68px 61px;

}

.dropdow_inner6 .next:hover {

	background-position: -106px 61px;

}

.dropdowbox7 {

	display: none;

	position: absolute;

	left: -1px;

	top: 38px;

	z-index: 20;

}

.open .dropdowbox7 {

	display: block;

}

.dropdow_inner7 {

	position: relative;

	width: 133px;

	height: auto;

	border: 1px solid #ddd;

	color: #333;

	background: #fff;

	cursor: auto;

}

.dropdow_inner7 .nav_box li {

	margin: 0;

}

.dropdow_inner7 .nav_box li a {

	display: block;

	float: none;

	height: 20px;

	line-height: 20px;

	padding: 6px 15px;

	text-decoration: none;

	color: #333;

	_height: 18px;

	white-space: nowrap;

	_white-space: normal;

	_background: transparent;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

}

.dropdow_inner7 .nav_box li a.select, .dropdow_inner7 .nav_box li a:hover {

	background: #f2f2f2;

	text-decoration: none;

	color: #FF6600;

}

/*模仿下拉按钮的*/

.select_input {

	width: 98px;

	padding-left: 10px;

	line-height: 32px;

	height: 32px;

	border: 1px #DDDDDD solid;

	background-image: url(../images/17.png);

	background-repeat: no-repeat;

	background-position: right 0px;

	cursor: pointer;

	background-color: #FFFFFF;

}

.select_input.input_focus {

	background-color: #ECF9FF;

	border: 1px #33CCFF solid;

}

/*列表无数据*/

.list_empty_group {

	padding: 60px 0;

	text-align: center;

	background: #fff;

}

.list_empty_group .list_empty {

	display: inline-block;

*display:inline;

*zoom:1;

}

.list_empty_group .list_empty .list_empty_left {

	width: 100px;

	height: 100px;

	background: url(../images/138.png) no-repeat;

	float: left;

}

.list_empty_group .list_empty .list_empty_right {

	padding-left: 15px;

	text-align: left;

	float: left;

}

.list_empty_group .list_empty .list_empty_right .sorry_box {

	padding-top: 10px;

	color: #Fd8000;

	font-size: 20px;

}

.list_empty_group .list_empty .list_empty_right .stips_box {

	padding-top: 15px;

	font-size: 16px;

	color: #999;

}

/*分页*/

.qspage {

	font-size: 14px;

	line-height: 34px;

	text-align: center;

	width: 100%;

	margin-top: 15px;

	overflow: hidden

}

.qspage a {

	display: inline-block;

	min-width: 34px;

	height: 34px;

	line-height: 32px;

	padding: 0 12px;

	border: 1px #CCCCCC solid;

	margin-right: 5px;

	text-decoration: none;

	color: #666666;

	background-color: #fff;

	border-radius: 4px;

}

.qspage a:hover {

	background-color: #0189da;

	border: 1px #0189da solid;

	color: #fff

}

.qspage .current {

	display: inline-block;

	min-width: 34px;

	height: 34px;

	line-height: 32px;

	padding: 0 12px;

	border: 1px #0189da solid;

	color: #FFFFFF;

	margin-right: 5px;

	background-color: #0189da;

	border-radius: 4px;

}

/*************************网站页脚 底部by liangcaijian @632324010*********************/

.foorNav {

	background: #252c3d;

	color: #6a7488;

	margin-top: 20px;

	width: 100%;

	overflow: hidden

}

.foorBox {

	width: 1200px;

	min-width: 1200px;

	margin: 0 auto;

	padding: 25px 0 25px 0;

	clear: both;

	position: relative;

}

.foorNav .link {

	float: left;

	width: 77%

}

.foorNav .link dl {

	float: left;

	width: 18%;

	list-style: none;

	text-align: left;

	overflow: hidden

}

.foorNav .link dl dt {

	font-size: 16px;

	padding: 0 0 8px 0;

}

.foorNav .link dl dt a {

	color: #6a7488;

}

.foorNav .link dl dt a:hover {

	color: #FF6600;

	text-decoration: none

}

.foorNav .link dl dd {

	line-height: 26px;

	margin: 0;

	padding-left: 1px;

	text-align: left;

	overflow: hidden

}

.foorNav .link dl dd a {

	float: left;

	width: 100%;

	overflow: hidden;

	color: #6a7488;

	text-decoration: none;

	font-size: 12px

}

.foorNav .link dl dd a:hover {

	color: #FF6600;

	text-decoration: underline

}

.foorNav .link dl.contact {

	width: 300px;

	font-size: 12px

}

.foorNav .service {

	float: right;

	width: 23%;

	text-align: right

}

.foorNav .service .title {

	font-size: 16px;

	padding-bottom: 10px;

}

.foorNav .service .tel {

	font-size: 22px;

	padding-bottom: 5px;

	font-weight: bold

}

.foorNav .service .txt {

	margin-top: 4px;

	font-size: 14px

}

.foorNav .service .btnlist {

	padding-top: 25px;

	width: 163px;

	float: right

}

.foorNav .service .btnlist .li {

	width: 37px;

	height: 37px;

	float: left;

	margin-left: 17px;

	position: relative

}

.foorNav .service .btnlist .li .iconfoot {

	display: block;

	background-image: url(../images/icon.png);

	background-repeat: no-repeat;

	width: 35px;

	height: 35px;

	line-height: 35px;

	border-radius: 50%;

	border: 1px #6a7488 solid;

	overflow: hidden;

	text-indent: 300px

}

.foorNav .service .btnlist .li .iconfoot:hover {

	border-color: #5d7bb6

}

.foorNav .service .btnlist .li .iconfoot.s1 {

	background-position: 9px -511px;

}

.foorNav .service .btnlist .li .iconfoot.s2 {

	background-position: 8px -550px;

}

.foorNav .service .btnlist .li .iconfoot.s3 {

	background-position: 5px -584px;

}

.foorNav .service .btnlist .li .outcode {

	width: 110px;

	height: 135px;

	position: absolute;

	bottom: 40px;

	right: 0px;

	border-radius: 5px;

	display: none

}

.foorNav .service .btnlist .li .outcode.s1 {

	background: url(../images/sidebar-appcode_01.jpg);

}

.foorNav .service .btnlist .li .outcode.s2 {

	background: url(../images/sidebar-appcode_03.jpg);

}

.foorNav .service .btnlist .li .outcode.s3 {

	background: url(../images/sidebar-appcode_04.jpg);

}

.foorNav .service .btnlist .li.hover .outcode {

	display: block

}

.foorNav .footer {

	width: 100%;

	padding-top: 20px;

	line-height: 150%;

	font-size: 12px;

	overflow: hidden;

}

.foorNav .footer a {

	color: #6a7488;

	margin-left: 5px;

	margin-right: 5px;

	text-decoration: none

}

.foorNav .footer a:hover {

	color: #0F64C2;

	text-decoration: underline

}

.mingqi {

	background-color: #d7c39c;

	font-size: 12px;

	color: #fff;

	padding: 1px 4px;

	margin-left: 4px;

	border-radius: 2px;

	height: 20px;

	line-height: 20px;

}

.yirenzheng {

	background-color: #4ba1ee;

	font-size: 12px;

	color: #fff;

	padding: 1px 4px;

	margin-left: 4px;

	border-radius: 2px;

	height: 20px;

	line-height: 20px;

}

/************网站页脚 底部by liangcaijian @632324010**********/



/*======定义容器的宽度==========*/

.box {

	margin: 0 auto;

	width: 1200px;

}



/*当窗口改变时发生*/

@media screen and (max-width:1200px) {

.box {

	width: 1000px;

	min-width: 1000px;

}

/*导航栏*/

.header .wrap {

	max-width: 1000px;

	width: 1000px;

}

.header .logo {

	padding-top: 24px;

}

.header .logo a {

	width: 150px;

	height: 24px;

	background-size: 100%

}

.header .nav, .header .user-nav {

	font-size: 13px;

}

.header .nav li a {

	padding: 0 12px;

}

.header .user-nav {

	font-size: 12px;

}

.header .nav li.more-menu {

	width: 55px;

}

.header_min .header_min_top {

	width: 1000px;

	min-width: 1000px;

}

/*页脚*/

.foorBox {

	width: 1000px;

	min-width: 1000px;

}

}

@media screen and (max-width:1280px) {

.header .wrap .all-nav-list {

	display: none

}

}

.head_btn a:hover, .head_btn a:active {

	color: #ffffff !important;

}

.head_btn .btn {

	float: right;

	display: inline-block;

	margin-left: 17px;

	padding: 0 20px;

	border-radius: 3px;

	height: 35px;

	line-height: 35px;

	font-size: 18px;

	color: #ffffff;

	cursor: pointer;

	margin: 0 auto;

	margin-top: 18%;

	background-image: -webkit-linear-gradient(315deg, #8B7FFF, #5B6AFF);

	background-image: linear-gradient(135deg, #8B7FFF, #5B6AFF);

	box-shadow: 1px 3px 8px rgba(91,106,255,.42);

	-webkit-box-shadow: 1px 3px 8px rgba(91,106,255,.42);

	-moz-box-shadow: 1px 3px 8px rgba(91,106,255,.42);

}

.head_btn .btn2 {

	float: right;

	display: inline-block;

	margin-left: 17px;

	padding: 0 20px;

	border-radius: 3px;

	height: 35px;

	line-height: 35px;

	font-size: 18px;

	color: #ffffff;

	cursor: pointer;

	margin: 0 auto;

	margin-top: 18%;

	background-image: -webkit-linear-gradient(315deg, #00D4FF, #0099FF);

	background-image: linear-gradient(135deg, #00D4FF, #0099FF);

	box-shadow: 1px 3px 8px rgba(0,153,255,.42);

	-webkit-box-shadow: 1px 3px 8px rgba(0,153,255,.42);

	-moz-box-shadow: 1px 3px 8px rgba(0,153,255,.42);

}

/*footer*/

.w1000{width:1200px; margin:0 auto}

.web_foot{width:100%;text-align:center;background:#31383e;margin-top:20px;}

.web_foot_wt{padding:45px 0px;}

.web_foot_wh{width:630px;padding-left:50px; position:relative}

.web_foot_wh_lline{width:1px;height:120px;border-left:1px  dashed #555555; display:inline-block; position:absolute;left:30px;top:40px;}

.web_foot_wh_rline{width:1px;height:120px;border-left:1px  dashed #555555; display:inline-block; position:absolute;right:20px;top:40px;}

.web_foot_wh dl{float:left;width:110px;text-align:center;}

.web_foot_wh dl dt{color:#ccc; font-size:16px; padding-bottom:10px;}

.web_foot_wh dl dd{color:#999; line-height:36px; font-size:12px;}

.web_foot_wh dd ul li a{color:#999;}

.web_foot_pho{width:255px;text-align:center; margin-top:20px;}

.web_foot_pho dl{line-height:30px;}

.web_foot_pho dl dt{width:54px;height:45px;display:block;margin:0 auto 10px;background:url(../images/kf_tel.png) no-repeat;}

.web_foot_pho dl dd{color:#b3b1b1;}

.web_foot_pho dl dd.web_foot_pho_nmb{color:#ffa405;font-size:30px; padding:10px 0;}

.web_foot_wx{margin-top:75px;width:105px;text-align:center; margin-left:20px;}

.web_foot_wx dl dt{width:105px;height:115px;display:block;}

.web_foot_wx dl dd{color:#ccc; font-size:12px;}

.web_foot_bt{background:#31383e;line-height:30px;}

.web_foot_bt_c{width:1200px; margin:0 auto;border-top:1px solid #50565b;padding-top:25px;padding-bottom:15px;}

.web_foot_bt P{color:#999; font-size:12px;}

.web_foot_bt P a{color:#999}

.web_foot_bt_cr{color:#505050;}

.web_foot_bt_bot{margin-top:20px;}

/* 51job style template refresh */
.seoTitle {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.ey-site-topbar,
.ey-site-topbar *,
.ey-site-footer,
.ey-site-footer *,
.job-home,
.job-home * {
	box-sizing: border-box;
}

.ey-site-topbar {
	width: 100%;
	height: 44px;
	background: rgba(255,255,255,.94);
	border-bottom: 1px solid #eaf0f7;
	position: relative;
	z-index: 20;
}

.ey-site-inner {
	width: 1200px;
	height: 44px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
}

.ey-site-nav {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 28px;
	height: 44px;
	overflow: hidden;
}

.ey-site-nav li {
	line-height: 44px;
	position: relative;
	white-space: nowrap;
}

.ey-site-nav a {
	display: block;
	color: #404760;
	font-weight: 600;
	text-decoration: none;
}

.ey-site-nav li.cur a,
.ey-site-nav li:hover a {
	color: #ff6418;
}

.ey-site-nav li.cur:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 5px;
	width: 16px;
	height: 4px;
	margin-left: -8px;
	background: #ff6418;
	border-radius: 4px;
}

body.job-home-page {
	min-width: 1200px;
	background: #eef6fb;
	color: #232a3d;
}

.job-home a {
	text-decoration: none;
}

.job-container {
	width: 1200px;
	margin: 0 auto;
}

.job-hero {
	padding: 26px 0 42px;
	background:
		linear-gradient(115deg, #e6f5ff 0%, #f5fbff 48%, #fff5ed 100%);
}

.job-search-row {
	display: flex;
	align-items: flex-start;
	gap: 36px;
	margin-bottom: 34px;
}

.job-logo {
	width: 180px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.job-logo img {
	max-width: 180px;
	max-height: 50px;
	object-fit: contain;
}

.job-search-wrap {
	flex: 1;
	max-width: 780px;
}

.job-search-form {
	height: 50px;
	display: flex;
	align-items: center;
	background: #fff;
	border: 2px solid #ffd4c0;
	border-radius: 28px;
	box-shadow: 0 14px 32px rgba(255,109,45,.12);
	overflow: visible;
}

.job-search-mode {
	width: 106px;
	height: 46px;
	position: relative;
	border-right: 1px solid #edf0f4;
}

.job-search-mode-btn {
	width: 100%;
	height: 46px;
	border: 0;
	background: transparent;
	color: #333b52;
	font-weight: 600;
	cursor: pointer;
}

.job-search-caret {
	color: #8d96a8;
	margin-left: 4px;
}

.job-search-mode-menu {
	display: none;
	position: absolute;
	left: 8px;
	top: 50px;
	width: 94px;
	background: #fff;
	border: 1px solid #edf0f4;
	border-radius: 6px;
	box-shadow: 0 12px 24px rgba(31,45,61,.12);
	overflow: hidden;
	z-index: 25;
}

.job-search-mode.is-open .job-search-mode-menu {
	display: block;
}

.job-search-type-option {
	width: 100%;
	height: 38px;
	border: 0;
	background: #fff;
	color: #4b556b;
	cursor: pointer;
}

.job-search-type-option:hover {
	background: #fff5ef;
	color: #ff6418;
}

.job-search-form input[type="text"] {
	flex: 1;
	height: 46px;
	border: 0;
	padding: 0 18px;
	font-size: 15px;
	color: #242b3d;
	background: transparent;
}

.job-search-submit {
	width: 122px;
	height: 46px;
	border: 0;
	border-radius: 25px;
	background: #ff6418;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	margin-right: 0;
}

.job-search-submit:hover,
.job-more-btn:hover {
	background: #f05b10;
	color: #fff;
	text-decoration: none;
}

.job-hotwords {
	height: 26px;
	line-height: 26px;
	margin-top: 10px;
	padding-left: 18px;
	color: #76829a;
	overflow: hidden;
}

.job-hotwords span {
	margin-right: 8px;
}

.job-hotwords a {
	color: #687389;
	margin-right: 18px;
}

.job-hotwords a:hover {
	color: #ff6418;
}

.job-hero-grid {
	display: block;
}

.job-recom-mosaic {
	height: 386px;
	display: grid;
	grid-template-columns: 1fr 1fr 360px;
	grid-template-rows: 260px 116px;
	gap: 10px;
}

.job-recom-main,
.job-recom-side,
.job-recom-small {
	border-radius: 8px;
	overflow: hidden;
	background: #dcefff;
	position: relative;
	box-shadow: 0 16px 42px rgba(39,65,91,.08);
}

.job-recom-main {
	grid-column: 1 / 3;
	grid-row: 1;
}

.job-recom-side {
	grid-column: 3;
	grid-row: 1 / 3;
	display: block;
}

.job-recom-small {
	display: block;
}

.job-recom-small-a {
	grid-column: 1;
	grid-row: 2;
}

.job-recom-small-b {
	grid-column: 2;
	grid-row: 2;
}

.job-recom-main,
.job-recom-side,
.job-recom-small,
.job-recom-slide {
	width: 100%;
	height: 100%;
}

.job-recom-slide {
	display: none;
	position: relative;
	color: #fff;
}

.job-recom-slide.is-active {
	display: block;
}

.job-recom-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.job-recom-side img,
.job-recom-small img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .25s ease;
}

.job-recom-side:hover img,
.job-recom-small:hover img {
	transform: scale(1.04);
}

.job-recom-side:after,
.job-recom-small:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 46%;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(24,35,48,.68) 100%);
}

.job-recom-side span,
.job-recom-small span {
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 16px;
	z-index: 2;
	color: #fff;
	font-weight: 800;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.job-recom-side span {
	font-size: 22px;
	line-height: 30px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.job-recom-mask {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 46%;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(22,34,50,.72) 100%);
}

.job-recom-text {
	position: absolute;
	left: 34px;
	right: 34px;
	bottom: 34px;
}

.job-recom-text strong {
	display: block;
	max-width: 780px;
	font-size: 34px;
	line-height: 44px;
	font-weight: 800;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.job-recom-text em {
	display: block;
	margin-top: 12px;
	font-size: 15px;
	color: rgba(255,255,255,.82);
	font-style: normal;
}

.job-recom-dots {
	position: absolute;
	left: 34px;
	bottom: 18px;
	display: flex;
	gap: 8px;
	z-index: 3;
}

.job-recom-dots button {
	width: 8px;
	height: 8px;
	border: 0;
	border-radius: 8px;
	background: rgba(255,255,255,.6);
	padding: 0;
	cursor: pointer;
}

.job-recom-dots button.is-active {
	width: 22px;
	background: #ff6418;
}

.job-section {
	padding: 34px 0 0;
}

.job-section-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.job-section-head h2 {
	font-size: 26px;
	color: #111827;
	font-weight: 800;
}

.job-section-head a {
	color: #3d4558;
	font-weight: 600;
}

.job-feature-panel {
	padding: 20px 20px 18px;
	background: #fff;
	border-radius: 12px;
	margin-bottom: 18px;
	box-shadow: 0 10px 28px rgba(39,65,91,.04);
}

.job-feature-panel-blue {
	background: linear-gradient(180deg, #f3f8ff 0%, #fff 28%);
}

.job-panel-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.job-panel-head > div {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.job-panel-head h3 {
	font-size: 20px;
	font-weight: 800;
	color: #242b3d;
	max-width: 260px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.job-panel-head p {
	color: #a0a8b8;
	max-width: 460px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.job-panel-head a {
	color: #6b7280;
}

.job-panel-badge {
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: #24c9d4;
	color: #fff;
	border-radius: 10px;
	font-weight: 800;
}

.job-panel-badge-hot {
	background: #ff6b35;
	border-radius: 50%;
	font-style: italic;
}

.job-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

.job-card {
	position: relative;
	min-height: 132px;
	padding: 16px 18px;
	background: #fff;
	border: 1px solid #edf1f6;
	border-radius: 8px;
	overflow: hidden;
}

.job-card:hover {
	border-color: #ffd1bc;
	box-shadow: 0 12px 30px rgba(255,100,24,.08);
}

.job-card-title {
	display: block;
	max-width: 230px;
	color: #242b3d;
	font-size: 16px;
	font-weight: 800;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.job-card:hover .job-card-title {
	color: #ff6418;
}

.job-card-salary {
	position: absolute;
	right: 18px;
	top: 18px;
	max-width: 112px;
	color: #ff6418;
	font-weight: 800;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.job-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 16px 0 18px;
	max-height: 28px;
	overflow: hidden;
}

.job-card-tags span {
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	background: #f3f6fa;
	color: #7a8496;
	border-radius: 3px;
	max-width: 96px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.job-card-company {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	color: #5d6678;
}

.job-card-company span,
.job-card-company em {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.job-card-company span {
	flex: 1;
}

.job-card-company em {
	max-width: 92px;
	color: #a0a8b8;
	font-style: normal;
}

.job-company-card .job-card-salary {
	color: #ef4d2f;
}

.job-more-wrap {
	padding: 14px 0 24px;
	text-align: center;
}

.job-more-btn {
	display: inline-block;
	min-width: 250px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	background: #ff6418;
	color: #fff;
	font-weight: 800;
}

.job-wide-ad {
	padding: 14px 0 26px;
}

.job-wide-ad a {
	display: block;
	height: 120px;
	border-radius: 12px;
	overflow: hidden;
	background: #c9ebff;
}

.job-wide-ad img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.job-link-panel {
	background: #fff;
	border-radius: 12px;
	padding: 0 22px 22px;
	margin-bottom: 42px;
	box-shadow: 0 8px 24px rgba(39,65,91,.04);
}

.job-link-tabs {
	display: flex;
	align-items: center;
	gap: 28px;
	height: 60px;
	border-bottom: 1px solid #eef2f7;
	overflow: hidden;
}

.job-link-tabs button {
	position: relative;
	display: block;
	height: 60px;
	line-height: 60px;
	border: 0;
	padding: 0;
	background: transparent;
	color: #586175;
	font-size: 15px;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
}

.job-link-tabs button.active {
	color: #242b3d;
	font-weight: 800;
}

.job-link-tabs button.active:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 7px;
	width: 18px;
	height: 4px;
	margin-left: -9px;
	background: #ff6418;
	border-radius: 4px;
}

.job-link-panes {
	min-height: 74px;
}

.job-link-cloud {
	display: none;
	flex-wrap: wrap;
	gap: 8px 22px;
	padding-top: 20px;
}

.job-link-cloud.active {
	display: flex;
}

.job-link-cloud a {
	color: #586175;
	line-height: 22px;
	white-space: nowrap;
	text-decoration: none;
}

.job-link-tabs button:hover,
.job-link-cloud a:hover {
	color: #ff6418;
}

.job-news-section {
	margin-bottom: 42px;
}

.job-news-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 16px;
}

.job-news-head h2 {
	color: #111827;
	font-size: 26px;
	line-height: 36px;
	font-weight: 800;
}

.job-news-head p {
	max-width: 620px;
	color: #7a8496;
	line-height: 24px;
	margin-top: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.job-news-head > a {
	color: #3d4558;
	font-weight: 600;
	white-space: nowrap;
}

.job-news-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.job-news-card {
	min-width: 0;
	background: #fff;
	border: 1px solid #edf1f6;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(39,65,91,.04);
	transition: border-color .2s, box-shadow .2s, transform .2s;
}

.job-news-card:hover {
	transform: translateY(-2px);
	border-color: #ffd1bc;
	box-shadow: 0 16px 34px rgba(255,100,24,.08);
}

.job-news-cover {
	display: block;
	height: 180px;
	background: #e9f4fb;
	overflow: hidden;
}

.job-news-cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
}

.job-news-card:hover .job-news-cover img {
	transform: scale(1.04);
}

.job-news-body {
	padding: 16px 16px 18px;
}

.job-news-meta,
.job-news-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: #8993a5;
}

.job-news-badge {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 12px;
	border-radius: 4px;
	background: #ff4f46;
	color: #fff !important;
	font-weight: 700;
	text-decoration: none;
}

.job-news-card h3 {
	height: 52px;
	margin: 14px 0 12px;
	font-size: 17px;
	line-height: 26px;
	font-weight: 800;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.job-news-card h3 a {
	color: #242b3d;
	text-decoration: none;
}

.job-news-card h3 a:hover,
.job-news-foot a:hover,
.job-news-head > a:hover {
	color: #ff6418;
	text-decoration: none;
}

.job-news-card p {
	height: 48px;
	color: #657186;
	line-height: 24px;
	margin-bottom: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.job-news-foot {
	padding-top: 14px;
	border-top: 1px solid #eef2f7;
}

.job-news-foot a {
	color: #ff6418;
	text-decoration: none;
}

.job-news-empty {
	grid-column: 1 / -1;
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px dashed #d8e1ee;
	border-radius: 8px;
	background: #fff;
	color: #8993a5;
}

.job-float-tools {
	position: fixed;
	right: max(18px, calc((100vw - 1200px) / 2 - 76px));
	bottom: 88px;
	z-index: 18;
	width: 52px;
	height: 52px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(12px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.job-float-tools.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.job-float-tools a {
	display: block;
	width: 52px;
	height: 52px;
	padding: 0;
	background: #fff;
	border: 1px solid #e7edf5;
	border-radius: 50%;
	box-shadow: 0 10px 26px rgba(30,45,65,.12);
	color: #526071;
	font-size: 0;
	text-align: center;
	text-decoration: none;
	position: relative;
	transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.job-float-tools a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 17px;
	width: 14px;
	height: 14px;
	margin-left: -7px;
	border-left: 2px solid currentColor;
	border-top: 2px solid currentColor;
	transform: rotate(45deg);
}

.job-float-tools a:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 19px;
	width: 2px;
	height: 17px;
	margin-left: -1px;
	border-radius: 2px;
	background: currentColor;
}

.job-float-tools a:hover {
	background: #ff6418;
	border-color: #ff6418;
	color: #fff;
	box-shadow: 0 14px 30px rgba(255,100,24,.24);
	transform: translateY(-2px);
}

.ey-site-footer {
	background: #fff;
	border-top: 1px solid #edf1f6;
	padding: 30px 0 24px;
}

.ey-site-footer-inner {
	width: 1200px;
	margin: 0 auto;
}

.ey-footer-top {
	padding-bottom: 18px;
	margin-bottom: 22px;
	border-bottom: 1px solid #eef2f7;
}

.ey-footer-top strong {
	display: block;
	color: #20283a;
	font-size: 20px;
	line-height: 30px;
	font-weight: 800;
}

.ey-footer-top span {
	display: block;
	max-width: 100%;
	color: #7b8495;
	line-height: 26px;
	margin-top: 4px;
	white-space: normal;
	word-break: break-word;
}

.ey-footer-cols {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 42px;
	align-items: start;
}

.ey-footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 26px;
}

.ey-footer-col h3,
.ey-footer-contact h3 {
	font-size: 16px;
	color: #20283a;
	font-weight: 800;
	margin-bottom: 14px;
}

.ey-footer-col a,
.ey-footer-contact a,
.ey-footer-contact p {
	display: block;
	color: #7b8495;
	line-height: 28px;
}

.ey-footer-col a:hover,
.ey-footer-contact a:hover {
	color: #ff6418;
	text-decoration: none;
}

.search-main {
	background: #eef6fb;
}

.search-hero {
	padding: 34px 0 40px;
	background: linear-gradient(115deg, #e6f5ff 0%, #f7fbff 52%, #fff4ed 100%);
}

.search-logo {
	margin-bottom: 18px;
}

.search-hero-panel {
	width: 860px;
	margin: 0 auto;
}

.search-hero-panel h2 {
	font-size: 28px;
	line-height: 38px;
	color: #111827;
	font-weight: 800;
	text-align: center;
	margin-bottom: 18px;
}

.search-page-form {
	height: 54px;
}

.search-page-form input[type="text"] {
	flex: 1;
	height: 50px;
	border: 0;
	padding: 0 24px;
	font-size: 15px;
	color: #242b3d;
	background: transparent;
}

.search-layout {
	display: grid;
	grid-template-columns: 1fr 310px;
	gap: 24px;
	padding: 34px 0 46px;
}

.search-results-panel,
.search-side-block {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(39,65,91,.04);
}

.search-results-panel {
	padding: 22px 24px;
	min-height: 520px;
}

.search-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #eef2f7;
	padding-bottom: 18px;
	margin-bottom: 6px;
}

.search-panel-head h2 {
	font-size: 22px;
	font-weight: 800;
	color: #111827;
}

.search-panel-head span {
	color: #7a8496;
}

.search-result-item {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #eef2f7;
}

.search-result-title {
	display: block;
	color: #242b3d;
	font-size: 18px;
	font-weight: 800;
	line-height: 28px;
	margin-bottom: 8px;
}

.search-result-title:hover {
	color: #ff6418;
}

.search-result-item p {
	color: #657186;
	line-height: 24px;
	margin-bottom: 12px;
}

.search-result-item div {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	color: #9aa2b2;
}

.search-result-item div a {
	color: #ff6418;
}

.search-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 260px;
	color: #8993a5;
	text-align: center;
}

.search-empty strong {
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #242b3d;
	margin-bottom: 8px;
}

.search-empty span {
	font-size: 14px;
	line-height: 24px;
}

.search-pagebar {
	padding-top: 18px;
	text-align: center;
	line-height: 34px;
}

.search-pagebar li {
	line-height: unset;
	display: inline;
}

.search-pagebar a,
.search-pagebar span {
	display: inline-block;
	min-width: 34px;
	height: 34px;
	line-height: 32px;
	padding: 0 10px;
	margin: 0 3px 5px;
	border: 1px solid #edf1f6;
	border-radius: 4px;
	background: #fff;
	color: #596579;
}

.search-pagebar .active a,
.search-pagebar a:hover {
	border-color: #ff6418;
	background: #ff6418;
	color: #fff;
	text-decoration: none;
}

.search-side-panel {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.search-side-block {
	padding: 18px;
}

.search-side-block h3 {
	font-size: 18px;
	font-weight: 800;
	color: #111827;
	margin-bottom: 14px;
}

.search-side-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid #eef2f7;
}

.search-side-item:last-child {
	border-bottom: 0;
}

.search-side-item img {
	width: 68px;
	height: 48px;
	object-fit: cover;
	border-radius: 6px;
	background: #eef6fb;
}

.search-side-item span {
	flex: 1;
	color: #374151;
	font-weight: 700;
	line-height: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.search-side-item:hover span {
	color: #ff6418;
}

.search-channel-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.search-channel-links a {
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	background: #f4f7fb;
	color: #596579;
	border-radius: 4px;
}

.search-channel-links a:hover,
.search-channel-links a.active {
	background: #fff2eb;
	color: #ff6418;
	text-decoration: none;
}

@media (max-width: 1200px) {
	.search-hero-panel {
		width: 100%;
	}

	.search-layout {
		grid-template-columns: 1fr;
	}

	.search-side-panel {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.search-hero {
		padding: 24px 12px 30px;
	}

	.search-hero-panel h2 {
		font-size: 22px;
		line-height: 32px;
	}

	.search-layout {
		padding: 24px 12px 34px;
	}

	.search-results-panel {
		padding: 18px 14px;
	}

	.search-panel-head {
		display: block;
	}

	.search-panel-head span {
		display: block;
		margin-top: 8px;
	}

	.search-side-panel {
		display: flex;
	}
}

/* Unified inner pages */
.site-page,
.site-page * {
	box-sizing: border-box;
}

.site-main {
	background: #eef6fb;
	min-height: 520px;
}

.site-hero {
	padding: 34px 0 46px;
	background: linear-gradient(115deg, #e6f5ff 0%, #f7fbff 54%, #fff4ed 100%);
}

.site-detail-hero {
	padding-bottom: 38px;
}

.site-breadcrumb {
	color: #738096;
	line-height: 24px;
	margin-bottom: 22px;
}

.site-breadcrumb a {
	color: #738096;
}

.site-breadcrumb a:hover {
	color: #ff6418;
}

.site-hero-row,
.site-job-heading,
.site-company-profile {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
}

.site-kicker {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	border-radius: 4px;
	background: #fff2eb;
	color: #ff6418;
	font-weight: 700;
	margin-bottom: 12px;
}

.site-hero-copy h2,
.site-job-heading h2,
.site-company-profile h2 {
	font-size: 34px;
	line-height: 44px;
	color: #111827;
	font-weight: 800;
	margin-bottom: 10px;
}

.site-hero-copy p,
.site-job-heading p,
.site-company-profile p {
	max-width: 680px;
	color: #657186;
	font-size: 15px;
	line-height: 26px;
}

.site-hero-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	color: #657186;
}

.site-hero-meta a {
	color: #ff6418;
}

.site-job-heading p em,
.site-company-profile p em,
.site-job-card p em,
.site-resume-card p em {
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #d8dee8;
	margin: 0 10px;
	vertical-align: -1px;
}

.site-search-mini {
	width: 430px;
	height: 50px;
	display: flex;
	align-items: center;
	border: 1px solid #ffd0bd;
	border-radius: 26px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(255,100,24,.1);
	overflow: hidden;
}

.site-search-mini input {
	flex: 1;
	height: 48px;
	border: 0;
	background: transparent;
	padding: 0 20px;
	color: #242b3d;
}

.site-search-mini button,
.site-primary-btn,
.site-outline-btn {
	height: 38px;
	line-height: 38px;
	display: inline-block;
	border-radius: 4px;
	padding: 0 18px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.site-search-mini button,
.site-primary-btn {
	border: 0;
	background: #ff6418;
	color: #fff !important;
}

.site-search-mini button {
	width: 104px;
	height: 50px;
	border-radius: 25px;
	font-size: 15px;
}

.site-outline-btn {
	border: 1px solid #ff6418;
	color: #ff6418 !important;
	background: #fff;
}

.site-disabled-btn {
	background: #c7ceda !important;
	color: #fff !important;
}

.site-stack {
	padding: 34px 0 48px;
}

.site-layout {
	display: grid;
	grid-template-columns: 1fr 310px;
	gap: 24px;
	padding: 34px 0 48px;
}

.site-card {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(39,65,91,.04);
}

.site-content-panel,
.site-detail-card {
	padding: 24px;
}

.site-sidebar {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.site-sidebar-card {
	padding: 18px;
}

.site-sidebar-card h3,
.site-section-title h3,
.site-panel-head h2 {
	color: #111827;
	font-size: 20px;
	line-height: 30px;
	font-weight: 800;
}

.site-sidebar-card h3 {
	font-size: 18px;
	margin-bottom: 14px;
}

.site-panel-head,
.site-section-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eef2f7;
}

.site-panel-head span,
.site-section-title span {
	color: #8993a5;
}

.site-channel-tabs,
.site-chip-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
}

.site-channel-tabs a,
.site-chip-links a,
.site-filter-row a,
.site-card-tags span {
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	border-radius: 4px;
	background: #f4f7fb;
	color: #596579;
	text-decoration: none;
}

.site-channel-tabs a:hover,
.site-channel-tabs a.active,
.site-chip-links a:hover,
.site-chip-links a.active,
.site-filter-row a:hover,
.site-filter-row a.active {
	background: #fff2eb;
	color: #ff6418;
}

.site-list-item {
	padding: 20px 0;
	border-bottom: 1px solid #eef2f7;
}

.site-list-item:first-child {
	padding-top: 4px;
}

.site-list-item:last-child {
	border-bottom: 0;
}

.site-list-item h3,
.site-job-card h3,
.site-company-card h3,
.site-resume-card h3 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 800;
	margin-bottom: 8px;
}

.site-list-item h3 a,
.site-job-card h3 a,
.site-company-card h3 a,
.site-resume-card h3 a {
	color: #242b3d;
	text-decoration: none;
}

.site-list-item h3 a:hover,
.site-job-card h3 a:hover,
.site-company-card h3 a:hover,
.site-resume-card h3 a:hover,
.site-side-link:hover strong {
	color: #ff6418;
}

.site-list-item p,
.site-company-card p,
.site-job-card p,
.site-resume-card p {
	color: #657186;
	line-height: 24px;
	margin-bottom: 12px;
}

.site-item-meta,
.site-card-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	color: #9aa2b2;
}

.site-item-meta a {
	color: #ff6418;
}

.site-side-list {
	display: flex;
	flex-direction: column;
}

.site-side-link {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid #eef2f7;
	text-decoration: none;
}

.site-side-link:last-child {
	border-bottom: 0;
}

.site-side-link strong {
	display: block;
	color: #374151;
	font-weight: 800;
	line-height: 22px;
	margin-bottom: 5px;
}

.site-side-link span {
	color: #9aa2b2;
}

.site-empty {
	width: 100%;
	min-height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8993a5;
	text-align: center;
}

.site-pagebar {
	padding-top: 18px;
	text-align: center;
	line-height: 34px;
}

.site-pagebar li {
	line-height: unset;
	display: inline;
}

.site-pagebar a,
.site-pagebar span {
	display: inline-block;
	min-width: 34px;
	height: 34px;
	line-height: 32px;
	padding: 0 10px;
	margin: 0 3px 5px;
	border: 1px solid #edf1f6;
	border-radius: 4px;
	background: #fff;
	color: #596579;
}

.site-pagebar .active a,
.site-pagebar a:hover {
	border-color: #ff6418;
	background: #ff6418;
	color: #fff;
	text-decoration: none;
}

.site-summary {
	margin-bottom: 22px;
	padding: 16px 18px;
	border-radius: 8px;
	background: #f7fbff;
	color: #657186;
	line-height: 26px;
}

.site-richtext {
	color: #374151;
	font-size: 15px;
	line-height: 1.9;
}

.site-richtext img {
	max-width: 100%;
	height: auto !important;
	border-radius: 8px;
}

.site-richtext p {
	margin-bottom: 14px;
}

.site-company-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.site-company-card {
	border: 1px solid #eef2f7;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow .2s, transform .2s;
}

.site-company-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(39,65,91,.08);
}

.site-company-cover {
	display: block;
	height: 140px;
	background: #f4f7fb;
	overflow: hidden;
}

.site-company-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.site-company-body {
	padding: 16px;
}

.site-company-profile img {
	width: 86px;
	height: 86px;
	object-fit: cover;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 10px 24px rgba(39,65,91,.08);
}

.site-company-profile > div:nth-child(2) {
	flex: 1;
}

.site-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.site-actions-block {
	margin-top: 14px;
}

.site-actions-inline {
	margin: 16px 0 24px;
}

.site-job-price {
	color: #ff6418;
	font-size: 28px;
	line-height: 38px;
	font-weight: 800;
	white-space: nowrap;
}

.site-job-pay {
	color: #ff6418;
	font-size: 18px;
	line-height: 28px;
	font-weight: 800;
	white-space: nowrap;
}

.site-job-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.site-job-meta span {
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	border-radius: 4px;
	background: rgba(255,255,255,.72);
	color: #596579;
}

.site-filter-panel {
	padding: 18px 22px;
}

.site-filter-row {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	padding: 12px 0;
	border-bottom: 1px solid #eef2f7;
}

.site-filter-row:last-child {
	border-bottom: 0;
}

.site-filter-row strong {
	width: 80px;
	line-height: 30px;
	color: #111827;
}

.site-filter-row div {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.site-recruit-list,
.site-resume-list,
.site-timeline {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.site-job-card,
.site-resume-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 18px;
	border: 1px solid #eef2f7;
	border-radius: 8px;
	background: #fff;
}

.site-job-card > div:first-child,
.site-resume-main {
	flex: 1;
	min-width: 0;
}

.site-job-side {
	width: 170px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 9px;
}

.site-job-side strong {
	color: #ff6418;
	font-size: 18px;
	line-height: 24px;
	font-weight: 800;
}

.site-job-side span {
	color: #9aa2b2;
}

.site-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	overflow: hidden;
	background: #eef6fb;
	flex: 0 0 auto;
}

.site-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.site-info-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.site-info-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 18px;
}

.site-info-list p {
	line-height: 24px;
	color: #374151;
}

.site-info-list span {
	display: block;
	color: #8993a5;
	margin-bottom: 3px;
}

.site-company-mini {
	display: grid;
	grid-template-columns: 56px 1fr;
	gap: 10px;
	align-items: center;
}

.site-company-mini img {
	width: 56px;
	height: 56px;
	object-fit: cover;
	border-radius: 8px;
	background: #eef6fb;
	grid-row: span 2;
}

.site-company-mini strong a {
	color: #242b3d;
}

.site-company-mini span {
	color: #8993a5;
}

.site-phone {
	color: #ff6418;
	font-weight: 800;
}

.site-page .none {
	display: none !important;
}

.site-time-item {
	position: relative;
	padding: 16px 18px;
	border: 1px solid #eef2f7;
	border-radius: 8px;
	background: #fff;
}

.site-time-item span {
	display: block;
	color: #8993a5;
	margin-bottom: 6px;
}

.site-time-item strong {
	color: #242b3d;
	line-height: 24px;
}

.site-time-item p {
	color: #657186;
	line-height: 24px;
	margin-top: 6px;
}

@media (max-width: 1200px) {
	body.job-home-page {
		min-width: 0;
	}

	.site-layout {
		grid-template-columns: 1fr;
	}

	.site-sidebar {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.site-company-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.site-hero,
	.site-stack,
	.site-layout {
		padding-left: 12px;
		padding-right: 12px;
	}

	.site-hero-row,
	.site-job-heading,
	.site-company-profile,
	.site-job-card,
	.site-resume-card {
		display: block;
	}

	.site-hero-copy h2,
	.site-job-heading h2,
	.site-company-profile h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.site-search-mini {
		width: 100%;
		margin-top: 18px;
	}

	.site-company-profile img {
		margin-bottom: 14px;
	}

	.site-sidebar {
		display: flex;
	}

	.site-company-grid,
	.site-info-grid {
		grid-template-columns: 1fr;
	}

	.site-job-side {
		width: 100%;
		align-items: flex-start;
		margin-top: 14px;
	}
}

/* Mobile adaptation for the refreshed template */
@media (max-width: 1200px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	body.job-home-page {
		min-width: 0;
	}

	.ey-site-inner,
	.job-container,
	.ey-site-footer-inner {
		width: auto;
		max-width: 1200px;
		margin-left: 16px;
		margin-right: 16px;
	}

	.job-search-row {
		gap: 28px;
	}

	.job-recom-mosaic {
		height: auto;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
	}

	.job-recom-main {
		grid-column: 1 / 3;
		grid-row: auto;
		aspect-ratio: 16 / 7;
	}

	.job-recom-side,
	.job-recom-small {
		grid-column: auto;
		grid-row: auto;
		aspect-ratio: 16 / 9;
	}

	.job-card-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ey-footer-cols {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 28px 24px;
	}
}

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

	.ey-site-topbar {
		height: 44px;
	}

	.ey-site-inner {
		height: 44px;
		margin-left: 0;
		margin-right: 0;
		padding: 0 12px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.ey-site-inner::-webkit-scrollbar,
	.ey-site-nav::-webkit-scrollbar,
	.job-hotwords::-webkit-scrollbar,
	.job-link-tabs::-webkit-scrollbar {
		display: none;
	}

	.ey-site-nav {
		flex: 0 0 auto;
		min-width: max-content;
		gap: 22px;
		overflow: visible;
	}

	.ey-site-nav a {
		font-size: 14px;
	}

	.job-container,
	.ey-site-footer-inner {
		margin-left: 12px;
		margin-right: 12px;
	}

	.job-hero {
		padding: 18px 0 26px;
	}

	.job-search-row {
		display: block;
		margin-bottom: 18px;
	}

	.job-logo {
		width: 150px;
		height: 44px;
		margin-bottom: 14px;
	}

	.job-logo img {
		max-width: 150px;
		max-height: 42px;
	}

	.job-search-wrap {
		max-width: none;
		width: 100%;
	}

	.job-search-form {
		height: 46px;
		border-radius: 24px;
		box-shadow: 0 10px 24px rgba(255,109,45,.1);
	}

	.job-search-mode {
		width: 86px;
		height: 42px;
	}

	.job-search-mode-btn {
		height: 42px;
		font-size: 13px;
	}

	.job-search-mode-menu {
		top: 46px;
		left: 0;
	}

	.job-search-form input[type="text"] {
		min-width: 0;
		height: 42px;
		padding: 0 12px;
		font-size: 14px;
	}

	.job-search-submit {
		width: 86px;
		height: 42px;
		border-radius: 22px;
		font-size: 14px;
		flex: 0 0 86px;
	}

	.job-hotwords {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-top: 10px;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	.job-hotwords span,
	.job-hotwords a {
		margin-right: 0;
		flex: 0 0 auto;
	}

	.job-recom-mosaic {
		display: grid;
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.job-recom-main,
	.job-recom-side,
	.job-recom-small {
		grid-column: auto;
		grid-row: auto;
		min-height: 150px;
		aspect-ratio: 16 / 8.5;
		border-radius: 8px;
	}

	.job-recom-main {
		min-height: 172px;
	}

	.job-recom-text {
		left: 16px;
		right: 16px;
		bottom: 20px;
	}

	.job-recom-text strong {
		max-width: 100%;
		font-size: 22px;
		line-height: 30px;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.job-recom-text em {
		margin-top: 6px;
		font-size: 13px;
	}

	.job-recom-side span,
	.job-recom-small span {
		left: 14px;
		right: 14px;
		bottom: 12px;
		font-size: 16px;
		line-height: 24px;
		white-space: nowrap;
	}

	.job-recom-dots {
		left: 16px;
		bottom: 12px;
		gap: 7px;
	}

	.job-section {
		padding-top: 24px;
	}

	.job-section-head {
		display: block;
		margin-bottom: 12px;
	}

	.job-section-head h2 {
		font-size: 22px;
		line-height: 32px;
	}

	.job-section-head a {
		display: inline-block;
		margin-top: 6px;
	}

	.job-feature-panel {
		padding: 14px;
		border-radius: 10px;
		margin-bottom: 14px;
	}

	.job-panel-head {
		align-items: flex-start;
		gap: 12px;
	}

	.job-panel-head > div {
		gap: 10px;
	}

	.job-panel-head h3 {
		max-width: 150px;
		font-size: 18px;
	}

	.job-panel-head p {
		display: none;
	}

	.job-panel-badge {
		width: 40px;
		height: 40px;
		line-height: 40px;
		flex: 0 0 40px;
	}

	.job-card-grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.job-card {
		min-height: 112px;
		padding: 14px;
	}

	.job-card-title {
		max-width: calc(100% - 92px);
		font-size: 15px;
	}

	.job-card-salary {
		right: 14px;
		top: 15px;
		max-width: 84px;
	}

	.job-card-tags {
		margin: 14px 0 14px;
	}

	.job-card-company {
		gap: 8px;
	}

	.job-card-company em {
		max-width: 54px;
	}

	.job-more-wrap {
		padding: 8px 0 20px;
	}

	.job-more-btn {
		width: 100%;
		min-width: 0;
		height: 44px;
		line-height: 44px;
	}

	.job-wide-ad {
		padding: 4px 0 22px;
	}

	.job-wide-ad a {
		height: auto;
		min-height: 72px;
		aspect-ratio: 16 / 4.8;
		border-radius: 10px;
	}

	.job-link-panel {
		padding: 0 14px 16px;
		margin-bottom: 28px;
		border-radius: 10px;
	}

	.job-link-tabs {
		height: 52px;
		gap: 22px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.job-link-tabs button {
		height: 52px;
		line-height: 52px;
		font-size: 14px;
		flex: 0 0 auto;
	}

	.job-link-tabs button.active:after {
		bottom: 6px;
	}

	.job-link-panes {
		min-height: 64px;
	}

	.job-link-cloud {
		gap: 8px 16px;
		padding-top: 14px;
	}

	.job-link-cloud a {
		font-size: 13px;
		line-height: 22px;
	}

	.job-news-section {
		margin-bottom: 28px;
	}

	.job-news-head {
		display: block;
		margin-bottom: 12px;
	}

	.job-news-head h2 {
		font-size: 22px;
		line-height: 32px;
	}

	.job-news-head p {
		max-width: none;
		white-space: normal;
	}

	.job-news-head > a {
		display: inline-block;
		margin-top: 6px;
	}

	.job-news-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.job-news-cover {
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.job-news-body {
		padding: 14px;
	}

	.job-news-card h3 {
		height: auto;
		min-height: 48px;
		font-size: 16px;
		line-height: 24px;
	}

	.job-news-card p {
		height: auto;
	}

	.job-float-tools {
		right: 10px;
		bottom: 22px;
		width: 44px;
		height: 44px;
	}

	.job-float-tools a {
		width: 44px;
		height: 44px;
		box-shadow: 0 8px 20px rgba(30,45,65,.12);
	}

	.job-float-tools a:before {
		top: 14px;
		width: 12px;
		height: 12px;
		margin-left: -6px;
	}

	.job-float-tools a:after {
		top: 16px;
		height: 15px;
	}

	.ey-site-footer {
		padding: 28px 0 22px;
	}

	.ey-footer-top {
		padding-bottom: 16px;
		margin-bottom: 18px;
	}

	.ey-footer-cols {
		grid-template-columns: 1fr;
		gap: 20px 18px;
	}

	.ey-footer-links {
		gap: 6px 18px;
	}

	.ey-footer-col h3,
	.ey-footer-contact h3 {
		margin-bottom: 10px;
		font-size: 15px;
	}

	.ey-footer-col a,
	.ey-footer-contact a,
	.ey-footer-contact p {
		line-height: 26px;
	}

	.search-hero {
		padding: 22px 0 28px;
	}

	.search-logo {
		margin-bottom: 14px;
	}

	.search-page-form {
		height: 46px;
	}

	.search-page-form input[type="text"] {
		min-width: 0;
		height: 42px;
		padding: 0 12px;
		font-size: 14px;
	}

	.search-layout {
		padding: 22px 12px 34px;
	}

	.search-results-panel,
	.search-side-block {
		border-radius: 10px;
	}

	.search-result-title {
		font-size: 16px;
		line-height: 24px;
	}

	.search-side-panel {
		display: flex;
		flex-direction: column;
	}

	.site-hero {
		padding-top: 24px;
		padding-bottom: 30px;
	}

	.site-breadcrumb {
		margin-bottom: 14px;
		overflow-x: auto;
		white-space: nowrap;
	}

	.site-layout,
	.site-stack {
		padding-top: 22px;
		padding-bottom: 34px;
	}

	.site-content-panel,
	.site-detail-card,
	.site-sidebar-card,
	.site-filter-panel {
		padding: 16px 14px;
		border-radius: 10px;
	}

	.site-panel-head,
	.site-section-title {
		display: block;
		padding-bottom: 12px;
		margin-bottom: 12px;
	}

	.site-panel-head span,
	.site-section-title span {
		display: block;
		margin-top: 6px;
	}

	.site-channel-tabs,
	.site-chip-links {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-left: -14px;
		margin-right: -14px;
		padding: 0 14px 2px;
		-webkit-overflow-scrolling: touch;
	}

	.site-channel-tabs::-webkit-scrollbar,
	.site-chip-links::-webkit-scrollbar {
		display: none;
	}

	.site-channel-tabs a,
	.site-chip-links a,
	.site-filter-row a,
	.site-card-tags span {
		flex: 0 0 auto;
	}

	.site-filter-row {
		display: block;
		padding: 10px 0;
	}

	.site-filter-row strong {
		display: block;
		width: auto;
		margin-bottom: 8px;
	}

	.site-filter-row div {
		gap: 8px;
	}

	.site-list-item {
		padding: 16px 0;
	}

	.site-list-item h3,
	.site-job-card h3,
	.site-company-card h3,
	.site-resume-card h3 {
		font-size: 16px;
		line-height: 24px;
	}

	.qspage,
	.site-pagebar,
	.search-pagebar {
		line-height: 30px;
		margin-top: 10px;
		padding-top: 12px;
	}

	.qspage a,
	.qspage .current,
	.site-pagebar a,
	.site-pagebar span,
	.search-pagebar a,
	.search-pagebar span {
		min-width: 30px;
		height: 30px;
		line-height: 28px;
		padding: 0 9px;
		margin: 0 2px 5px;
	}

	.site-summary {
		padding: 14px;
		margin-bottom: 16px;
	}

	.site-richtext {
		font-size: 14px;
		line-height: 1.8;
		word-break: break-word;
	}

	.site-company-cover {
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.site-actions {
		flex-wrap: wrap;
	}

	.site-primary-btn,
	.site-outline-btn,
	.site-disabled-btn {
		max-width: 100%;
	}

	.site-job-price {
		font-size: 24px;
		line-height: 32px;
		white-space: normal;
	}

	.site-job-pay {
		white-space: normal;
	}

	.site-job-meta {
		margin-top: 12px;
	}
}

@media (max-width: 480px) {
	.ey-footer-cols {
		grid-template-columns: 1fr;
	}

	.job-search-submit {
		width: 78px;
		flex-basis: 78px;
	}

	.job-search-mode {
		width: 78px;
	}

	.job-recom-main {
		min-height: 160px;
		aspect-ratio: 16 / 9;
	}

	.job-panel-head {
		display: block;
	}

	.job-panel-head > div {
		margin-bottom: 10px;
	}

	.job-panel-head h3 {
		max-width: calc(100vw - 110px);
	}

	.site-search-mini {
		height: 46px;
	}

	.site-search-mini input {
		height: 44px;
		padding: 0 12px;
	}

	.site-search-mini button {
		width: 78px;
		height: 46px;
	}

	.site-company-profile img {
		width: 72px;
		height: 72px;
	}
}