@charset "UTF-8";

a,b,body,button,dd,div,dl,em,footer,form,h1,h2,h3,h4,h5,h6,i,input,label,li,nav,p,select,span,td,textarea,u,ul {
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none
}

li,ol,ul {
	list-style: none
}

a {
	text-decoration: none;
	color: #414a60
}

a:active,a:focus,a:hover,button,input,textarea {
	outline: 0
}

a:hover {
	color: #172a88;
	text-decoration: none;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

img {
	border: none
}

map area {
	outline: 0
}

table {
	border-collapse: collapse
}

body,button,input,option,select,td,textarea {
	font-family: arial,verdana,helvetica,'PingFang SC','HanHei SC',STHeitiSC-Light,,sans-serif;
	-webkit-font-smoothing: antialiased
}

button,input[type=button],input[type=number],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],textarea {
	-webkit-appearance: none
}

body {
	background: #f6f6f8;
	min-width: 1184px;
	line-height: 26px;
	color: #414a60;
	font-size: 14px
}

body,html {
	height: 100%
}

body {
	height: 100.1%
}

body.page-white {
	background: #fff
}

#header:after,#main:after,.clearfix:after,.home-box:after,.inner:after,.job-author:after,.job-list li:after,.job-primary:after,.promotion-job li:after {
	content: '';
	display: block;
	overflow: hidden;
	visibility: hidden;
	clear: both
}

.clear {
	clear: both;
	display: block;
	line-height: 0;
	font-size: 0;
	height: 0;
	visibility: hidden
}

.clear-fix:after {
	content: '\0020';
	display: block;
	height: 0;
	clear: both
}

#header,.clearfix,.home-box,.info,.inner,.job-author,.job-list li,.job-primary,.promotion-job li {
	zoom: 1
}

.inner {
	max-width: 1280px;
	margin: 0 auto
}

.home-inner {
	max-width: 1280px
}

.home-body {
	min-width: 1280px
}

.gray {
	color: #9fa3af
}

.red {
	color: #fc703e!important
}

.text-blue {
	color: #00c2b3
}

.gray-bg {
	background-color: #f3f3f4
}

.vline {
	display: inline-block;
	width: 1px;
	height: 12px;
	vertical-align: middle;
	background: #e0e0e0;
	margin: 0 10px
}

.vdot {
	display: inline-block;
	padding: 0 10px 0 7px
}

.btn:hover,.ipt:hover {
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

::selection {
	color: #fff;
	background: #00d7c6
}

::-moz-selection {
	color: #fff;
	background: #00d7c6
}

input::-webkit-input-placeholder {
	color: #9fa3af
}

input:-ms-input-placeholder {
	color: #9fa3af
}

input:-moz-placeholder {
	color: #9fa3af
}

input::-moz-placeholder {
	color: #9fa3af
}

textarea::-webkit-input-placeholder {
	color: #9fa3af
}

textarea:-ms-input-placeholder {
	color: #9fa3af
}

textarea:-moz-placeholder {
	color: #9fa3af
}

textarea::-moz-placeholder {
	color: #9fa3af
}

.badge {
	display: inline-block;
	background: #fa6a43;
	color: #fff;
	line-height: 22px;
	text-align: center;
	padding: 0 11px;
	border-radius: 15px;
	font-size: 12px
}

.bottom-banner div.closeIcon,.company-hotjob .more,.dot-plenty,.form-btn .error-tip,.home-main .search-box .btn-search,.icon-app,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-brand,.icon-dropdown,.icon-red-close,.icon-select-arrow,.icon-vip,.icon-waring,.icon-weibo,.icon-weixin,.jconfirm .pop-imgview .jconfirm-box div.closeIcon,.jconfirm .pop-sign-box .jconfirm-box div.closeIcon,.jconfirm .pop-sign-deliver .jconfirm-box div.closeIcon,.jconfirm .pop-tip-box .jconfirm-box div.closeIcon,.job-banner .job-author .time,.job-box .more,.link-download,.location-address,.nav-search .btn-search,.page a.next,.page a.prev,.promotion-top .arrow-right,.qrcode-layer i,.search-box .btn-search,.select-tree li,.siderbar-qrcode,.tip-text {
	display: inline-block;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat
}

.nav-chat-num {
	display: none;
	position: absolute;
	top: 10px;
	right: -14px;
	height: 14px;
	padding: 0 6px;
	line-height: 14px;
	background-color: #ef505e;
	color: #fff;
	font-size: 12px;
	border-radius: 7px
}

.dot-plenty {
	width: 11px;
	height: 3px;
	background-position: 0 -117px;
	margin-top: -1px;
	vertical-align: middle
}

.icon-brand,.icon-vip {
	background-position: 0 -1150px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 15px
}

.icon-brand {
	background-position: 0 -1759px
}

.icon-arrow-down,.icon-select-arrow {
	width: 16px;
	height: 16px;
	background-position: 2px -54px
}

.filter-select-box .icon-select-arrow,.search-box .icon-arrow-down {
	background-position: 0 -2044px
}

.now-city-pos .icon-select-arrow,.userinfo-box .icon-select-arrow {
	background-position: 5px -2044px
}

.icon-red-close {
	background-position: 2px -2015px;
	width: 15px;
	height: 15px;
	position: relative;
	top: 3px
}

.dropdown-select-open .icon-select-arrow {
	background-position: 2px -86px
}

.icon-arrow-right {
	width: 16px;
	height: 16px;
	background-position: 4px -886px
}

.icon-waring {
	background-position: 0 -1390px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 15px
}

.icon-arrow-left {
	width: 24px;
	height: 24px;
	background-position: 6px -1274px
}

.icon-loading {
	background: url(../images/icon-loading.png) no-repeat;
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin: -1px 14px 0 0
}

.ipt {
	padding: 6px 12px 5px 7px;
	min-height: 22px;
	line-height: 22px;
	border: 1px solid #e3e7ed;
	font-size: 13px;
	vertical-align: middle;
	min-width: 300px
}

.btn-login,.btn:active,.btn:hover,.ipt-login,.ipt:focus,.menu-more,.nav li a,.other-way a,.prop-list-right .extra-block a,.sel:focus,.side-menu li a {
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.ipt:focus,.radio-checked {
	border-color: #18c3b1;
	box-shadow: 1px 2px 3px #d7f4f1;
	border-color: #59cac2
}

.ipt-area {
	width: 400px;
	height: 100px
}

.error:focus,input.error,textarea.error {
	border-color: red
}

.ipt-short {
	width: 150px;
	min-width: 0
}

.ipt-num {
	width: 80px;
	min-width: 0
}

.ipt-long {
	width: 100%
}

.ipt-wrap {
	position: relative
}

.ipt-wrap .ipt {
	padding-right: 40px
}

.ipt-wrap .num {
	position: absolute;
	right: 10px;
	top: -4px;
	font-style: normal;
	color: #ccc
}

.ipt-wrap .num em {
	font-style: normal
}

.ipt-wrap .num .red {
	color: red
}

.placeholder {
	color: #9fa3af!important
}

.sel {
	margin-right: 10px;
	padding: 6px 7px 7px;
	vertical-align: middle;
	border: 1px solid #e5e6e7;
	border-radius: 1px;
	outline: 0
}

.sel:focus {
	border-color: #18c3b1
}

.sel-multiple,.sel-pretty {
	min-width: 300px
}

.btn {
	display: inline-block;
	min-width: 112px;
	box-sizing: content-box;
	height: 36px;
	line-height: 36px;
	border: 1px #5dd5c8 solid;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
	background: #5dd5c8;
	text-align: center;
	cursor: pointer
}

.btn:hover {
	background-color: #6adbcf;
	color: #fff
}

.btn-outline {
	background: #fff;
	color: #5dd5c8
}

.btn-back,.btn-delete {
	background: #f8f9fb;
	color: #5dd5c8;
	margin-right: 20px
}

.btn-back:hover,.btn-delete:hover {
	background: #fff;
	color: #5dd5c8
}

.btn-danger {
	border-color: #db4b55;
	background: #ef505e
}

.btn-danger:not(.disabled):hover {
	background: #d84852;
	border-color: #b93e48
}

.btn-disabled,.btn-disabled:hover {
	color: #9fa3b0;
	background-color: #fff;
	border-color: #d1d4db;
	cursor: default
}

.btn-slight {
	background: #fff;
	border-color: #e7eaec;
	color: #aaa
}

.btn-slight:hover {
	background: #fff;
	border-color: #d2d2d2;
	color: #aaa
}

#header .btn-outline {
	background: #202329
}

.radio-list {
	white-space: nowrap
}

.radio-square {
	display: inline-block;
	border: 1px #e3e7ed solid;
	background-color: #fff;
	line-height: 40px;
	min-width: 156px;
	text-align: center;
	cursor: pointer;
	color: #9fa3af
}

.radio-square+.radio-square {
	margin-left: 20px
}

.radio-checked {
	border-color: #18c3b1;
	color: #414a60
}

.form-resume .form-row {
	padding-bottom: 17px
}

.form-resume .form-row dt {
	line-height: 40px
}

.form-resume .form-row dd {
	position: relative;
	zoom: 1
}

.ie .form-resume .form-row dd:after {
	content: '';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	overflow: hidden
}

.prefix-day {
	position: absolute;
	top: 7px;
	left: -22px
}

.dropdown-select {
	display: inline-block;
	position: relative;
	background-color: #fff
}

.dropdown-select .ipt {
	cursor: pointer;
	background: 0 0;
	position: relative
}

.dropdown-select .icon-select-arrow {
	position: absolute;
	right: 15px;
	top: 14px;
	cursor: pointer
}

.dropdown-select-open {
	z-index: 2
}

.dropdown-disabled {
	opacity: .6
}

.dropdown-menu {
	display: none;
	position: relative;
	height: 0;
	margin-right: 2px
}

.dropdown-menu ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border: 1px #e3e7ed solid;
	border-top: 0;
	background-color: #fff;
	overflow: auto;
	max-height: 208px;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch
}

.dropdown-menu li {
	line-height: 42px;
	padding: 0 15px;
	cursor: pointer
}

.dropdown-menu li .h {
	font-style: normal;
	color: red;
	text-decoration: none
}

.dropdown-menu li:active,.dropdown-menu li:hover {
	background-color: #f2f5f9
}

.dropdown-menu-open {
	display: block;
	z-index: 1
}

.prefix-today {
	position: absolute;
	top: 8px;
	left: 10px;
	font-style: normal;
	display: none
}

.show-prefix-today .prefix-today {
	display: block
}

.show-prefix-today .ipt-datetimepicker {
	text-indent: -2000em
}

.standard .checkbox input[type=checkbox],.standard .radio input[type=radio] {
	position: absolute;
	z-index: -100;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	opacity: 0;
	width: 0;
	height: 0;
	overflow: hidden
}

.standard .checkbox input[type=checkbox]~span,.standard .radio input[type=radio]~span {
	display: inline-block;
	cursor: pointer;
	position: relative;
	min-height: 18px;
	padding-left: 24px
}

.standard .checkbox input[type=checkbox]~span:before,.standard .radio input[type=radio]~span:before {
	content: "";
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	margin-right: .5em;
	display: block;
	border: 1px solid #dedfe5;
	position: absolute;
	left: 0;
	z-index: 2;
	background: #fff;
	top: 7px;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out
}

.standard .checkbox input[type=checkbox]~span:after,.standard .radio input[type=radio]~span:after {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	display: inline-block;
	vertical-align: sub;
	z-index: 1;
	left: -4px;
	margin-top: 1px;
	border-radius: 50%
}

.standard .radio input[type=radio]~span:before {
	border-radius: 50%
}

.standard .radio input[type=radio]:checked~span:before {
	background: #53cac3;
	border-color: #53cac3;
	box-shadow: inset 0 0 0 2px #fff
}

.standard .checkbox input[type=checkbox]~span:before {
	border-radius: 0
}

.standard .checkbox input[type=checkbox]:checked~span:before {
	font-size: 12px;
	line-height: 15px;
	content: "\2714";
	background-color: #53cac3;
	width: 12px;
	height: 12px;
	border: 0;
	background-position: -48px -144px;
	border-color: #53cac3;
	color: #fff
}

.standard .radio-square input[type=radio] {
	display: block;
	height: 0;
	visibility: hidden
}

.standard .radio-square span {
	padding: 20px;
	min-width: 34px;
	border: 1px #eee solid;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: center
}

.standard .radio-square input[type=radio]:checked~span {
	border: 2px #53cac3 solid;
	padding: 19px;
	color: #53cac3
}

.standard .radio-square input[type=radio]:checked~span:before {
	position: absolute;
	bottom: 0;
	right: 5px;
	font-size: 20px;
	content: "\2714";
	color: #53cac3
}

.i-checks {
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.disabled {
	cursor: default;
	opacity: .5
}

.ui-switch {
	display: inline-flex;
	align-items: center;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	vertical-align: middle
}

.ui-switch-input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	margin: 0
}

.ui-switch-span {
	margin: 0;
	display: inline-block;
	position: relative;
	width: 40px;
	height: 20px;
	border: 1px solid #dcdfe6;
	outline: 0;
	border-radius: 10px;
	box-sizing: border-box;
	background: #dcdfe6;
	cursor: pointer;
	transition: border-color .3s,background-color .3s;
	vertical-align: middle
}

.ui-switch-checked .ui-switch-span {
	width: 40px;
	border-color: #2cc7b7;
	background-color: #2cc7b7
}

.ui-switch-span:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	border-radius: 100%;
	transition: all .3s;
	width: 16px;
	height: 16px;
	background-color: #fff
}

.ui-switch-checked .ui-switch-span:after {
	left: 100%;
	margin-left: -17px
}

.dialog-footer .btns .btn {
	height: 32px;
	line-height: 32px;
	min-width: 42px;
	padding: 0 25px;
	font-size: 14px
}

.dialog-wrap .dialog-footer .btns .btn-outline:hover {
	padding: 0 24px
}

.jconfirm {
	z-index: 1010
}

.jconfirm .pop-sign-box .jconfirm-box {
	width: 410px;
	border-radius: 8px
}

.jconfirm .pop-sign-box .jconfirm-box div.closeIcon {
	background-position: 6px -1430px;
	top: 12px;
	right: 12px;
	background-color: transparent
}

.jconfirm .pop-imgview .jconfirm-box div.closeIcon {
	background-position: 8px -1316px;
	top: 12px;
	right: 12px;
	background-color: transparent
}

.jconfirm .pop-sign-deliver .jconfirm-box div.closeIcon {
	background-position: 8px -1316px;
	top: 12px;
	right: 12px;
	background-color: transparent
}

.jconfirm .pop-sign-box .jconfirm-box div.gray-close {
	background-position: 6px -1430px
}

.jconfirm .pop-sign-box .jconfirm-box div.content-pane {
	margin-bottom: 0;
	display: block;
	min-height: 548px
}

.jconfirm .pop-sign-box .jconfirm-box div.title-c,.jconfirm .pop-sign-deliver .jconfirm-box div.title-c {
	display: none
}

.jconfirm .pop-sign-deliver .jconfirm-box {
	width: 380px;
	border-radius: 0
}

.jconfirm .pop-sign-deliver .jconfirm-box div.content-pane {
	height: 230px!important;
	padding: 0;
	margin-bottom: 0
}

.jconfirm .pop-sign-deliver .jconfirm-box div.content-pane .content {
	padding: 0
}

.jconfirm .pop-imgview .jconfirm-box div.closeIcon {
	top: -15px;
	right: -15px;
	background-color: rgba(73,74,78,.9)
}

.jconfirm .pop-tip-box .jconfirm-box {
	width: 490px;
	height: 232px;
	border-radius: 0
}

.jconfirm .pop-tip-box .jconfirm-box div.title-c .title {
	font-size: 24px;
	color: #414a60;
	padding: 0;
	display: inline;
	line-height: 30px
}

.jconfirm .pop-tip-box .jconfirm-box div.title-c {
	border-bottom: 0;
	padding: 48px 43px 30px
}

.jconfirm .pop-tip-box .jconfirm-box div.content-pane .content {
	padding: 0 43px
}

.jconfirm .pop-tip-box .jconfirm-box .buttons {
	padding: 0 43px;
	border-top: 0;
	text-align: left
}

.jconfirm .pop-tip-box .jconfirm-box .buttons .btn-slight {
	margin-left: 25px
}

.jconfirm .pop-tip-box .jconfirm-box div.closeIcon {
	background-position: 6px -1430px;
	top: 12px;
	right: 12px;
	background-color: transparent
}

.jconfirm .pop-tip .jconfirm-box div.title-c {
	padding: 20px 23px 10px
}

.jconfirm .pop-tip .jconfirm-box div.title-c .title {
	font-size: 18px
}

.jconfirm .pop-tip .jconfirm-box {
	width: 400px
}

.jconfirm .pop-tip .jconfirm-box .buttons {
	padding-right: 96px
}

.jconfirm .pop-tip .jconfirm-box .buttons .btn {
	line-height: 32px;
	height: 32px;
	min-width: 90px;
	font-size: 14px;
	float: right
}

.jconfirm .pop-tip .jconfirm-box .buttons .btn-slight {
	margin-right: 25px
}

.jconfirm .pop-tip .jconfirm-box .tip-alert {
	text-align: center;
	font-size: 16px;
	padding: 30px 0 20px
}

.jconfirm .pop-upload-box .jconfirm-box {
	width: 600px
}

.jconfirm .ppop-upload-box .jconfirm-box .buttons {
	padding-right: 25px
}

.crop-box img {
	height: 300px;
	display: block;
	max-width: 100%;
	margin: 0 auto
}

#header {
	width: 100%;
	height: 49px;
	background: #202329;
	box-shadow: 0 1px 8px rgba(0,0,0,.06);
	position: relative;
	z-index: 1005
}

#header a {
	color: #fff
}

#header a:hover {
	color: #00d7c6
}

.logo {
	float: left;
	padding: 6px 0 0 0
}

.logo a {
	display: block;
	height: 36px;
	background: url(../images/logo-2x.png) 3px 7px no-repeat;
	background-size: 105px 19px
}

.ie .logo a {
	background: url(../images/logo-x.png) 3px 7px no-repeat
}

.logo span {
	display: none
}

.nav,.user-nav {
	font-size: 0;
	float: left;
	margin-left: 15px;
	height: 49px;
	line-height: 49px
}

.nav ul,.user-nav ul {
	display: inline-block;
	white-space: nowrap;
	vertical-align: top
}

.nav li,.user-nav li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	margin: 0 7px
}

.user-nav li.nav-dot {
	color: #fff;
	margin: 0 0 0 -8px;
	font-size: 18px
}

.user-nav li a.header-resume-upload {
	margin-left: -8px
}

#header .header-resume-new {
	position: relative;
	margin-right: 20px;
	display: inline-block;
	white-space: nowrap;
	vertical-align: top
}

#header .header-resume-new a {
	display: block;
	cursor: pointer
}

#header .header-resume-new a:hover .header-resume-tip {
	display: block
}

#header .header-resume-new a .new {
	top: 8px;
	right: -28px
}

#header .header-resume-new .header-resume-tip {
	display: none;
	position: absolute;
	height: 30px;
	right: -38px;
	white-space: nowrap;
	font-size: 13px;
	color: #fff;
	line-height: 18px;
	background: #5e96f2;
	line-height: 30px;
	padding: 0 20px;
	top: 37px
}

#header .header-resume-new .header-resume-tip:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent transparent #5e96f2;
	border-style: solid;
	border-width: 0 6px 6px;
	top: -4px;
	right: 70px
}

#header .header-resume-new .header-resume-tip .header-resume-btn {
	display: inline-block;
	height: 18px;
	border-radius: 2px;
	border: 1px solid #fff;
	line-height: 18px;
	margin-left: 20px;
	padding: 0 10px;
	font-size: 12px
}

#header .header-resume-new .header-resume-tip .header-resume-btn:hover {
	background: #fff;
	color: #5e96f2
}

.nav li:last-of-type {
	margin-right: 0
}

.nav li a,.user-nav li a {
	display: block;
	padding: 0 5px;
	position: relative
}

.nav li a:hover,.user-nav li a:hover {
	color: #00d7c6
}

.nav li.cur a,.nav li.cur a:hover {
	color: #00d7c6!important
}

#header .user-nav li.cur a,#header .user-nav li.cur a:hover {
	color: #00d7c6
}

.user-nav {
	float: right
}

.user-nav .btns .vline {
	margin-top: -8px;
	background: 0 0
}

.user-nav .btns .link-scan {
	display: inline-block;
	font-size: 14px;
	margin-right: 10px
}

.user-nav .btns .link-publish {
	display: inline-block;
	font-size: 13px
}

.user-nav .btns .btn-outline {
	border-radius: 15px;
	text-align: center;
	font-size: 13px;
	height: 23px;
	line-height: 23px;
	padding: 0 9px 0 11px;
	min-width: 0;
	margin-left: 17px;
	color: #9fa3b0
}

.user-nav .btns .btn-outline:hover {
	color: #fff
}

.user-nav li.nav-figure {
	margin-right: 0;
	position: relative
}

.user-nav a {
	font-size: 14px
}

.user-nav .link-sign-resume {
	position: relative;
	margin-right: 20px
}

.user-nav .new {
	display: none;
	position: absolute;
	top: -9px;
	right: -20px;
	height: 14px;
	padding: 0 6px;
	line-height: 14px;
	background-color: #ef505e;
	color: #fff;
	font-size: 12px;
	border-radius: 7px
}

.nav-figure .label-text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	padding-right: 20px;
	vertical-align: middle;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap
}

.nav-figure img {
	width: 26px;
	height: 26px;
	border-radius: 100%;
	vertical-align: middle
}

.nav-city {
	float: left;
	position: relative;
	cursor: pointer;
	height: 49px;
	line-height: 49px;
	color: #00d7c6
}

.nav-city .icon-poi {
	display: inline-block;
	vertical-align: top;
	width: 15px;
	height: 23px;
	background: url(../images/icon-poi.png) 0 -165px;
	margin: 17px 3px 0 12px
}

.nav-city .switchover-city {
	font-size: 12px;
	color: #fff;
	margin-left: 10px
}

.nav-city .city-box {
	font-size: 14px
}

#header .nav-figure.selected a {
	color: #00c2b3
}

.nav-figure .dropdown {
	display: none;
	position: absolute;
	width: 234px;
	left: auto;
	right: 0;
	top: 49px;
	z-index: 2;
	text-align: left;
	-webkit-box-shadow: 1px 2px 14px rgba(0,0,0,.11);
	box-shadow: 1px 2px 14px rgba(0,0,0,.11);
	background-color: #f2f5fa
}

#header .nav-figure .dropdown a {
	position: relative;
	padding: 10px 25px;
	line-height: 22px;
	color: #414a60;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #fff
}

#header .nav-figure .dropdown a span {
	display: block;
	font-size: 12px;
	color: #9fa3b0;
	line-height: 22px
}

#header .nav-figure .dropdown a:hover {
	background-color: #f2f5fa;
	color: #414a60
}

#header .nav-figure .dropdown a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 25px;
	right: 25px;
	height: 1px;
	background-color: #f2f5fa
}

#header .nav-figure .dropdown a.link-logout,#header .nav-figure .dropdown a.link-recruit {
	margin-top: 6px
}

#header .nav-figure .dropdown a.link-logout:after,#header .nav-figure .dropdown a.link-recruit:after {
	bottom: auto;
	left: 0;
	right: 0;
	top: -6px;
	height: 6px;
	background-color: #f2f5fa
}

#header .nav-figure .dropdown a.link-logout:hover,#header .nav-figure .dropdown a.link-recruit:hover {
	background-color: #fff;
	color: #00d7c6
}

.nav-search {
	float: left;
	position: relative;
	width: 200px!important;
	padding: 10px 0 0 30px!important
}

.nav-search .btn-search {
	width: 28px;
	height: 26px;
	background-position: 10px -1719px;
	background-color: transparent;
	position: absolute;
	top: 10px;
	right: 10px
}

.nav-search .ipt-search {
	border: 1px #5dd5c8 solid;
	width: 173px;
	height: 20px;
	padding: 3px 12px;
	line-height: 20px;
	border-radius: 20px;
	font-size: 12px;
	background: 0 0;
	color: #9fa3b0
}

.nav-search .ipt-search:focus {
	border-color: #53cac3
}

.nav-search .suggest-result {
	width: 221px;
	left: 30px;
	top: 49px
}

.nav-search .suggest-result ul {
	max-height: 240px;
	overflow: auto
}

.nav-search .suggest-result li {
	padding: 0 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.nav-search .ipt-wrap {
	margin-top: 0!important
}

.recruit-tip {
	display: none;
	position: absolute;
	white-space: normal;
	bottom: 0;
	left: -315px;
	width: 298px;
	height: 280px;
	text-align: center;
	border: 1px #f6f6f6 solid;
	line-height: 20px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.08)
}

.recruit-tip img {
	width: 280px;
	height: 180px;
	border-radius: 0;
	margin-top: 8px
}

.recruit-tip span {
	display: block;
	padding: 0 30px;
	margin-top: 12px
}

.recruit-tip:after {
	content: '';
	position: absolute;
	right: -8px;
	top: 205px;
	width: 14px;
	height: 14px;
	background-color: #fff;
	transform: rotate(45deg)
}

#wrap {
	min-height: 100%;
	overflow: visible;
	overflow-x: hidden
}

#main,#wrap {
	position: relative
}

.data-tips {
	text-align: center;
	padding: 100px 0
}

.data-tips .data-blank {
	width: 360px;
	margin: 0 auto
}

.data-tips .data-blank b {
	font-size: 16px;
	font-weight: 200;
	color: #9fa3b0
}

.data-tips .data-blank p {
	margin-top: 30px
}

.data-tips .data-blank .btn {
	margin-right: 0;
	font-size: 13px;
	border-radius: 3px;
	line-height: 30px;
	height: 30px
}

.data-tips .spinner span {
	color: #9fa3af
}

.tip-nodata {
	display: block;
	width: 194px;
	height: 232px;
	margin: 0 auto 5px;
	background: url(../images/tip-nodata.png) center 0 no-repeat
}

.tip-errordata {
	display: block;
	width: 412px;
	height: 212px;
	margin: -20px auto 15px;
	background: url(../images/tip-errordata.png) 90px 0 no-repeat
}

.tip-nofilter {
	display: block;
	width: 190px;
	height: 119px;
	margin: 0 auto 5px;
	background: url(../images/job-none.png) center 0 no-repeat
}

.loadmore {
	text-align: center;
	line-height: 50px;
	color: #9fa3af;
	cursor: pointer;
	display: none
}

.page {
	text-align: center;
	padding: 12px 0
}

.page a,.page span {
	display: inline-block;
	min-width: 28px;
	height: 24px;
	line-height: 24px;
	margin: 0 10px;
	text-align: center;
	background: #fff;
	border: 1px #fff solid;
	vertical-align: middle
}

.page a.next,.page a.prev {
	border-color: #e8e9ed;
	-webkit-transition: none;
	transition: none
}

.page a.prev {
	background-position: 9px -830px
}

.page a.prev:hover {
	background-position: 9px -856px
}

.page a.next {
	background-position: 10px -883px
}

.page a.next:hover {
	background-position: 10px -912px
}

.page a.cur {
	background: #62d5c8;
	border-color: #62d5c8;
	color: #fff
}

.page a.prev.disabled,.page a.prev.disabled:hover {
	cursor: default;
	background-position: 9px -830px
}

.page a.next.disabled,.page a.next.disabled:hover {
	cursor: default;
	background-position: 9px -883px
}

.icon-app,.icon-weibo,.icon-weixin {
	width: 42px;
	height: 42px;
	line-height: 42px;
	border: 1px #eaebee solid;
	border-radius: 100%;
	margin-left: 23px;
	vertical-align: top
}

.icon-weibo {
	background-position: 10px -190px
}

.icon-app span,.icon-weibo span,.icon-weixin span {
	display: none
}

.icon-app:hover,.icon-weibo:hover,.icon-weixin:hover {
	border-color: #cbcdd4
}

.icon-weixin {
	background-position: 10px -254px;
	position: relative
}

.icon-app {
	background-position: 6px -313px
}

.qrcode-weixin {
	display: none;
	position: absolute;
	right: -25px;
	bottom: 50px;
	width: 100px;
	height: 100px;
	background: #fff
}

.icon-weixin:hover .qrcode-weixin {
	display: block
}

.copyright {
	color: #eeeff3;
	font-size: 12px;
	margin-top: 20px;
	max-width: 900px
}

.copyright img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: -3px 2px 0 0
}

.copyright span {
	color: #8d92a1;
	display: inline-block;
	margin-right: 15px
}

.copyright span.netpolice {
	margin-left: -10px
}

.copyright .link-beian:hover {
	color: #ddd
}

.copyright .link-chengxin {
	display: inline-block;
	margin-left: 10px
}

.copyright .link-chengxin img {
	height: 30px;
	display: inline-block;
	margin-bottom: -10px
}

.footer-logo {
	padding: 12px 0;
	width: 200px
}

.ie7 .footer-social a {
	margin-left: 0;
	margin-right: 23px
}

.ie7 .footer-social a.icon-app {
	margin-right: 0
}

.footer-about dl {
	width: 192px;
	float: left
}

.footer-about dl dt {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #414a60;
	margin-bottom: 10px
}

.footer-about dl dd a,.footer-about dl dd p {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #8d92a1;
	height: 24px;
	line-height: 24px;
	white-space: nowrap
}

.footer-about dl dd .report-mail {
	display: inline;
	font-size: 12px;
	color: #8d92a1;
	height: 24px;
	line-height: 24px;
	white-space: nowrap
}

.footer-about dl dd a:hover {
	color: #00d7c6
}

.fz {
	width: 24px;
	height: 24px;
	background: url(../images/icons.png);
	display: inline-block
}

.red-dot {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 5px;
	height: 5px;
	border-radius: 3px;
	background-color: #ff4b5f
}

#wrap ::-webkit-scrollbar-track-piece {
	background-color: #fff;
	-webkit-border-radius: 0
}

#wrap ::-webkit-scrollbar {
	width: 4px
}

#wrap ::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #d1d4db;
	-webkit-border-radius: 5px
}

#wrap ::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #bfc1c9;
	-webkit-border-radius: 5px
}

#wrap .dorpdown-city::-webkit-scrollbar-track-piece {
	background: #f8f9fa
}

.data-tips {
	text-align: center;
	min-height: 340px;
	position: relative;
	background: #fff
}

.spinner-circle .loader,.spinner-circle .loader:after {
	border-radius: 50%;
	width: 30px;
	height: 30px
}

.spinner-circle .loader {
	font-size: 10px;
	margin: 0 auto;
	text-indent: -9999em;
	border-top: 2px solid #f1f1f1;
	border-right: 2px solid #f1f1f1;
	border-bottom: 2px solid #f1f1f1;
	border-left: 2px solid #ccc;
	-webkit-animation: circle 1.1s infinite linear;
	animation: circle 1.1s infinite linear
}

.spinner .loader {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@-webkit-keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@media (max-width:1170px) {
	#footer .inner,#header .inner,.job-banner .inner {
		padding: 0 15px;
		width: auto
	}
}

.bottom-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	text-align: center;
	background: #0cccb5;
	z-index: 30
}

.bottom-banner img {
	position: relative;
	top: -16px;
	cursor: pointer
}

.bottom-banner .closeIcon {
	position: absolute;
	top: 5px;
	right: 15px;
	width: 30px;
	height: 30px;
	color: #fff;
	cursor: pointer;
	background-position: -16px -2080px;
	background-color: transparent
}

.bottom-banner .closeIcon:hover {
	background-position: 10px -2080px
}

.common-position {
	width: 890px;
	box-sizing: border-box;
	height: 500px;
	background: #fff;
	overflow: hidden;
	zoom: 1
}

.common-position .type {
	float: left;
	background: #f9fafb;
	width: 150px;
	height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px 0 0 0;
	box-sizing: border-box
}

.common-position .type li {
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	color: #424a5e;
	padding: 0 0 0 23px;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer
}

.common-position .type .active {
	background: #fff;
	border-left: 4px #5dd5c8 solid;
	box-sizing: border-box;
	padding: 0 0 0 19px
}

.common-position .content {
	float: left;
	width: 737px;
	box-sizing: border-box;
	padding: 10px 22px 22px 22px;
	max-height: 500px;
	overflow: auto
}

.common-position .content .navs {
	zoom: 1;
	overflow: hidden
}

.common-position .content .navs li {
	float: left;
	width: 169px;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	cursor: pointer
}

.common-position .content .navs li:before {
	content: '+';
	display: inline-block;
	width: 7px;
	height: 7px;
	padding: 2px;
	color: #2cc7b7;
	border: 1px #2cc7b7 solid;
	line-height: 8px;
	margin: 0 5px 0 0
}

.common-position.level-two .content .navs li:before {
	display: none
}

.common-position .content .navs .active:before {
	content: '-';
	padding-left: 4px;
	padding-top: 1px;
	height: 8px;
	width: 6px
}

.common-position .content .list {
	border: 1px solid #f3f3f3;
	zoom: 1;
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	padding: 8px 0
}

.common-position .content .list li {
	float: left;
	width: 169px;
	box-sizing: border-box;
	padding: 6px 0 6px 17px;
	color: #9fa3af;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.layer-position .dialog-container {
	margin: -273px 0 0 -445px
}

#siderbar {
	position: fixed;
	top: 49px;
	right: 0;
	background-color: #fff;
	box-shadow: -1px 0 8px rgba(0,0,0,.03);
	height: 100%;
	z-index: 1004
}

#siderbar .siderbar-bottom li,#siderbar .siderbar-top li {
	display: block;
	position: relative;
	font-size: 12px;
	color: #9fa3b0;
	line-height: 14px
}

#siderbar .siderbar-top li a {
	color: #fff;
	transition: .2s all
}

#siderbar .siderbar-bottom li a,#siderbar .siderbar-top li a {
	padding: 15px 0;
	display: block
}

#siderbar .siderbar-top li a i {
	display: block;
	width: 21px;
	height: 21px;
	margin: 0 auto 10px;
	background: url(../images/siderbar.png) no-repeat;
	-webkit-background-size: 42px auto;
	background-size: 42px auto
}

.ie #siderbar .siderbar-top li a i {
	background-image: url(../images/siderbar-ie.png)
}

#siderbar .siderbar-top .icon-sider-interest {
	background-position: 0 -62px
}

#siderbar:hover .sider-template li:hover a,#siderbar:hover .siderbar-top li a:hover,#siderbar:hover .siderbar-top li.active a {
	color: #54cbc4;
	cursor: pointer
}

#siderbar .siderbar-top li.active a .icon-sider-interest,#siderbar .siderbar-top li:hover a .icon-sider-interest {
	background-position: -21px -62px
}

#siderbar .siderbar-top .icon-sider-chat {
	background-position: 0 -21px
}

#siderbar .siderbar-top li.active a .icon-sider-chat,#siderbar .siderbar-top li:hover a .icon-sider-chat {
	background-position: -21px -21px
}

#siderbar .siderbar-top .icon-sider-resume {
	background-position: 0 -42px
}

#siderbar .siderbar-top li.active a .icon-sider-resume,#siderbar .siderbar-top li:hover a .icon-sider-resume {
	background-position: -21px -42px
}

#siderbar .siderbar-top .icon-sider-interview {
	background-position: 0 -84px
}

#siderbar .siderbar-top li.active a .icon-sider-interview,#siderbar .siderbar-top li:hover a .icon-sider-interview {
	background-position: -21px -84px
}

#siderbar .siderbar-back-top:after {
	content: '';
	display: block!important;
	width: 21px;
	height: 13px;
	margin: 0 auto;
	background: url(../images/siderbar.png) no-repeat;
	background-size: 42px auto;
	background-position: 0 0
}

#siderbar .siderbar-bottom li:hover .siderbar-back-top:after {
	background-position: -21px 0
}

.siderbar-top {
	width: 100%;
	float: left;
	padding-top: 15px;
	text-align: center
}

.siderbar-bottom {
	position: absolute;
	width: 100%;
	bottom: 140px;
	text-align: center
}

#siderbar .qrcode-layer i {
	width: 12px;
	height: 21px;
	background-position: 0 -697px;
	position: absolute;
	top: 90px;
	right: -12px
}

.qrcode-layer {
	display: none;
	position: absolute;
	right: 55px;
	top: -80px;
	width: 196px;
	height: 196px;
	border: 1px #eee solid;
	background: #fff;
	z-index: 10
}

.qrcode-layer img {
	display: block;
	width: 134px;
	height: 134px;
	margin: 16px auto 0
}

#siderbar li:hover .siderbar-app .qrcode-layer,#siderbar li:hover .siderbar-wechat .qrcode-layer {
	display: block
}

#siderbar .siderbar-app .qrcode-layer {
	top: -78px
}

.page-loading .component-b,.page-loading .component-o,.page-loading .component-s1,.page-loading .component-s2 {
	display: inline-block;
	width: 40px;
	height: 42px;
	background: url(../images/icons-boss.png) no-repeat;
	vertical-align: middle;
	-webkit-animation-fill-mode: both;
	-webkit-animation: bossLoading .6s infinite linear alternate;
	-moz-animation: bossLoading .6s infinite linear alternate;
	animation: bossLoading .6s infinite linear alternate
}

.data-tips .page-loading {
	white-space: nowrap;
	margin-top: -20px;
	margin-left: -79px
}

.page-loading .component-b {
	background-position: 0 0
}

.page-loading .component-o {
	content: '';
	background-position: 0 -68px;
	margin-left: -4px;
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	animation-delay: .1s
}

.page-loading .component-s1 {
	background-position: 0 -141px;
	margin-left: 6px;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	animation-delay: .2s
}

.page-loading .component-s2 {
	content: '';
	background-position: 0 -141px;
	margin-left: -4px;
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	animation-delay: .3s
}

@-webkit-keyframes bossLoading {
	0% {
		-webkit-transform: translate3d(0,0,0)
	}

	50% {
		-webkit-transform: translate3d(0,-10px,0)
	}
}

@keyframes bossLoading {
	0% {
		transform: translate3d(0,0,0)
	}

	50% {
		transform: translate3d(0,-10px,0)
	}
}

#siderbar .sider-title {
	height: 20px;
	padding: 30px 22px 20px 20px;
	background: #fbfbfd;
	color: #414a60;
	zoom: 1
}

#siderbar .sider-title:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0
}

#siderbar .sider-title a {
	font-size: 12px;
	color: #9fa3b0;
	float: right
}

#siderbar .opacity {
	opacity: .5
}

#siderbar .user-avatar {
	width: 18px;
	height: 18px;
	border-radius: 9px;
	vertical-align: middle
}

#siderbar .sider-detail {
	position: relative;
	height: 100%;
	float: right;
	border-left: 1px #eee solid;
	background: #fbfbfd;
	overflow-y: auto;
	overflow-x: hidden
}

#siderbar .sider-detail ul {
	background-color: #fff
}

#siderbar .sider-detail ul li:hover {
	background: #f8f9fb
}

#siderbar .sider-detail .sider-template li a {
	padding: 20px 0 11px 0;
	display: block;
	margin: 0 20px;
	border-bottom: 1px dotted #e3e7ed
}

#siderbar .sider-detail ul li:last-child a {
	border: none
}

#siderbar .sider-detail ul li h4 {
	font-size: 14px;
	color: #61687c;
	line-height: 20px;
	zoom: 1
}

#siderbar .sider-detail ul li h4:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0
}

#siderbar .user-text {
	font-size: 12px;
	color: #9fa3af;
	padding-left: 10px;
	width: 150px;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	text-overflow: ellipsis;
	vertical-align: middle
}

.sider-position-title {
	width: 165px;
	height: 20px;
	overflow: hidden;
	display: inline-block
}

.sider-position-title .title-text {
	max-width: 98px;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.sider-position-title .title-text.no-medium {
	max-width: 165px
}

.sider-position-title .job-medium-icon {
	width: 46px;
	height: 16px;
	vertical-align: middle;
	margin-left: 10px
}

.sider-degree {
	color: #fd7240;
	float: right
}

#siderbar .company-info {
	font-size: 12px;
	color: #9fa3af;
	padding: 10px 0 15px 0;
	line-height: 12px
}

#siderbar .siderbar-more {
	display: block;
	font-size: 12px;
	color: #9fa3b0;
	text-align: center;
	padding-top: 18px
}

#siderbar .interview-time {
	height: 40px;
	padding-left: 20px;
	background-color: #fbfbfd;
	font-size: 14px;
	color: #414a60;
	line-height: 40px
}

#siderbar .interview-time span {
	font-size: 12px;
	color: #9fa3af;
	padding-left: 10px
}

#siderbar .interview-info {
	display: block;
	font-size: 12px;
	color: #9fa3af;
	line-height: 24px;
	padding-top: 3px
}

#siderbar .interview-info span {
	color: #002c00
}

#siderbar .interview-user-info {
	padding-top: 14px
}

#siderbar .interview-user-info img {
	width: 28px;
	height: 28px;
	border-radius: 14px;
	vertical-align: middle
}

#siderbar .interview-user-info .user-text {
	display: inline-block;
	width: 100px;
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis
}

.interview-list li .sub-title .interview-status {
	float: right;
	color: #fd7240
}

.interview-list li .sub-title .company-name {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.interview-user-info .btn {
	min-width: 46px;
	width: 46px;
	height: 24px;
	font-size: 12px;
	line-height: 26px;
	color: #fff;
	outline: 1px solid #5dd5c8;
	border-color: transparent
}

.interview-user-info .btns-sider-interview {
	display: none;
	vertical-align: top;
	float: right
}

#siderbar .sider-detail ul li:hover .btns-sider-interview {
	display: inline-block
}

.interview-user-info .btn.btn-cancel {
	background-color: #fff;
	color: #5dd5c8;
	margin-right: 4px
}

.interview-user-info .btn.btn-cancel:hover {
	border-color: #5dd5c8
}

#siderbar .not-have {
	display: block;
	background: url(../images/not-have.png) no-repeat center;
	width: 310px;
	height: 60px;
	background-size: 116px 60px
}

#siderbar .not-login {
	display: block;
	background: url(../images/not-login.png) no-repeat center;
	width: 310px;
	height: 72px;
	background-size: 90px 72px
}

.sider-error-tip {
	text-align: center;
	height: 200px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0
}

.sider-error-tip p {
	font-size: 15px;
	line-height: 15px;
	color: #9fa3b0;
	padding: 30px 0 26px 0
}

#siderbar .sider-template button {
	width: 68px;
	height: 26px;
	min-width: 68px;
	line-height: 26px;
	font-size: 12px;
	float: right;
	display: none
}

#siderbar .sider-detail ul li:hover button {
	display: block
}

#siderbar .interview-container {
	margin: 0 20px;
	padding: 20px 0;
	border-bottom: 1px dotted #e3e7ed
}

#siderbar .interview-list li:last-child .interview-container {
	border: none
}

#siderbar .sider-load {
	text-align: center;
	height: 50px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0
}

#siderbar .sider-load i {
	display: block;
	width: 310px;
	height: 29px;
	background: url(../images/loading.gif) no-repeat center;
	background-size: 29px 29px
}

#siderbar .sider-load p {
	padding-top: 20px;
	font-size: 15px;
	color: #9fa3b0
}

#siderbar .sider-index {
	width: 40px;
	height: 100%;
	float: left;
	position: relative;
	transition: .2s width
}

#siderbar .btn-sider-more {
	width: 138px;
	font-size: 14px
}

#siderbar:hover .sider-index {
	width: 60px
}

#siderbar:hover .siderbar-top li a {
	color: #414a60
}

.dialog-text-content .dialog-container {
	margin: -250px 0 0 -410px;
	padding: 30px 30px 20px;
	width: 760px;
	box-sizing: content-box
}

.dialog-text-content .dialog-title {
	margin-bottom: 17px
}

.dialog-text-content .dialog-title .title {
	font-size: 16px;
	font-weight: 700;
	color: #0e1726;
	line-height: 22px
}

.dialog-text-content .dialog-con {
	max-height: 370px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 13px;
	color: #6e747d;
	line-height: 1.7
}

.dialog-text-content .dialog-con p {
	margin: .7em 0
}

.dialog-text-content .dialog-con h1 {
	font-size: 1.5em;
	text-align: center;
	margin: 2em 0 .7em
}

.dialog-text-content .dialog-con h1:first-child {
	margin-top: 0
}

.dialog-text-content .dialog-con::-webkit-scrollbar-track-piece {
	background-color: #f1f1f1;
	border-radius: 0;
	-webkit-border-radius: 0
}

.dialog-text-content .dialog-con::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

.dialog-text-content .dialog-con::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #ddd;
	border-radius: 10px
}

.dialog-text-content .dialog-con::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #ccc
}

.dialog-text-content .dialog-con::-webkit-scrollbar-corner {
	background-color: #f1f1f1
}

.dialog-text-content .dialog-footer {
	margin-top: 27px
}

.dialog-text-content .dialog-footer .btns {
	text-align: center
}

@media (max-height:780px) {
	#siderbar .siderbar-bottom li a,#siderbar .siderbar-top li a {
		padding: 10px 0
	}

	.siderbar-bottom {
		bottom: 80px
	}

	#siderbar .siderbar-app .qrcode-layer {
		top: -128px
	}

	#siderbar .qrcode-layer i {
		top: 132px
	}

	#siderbar .siderbar-wechat .qrcode-layer {
		top: -128px
	}
}

@font-face {
	font-family:iboss;src:url(//at.alicdn.com/t/font_916585_qfshouvhwr.eot?t=1561021091024);src:url(../fonts/font_916585_qfshouvhwr.eot) format('embedded-opentype'),url("../fonts/29e9bd25b4fa4901ac490f2f15a9f05e.woff") format('woff2'),url(../fonts/font_916585_qfshouvhwr.woff) format('woff'),url(../fonts/font_916585_qfshouvhwr.ttf) format('truetype'),url(../fonts/font_916585_qfshouvhwr.svg) format('svg')
}

.iboss,[class*=" iboss-"],[class^=iboss-] {
	font-family: iboss!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.iboss-rice:before {
	content: "\e607"
}

.iboss-medicine:before {
	content: "\e608"
}

.iboss-stock:before {
	content: "\e609"
}

.iboss-beach:before {
	content: "\e60a"
}

.iboss-schedule:before {
	content: "\e60b"
}

.iboss-traffic:before {
	content: "\e60c"
}

.iboss-medal:before {
	content: "\e60d"
}

.iboss-gift:before {
	content: "\e60e"
}

.iboss-bus:before {
	content: "\e60f"
}

.iboss-icecream:before {
	content: "\e610"
}

.iboss-clock:before {
	content: "\e611"
}

.iboss-building:before {
	content: "\e612"
}

.iboss-call:before {
	content: "\e613"
}

.iboss-tourism:before {
	content: "\e614"
}

.iboss-umbrella:before {
	content: "\e615"
}

.iboss-bread:before {
	content: "\e617"
}

.iboss-healthy:before {
	content: "\e616"
}

.iboss-edit:before {
	content: "\e61c"
}

.iboss-delete:before {
	content: "\e61e"
}

.iboss-plus:before {
	content: "\e621"
}

.iboss-close-hollow:before {
	content: "\e61a"
}

.iboss-close-solid:before {
	content: "\e620"
}

.iboss-close:before {
	content: "\e623"
}

.iboss-menu-chat:before {
	content: "\e625"
}

.iboss-menu-search:before {
	content: "\e626"
}

.iboss-menu-recommend:before {
	content: "\e628"
}

.iboss-menu-job:before {
	content: "\e62a"
}

.iboss-menu-profile:before {
	content: "\e62b"
}

.iboss-menu-viewed:before {
	content: "\e624"
}

.iboss-menu-prop:before {
	content: "\e627"
}

.iboss-menu-enterprise:before {
	content: "\e629"
}

.iboss-fresh:before {
	content: "\e62c"
}

.iboss-filter:before {
	content: "\e62d"
}

.iboss-communication:before {
	content: "\e62f"
}

.iboss-checked-hollow:before {
	content: "\e630"
}

.iboss-Batch:before {
	content: "\e631"
}

.iboss-user:before {
	content: "\e632"
}

.iboss-bell-solid:before {
	content: "\e634"
}

.iboss-sentence:before {
	content: "\e638"
}

.iboss-editor-emoticon:before {
	content: "\e639"
}

.iboss-editor-resume:before {
	content: "\e63a"
}

.iboss-explain:before {
	content: "\e63b"
}

.iboss-interview:before {
	content: "\e63c"
}

.iboss-more-hollow:before {
	content: "\e63d"
}

.iboss-editor-exchange:before {
	content: "\e63f"
}

.iboss-wechat:before {
	content: "\e640"
}

.iboss-swap:before {
	content: "\e641"
}

.iboss-forward:before {
	content: "\e642"
}

.iboss-phone:before {
	content: "\e637"
}

.iboss-checked-solid:before {
	content: "\e61d"
}

.iboss-light:before {
	content: "\e622"
}

.iboss-plus-hollow:before {
	content: "\e643"
}

.iboss-goutongjilu:before {
	content: "\e644"
}

.iboss-mianshianpai:before {
	content: "\e645"
}

.iboss-jubao:before {
	content: "\e646"
}

.iboss-zhiding:before {
	content: "\e647"
}

.iboss-zhuanfa:before {
	content: "\e648"
}

.iboss-down:before {
	content: "\e63e"
}

.iboss-up:before {
	content: "\e649"
}

.iboss-right:before {
	content: "\e64a"
}

.iboss-left:before {
	content: "\e64b"
}

.iboss-tianjia:before {
	content: "\e64c"
}

.iboss-yidu:before {
	content: "\e64d"
}

.iboss-jujueicon:before {
	content: "\e64e"
}

.iboss-jieshouicon:before {
	content: "\e64f"
}

.iboss-songda:before {
	content: "\e650"
}

.iboss-shibai:before {
	content: "\e651"
}

.iboss-tuding:before {
	content: "\e652"
}

.iboss-kaisuo:before {
	content: "\e653"
}

.iboss-suo:before {
	content: "\e654"
}

.iboss-lady:before {
	content: "\e655"
}

.iboss-man:before {
	content: "\e656"
}

.iboss-suo1:before {
	content: "\e657"
}

.iboss-yuemian:before {
	content: "\e658"
}

.iboss-dacheng:before {
	content: "\e659"
}

.iboss-wancheng:before {
	content: "\e65a"
}

.iboss-kailiao:before {
	content: "\e65b"
}

.iboss-shuangliao:before {
	content: "\e65c"
}

.iboss-job:before {
	content: "\e65e"
}

.iboss-zongliang:before {
	content: "\e660"
}

.iboss-ku:before {
	content: "\e661"
}

.iboss-shenfenguanli:before {
	content: "\e662"
}

.iboss-fenpei:before {
	content: "\e663"
}

.iboss-fengjinjilu:before {
	content: "\e65d"
}

.iboss-bianlaing:before {
	content: "\e65f"
}

.iboss-wenhao:before {
	content: "\e664"
}

.iboss-duigou:before {
	content: "\e665"
}

.iboss-xia:before {
	content: "\e666"
}

.iboss-x:before {
	content: "\e667"
}

.iboss-shang:before {
	content: "\e668"
}

.iboss-duiwoganxingqu:before {
	content: "\e669"
}

.iboss-guanjianci:before {
	content: "\e66a"
}

.iboss-kanguowo:before {
	content: "\e66b"
}

.iboss-shaixuan:before {
	content: "\e66c"
}

.iboss-tongshituijian:before {
	content: "\e66d"
}

.iboss-tuijianniuren:before {
	content: "\e66e"
}

.iboss-xinniuren:before {
	content: "\e66f"
}

.iboss-wokanguo:before {
	content: "\e670"
}

.iboss-quxiaobuheshi:before {
	content: "\e671"
}

.iboss-jiaoyujingli:before {
	content: "\e672"
}

.iboss-nianling:before {
	content: "\e673"
}

.iboss-gongzuojingli:before {
	content: "\e674"
}

.iboss-qiuzhizhuangtai:before {
	content: "\e675"
}

.iboss-iboss-explain-solid:before {
	content: "\e600"
}

.iboss-gongsirizhi:before {
	content: "\e676"
}

.iboss-quanping:before {
	content: "\e677"
}

.iboss-guanbi:before {
	content: "\e678"
}

.iboss-suoxiao:before {
	content: "\e679"
}

.iboss-shipin:before {
	content: "\e67a"
}

.iboss-yuyin:before {
	content: "\e67b"
}

.iboss-guolvshezhi:before {
	content: "\e67c"
}

.iboss-shipin-miansvg:before {
	content: "\e67d"
}

.iboss-yuyin-miansvg:before {
	content: "\e67e"
}

.iboss-changyongyu:before {
	content: "\e67f"
}

.iboss-biaoqing:before {
	content: "\e680"
}/*!
 * jquery-confirm v2.5.1 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2016 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */@-webkit-keyframes jconfirm-rotate {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes jconfirm-rotate {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

body.jconfirm-noscroll {
	overflow: hidden!important
}

.jconfirm {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1010;
	font-family: inherit;
	overflow: hidden
}

.jconfirm .jconfirm-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s
}

.jconfirm .jconfirm-bg.seen {
	opacity: 1;
	-webkit-transition: none!important;
	transition: none!important
}

.jconfirm .jconfirm-scrollpane {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	overflow: hidden
}

.jconfirm .jconfirm-box {
	background: #fff;
	position: relative;
	outline: 0;
	padding: 0;
	-webkit-transition: none!important;
	transition: none!important
}

.jconfirm .jconfirm-box div.closeIcon {
	position: absolute;
	cursor: pointer;
	opacity: .6;
	text-align: center;
	-webkit-transition: opacity .1s ease-in;
	transition: opacity .1s ease-in;
	display: none;
	z-index: 200;
	width: 30px;
	height: 30px;
	line-height: 30px;
	top: -15px;
	right: -15px;
	background-color: rgba(73,74,78,.9);
	background-position: -39px -602px;
	font-size: 0;
	color: #fff;
	border-radius: 100%;
	opacity: .9
}

.jconfirm .jconfirm-box div.closeIcon .fa {
	font-size: 16px
}

.jconfirm .jconfirm-box div.closeIcon .glyphicon {
	font-size: 16px
}

.jconfirm .jconfirm-box div.closeIcon .zmdi {
	font-size: 16px
}

.jconfirm .jconfirm-box div.closeIcon:hover {
	opacity: 1
}

.jconfirm .jconfirm-box div.title-c {
	display: block;
	font-size: 18px;
	line-height: 20px;
	border-bottom: 1px #eee solid
}

.jconfirm .jconfirm-box div.title-c .icon-c {
	font-size: inherit;
	padding-bottom: 15px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle
}

.jconfirm .jconfirm-box div.title-c .icon-c i {
	vertical-align: middle
}

.jconfirm .jconfirm-box div.title-c .icon-c:empty {
	display: none
}

.jconfirm .jconfirm-box div.title-c .title {
	font-size: inherit;
	font-family: inherit;
	display: inline-block;
	vertical-align: middle;
	padding: 15px 20px
}

.jconfirm .jconfirm-box div.title-c .title:empty {
	display: none
}

.jconfirm .jconfirm-box div.content-pane {
	margin-bottom: 15px;
	height: auto;
	display: inline-block;
	width: 100%;
	position: relative
}

.jconfirm .jconfirm-box div.content-pane .content {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	right: 0;
	padding: 20px 20px 0
}

.jconfirm .jconfirm-box div.content-pane .content:empty {
	display: none
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading {
	height: 120px;
	position: relative;
	opacity: .6;
	display: block
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading:before {
	content: '';
	height: 20px;
	width: 20px;
	border: solid 2px transparent;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	border-radius: 50%;
	-webkit-animation: jconfirm-rotate 1s infinite linear;
	animation: jconfirm-rotate 1s infinite linear;
	border-bottom-color: #aaa;
	top: 50%;
	margin-top: -10px
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -15px
}

.jconfirm .jconfirm-box .buttons {
	padding-bottom: 15px
}

.jconfirm .jconfirm-box .buttons button+button {
	margin-left: 5px
}

.jconfirm .jquery-clear {
	clear: both
}

.jconfirm.rtl {
	direction: rtl
}

.jconfirm.rtl div.closeIcon {
	left: 12px;
	right: auto
}

.jconfirm.jconfirm-white .jconfirm-bg {
	background-color: #252830;
	background-color: rgba(37,40,48,.7)
}

.jconfirm-box {
	box-shadow: 0 2px 6px rgba(0,0,0,.2);
	width: 380px;
	margin: 0 auto
}

.pop-container .jconfirm-box {
	width: 800px
}

.jconfirm-box .buttons {
	text-align: right;
	border-top: 1px #eee solid;
	padding-top: 12px
}

.pop-tip-error .jconfirm-box,.pop-tip-msg .jconfirm-box {
	width: 320px
}

.pop-tip-error .jconfirm-box .content,.pop-tip-msg .jconfirm-box .content {
	text-align: center
}

.pop-tip-error .jconfirm-box .content,.pop-tip-msg .jconfirm-box .content {
	text-align: center;
	font-size: 14px
}

.pop-tip-error .jconfirm-box .content {
	color: #ed5565
}

.pop-tip-error .buttons,.pop-tip-msg .buttons {
	text-align: center
}

.pop-tip-error .buttons .btn,.pop-tip-msg .buttons .btn {
	margin: 0 10px
}

.pop-imgview .jconfirm-box {
	width: auto;
	background: 0 0;
	max-width: 800px
}

.pop-imgview .jconfirm-box div.content-pane .content {
	padding: 0;
	text-align: center
}

.pop-imgview .jconfirm-box div.content-pane .content img {
	max-width: 800px;
	display: block;
	margin: 0 auto
}

.jconfirm .pop-imgview .jconfirm-box div.title-c {
	display: none
}

.jconfirm.jconfirm-black .jconfirm-bg {
	background-color: rgba(0,0,0,.5)
}

.jconfirm.jconfirm-black .jconfirm-box {
	box-shadow: 0 2px 6px rgba(0,0,0,.2);
	background: #444;
	color: #fff
}

.jconfirm.jconfirm-black .jconfirm-box .buttons {
	float: right
}

.jconfirm .jconfirm-box.hilight {
	-webkit-animation: hilight .82s cubic-bezier(.36,.07,.19,.97) both;
	animation: hilight .82s cubic-bezier(.36,.07,.19,.97) both;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

@-webkit-keyframes hilight {
	10%,90% {
		-webkit-transform: translate3d(-2px,0,0);
		transform: translate3d(-2px,0,0)
	}

	20%,80% {
		-webkit-transform: translate3d(4px,0,0);
		transform: translate3d(4px,0,0)
	}

	30%,50%,70% {
		-webkit-transform: translate3d(-8px,0,0);
		transform: translate3d(-8px,0,0)
	}

	40%,60% {
		-webkit-transform: translate3d(8px,0,0);
		transform: translate3d(8px,0,0)
	}
}

@keyframes hilight {
	10%,90% {
		-webkit-transform: translate3d(-2px,0,0);
		transform: translate3d(-2px,0,0)
	}

	20%,80% {
		-webkit-transform: translate3d(4px,0,0);
		transform: translate3d(4px,0,0)
	}

	30%,50%,70% {
		-webkit-transform: translate3d(-8px,0,0);
		transform: translate3d(-8px,0,0)
	}

	40%,60% {
		-webkit-transform: translate3d(8px,0,0);
		transform: translate3d(8px,0,0)
	}
}

.jconfirm {
	-webkit-perspective: 400px;
	perspective: 400px
}

.jconfirm .jconfirm-box {
	opacity: 1;
	-webkit-transition-property: -webkit-transform,opacity,box-shadow;
	transition-property: transform,opacity,box-shadow
}

.jconfirm .jconfirm-box.anim-bottom,.jconfirm .jconfirm-box.anim-left,.jconfirm .jconfirm-box.anim-none,.jconfirm .jconfirm-box.anim-opacity,.jconfirm .jconfirm-box.anim-right,.jconfirm .jconfirm-box.anim-rotate,.jconfirm .jconfirm-box.anim-rotatex,.jconfirm .jconfirm-box.anim-rotatey,.jconfirm .jconfirm-box.anim-scale,.jconfirm .jconfirm-box.anim-scalex,.jconfirm .jconfirm-box.anim-scaley,.jconfirm .jconfirm-box.anim-top,.jconfirm .jconfirm-box.anim-zoom {
	opacity: 0
}

.jconfirm .jconfirm-box.anim-rotate {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.jconfirm .jconfirm-box.anim-rotatex {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.anim-rotatexr {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.anim-rotatey {
	-webkit-transform: rotatey(90deg);
	-ms-transform: rotatey(90deg);
	transform: rotatey(90deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.anim-rotateyr {
	-webkit-transform: rotatey(-90deg);
	-ms-transform: rotatey(-90deg);
	transform: rotatey(-90deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.anim-scaley {
	-webkit-transform: scaley(1.5);
	-ms-transform: scaley(1.5);
	transform: scaley(1.5);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.anim-scalex {
	-webkit-transform: scalex(1.5);
	-ms-transform: scalex(1.5);
	transform: scalex(1.5);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.anim-top {
	-webkit-transform: translate(0,-100px);
	-ms-transform: translate(0,-100px);
	transform: translate(0,-100px)
}

.jconfirm .jconfirm-box.anim-left {
	-webkit-transform: translate(-100px,0);
	-ms-transform: translate(-100px,0);
	transform: translate(-100px,0)
}

.jconfirm .jconfirm-box.anim-right {
	-webkit-transform: translate(100px,0);
	-ms-transform: translate(100px,0);
	transform: translate(100px,0)
}

.jconfirm .jconfirm-box.anim-bottom {
	-webkit-transform: translate(0,100px);
	-ms-transform: translate(0,100px);
	transform: translate(0,100px)
}

.jconfirm .jconfirm-box.anim-zoom {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.jconfirm .jconfirm-box.anim-scale {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}

.jconfirm .jconfirm-box.anim-none {
	display: none
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
	background-color: rgba(54,70,93,.95)
}

.jconfirm.jconfirm-supervan .jconfirm-box {
	background-color: transparent
}

.jconfirm.jconfirm-supervan .jconfirm-box div.closeIcon {
	color: #fff
}

.jconfirm.jconfirm-supervan .jconfirm-box div.title-c {
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-weight: 400
}

.jconfirm.jconfirm-supervan .jconfirm-box div.title-c>* {
	padding-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.content-pane {
	margin-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.content {
	text-align: center;
	color: #fff
}

.jconfirm.jconfirm-supervan .jconfirm-box .buttons {
	text-align: center
}

.jconfirm.jconfirm-supervan .jconfirm-box .buttons button {
	font-size: 16px;
	border-radius: 2px;
	background: #303f53;
	text-shadow: none;
	border: none;
	color: #fff;
	padding: 10px;
	min-width: 100px
}

.jconfirm.jconfirm-material .jconfirm-bg {
	background-color: rgba(0,0,0,.67)
}

.jconfirm.jconfirm-material .jconfirm-box {
	background-color: #fff;
	box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
	padding: 30px 25px 10px 25px
}

.jconfirm.jconfirm-material .jconfirm-box div.closeIcon {
	color: rgba(0,0,0,.87)
}

.jconfirm.jconfirm-material .jconfirm-box div.title-c {
	color: rgba(0,0,0,.87);
	font-size: 22px;
	font-weight: 700
}

.jconfirm.jconfirm-material .jconfirm-box div.content {
	text-align: left;
	color: rgba(0,0,0,.87)
}

.jconfirm.jconfirm-material .jconfirm-box .buttons {
	text-align: right
}

.jconfirm.jconfirm-material .jconfirm-box .buttons button {
	text-transform: uppercase;
	font-weight: 500
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
	background-color: rgba(0,0,0,.21)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
	background-color: #fff;
	box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
	border: solid 1px rgba(0,0,0,.4);
	padding: 15px 0 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.closeIcon {
	color: rgba(0,0,0,.87)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.title-c {
	color: rgba(0,0,0,.87);
	font-size: 22px;
	font-weight: 700;
	padding-left: 15px;
	padding-right: 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.content {
	text-align: left;
	color: rgba(0,0,0,.87);
	padding: 0 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons {
	text-align: right;
	padding: 0 0 0;
	margin: -5px 0 0;
	border-top: solid 1px #ddd;
	overflow: hidden;
	border-radius: 0 0 4px 4px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons button {
	font-weight: 500;
	border-radius: 0;
	margin: 0;
	border-left: solid 1px #ddd
}

.dialog-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1010
}

.dialog-layer {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #252830;
	background: rgba(37,40,48,.7);
	z-index: 1002
}

.dialog-container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -93px 0 0 -167px;
	background-color: #fff;
	z-index: 1003;
	box-shadow: 0 0 14px rgba(0,0,0,.11)
}

.dialog-title {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400
}

.dialog-title .close {
	position: absolute;
	width: 24px;
	height: 24px;
	right: 8px;
	top: 8px;
	z-index: 1
}

.icon-close {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: relative;
	vertical-align: top
}

.icon-close:after,.icon-close:before {
	content: '';
	position: absolute;
	width: 16px;
	height: 1px;
	background: #d1d4db;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 4px;
	top: 12px
}

.icon-close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.dialog-title .close:hover {
	background-color: #ddd
}

.dialog-title .close:hover .icon-close:after,.dialog-title .close:hover .icon-close:before {
	background: #363636
}

.ie8 .icon-close {
	background-image: url(../images/icon-close-dialog.png);
	background-position: 4px 5px;
	background-repeat: no-repeat
}

.ie8 .icon-close:after,.ie8 .icon-close:before {
	display: none
}

.ie8 .dialog-title .close:hover {
	background-color: #fff
}

.icon-dialog-error,.icon-dialog-info,.icon-dialog-lock,.icon-dialog-success,.icon-dialog-warning {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background-image: url(../images/icons-dialog.png);
	background-repeat: no-repeat
}

.icon-dialog-info {
	background-position: 0 -242px

}

.icon-dialog-warning {
	background-position: 0 -163px
}

.icon-dialog-error {
	background-position: 0 -82px
}

.icon-dialog-lock {
	background-position: 0 -320px
}

.dialog-icons-default .dialog-container,.dialog-prop-default .dialog-container {
	width: 400px;
	padding: 24px 30px;
	margin-left: -230px
}

.dialog-icons-default .dialog-title .icon-dialog {
	float: left;
	width: 24px;
	margin-top: 5px
}

.dialog-icons-default .dialog-title h3.title {
	margin-left: 44px;
	font-weight: 400;
	word-wrap: break-word;
	word-break: break-all
}

.dialog-icons-default .dialog-con {
	padding-left: 44px
}

.dialog-prop-default .dialog-container {
	margin-left: -230px
}

.dialog-prop-default .dialog-title h3.title {
	font-weight: 400
}

.dialog-prop-default .dialog-footer .btns .btn:first-of-type {
	margin-left: 0
}

.dialog-primary-default .dialog-container {
	width: 340px;
	padding: 24px 30px;
	margin-left: -200px
}

.dialog-primary-default .dialog-title h3.title {
	font-weight: 400
}

.dialog-primary-default .dialog-footer .btns .btn:first-of-type {
	margin-left: 0
}

.dialog-around-default {
	position: absolute;
	width: auto;
	height: auto
}

.dialog-around-default .dialog-container {
	margin: 30px 0 0 -230px;
	top: 0;
	left: 0
}

.dialog-around-default .icon-dialog-arrow {
	position: absolute;
	width: 12px;
	height: 12px;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	webkit-transform: rotate(45deg);
	box-shadow: -1px -1px 10px rgba(0,0,0,.09)
}

.dialog-around-default .icon-dialog-arrow:after {
	content: '';
	position: absolute;
	width: 25px;
	height: 10px;
	background: #fff;
	left: -3px;
	top: 4px;
	-webkit-transform: rotate(-45deg);
	webkit-transform: rotate(-45deg)
}

.dialog-alert-default .dialog-container {
	width: 240px
}

.dialog-alert-default .dialog-title h3.title {
	font-size: 15px;
	margin-left: 0;
	text-align: center;
	padding-bottom: 12px
}

.dialog-alert-default .dialog-footer .btns {
	text-align: center
}

.dialog-alert-default .dialog-footer .btns .btn:first-of-type {
	margin-left: 0
}

.dialog-alert-default .dialog-con {
	padding-left: 0
}

.dialog-inline-default .dialog-container {
	top: 25px
}

.dialog-up-default .dialog-container {
	top: auto;
	bottom: 25px
}

.dialog-up-default .icon-dialog-arrow {
	top: auto;
	bottom: -6px;
	-webkit-transform: rotate(-135deg);
	webkit-transform: rotate(-135deg)
}

.dialog-prop-default .dialog-title .title img {
	position: absolute;
	top: -45px;
	width: 90px;
	height: 90px;
	left: 50%;
	margin-left: -45px
}

.dialog-layer-full .dialog-title .close {
	top: 15px;
	right: 35px
}

.dialog-layer-full .dialog-title .icon-close:after,.dialog-layer-full .dialog-title .icon-close:before {
	background: #d1d4db;
	width: 18px;
	height: 1px;
	left: 3px
}

.dialog-layer-full .dialog-title .close:hover {
	background: 0 0
}

.dialog-layer-full .dialog-title .close:hover .icon-close:after,.dialog-layer-full .dialog-title .close:hover .icon-close:before {
	background: #fff
}

.dialog-layer-full .dialog-container {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: 0 0;
	margin: 0
}

.dialog-layer-full .dialog-con {
	height: 100%;
	max-height: 100%;
	overflow: auto
}

.dialog-layer-full .dialog-layer {
	background-color: rgba(37,40,48,.95)
}

.dialog-layer-full .dialog-con .data-tips {
	height: 100%;
	background: 0 0
}

.dialog-opacity-layer {
	background: rgba(255,255,255,0);
	top: 0;
	left: 0
}

.dialog-promotion-iframe .dialog-container {
	width: 750px;
	height: 100%;
	top: 0;
	margin-left: -375px;
	margin-top: 0
}

.dialog-promotion-iframe .dialog-con {
	height: 100%
}

.dialog-promotion-iframe .dialog-con iframe {
	width: 100%;
	height: 100%;
	border: 0
}

.dialog-con {
	max-height: 100%
}

.dialog-con .tip-text {
	padding: 10px 0;
	color: #9fa3b0;
	line-height: 24px;
	font-size: 14px;
	background-image: none
}

.dialog-con .tip-warning {
	background-color: #fff7f5;
	border: 1px #fbb49d solid;
	font-size: 12px;
	padding: 10px;
	margin-top: 20px;
	border-radius: 0
}

.dialog-footer {
	margin-top: 10px;
	position: relative
}

.dialog-footer .btns {
	text-align: right
}

.dialog-footer .btns .btn {
	margin: 0 0 0 20px;
	-webkit-transition: none;
	transition: none
}

.dialog-footer .btns .btn-outline:hover {
	background-color: #fff;
	color: #00c7b1;
	line-height: 30px;
	border-width: 2px;
	padding: 0 29px
}

@media (max-width:374px) {
	.dialog-container {
		position: absolute;
		width: 302px;
		margin: -93px 0 0 -151px
	}
}

.industry-wrapper {
	display: flex;
	align-items: center;
	justify-content: center
}

.industry-wrapper .dialog-layer {
	left: 0
}

.industry-wrapper .dialog-container {
	width: 850px;
	top: auto;
	left: auto;
	position: relative;
	max-height: 550px;
	margin: 0
}

.industry-wrapper .dialog-title {
	height: 59px;
	line-height: 59px;
	border-bottom: 1px solid #f5f6f9
}

.industry-wrapper .dialog-title .close {
	top: 18px;
	right: 22px
}

.industry-wrapper .dialog-title h3 {
	color: #434a5e;
	font-size: 16px;
	font-weight: 400;
	padding-left: 20px
}

.industry-wrapper .data-tips {
	height: auto;
	position: absolute;
	top: 60px;
	bottom: 0;
	width: 100%
}

.industry-wrapper .industry-panel {
	height: 490px;
	overflow-y: auto
}

.industry-wrapper.industry-multiple-wrapper .industry-panel {
	height: 442px
}

.industry-wrapper tr:nth-child(odd) {
	background-color: #f9fafb
}

.industry-wrapper td {
	font-size: 13px;
	padding: 15px 20px 5px 20px
}

.industry-wrapper td.industry-category {
	width: 160px;
	font-size: 14px;
	border-right: 1px solid #f5f6f9
}

.industry-wrapper td p {
	display: inline-block;
	white-space: nowrap;
	width: 32%;
	overflow: hidden
}

.industry-wrapper td p span {
	cursor: pointer;
	display: inline-block
}

.industry-wrapper td span.selected,.industry-wrapper td span:hover {
	color: #00c2b3
}

.industry-wrapper .industry-tip {
	height: 36px;
	display: none;
	overflow: hidden;
	padding: 12px 20px 0 20px
}

.industry-multiple-wrapper.industry-wrapper .industry-tip {
	display: block
}

.industry-wrapper .industry-tip p {
	float: left;
	height: 22px;
	line-height: 22px;
	padding: 0 10px 0 15px;
	border: 1px solid #00d7c6;
	border-radius: 12px;
	margin-right: 12px
}

.industry-wrapper .industry-tip p .text {
	display: inline-block;
	max-width: 90px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.industry-wrapper .industry-tip .confirm {
	float: right;
	height: 24px;
	line-height: 24px;
	padding: 0 20px;
	color: #fff;
	border-radius: 12px;
	background-color: #5dd5c8
}

.industry-wrapper .i-close {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 4px 0 0 10px;
	position: relative;
	vertical-align: top;
	cursor: pointer
}

.industry-wrapper .i-close:after,.industry-wrapper .i-close:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 1px;
	background: #d1d4db;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 0;
	top: 6px
}

.industry-wrapper .i-close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.ipt-industry {
	cursor: pointer
}

#toast {
	position: fixed;
	width: 80%;
	left: 10%;
	top: 50%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	z-index: 1999;
	-webkit-animation: toastTop .25s ease-out;
	animation: toastTop .25s ease-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

#toast.slideup {
	-webkit-animation-name: toastHide;
	animation-name: toastHide
}

.toast-con {
	display: inline-block;
	background: #fff;
	margin: 0 auto;
	padding: 0 20px;
	line-height: 50px;
	box-shadow: 0 0 14px rgba(0,0,0,.11)
}

.icon-toast-error,.icon-toast-info,.icon-toast-loading,.icon-toast-success,.icon-toast-warning {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 13px;
	margin-top: -2px;
	vertical-align: middle;
	background-image: url(../images/icons-toast.png);
	background-repeat: no-repeat
}

.icon-toast-success {
	background-position: 0 0
}

.icon-toast-info {
	background-position: 0 -119px
}

.icon-toast-warning {
	background-position: 0 -60px
}

.icon-toast-error {
	background-position: 0 -187px
}

.icon-toast-loading {
	background-position: 0 -232px;
	-webkit-animation: semicircle .8s infinite linear;
	animation: semicircle .8s infinite linear
}

.loading-category-refresh {
	-webkit-animation: semicircle .8s infinite linear;
	animation: semicircle .8s infinite linear
}

.btn .icon-toast-loading {
	background-position: 0 -274px;
	margin: -1px 4px 0 -2px
}

.btn .icon-toast-loading+span {
	font-size: 14px
}

@-webkit-keyframes semicircle {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes semicircle {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes toastTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(45px);
		transform: translateY(45px)
	}
}

@keyframes toastTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(45px);
		transform: translateY(45px)
	}
}

@-webkit-keyframes toastHide {
	0% {
		opacity: 1;
		-webkit-transform: translateY(45px);
		transform: translateY(45px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes toastHide {
	0% {
		opacity: 1;
		-webkit-transform: translateY(45px);
		transform: translateY(45px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.prop-pop .sys-msg {
	text-align: center
}

.prop-layer {
	position: relative;
	padding: 0 20px 0;
	background: #fff;
	color: #61687c
}

.prop-layer .title-icon {
	position: absolute;
	left: 50%;
	top: 0;
	width: 90px!important;
	height: 90px!important;
	margin-left: -45px;
	margin-top: -45px
}

.prop-layer .prop-title {
	color: #61687c;
	margin-top: -5px;
	margin-bottom: 12px;
	text-align: left
}

.prop-layer .prop-date-title {
	padding-left: 18px;
	padding-right: 19px
}

.prop-layer .prop-title span i {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.prop-layer .prop-title span.been-reserve {
	margin-right: 15px
}

.prop-layer .prop-title span.been-use i {
	background: #d1d4db
}

.prop-layer .prop-title span.been-reserve i {
	background: #28c3b1
}

.prop-layer .select-list {
	height: 200px
}

.prop-layer .select-list dl {
	position: relative
}

.prop-layer .select-list dl dt {
	text-align: center;
	vertical-align: middle;
	height: 38px;
	border: 1px solid #e3e7ed;
	padding: 0 40px 0 0
}

.prop-layer .select-list dl dt p {
	height: 38px;
	line-height: 38px;
	border: 0;
	width: 100%;
	color: #343434;
	padding-left: 15px;
	background-color: transparent;
	text-align: left
}

.prop-layer .select-list dl dt p span {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.prop-layer .select-list dl dt p span:nth-child(1) {
	padding-right: 5px;
	width: 143px
}

.prop-layer .select-list dl dt p span:nth-child(2) {
	width: 82px
}

.prop-layer .select-list dl dt p span:nth-child(3) {
	width: 88px
}

.prop-layer .select-list dl dt>span {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	font-size: 0;
	text-align: center;
	cursor: pointer;
	zoom: 1
}

.prop-layer .select-list dl dt i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: 10px;
	background: url(../images/icons-prop.png) no-repeat 2px -51px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

.prop-layer .select-list dl dt>span i.on {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.prop-layer .select-list dl dd {
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 100;
	width: 100%;
	max-height: 160px;
	overflow: auto;
	border: 1px solid #e3e7ed;
	border-top: 0;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none
}

.prop-layer .select-list dl dd li {
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	transition: all linear .2s
}

.prop-layer .select-list dl dd li:last-child {
	border-bottom: none
}

.prop-layer .select-list dl dd li:hover {
	color: #333;
	background: #f2f5fa
}

.prop-layer .select-list dl dd li span {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.prop-layer .select-list dl dd li span:nth-child(1) {
	padding-right: 5px;
	width: 143px
}

.prop-layer .select-list dl dd li span:nth-child(2) {
	width: 82px
}

.prop-layer .select-list dl dd li span:nth-child(3) {
	width: 88px
}

.prop-layer .radio-list ul {
	list-style: none;
	padding: 0
}

.prop-layer .radio-list li {
	margin: 20px 0 25px 0;
	color: #9fa3b0;
	cursor: pointer
}

.prop-layer .radio-list li.active {
	color: #28c3b1
}

.prop-layer .radio-list li i {
	float: left;
	width: 14px;
	height: 14px;
	margin-right: 15px;
	margin-top: 7px;
	background: url(../images/icons-prop.png) no-repeat;
	background-position: -36px -55px
}

.prop-layer .radio-list li p {
	margin-left: 29px;
	line-height: 1.5
}

.prop-layer .radio-list li.active i {
	background-position: -36px -79px
}

.prop-layer .succ-container {
	margin-top: 50px
}

.prop-layer .succ-container .succ-title {
	font-size: 22px;
	color: #61687c;
	text-align: center
}

.prop-layer .succ-container .succ-desc {
	margin-top: 20px;
	font-size: 14px;
	color: #9fa3b0;
	line-height: 2;
	text-align: center
}

.prop-layer .topcard-price {
	margin-top: 20px;
	color: #fc6c38;
	text-align: center
}

.prop-layer .niuren-buy ul {
	list-style: none;
	padding: 0
}

.prop-layer .niuren-buy li {
	height: 25px;
	margin: 20px 0
}

.prop-layer .niuren-buy li.first {
	margin-top: 0;
	margin-bottom: 40px
}

.prop-layer .niuren-buy li.first-li {
	margin-top: 0
}

.prop-layer .niuren-buy li.first .pull-left {
	margin-top: 10px
}

.prop-layer .niuren-buy li .pull-left {
	display: inline-block;
	width: auto;
	color: #61687c;
	text-align: right
}

.prop-layer .niuren-buy li div.pull-right {
	height: 40px;
	background: #f2f5fa
}

.prop-layer .niuren-buy li div.guide-num {
	background: 0 0;
	line-height: 40px
}

.prop-layer .niuren-buy li .pull-right.orange {
	color: #fc6c38
}

.prop-layer .niuren-buy li .pull-right em {
	color: #e0e0e0;
	margin: 0 15px
}

.prop-layer .niuren-buy li div.pull-right span {
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.prop-layer .niuren-buy li div.pull-right input.count {
	display: inline-block;
	width: 70px;
	height: 40px;
	line-height: 40px;
	border: none;
	text-align: center;
	vertical-align: top;
	font-size: 18px;
	background: 0 0
}

.prop-layer .niuren-buy li div.pull-right input.bean-count {
	width: 150px;
	padding-right: 5px;
	text-align: right
}

.prop-layer .niuren-buy li div.pull-right span.count-add,.prop-layer .niuren-buy li div.pull-right span.count-lower {
	width: 38px;
	height: 38px;
	border: 1px solid #d1d4db;
	background: #fff url(../images/icons-prop.png) no-repeat;
	background-size: 65px
}

.prop-layer .niuren-buy li div.pull-right span.count-add:hover,.prop-layer .niuren-buy li div.pull-right span.count-lower:hover {
	background-color: #f2f5fa;
	cursor: pointer;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.prop-layer .niuren-buy li div.pull-right span.count-lower {
	margin-right: -3px;
	background-position: 10px -72px
}

.prop-layer .niuren-buy li div.pull-right span.count-add {
	border-left: none;
	background-position: 10px -98px
}

.prop-layer .topcard-buy-info li .pull-left {
	width: 4em
}

.prop-layer .niuren-buy .discount-item,.prop-layer .niuren-buy li.discount-item .pull-left {
	color: #fc784c
}

.pay-title a {
	color: #28c3b1
}

.qrcode-area {
	margin: 55px auto;
	text-align: center
}

.qrcode-area img {
	width: 150px;
	height: 150px
}

.prop-pop .jconfirm-box .title-c {
	position: relative;
	line-height: 50px!important;
	height: 50px;
	display: block!important;
	border-bottom: none!important
}

.prop-pop .jconfirm-box .title {
	padding: 0!important
}

.prop-pop .jconfirm-box .title {
	position: absolute;
	left: 50%;
	width: 90px;
	height: 90px;
	margin-top: -45px;
	margin-left: -45px
}

.prop-pop .jconfirm-box .buttons {
	padding-bottom: 40px!important;
	border-top: none
}

.prop-pop .buttons .btn.btn-slight {
	margin-right: 15px;
	border: 1px solid #28c3b1;
	color: #28c3b1
}

.prop-pop .buttons .btn.btn-slight:hover {
	border-width: 2px;
	color: #00c7b1;
	border-color: #6adbcf;
	line-height: 30px;
	padding: 0 29px;
	-webkit-transition: none;
	transition: none
}

.btn-area {
	margin-top: 50px;
	margin-bottom: 20px;
	height: 34px;
	text-align: center
}

.btn-area a,.pay-btn-area a,.pay-status-area a {
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	transition: all linear .2s
}

.btn-area a {
	display: inline-block;
	width: 105px;
	height: 34px;
	line-height: 34px;
	margin: 0 15px;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.btn-area .left-btn {
	color: #28c3b1;
	border: 1px solid #28c3b1
}

.btn-area .left-btn:hover {
	color: #fff;
	background: #28c3b1
}

.btn-area a.right-btn {
	margin-top: -1px;
	color: #fff;
	background: #28c3b1
}

.btn-area .right-btn:hover {
	background: #29d8c4
}

.btn-area .define-btn {
	color: #fff;
	background: #28c3b1
}

.btn-area .define-btn:hover {
	background: #29d8c4
}

.pay-status-area {
	text-align: center
}

.pay-status-area .status-btn {
	display: inline-block;
	padding: 0 30px;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	color: #fff;
	background: #28c3b1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.pay-status-area .status-btn:hover {
	background: #29d8c4
}

.pay-btn-area {
	height: 34px;
	margin-top: 50px;
	text-align: center
}

.pay-btn-area a {
	display: inline-block;
	margin: 0 15px;
	text-decoration: underline;
	color: #28c3b1
}

.pay-btn-area a:hover {
	color: #29d8c4
}

.pay-status-area .loader {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #f1f1f1;
	-webkit-animation: circle 1.1s infinite linear;
	animation: circle 1.1s infinite linear;
	vertical-align: middle
}

.pay-status-area .loader {
	border-radius: 50%;
	width: 16px;
	height: 16px
}

@-webkit-keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.prop-ios .dialog-container {
	background: 0 0;
	box-shadow: none;
	margin: -235px 0 0 -230px
}

.prop-ios .title {
	padding: 0
}

.prop-ios .dialog-title .close {
	width: 28px;
	height: 28px;
	background-color: rgba(0,0,0,.5);
	right: -9px;
	top: -14px;
	border-radius: 50%
}

.prop-ios .buy-zhi-bean {
	position: absolute;
	top: 374px;
	left: 50%;
	margin-left: -83px;
	width: 166px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 40px;
	color: #fff;
	font-size: 18px;
	background-color: rgba(104,250,255,.22);
	box-shadow: rgba(0,9,127,.22) 0 0 18px
}

.prop-ios .buy-zhi-bean:hover {
	background-color: rgba(104,250,255,.32);
	transition: all .2s
}

.prop-ios .dialog-title .icon-close {
	width: 28px;
	height: 28px
}

.prop-ios .dialog-title .close:hover {
	background-color: rgba(0,0,0,.7)
}

.prop-ios .dialog-title .close:hover .icon-close:after,.prop-ios .dialog-title .close:hover .icon-close:before {
	background: #d1d4db
}

.prop-ios .icon-close:after,.prop-ios .icon-close:before {
	left: 6px;
	top: 14px
}

.prop-ios .ios-bg {
	width: 460px;
	height: 470px;
	cursor: pointer;
	background: url(../images/ios-discount.jpg);
	border-radius: 10px
}

.prop-ios .dialog-footer {
	padding: 0;
	margin: 0
}

.prop-resume-info {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.pop-feedback textarea {
	height: 98px;
	width: 364px;
	min-width: 290px;
	padding: 10px 12px!important;
	border: 1px solid #e3e7ed;
	resize: none;
	display: block;
	color: #414a60
}

.pop-feedback textarea::-webkit-scrollbar-track-piece {
	background-color: #fff;
	-webkit-border-radius: 0
}

.pop-feedback textarea::-webkit-scrollbar {
	width: 4px
}

.pop-feedback textarea::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #ddd;
	-webkit-border-radius: 4px
}

.pop-feedback textarea::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #ccc;
	-webkit-border-radius: 4px
}

.pop-feedback a {
	color: inherit
}

.pop-feedback .btn {
	min-width: 30px;
	padding: 0 30px;
	height: 32px;
	line-height: 32px;
	color: #5dd5c8;
	font-size: 14px
}

.pop-feedback .tips {
	position: static
}

.pop-feedback .dialog-container {
	margin: -275px 0 0 -265px
}

.pop-feedback .dialog-title .title {
	padding: 26px 0 16px 30px!important;
	color: #62687a!important;
	font-size: 18px!important;
	border: none;
	font-weight: 400
}

.pop-feedback .dialog-title .tips {
	color: #fc6c38;
	font-size: 13px
}

.pop-feedback .dialog-title .close {
	top: 15px;
	right: 16px
}

.pop-feedback .dialog-con {
	width: 470px;
	padding: 0 30px!important
}

.pop-feedback .dialog-con span:last-child {
	display: block;
	line-height: 17px;
	margin-top: 4px
}

.pop-feedback .sub-title {
	float: left;
	width: 70px;
	margin-right: 10px;
	color: #62687a;
	text-align: left
}

.pop-feedback .sub-content {
	margin-left: 80px;
	font-size: 13px
}

.pop-feedback .text-error {
	display: block;
	height: 20px;
	margin: 4px auto 0 80px;
	line-height: 17px;
	color: #fc6c38;
	font-size: 12px
}

.pop-feedback .text-error .tips {
	font-size: 12px;
	color: #d1d4db
}

.pop-feedback .upload {
	margin-bottom: 20px
}

.pop-feedback .upload .upload-tips {
	color: #9fa3af
}

.pop-feedback .upload .upload-pics {
	margin-top: 10px;
	font-size: 0;
	line-height: 108px
}

.pop-feedback .upload .upload-pic {
	display: inline-block;
	position: relative;
	z-index: 6;
	width: 108px;
	height: 108px;
	margin-right: 15px;
	border: 1px solid #e3e7ed;
	background: url(../images/icon-add.png) no-repeat center/20px;
	cursor: pointer;
	text-align: center
}

.pop-feedback .upload .upload-pic img {
	max-width: 100%;
	max-height: 100%;
	background-color: #fff;
	vertical-align: middle
}

.pop-feedback .upload .upload-pic .remove-pic {
	position: absolute;
	z-index: 7;
	top: -8px;
	right: -8px;
	width: 16px;
	height: 16px;
	background: url(../images/icon-close.png) no-repeat 0 0/100% auto
}

.pop-feedback .upload .upload-pic:hover .remove-pic {
	background-position: 0 -32px
}

.pop-feedback .upload .upload-pic-btn-wrapper {
	display: inline-block;
	position: relative;
	z-index: 6;
	width: 108px;
	height: 108px;
	border: 1px solid #e3e7ed;
	background: #fff url(../images/icon-add.png) no-repeat center/20px;
	vertical-align: top;
	cursor: pointer;
	overflow: hidden
}

.pop-feedback .upload .upload-pic-btn {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 200%;
	background: 0 0;
	opacity: 0;
	cursor: pointer
}

.upload-complate .dialog-container {
	margin: -227px 0 0 -189px
}

.pop-feedback .verify-box .sub-content {
	font-size: 0
}

.pop-feedback .verify-box input {
	width: 241px;
	min-width: 212px;
	height: 32px;
	padding: 0 0 0 40px;
	border: 1px solid #eee;
	background: url(../images/icons-sign.png) 11px -39px no-repeat
}

.pop-feedback .verify-box img {
	width: 102px;
	height: 32px;
	border: 1px solid #eee;
	border-left: none;
	vertical-align: middle
}

.pop-feedback .dialog-footer {
	margin-top: 0;
	padding-bottom: 30px;
	margin-right: 30px
}

.pop-feedback .dialog-footer .btn-sure {
	color: #fff
}

.pop-feedback input:focus,.pop-feedback textarea:focus {
	box-shadow: 0 1px 3px rgba(93,213,200,.4);
	border-color: #00d7c6
}

.dialog-footer .btns .btn-outline:hover {
	height: 30px
}

.pop-report .dialog-container {
	margin: -227px 0 0 -189px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.pop-report .dialog-title .title {
	padding: 20px 30px 0!important;
	color: #434a5e!important;
	font-size: 18px!important;
	border-border: none;
	font-weight: 400
}

.pop-report .dialog-con {
	padding: 16px 30px 0!important
}

.pop-report .dialog-footer {
	padding-bottom: 30px;
	margin-right: 30px
}

.pop-report .dialog-footer .btn-sure {
	color: #fff
}

.pop-report .form-row+.form-row {
	margin-top: 22px
}

.pop-report .form-row .t {
	float: left;
	margin-top: 6px;
	font-size: 14px;
	width: 70px;
	text-align: right
}

.pop-report .form-row dd {
	display: inline-block
}

.pop-report .ipt-wrap {
	display: block;
	margin-left: 70px
}

.pop-report .dropdown-wrap {
	font-size: 14px
}

.pop-report .dropdown-select .icon-select-arrow {
	top: 12px
}

.pop-report .dropdown-select-open .icon-select-arrow {
	background-position: 2px -88px
}

.pop-report .dropdown-select .ipt {
	min-width: 267px;
	width: 267px;
	color: #414a60
}

.pop-report textarea {
	height: 114px;
	padding: 12px 18px!important;
	min-width: 283px;
	border: 1px solid #e3e7ed;
	resize: none;
	display: block;
	color: #414a60
}

.pop-report .dropdown-menu ul::-webkit-scrollbar-track-piece,.pop-report textarea::-webkit-scrollbar-track-piece {
	background-color: #fff;
	-webkit-border-radius: 0
}

.pop-report .dropdown-menu ul::-webkit-scrollbar,.pop-report textarea::-webkit-scrollbar {
	width: 4px
}

.pop-report .dropdown-menu ul::-webkit-scrollbar-thumb,.pop-report textarea::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #ddd;
	-webkit-border-radius: 4px
}

.pop-report textarea::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #ccc;
	-webkit-border-radius: 4px
}

.pop-report .text-error {
	display: block;
	color: #fc6c38;
	font-size: 12px;
	height: 20px;
	position: absolute;
	padding-left: 70px
}

.pop-report .pic-error {
	padding-left: 0
}

.pop-report a {
	color: inherit
}

.pop-report .upload {
	display: inline-block;
	color: #00c2b3;
	margin-bottom: 12px;
	margin-top: 6px;
	position: relative
}

.pop-report .upload a {
	position: absolute;
	z-index: 1;
	font-style: normal;
	color: #00c2b3;
	cursor: default;
	line-height: 26px
}

.pop-report .upload a .icon-toast-loading {
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-left: 4px;
	vertical-align: middle;
	background: url(../images/icon-toast-loading.png) center center no-repeat;
	-webkit-animation: rotate .8s infinite linear;
	animation: rotate .8s infinite linear
}

.pop-report .upload a:hover {
	color: #55cbc4
}

.pop-report .upload input {
	width: 56px;
	position: absolute;
	left: 0;
	z-index: 2;
	opacity: 0
}

.pop-report .preview {
	width: 227px;
	overflow: hidden;
	margin-top: 36px;
	margin-bottom: -20px
}

.pop-report .preview ul {
	height: 100%;
	margin-right: -14px
}

.pop-report .preview li {
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
	margin: 5px 20px 16px 0;
	background-color: #9fa3b0
}

.pop-report .preview .link-close {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: rgba(198,200,207,.7) url(../images/icon-close.png) center center no-repeat
}

.pop-report .preview .link-close:hover {
	background-color: rgba(198,200,207,.9)
}

.pop-report .preview img {
	width: 60px;
	max-height: 60px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.upload-complate .dialog-container {
	margin: -295px 0 0 -189px
}

.pop-report .verify-box {
	font-size: 0;
	vertical-align: middle
}

.pop-report .verify-box input {
	height: 32px;
	padding: 0;
	min-width: 176px;
	border: 1px solid #eee;
	padding-left: 40px;
	color: #414a60;
	background: url(../images/icons-sign.png) 11px -39px no-repeat
}

.pop-report .verify-box img {
	width: 102px;
	height: 32px;
	border: 1px solid #eee;
	border-left: none;
	vertical-align: middle
}

.pop-report span {
	color: #9fa3b0
}

.pop-report input:focus,.pop-report textarea:focus {
	box-shadow: 0 1px 3px rgba(93,213,200,.4);
	border-color: #00d7c6
}

.pop-report .dialog-con span:last-child {
	display: inline-block;
	line-height: 17px;
	margin-top: 4px
}

.pop-report .btn {
	min-width: 30px;
	padding: 0 30px;
	height: 32px;
	line-height: 32px;
	color: #5dd5c8;
	font-size: 14px
}

.dialog-footer .btns .btn-outline:hover {
	height: 30px
}

@keyframes rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.jconfirm .pop-payment .jconfirm-box div.content-pane .content {
	padding: 0
}

.jconfirm .pop-payment .jconfirm-box div.content-pane {
	margin-bottom: 0
}

.jconfirm .pop-payment .jconfirm-box div.title-c {
	display: none
}

.jconfirm .pop-payment .jconfirm-box {
	border-radius: 0
}

.pop-payment .dialog-container {
	width: 400px;
	padding: 0
}

.loader-gray-17 {
	width: 17px;
	height: 17px;
	overflow: hidden;
	display: inline-block;
	background: url(../images/icon-load-17.png);
	-webkit-animation: rotated .9s infinite linear;
	animation: rotated .9s infinite linear
}

@-webkit-keyframes rotated {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotated {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.mb-payment {
	color: #62687a
}

.pop-payment .jconfirm-box {
	width: 400px
}

.mb-payment .mb-payment-title {
	height: 50px;
	line-height: 50px;
	background-color: #f9fafb
}

.mb-payment .mb-payment-title span {
	padding-left: 6px;
	font-size: 12px
}

.mb-payment .mb-payment-title img {
	vertical-align: middle;
	margin: 0 13px 0 30px
}

.mb-payment .mb-pay-info {
	height: 85px;
	line-height: 85px;
	text-align: center
}

.mb-payment .mb-pay-info i {
	vertical-align: middle;
	margin-right: 5px
}

.mb-payment .mb-pay-info i {
	color: #fc6c38;
	font-style: normal
}

.mb-payment .mb-pay-info .currency {
	margin-left: 15px
}

.mb-pay-account {
	width: 100%;
	height: 84px;
	display: table;
	padding-top: 6px
}

.mb-pay-account .mb-pay-acontent {
	display: table-cell;
	vertical-align: middle
}

.mb-payment .amount {
	font-size: 20px;
	padding-left: 4px;
	vertical-align: middle
}

.mb-payment .qr-code {
	height: 135px;
	text-align: center
}

.mb-payment .qr-code img {
	width: 135px;
	height: 135px
}

.mb-payment .mb-payment-ammount {
	line-height: 38px;
	text-align: center;
	padding-top: 8px
}

.mb-payment .mb-payment-ammount li {
	padding: 0 10px;
	display: inline-block
}

.mb-payment-result {
	height: 75px;
	overflow: hidden;
	line-height: 85px;
	text-align: center
}

.mb-payment-result a {
	color: #18c3b1;
	margin-left: 15px
}

.mb-payment-result i {
	vertical-align: middle;
	margin: -2px 8px 0 0
}

.pay-info-text {
	text-align: center;
	padding-bottom: 30px
}

.pay-info-text img {
	width: 60px;
	height: 60px;
	margin-top: 30px
}

.pay-info-text .article {
	font-size: 18px;
	margin: 18px 0 12px 0
}

.pay-info-text .text {
	width: 340px;
	margin: 0 auto;
	text-align: center
}

.pay-info-text .success-cancel,.pay-info-text .success-confirm {
	min-width: 136px;
	margin: 32px 20px 0 20px;
	font-size: 14px;
	box-sizing: border-box
}

.pay-info-text .success-cancel {
	color: #5dd5c8;
	background-color: #fff;
	border: 1px solid #5dd5c8
}

.prop-order-info {
	text-align: center;
	padding: 20px 0 5px 0;
	border-bottom: 1px solid #f2f5fa
}

.prop-order-info .order-name {
	line-height: 30px
}

.prop-order-info .order-amount {
	font-size: 36px;
	line-height: 58px
}

.prop-order-info .order-amount i {
	font-size: 20px;
	font-style: normal;
	margin-right: 5px;
	vertical-align: middle
}

.prop-order-info .order-balance {
	font-size: 12px;
	padding-bottom: 12px
}

.pop-payment .prop-order {
	padding: 0 30px 22px 30px
}

.pop-payment .prop-buttons .btn-block {
	display: block;
	margin-bottom: 12px
}

.pop-payment .prop-order-type {
	overflow: hidden
}

.pop-payment .prop-type-article {
	line-height: 40px;
	padding-bottom: 5px
}

.pop-payment .prop-order-type p {
	width: 158px;
	height: 32px;
	cursor: pointer;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d1d4db;
	box-sizing: content-box
}

.pop-payment .payment-wx.selected,.pop-payment .payment-wx:hover {
	color: #fff;
	border-color: #01c000;
	background-color: #01c000
}

.pop-payment .payment-wx.selected i,.pop-payment .payment-wx:hover i {
	background-position: -30px 0
}

.pop-payment .payment-zfb.selected,.pop-payment .payment-zfb:hover {
	color: #fff;
	border-color: #00a1ea;
	background-color: #00a1ea
}

.pop-payment .payment-zfb.selected i,.pop-payment .payment-zfb:hover i {
	background-position: -30px -30px
}

.pop-payment .prop-order-type i {
	margin-right: 12px;
	vertical-align: middle
}

.pop-payment .btn-block {
	width: 100%;
	height: 40px;
	padding: 0;
	line-height: 40px
}

.pop-payment .prop-buttons {
	padding-top: 15px
}

.pop-payment .order-detail {
	padding: 0 30px
}

.pop-payment .order-detail dt {
	min-height: 54px;
	line-height: 54px;
	padding: 10px 0 8px 0;
	box-sizing: content-box
}

.pop-payment .order-detail .item-prop {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 54px
}

.pop-payment .order-detail .item-prop p {
	padding-left: 8px;
	line-height: 24px;
	vertical-align: middle;
	max-width: 210px
}

.pop-payment .order-detail dt .item-name {
	font-weight: 700
}

.pop-payment .order-detail dt img {
	display: block;
	float: left;
	height: 54px;
	width: 54px
}

.pop-payment .order-detail dd {
	padding: 9px 0;
	border-top: 1px solid #eef0f7
}

.pop-payment .item-coupon-list {
	background: #f9fafb;
	margin: 8px 0 5px 0;
	padding-left: 20px;
	display: none;
	padding-top: 9px
}

.pop-payment .unfold .item-coupon-list {
	display: block
}

.pop-payment .coupon-left {
	color: #fc6c38
}

.pop-payment .item-coupon .coupon-left,.pop-payment .item-coupon .coupon-selected {
	cursor: pointer;
	padding-right: 10px;
	background: url(../images/icons-direct-access.png) right -322px no-repeat
}

.pop-payment .item-coupon.unfold .coupon-left,.pop-payment .item-coupon.unfold .coupon-selected {
	background: url(../images/icons-direct-access.png) right -293px no-repeat
}

.pop-payment .bead-close {
	position: absolute;
	display: inline-block;
	cursor: pointer;
	width: 26px;
	height: 28px;
	top: 0;
	right: 0;
	background: url(../images/icons-direct-access.png) 0 -120px
}

.pop-payment .bead-close:hover {
	background-position: 0 -170px
}

.pop-payment .pay-amount {
	color: #fc6c38;
	font-size: 16px
}

.pop-payment .item-coupon-list span {
	display: inline-block;
	vertical-align: top;
	height: 23px;
	margin: 0 9px 9px 0;
	cursor: pointer;
	line-height: 23px;
	padding: 0 14px;
	border: 1px solid #e2e4ec;
	background: url(../images/icons-direct-access.png) right -18px no-repeat
}

.pop-payment .item-coupon-list span.selected {
	background-position: right 12px;
	border-color: #6adbcf;
	color: #6adbcf
}

.icon-wx {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	background: url(../images/icons-payment.png);
	background-position: 0 0
}

.icon-zfb {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	background: url(../images/icons-payment.png);
	background-position: 0 -30px
}

.recharge-beans-rebate .dialog-container {
	width: 520px;
	padding: 25px 30px 30px 30px;
	margin: -190px 0 0 -290px
}

.recharge-beans-rebate .dialog-con {
	padding-bottom: 35px
}

.recharge-beans-rebate .dialog-title h3 {
	font-size: 18px;
	font-weight: 400
}

.recharge-beans-rebate .recharge-rebate-panel {
	overflow: hidden;
	padding-left: 18px
}

.recharge-beans-rebate .recharge-rebate-panel li {
	display: inline-block;
	width: 130px;
	height: 50px;
	font-size: 15px;
	color: #8d92a1;
	line-height: 48px;
	text-align: center;
	border-radius: 2px;
	margin: 0 15px 7px 0;
	overflow: hidden;
	cursor: pointer
}

.recharge-beans-rebate .rebate-item {
	width: 128px;
	height: 48px;
	border: 1px solid #e2e4ec
}

.recharge-beans-rebate .selected .rebate-item {
	color: #5cd5c8;
	border-color: #5cd5c8
}

.recharge-beans-rebate .rebate-off {
	display: inline-block;
	width: 52px;
	font-size: 12px;
	color: #fe7f7d;
	text-align: center;
	vertical-align: top;
	float: right
}

.recharge-beans-rebate .selected .rebate-off {
	color: #5cd5c8
}

.recharge-beans-rebate .interval {
	float: right;
	display: inline-block;
	vertical-align: top;
	height: 48px;
	width: 0;
	position: relative;
	border-left: 1px dotted #e2e4ec
}

.recharge-beans-rebate .interval:after,.recharge-beans-rebate .interval:before {
	content: " ";
	position: absolute;
	width: 5px;
	height: 5px;
	border: 1px solid #e2e4ec;
	left: -4px;
	border-radius: 5px;
	background: #fff
}

.recharge-beans-rebate .interval:before {
	top: -4px
}

.recharge-beans-rebate .interval:after {
	bottom: -4px
}

.recharge-beans-rebate .selected .interval,.recharge-beans-rebate .selected .interval:after,.recharge-beans-rebate .selected .interval:before {
	border-color: #5cd5c8
}

.recharge-beans-rebate .ipt-amount {
	padding: 8px 12px 8px 7px;
	min-width: 254px;
	margin-top: 5px
}

.recharge-beans-rebate .ios-off {
	font-size: 12px;
	padding: 2px 0 16px 0
}

.recharge-beans-rebate .order-info {
	float: left
}

.recharge-beans-rebate .order-amount {
	color: #fc6c38;
	font-size: 16px;
	margin: 1px 8px 0 18px;
	display: inline-block;
	vertical-align: top
}

.recharge-beans-original .dialog-container {
	width: 400px;
	padding: 25px 30px 30px 30px;
	margin: -140px 0 0 -230px
}

.recharge-beans-original .dialog-con {
	padding-bottom: 20px
}

.recharge-beans-original .dialog-title h3 {
	font-size: 18px;
	font-weight: 400
}

.recharge-beans-original .ipt-amount {
	color: #434a5e;
	width: 150px;
	height: 40px;
	line-height: 40px;
	border: none;
	vertical-align: top;
	background: #f2f5fa;
	text-align: right;
	box-sizing: border-box;
	padding-right: 10px;
	font-size: 18px
}

.recharge-beans-original li {
	line-height: 40px;
	color: #61687c;
	margin-top: 10px
}

.recharge-beans-original li p {
	text-align: right
}

.recharge-beans-original li .ios-notice {
	color: #9fa3b0;
	font-size: 12px;
	line-height: 20px;
	text-align: left
}

.pull-left {
	float: left
}

.commerical-success-notice .dialog-container {
	width: 400px;
	margin: -180px 0 0 -200px
}

.commerical-success-notice .btns {
	text-align: center;
	padding-bottom: 30px
}

.vip-promotion-2018-notice {
	color: #9fa3b0;
	text-align: left;
	font-size: 12px;
	line-height: 22px;
	padding-top: 16px
}

.payment-agreement {
	text-align: center;
	font-size: 12px
}

.payment-agreement a {
	color: #00c2b3;
	text-decoration: underline
}

.fl {
	float: left
}

.fr {
	float: right
}

.pay-active-list {
	padding-top: 4px
}

.pay-active-list li {
	overflow: hidden;
	font-size: 12px;
	padding: 4px 0;
	line-height: 20px
}

.pay-active-list .tag-desc {
	float: left;
	color: #fe7f7d;
	font-style: normal;
	padding: 0 8px;
	margin-right: 10px;
	background: #ffeeef
}

.pay-active-list .amount-desc {
	float: right;
	font-size: 14px
}

.pay-active-list .discount-desc {
	overflow: hidden;
	color: #8d92a1;
	padding: 0 20px 0 0
}

.datetimepicker {
	display: none;
	width: 284px;
	height: 294px;
	padding: 5px 10px;
	position: absolute;
	position: absolute;
	background: #fff;
	border: 1px solid #f2f2f2;
	font-size: 12px;
	box-shadow: 0 0 14px rgba(0,0,0,.11)
}

.table-condensed {
	width: 100%
}

.table-condensed tr {
	line-height: 30px
}

.table-condensed th.dow {
	font-size: 15px;
	color: #d2d6e2;
	font-weight: 400
}

.table-condensed td {
	text-align: center
}

.datetimepicker-days .table-condensed td {
	cursor: pointer;
	padding-bottom: 2px
}

.datetimepicker-days .table-condensed td em {
	display: inline-block;
	font-style: normal;
	line-height: 36px;
	min-width: 36px;
	font-size: 14px
}

.table-condensed td span {
	text-align: center;
	width: 55px;
	float: left;
	margin: 20px 8px;
	cursor: pointer
}

.table-condensed td span:hover {
	background: #f2f5f9;
	border-radius: 2px;
	transition: all .2s
}

.table-condensed td span.active {
	color: #fff;
	border-radius: 2px;
	background: #fa6a43
}

.table-condensed td span.active:hover {
	background: #fc7c5a
}

.datetimepicker-days .table-condensed td:hover em {
	background: #f2f5f9
}

.datetimepicker-days .table-condensed td.active em {
	background: #62d5c8;
	color: #fff
}

.datetimepicker-days .table-condensed td.disabled em {
	background: 0 0;
	color: #d2d6e2
}

.table-condensed td span.disabled,.table-condensed td.disabled {
	cursor: default;
	color: #d2d6e2
}

.table-condensed td span.disabled:hover,.table-condensed td.disabled:hover {
	background-color: #fff
}

.datetimepicker td.old {
	color: #d2d6e2
}

.datetimepicker .next,.datetimepicker .prev {
	border-radius: 2px;
	width: 38px;
	font-size: 20px;
	cursor: pointer
}

.datetimepicker .next .fz,.datetimepicker .prev .fz {
	margin-top: -5px;
	vertical-align: middle
}

.datetimepicker .next:hover,.datetimepicker .prev:hover {
	background: #e3e7ed;
	transition: all .3s
}

.table-condensed .switch {
	width: 193px;
	text-align: center;
	font-size: 14px;
	font-weight: 400
}

.datetimepicker .datetimepicker-days .switch,.datetimepicker .datetimepicker-months .switch {
	cursor: pointer
}

.datetimepicker .datetimepicker-days .switch:hover,.datetimepicker .datetimepicker-months .switch:hover {
	background-color: #f2f5f9;
	border-radius: 2px
}

.datetimepicker .tfoot {
	line-height: 26px;
	cursor: pointer
}

.datetimepicker .tfoot tr {
	line-height: 24px
}

.datetimepicker .tfoot td {
	position: relative
}

.datetimepicker .tfoot .today-btn {
	position: relative;
	width: 100%;
	bottom: 10px
}

.datetimepicker .tfoot .today-btn:hover {
	background: #e3e7ed;
	transition: all .3s
}

.datetimepicker .fz {
	width: 24px;
	height: 24px;
	background: url(../images/icons-calendar.png) no-repeat;
	display: inline-block
}

.datetimepicker .fz-arrow-left {
	background-position: 7px 7px
}

.datetimepicker .fz-arrow-right {
	background-position: 8px -42px
}

.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block
}

.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px!important;
	direction: ltr;
	cursor: pointer
}

@media screen\9 {
	.fileinput-button input {
		font-size: 100%;
		height: 100%
	}
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}

	to {
		background-position: 0 0
	}
}

@-o-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}

	to {
		background-position: 0 0
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}

	to {
		background-position: 0 0
	}
}

.progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #428bca;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease
}

.progress-bar-striped,.progress-striped .progress-bar {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px
}

.progress-bar.active,.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}

.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"] {
	min-width: 30px
}

.progress-bar[aria-valuenow="0"] {
	min-width: 30px;
	color: #777;
	background-color: transparent;
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.progress-bar-success {
	background-color: #5cb85c
}

.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
	background-color: #5bc0de
}

.progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
	background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
	background-color: #d9534f
}

.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.common-position-type input {
	cursor: pointer
}

.jcrop-holder {
	direction: ltr;
	text-align: left;
	-ms-touch-action: none
}

.jcrop-hline,.jcrop-vline {
	background: #fff url(../images/jcrop.gif);
	font-size: 0;
	position: absolute
}

.jcrop-vline {
	height: 100%;
	width: 1px!important
}

.jcrop-vline.right {
	right: 0
}

.jcrop-hline {
	height: 1px!important;
	width: 100%
}

.jcrop-hline.bottom {
	bottom: 0
}

.jcrop-tracker {
	height: 100%;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none
}

.jcrop-handle {
	background-color: #333;
	border: 1px #eee solid;
	width: 7px;
	height: 7px;
	font-size: 1px
}

.jcrop-handle.ord-n {
	left: 50%;
	margin-left: -4px;
	margin-top: -4px;
	top: 0
}

.jcrop-handle.ord-s {
	bottom: 0;
	left: 50%;
	margin-bottom: -4px;
	margin-left: -4px
}

.jcrop-handle.ord-e {
	margin-right: -4px;
	margin-top: -4px;
	right: 0;
	top: 50%
}

.jcrop-handle.ord-w {
	left: 0;
	margin-left: -4px;
	margin-top: -4px;
	top: 50%
}

.jcrop-handle.ord-nw {
	left: 0;
	margin-left: -4px;
	margin-top: -4px;
	top: 0
}

.jcrop-handle.ord-ne {
	margin-right: -4px;
	margin-top: -4px;
	right: 0;
	top: 0
}

.jcrop-handle.ord-se {
	bottom: 0;
	margin-bottom: -4px;
	margin-right: -4px;
	right: 0
}

.jcrop-handle.ord-sw {
	bottom: 0;
	left: 0;
	margin-bottom: -4px;
	margin-left: -4px
}

.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s {
	height: 7px;
	width: 100%
}

.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w {
	height: 100%;
	width: 7px
}

.jcrop-dragbar.ord-n {
	margin-top: -4px
}

.jcrop-dragbar.ord-s {
	bottom: 0;
	margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
	margin-right: -4px;
	right: 0
}

.jcrop-dragbar.ord-w {
	margin-left: -4px
}

.jcrop-light .jcrop-hline,.jcrop-light .jcrop-vline {
	background: #fff;
	opacity: .7!important
}

.jcrop-light .jcrop-handle {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #000;
	border-color: #fff;
	border-radius: 3px
}

.jcrop-dark .jcrop-hline,.jcrop-dark .jcrop-vline {
	background: #000;
	opacity: .7!important
}

.jcrop-dark .jcrop-handle {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	border-color: #000;
	border-radius: 3px
}

.solid-line .jcrop-hline,.solid-line .jcrop-vline {
	background: #fff
}

.jcrop-holder img,img.jcrop-preview {
	max-width: none
}

.avatar_layer {
	width: 410px;
	height: 480px;
	margin: -240px 0 0 -205px!important;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
	display: none
}

.avatar_layer .hd {
	position: relative;
	height: 32px;
	line-height: 32px;
	border-top: 4px solid #53cac3;
	border-bottom: 1px solid #dce1e6;
	padding: 0 10px;
	overflow: hidden
}

.avatar_layer .hd .close {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 10;
	width: 12px;
	height: 12px;
	background: url(../images/layer_close.png) no-repeat;
	cursor: pointer;
	display: inline-block
}

.avatar_layer .main {
	padding: 20px 30px
}

.avatar_layer .main .selectpic {
	position: relative;
	width: 100%;
	height: 350px;
	background: #f0f3f5;
	text-align: center;
	overflow: hidden
}

.avatar_layer .main .selectpic .sbox {
	margin-top: 140px
}

.avatar_layer .main .selectpic .sbox .btns {
	height: 24px;
	line-height: 24px;
	background: url(../images/i_new.png) no-repeat 12px center #fff;
	border-radius: 5px;
	box-shadow: 0 1px 1px #dee1e3;
	color: #626672;
	padding: 0 12px 0 26px;
	display: inline-block
}

.avatar_layer .main .selectpic .sbox p {
	color: #626672;
	lin-height: 20px;
	margin-top: 10px
}

.avatar_layer .main .selectpic .sbox .selectfile {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: block
}

.avatar_layer .main .selectpic .editbox {
	position: relative;
	height: 350px;
	background: no-repeat center center;
	display: none
}

.avatar_layer .main .selectpic .editbox .pop {
	position: absolute;
	z-index: 1;
	left: 180px;
	top: 150px;
	width: 10px;
	height: 10px
}

.avatar_layer .main .selectpic .editbox .pop .move-icon {
	position: absolute;
	z-index: 1;
	left: 60px;
	top: 60px;
	width: 30px;
	height: 30px;
	background: url(../images/icon-move.png) no-repeat;
	background-size: cover
}

.avatar_layer .main .selectpic .editbox .pop .scale-icon {
	position: absolute;
	z-index: 1;
	left: -24px;
	top: -20px;
	width: 21px;
	height: 20px;
	background: url(../images/icon-scale.png) no-repeat;
	background-size: cover
}

.avatar_layer .main .selectpic .editbox .pop i {
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	background: #fff;
	border: 1px solid #54c3ba;
	border-radius: 50%
}

.ie .avatar_layer {
	width: 610px;
	height: 520px
}

.layer_btns {
	height: 30px;
	padding: 20px 0 0 16px;
	font-size: 0;
	text-align: center
}

.layer_btns a,.layer_btns span {
	width: 94px;
	height: 30px;
	line-height: 30px;
	background: #53cac3;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle
}

.layer_btns a.cancel {
	width: 92px;
	height: 28px;
	line-height: 28px;
	background: #f3f3f3;
	border: 1px solid #e5e5e5;
	color: #8a8a8a
}

.layer_btns .change {
	position: relative;
	color: #a8833b;
	background: #fdf8e3;
	display: none;
	cursor: pointer;
	overflow: hidden
}

.layer_btns .change .selectfile {
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
	width: 200%;
	height: 200%;
	opacity: 0;
	display: block;
	cursor: pointer;
	color: transparent
}

input::-ms-clear,input::-ms-reveal {
	display: none
}

.guide_layer .default-avatar {
	text-align: left;
	position: absolute;
	top: 0;
	z-index: 2;
	font-size: 0
}

.guide_layer .default-avatar p {
	font-size: 14px;
	color: #414a60;
	margin-bottom: 20px;
	font-style: normal
}

.guide_layer .avatar-con {
	margin-right: -40px
}

.guide_layer .img-box {
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin-right: 34px;
	margin-bottom: 20px;
	display: inline-block;
	cursor: pointer
}

.guide_layer img {
	width: 60px;
	height: 60px;
	border-radius: 50%
}

.guide_layer .img-checked {
	position: relative;
	border-color: #37e0d2
}

.guide_layer .img-checked .pop {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(93,213,200,.89) url(../images/guide.png) -52px -21px no-repeat
}

.guide_layer .img-box:hover {
	border-color: #37e0d2
}

.guide_layer .main .selectpic {
	background-color: #fff
}

.guide_layer .main .selectpic .editbox {
	background-color: #fff;
	z-index: 3
}

.guide_layer .main .selectpic .sbox {
	margin-top: 230px;
	position: relative
}

.guide_layer .main .selectpic .sbox p {
	margin-top: 22px;
	color: #9fa3b0;
	font-style: normal
}

.guide_layer .main .selectpic .sbox .btns {
	width: 118px;
	height: 32px;
	font-style: normal;
	border-radius: 0;
	border: 1px solid #5dd5c8;
	color: #5dd5c8;
	line-height: 32px;
	padding: 0;
	background-position: 34px center;
	padding-left: 20px
}

.guide_layer .main .selectpic .sbox .selectfile {
	width: 140px;
	height: 34px;
	left: 105px;
	cursor: pointer
}

.guide_layer .layer_btns {
	padding-left: 0
}

.profile_form {
	width: 560px;
	margin-bottom: 100px
}

.profile_form dd.cont {
	position: relative
}

.profile_form dd.cont .bg {
	width: 340px;
	height: 14px;
	position: absolute;
	top: 15px;
	left: 0;
	background: #e8eff2;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	display: inline-block
}

.profile_form dd.cont .loading_bg {
	height: 14px;
	width: 0;
	background: -moz-linear-gradient(left,#57c6de,#14d9d1);
	background: -webkit-linear-gradient(left,#57c6de,#14d9d1);
	background: -o-linear-gradient(left,#57c6de,#14d9d1);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	display: inline-block;
	position: absolute;
	top: 15px;
	left: 0
}

.profile_form dd.cont .loading_val {
	font-size: 10px;
	color: #755a06;
	width: 38px;
	height: 18px;
	line-height: 18px;
	position: absolute;
	top: -8px;
	left: -19px;
	background: #ffd75a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center
}

.profile_form dd.cont .loading_val i {
	height: 0;
	width: 0;
	border-width: 4px 6px 0 6px;
	border-style: solid dashed dashed dashed;
	border-color: #ffd75a transparent transparent transparent;
	display: block;
	margin: 0 0 0 13px
}

.profile_form .avatar_line {
	height: 94px
}

.profile_form .avatar_tit {
	line-height: 94px
}

.profile_form .avatar_box .avatar {
	width: 90px;
	height: 90px;
	border: 2px solid #d6d6d6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #e2e2e2;
	float: left
}

.profile_form .avatar_box .sel_avatar {
	margin-left: 112px;
	line-height: 1
}

.profile_form .avatar_box .sel_avatar a {
	width: 80px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background: #59cac2;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block
}

.profile_form .avatar_box .sel_avatar p {
	font-size: 12px;
	color: #b9b9b9;
	margin-top: 10px
}

.profile_form .length_tip {
	font-size: 14px;
	color: #b9b9b9;
	position: absolute;
	right: 15px;
	top: 0
}

.profile_form dl .num {
	top: 8px;
	right: 15px
}

.profile_form .team .num {
	top: inherit
}

.profile_form .team_tit {
	line-height: 1
}

.profile_form textarea {
	height: 112px
}

.profile_form .textarea_tip {
	font-size: 14px;
	color: #b9b9b9;
	position: absolute;
	right: 15px;
	top: 142px;
	line-height: 30px
}

.profile_form .submit_box {
	text-align: center;
	position: relative
}

.profile_form input.vali_btn {
	width: 220px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #59cac2;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	margin: 40px auto 0;
	cursor: pointer
}

.profile_form input.vali_btn:hover {
	background: #46bab2
}

.profile_form input.vali_btn_b1 {
	width: 136px;
	height: 42px;
	background: #fff;
	border: 2px solid #9bb4bd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 14px;
	color: #9bb4bd;
	text-align: center
}

.profile_form input.vali_btn_b1:hover {
	color: #fff;
	background: #9bb4bd
}

.profile_form input.preview {
	position: absolute;
	right: 0;
	top: 40px
}

.profile_form .sparklight_box {
	padding: 20px;
	background: #32323a;
	width: 380px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	top: 55px;
	left: 0;
	display: none;
	z-index: 999
}

.profile_form .sparklight_box .jiao {
	position: absolute;
	width: 16px;
	height: 8px;
	background: url(../images/angleup.png) no-repeat;
	top: -8px;
	right: 30px
}

.profile_form .spark_list {
	overflow: hidden
}

.profile_form .spark_list li {
	margin-right: 10px;
	margin-bottom: 14px;
	float: left;
	line-height: 1;
	padding: 6px 9px;
	color: #fff;
	border: 1px solid #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px
}

.profile_form .spark_list li.select {
	border-color: #53cac3;
	background: #53cac3
}

.profile_form .add_spark {
	position: relative
}

.profile_form .add_spark .add_ipt {
	background: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 10px;
	position: relative;
	width: 198px;
	height: 26px;
	line-height: 26px
}

.profile_form .add_spark .add_ipt input {
	width: 148px;
	margin-right: 0;
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	vertical-align: top;
	margin-top: 6px
}

.profile_form .add_spark .add_ipt .num {
	position: absolute;
	right: 10px;
	bottom: 10px;
	top: 5px;
	line-height: 14px
}

.profile_form .add_spark .add {
	background: url(../images/i_add.png) no-repeat;
	width: 26px;
	height: 26px;
	display: inline-block;
	left: 230px;
	top: 0;
	position: absolute
}

.profile_form .sparklight_box .btns {
	text-align: right;
	margin-top: 24px;
	line-height: 1
}

.profile_form .sparklight_box .btns a {
	width: 76px;
	height: 26px;
	line-height: 26px;
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 12px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.profile_form .sparklight_box .btns .cancle {
	background: #c6c6c6;
	margin-right: 12px
}

.profile_form .sparklight_box .btns .confirm {
	background: #53cac3
}

.p_dialog {
	width: 590px;
	background-color: #e9e9e9;
	background-color: rgba(233,233,233,.8);
	padding: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #666;
	-moz-box-shadow: 0 0 10px #666;
	-ms-box-shadow: 0 0 10px #666;
	box-shadow: 0 0 10px #666;
	display: none
}

.p_dialog .dialog_con {
	position: relative;
	border: 1px solid #a0a0a0;
	min-height: 100px;
	background-color: #fff;
	padding: 20px
}

.p_dialog .dialog_close,.p_dialog .fddialog_close {
	width: 22px;
	height: 22px;
	display: inline-block;
	position: absolute;
	background: transparent url(../images/close.png) no-repeat;
	right: 10px;
	top: 10px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}

.p_dialog .dialog_close:hover,.p_dialog .fddialog_close:hover {
	background-color: #eee
}

.p_dialog h3 {
	font-size: 18px;
	font-weight: 400
}

.p_dialog .dialog_alert {
	padding: 10px 0 10px;
	text-align: center
}

.p_dialog .dialog_alert p {
	margin-top: 20px
}

.suggestion {
	position: absolute;
	z-index: 10;
	display: none;
	overflow-y: auto;
	width: 100%;
	max-height: 200px;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 14px rgba(0,0,0,.11);
	box-shadow: 1px 2px 14px rgba(0,0,0,.11)
}

.suggestion .suggestion-blank,.suggestion li {
	font-size: 14px;
	line-height: 40px;
	overflow: hidden;
	height: 40px;
	padding: 0 17px;
	cursor: pointer;
	text-overflow: ellipsis;
	color: #414a60
}

.suggestion li span {
	float: right;
	color: #16c3b1
}

.suggestion .suggestion-blank a {
	font-size: 12px;
	float: right;
	color: #9fa3b0
}

.suggestion li.hover,.suggestion li:hover {
	background-color: #f2f5fa
}

.suggestion li.active {
	color: #414a60;
	background-color: #f2f5fa
}

.city-selector {
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	color: #414a60;
	background: #fff
}

.city-selector li {
	font-size: 14px;
	line-height: 38px;
	height: 38px;
	padding: 0 0 0 13px;
	cursor: pointer
}

.city-selector li.active {
	color: #16c3b1
}

.city-selector li.hover,.city-selector li:hover {
	color: #414a60;
	background: #f2f5f9
}

.city-selector-cur li.active {
	background: #f2f5f9
}

.city-selector-province {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	overflow-y: auto;
	width: 120px;
	height: 266px;
	border: 1px solid #e3e7ed
}

.city-selector-citys {
	overflow: hidden;
	overflow-y: auto;
	height: 266px;
	margin-left: 122px;
	text-align: center;
	border: 1px solid #e3e7ed;
	border-left: 0 none
}

.city-selector-citys li {
	padding: 0
}

.suggestion .h {
	text-decoration: none;
	color: #16c3b1
}

.bootstrap-tagsinput {
	display: inline-block;
	width: 469px;
	padding: 5px 12px 5px 7px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #e3e7ed;
	vertical-align: middle
}

.bootstrap-tagsinput.focus {
	box-shadow: 0 1px 3px rgba(93,213,200,.4);
	border-color: #00d7c6
}

.bootstrap-tagsinput input {
	border: none;
	box-shadow: none;
	outline: 0;
	background-color: transparent;
	padding: 0 5px;
	margin: 0;
	margin-top: -2px;
	width: 130px;
	max-width: inherit;
	line-height: 22px
}

.bootstrap-tagsinput input:focus {
	border: none;
	box-shadow: none
}

.bootstrap-tagsinput .tag {
	display: inline-block;
	margin-right: 2px;
	background-color: #eef0f5;
	border-radius: 15px;
	height: 20px;
	line-height: 20px;
	padding: 0 12px
}

.bootstrap-tagsinput .tag [data-role=remove] {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin: -2px -6px 0 5px;
	cursor: pointer;
	background: url(../images/icons-form.png) 4px -128px no-repeat
}

.workstartpicker-wrap {
	width: 284px;
	padding: 5px 10px;
	position: absolute;
	background: #fff;
	border: 1px solid #f2f2f2;
	font-size: 12px;
	box-shadow: 0 0 14px rgba(0,0,0,.11);
	display: none
}

.workstartpicker-wrap li {
	width: 55px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	margin: 20px 8px;
	border-radius: 2px;
	cursor: pointer
}

.workstartpicker-wrap .month-wrap {
	display: none
}

.workstartpicker-wrap.month-panel .month-wrap {
	display: block
}

.workstartpicker-wrap.month-panel .year-wrap {
	display: none
}

.workstartpicker-wrap li:hover {
	background-color: #f2f5f9
}

.workstartpicker-wrap .title {
	height: 32px;
	overflow: hidden;
	line-height: 32px;
	font-size: 14px
}

.workstartpicker-wrap .title p {
	text-align: center
}

.workstartpicker-wrap .next,.workstartpicker-wrap .prev {
	display: inline-block;
	width: 40px;
	height: 32px;
	cursor: pointer;
	line-height: 32px;
	background: url(../images/icons-calendar.png) no-repeat
}

.workstartpicker-wrap .prev {
	float: left;
	background-position: 14px 9px
}

.workstartpicker-wrap .next {
	float: right;
	background-position: 16px -41px
}

.workstartpicker-wrap .next:hover,.workstartpicker-wrap .prev:hover {
	background-color: #f2f5f9
}

.workstartpicker-wrap .content {
	height: 210px;
	overflow: hidden
}

.workstartpicker-wrap li.selected {
	color: #fff;
	background-color: #fa6a43
}

.menu-all:after,.menu-sub li:after,.pop-sign:after {
	content: '';
	display: block;
	overflow: hidden;
	visibility: hidden;
	clear: both
}

.menu-all:after,.menu-sub li:after,.pop-sign:after {
	zoom: 1
}

.home-sider {
	width: 384px;
	position: absolute;
	left: 0;
	top: 0
}

.job-menu,.school-job-menu {
	background: #fff;
	color: #61687c;
	position: relative;
	z-index: 1002;
	box-shadow: 5px 5px 15px rgba(3,0,0,.04);
	padding-top: 0
}

.promotion-five .job-menu,.promotion-five .school-job-menu,.promotion-four .job-menu,.promotion-four .school-job-menu {
	padding-top: 0
}

.job-menu dl,.school-job-menu dl {
	padding: 0 0;
	zoom: 1;
	height: 42px
}

.promotion-four .job-menu dl,.promotion-four .school-job-menu dl {
	height: 41px
}

.promotion-five .job-menu dl,.promotion-five .school-job-menu dl {
	height: 44px
}

.job-menu dd b,.school-job-menu dd b {
	float: left;
	font-weight: 600;
	color: #414a60;
	font-size: 15px
}

.job-menu dt,.school-job-menu dt {
	font-size: 18px;
	padding: 0 32px;
	line-height: 32px;
	padding-top: 8px
}

.job-menu dt .icon-arrow-right,.school-job-menu dt .icon-arrow-right {
	float: right;
	background-position: 3px 0;
	margin-top: 5px;
	width: 12px
}

.job-menu dd .icon-arrow-right,.school-job-menu dd .icon-arrow-right {
	float: right;
	background-position: -25px 0;
	margin-top: 5px;
	width: 12px
}

.job-menu dl.cur .icon-arrow-right,.school-job-menu dl.cur .icon-arrow-right {
	background-position: -25px -31px
}

.job-menu dd,.school-job-menu dd {
	padding: 8px 20px 9px;
	height: 27px
}

.promotion-four .job-menu dd,.promotion-four .school-job-menu dd {
	padding: 7px 20px
}

.job-menu a,.school-job-menu a {
	color: #61687c;
	font-size: 13px;
	display: inline-block;
	line-height: 28px;
	margin-left: 16px
}

.job-menu i,.school-job-menu i {
	font-style: normal;
	font-size: 16px;
	position: relative;
	top: 2px
}

.job-menu a:hover,.school-job-menu a:hover {
	color: #61687c
}

.job-menu dl.cur,.school-job-menu dl.cur {
	background: #5dd5c8;
	border-color: #d1d4db;
	border-right-color: #fff;
	position: relative;
	width: 100%;
	z-index: 10
}

.job-menu dl.cur dd a,.school-job-menu dl.cur dd a {
	color: #fff;
	-webkit-transition: none;
	transition: none
}

.job-menu dl.cur dd>b,.school-job-menu dl.cur dd>b {
	color: #fff
}

.job-menu dl.cur dd i,.school-job-menu dl.cur dd i {
	color: #fff
}

.job-menu dl.cur dt {
	color: #18c3b1
}

.job-menu .menu-line {
	display: none
}

.job-menu dl.cur dt .icon-arrow-right {
	margin-right: 1px;
	background-position: 6px -28px
}

.job-menu dl.cur .menu-line {
	display: block;
	position: absolute;
	height: 100%;
	background: #5dd5c8;
	width: 5px;
	top: 0;
	right: 0;
	z-index: 11
}

.job-menu .all-box {
	display: none
}

.job-menu .show-all {
	border-top: dashed 1px #ecedef;
	color: #00c2b3;
	height: 45px;
	padding: 0 20px;
	line-height: 45px
}

.promotion-four .job-menu .show-all {
	margin-top: 0;
	line-height: 43px;
	height: 43px
}

.promotion-five .job-menu .show-all {
	margin-top: 0;
	line-height: 39px;
	height: 39px
}

.menu-sub {
	display: none;
	position: absolute;
	background: #fff;
	padding: 20px 30px 20px 10px;
	width: 648px;
	top: 0;
	margin-top: -10px;
	left: 100%;
	z-index: 1;
	box-shadow: 0 1px 6px rgba(6,0,1,.1)
}

.job-menu dl.cur .menu-sub {
	display: block
}

.menu-sub li+li {
	padding-top: 10px
}

.menu-sub .menu-article {
	padding-left: 20px;
	height: 30px;
	font-size: 15px;
	font-weight: 700
}

.menu-sub h4 {
	float: left;
	width: 104px;
	color: #8d92a1;
	font-size: 13px;
	padding-top: 2px;
	font-weight: 400;
	padding-left: 20px
}

.menu-sub h4 .icon-arrow-right {
	position: relative;
	top: 2px
}

.menu-sub .text {
	margin-left: 130px;
	border-bottom: solid 1px #f5f6f9;
	padding: 0 0 10px 1px
}

.menu-sub ul li:last-of-type .text {
	border: none
}

.menu-sub .text a {
	margin-left: 0;
	margin-right: 25px
}

.menu-sub .text a.cur,.menu-sub .text a:hover {
	color: #18c3b1
}

.menu-all {
	padding: 0;
	width: 829px
}

.menu-all .sub-tab {
	width: 212px;
	float: left;
	background: #fdfdfe;
	border-right: 1px #d1d4db solid
}

.menu-all .sub-tab li {
	height: 104px;
	line-height: 104px;
	border-top: 1px #fdfdfe solid;
	border-bottom: 1px #fdfdfe solid;
	font-size: 18px;
	padding-top: 0;
	padding-left: 42px;
	cursor: pointer
}

.menu-all .sub-tab li.cur {
	border-top-color: #d1d4db;
	border-bottom-color: #d1d4db;
	background: #fff;
	color: #18c3b1;
	position: relative;
	padding-right: 1px;
	margin-right: -1px
}

.menu-all .sub-content {
	margin-left: 212px;
	width: 616px;
	overflow: auto
}

.menu-all .sub-content ul {
	overflow: hidden;
	display: none;
	padding-top: 20px
}

.menu-all .sub-content ul.show {
	display: block
}

.menu-all .sub-content li h4 {
	float: none;
	padding-top: 0;
	width: auto;
	text-align: left;
	margin-left: 15px
}

.menu-all .sub-content li {
	padding: 0 45px 10px
}

.menu-all .sub-content li .text {
	margin-left: 0;
	margin-top: 0
}

.search-box .select-tree li {
	background: 0 0
}

.home-sider .promotion-img img {
	width: 300px
}

.home-main {
	margin-left: 400px;
	min-width: 697px
}

.promotion-four .home-main {
	height: 582px
}

.home-main .search-box {
	margin-top: 0;
	padding-top: 20px
}

.home-main .search-box .btn-search {
	font-size: 0;
	width: 90px;
	padding: 0;
	min-width: 0
}

.home-main .search-box {
	width: 708px
}

.home-main .search-form .ipt-wrap {
	width: 324px
}

.home-main .search-form .ipt-search {
	width: 265px
}

.home-main .search-form .position-box {
	left: 419px
}

.home-main .search-form .search-form-con {
	float: left;
	width: 618px
}

.home-main .city-sel,.home-main .industry-sel,.home-main .position-sel,.home-main .search-form .ipt-wrap {
	border-color: #fff
}

.home-main .suggest-result {
	width: 523px
}

.search-hot {
	font-size: 13px;
	color: #9fa3b0;
	padding: 16px 0
}

.search-hot b {
	font-weight: 400;
	display: inline-block;
	margin-right: 5px
}

.search-hot a {
	display: inline-block;
	margin-right: 22px;
	color: #9fa3b0
}

.search-hot a:hover {
	color: #18c3b1
}

.slider-box {
	position: relative;
	overflow: hidden
}

.slider-main {
	overflow: hidden;
	width: 840px;
	height: 240px;
	position: relative;
	top: 0;
	left: 0
}

.slider-main li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 240px;
	font-size: 0;
	line-height: 0;
	width: 100%
}

.slider-main li img {
	width: 100%;
	height: 100%
}

.slider-main li.cur {
	display: block
}

.slider-dot {
	position: absolute;
	right: 20px;
	top: 218px
}

.slider-dot i {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 7px;
	background: #fff;
	opacity: .2;
	cursor: pointer
}

.slider-dot i.cur {
	opacity: 1
}

.home-main .slider-dot {
	right: 18px;
	top: 44%
}

.home-main .slider-dot i {
	display: block;
	margin-left: 0;
	margin-bottom: 7px
}

.slider-nav {
	white-space: nowrap;
	font-size: 0
}

.slider-nav a {
	display: inline-block;
	width: 199px;
	height: 75px;
	padding: 20px 40px 0;
	background: #fff;
	border-right: 1px #f5f5f6 solid;
	border-bottom: 2px #fff solid
}

.slider-nav a.cur {
	border-bottom-color: #5acbc3
}

.slider-nav a b {
	font-size: 16px;
	font-weight: 400;
	color: #414a60
}

.slider-nav a span {
	display: block;
	font-size: 14px;
	color: #61687c
}

.slider-box .pic {
	width: 840px;
	height: 98px;
	margin: 20px auto 0;
	overflow: hidden
}

.slider-box .pic-all {
	width: 860px;
	overflow: hidden
}

.slider-box .pic a {
	width: 98px;
	height: 98px;
	float: left;
	margin-right: 10px;
	background: #fff;
	overflow: hidden;
	-webkit-transition: none;
	transition: none
}

.slider-box .pic a:hover .tit {
	color: #18c3b1
}

.slider-box .pic img {
	width: 98px;
	height: 98px;
	float: left
}

.slider-box .txt {
	margin-left: 98px;
	height: 98px;
	background: #fff
}

.slider-box .txt p {
	line-height: 60px
}

.slider-box .txt .tit {
	font-size: 18px;
	color: #414a60;
	margin-left: 18px;
	white-space: nowrap;
	overflow: hidden
}

.slider-box .txt .des {
	font-size: 14px;
	color: #61687c;
	line-height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 18px
}

.promotion-main {
	font-size: 0;
	line-height: 0;
	height: 340px;
	position: relative
}

.promotion-four .promotion-main {
	height: 454px
}

.promotion-five .promotion-main {
	height: 568px
}

.promotion-main img {
	display: block
}

.promotion-main ul {
	width: 842px;
	height: 352px;
	overflow: hidden
}

.promotion-main li {
	float: left;
	vertical-align: top;
	margin: 0 2px 2px 0
}

.promotion-main table {
	width: 100%!important
}

.promotion-main tr {
	min-height: 114px
}

.promotion-main td {
	padding-right: 2px;
	padding-bottom: 2px;
	width: auto;
	vertical-align: top
}

.promotion-main td img {
	display: block
}

.promotion-main td a {
	display: block
}

.promotion-main td a:hover {
	background-color: #000
}

.promotion-main td a:hover img {
	opacity: .9
}

.home-box .job-list {
	margin-right: 0;
	margin-top: 20px;
	margin-bottom: 15px
}

.home-box .job-list li .company-logo {
	height: 60px;
	color: #61687c;
	font-size: 18px;
	width: auto;
	line-height: 80px
}

.home-box .job-list .info-primary p {
	margin-top: 12px
}

.home-box .job-list li .info-primary .saraly {
	font-size: 18px;
	margin-top: 14px
}

.home-box .job-list .company-text {
	padding-top: 3px
}

.link-all {
	color: #fff;
	font-size: 16px;
	text-align: center
}

.link-all a {
	display: block;
	height: 50px;
	line-height: 50px;
	background: #d3d5db;
	color: #fff
}

.link-all a:hover {
	background: #a8acb7
}

.hotjob {
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color: #9fa3b0;
	background-color: #f2f2f5;
	padding-left: 28px
}

.hotjob a {
	color: #9fa3b0;
	padding-right: 38px
}

.hotjob a:last-child {
	padding-right: 0
}

#main .banner {
	width: 100%;
	height: 354px;
	background-color: green;
	margin-bottom: 18px
}

#main .position-slide {
	width: 300px;
	background-color: #f8f9fb;
	float: left
}

.position-slide .position-list {
	width: 300px;
	padding: 26px 30px;
	height: 104px;
	box-sizing: border-box
}

.position-list .category {
	position: relative
}

.position-list .category a {
	font-size: 18px;
	color: #61687c
}

.position-list .category a:hover {
	color: #55cbc4;
	text-decoration: none;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.position-list .category .icon {
	width: 9px;
	height: 16px;
	background: url(../images/icons.png) 0 0 no-repeat;
	position: absolute;
	right: 0
}

.position-list .category-hot {
	width: 100%;
	overflow: hidden;
	height: 24px
}

.position-list .category-hot a {
	font-size: 14px;
	line-height: 24px;
	margin-right: 24px
}

.position-list .category-hot a:last-child {
	margin: 0
}

#main .home-list {
	margin: 0;
	margin-left: 330px;
	background: #fff
}

.position-card li {
	width: 756px;
	height: 124px;
	margin: 0 44px;
	padding-top: 25px;
	border-bottom: 2px solid #f8fafc
}

.position-card li p {
	margin-top: 0
}

.position-card .company-text p {
	margin-top: 20px
}

.footer-scan {
	position: fixed;
	width: 100%;
	height: 92px;
	bottom: 0;
	left: 0;
	background: #38c7b7 url(../images/footer-scan-bg.png) 0 bottom repeat-x;
	z-index: 22
}

.footer-scan .inner {
	width: auto
}

.footer-scan .btns {
	float: right;
	padding-top: 25px
}

.footer-scan .btns span {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	margin-right: 20px
}

.footer-scan .btn-signup {
	background: #fff;
	color: #54cbc4;
	width: 118px
}

.footer-scan .footer-scan-close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 35px;
	right: 45px;
	background: url(../images/footer-scan-close.png) center center no-repeat;
	cursor: pointer
}

.qrcode-scan {
	position: relative;
	width: 360px
}

.qrcode-scan-img {
	width: 100px;
	height: 100px;
	position: absolute;
	padding: 11px 8px;
	top: -45px;
	background: #38c7b7 url(../images/footer-scan-bg.png) 0 top repeat-x
}

.qrcode-scan img {
	width: 100px;
	height: 100px
}

.qrcode-scan h4 {
	padding-left: 135px;
	font-size: 19px;
	font-weight: 400;
	color: #fff;
	padding-top: 20px
}

.qrcode-scan h4 a {
	color: #fff
}

.qrcode-scan p {
	padding-left: 135px;
	font-size: 12px;
	color: #fff
}

#pop-hide-container {
	display: none
}

.pop-feedback .dialog-footer .btns .btn-outline:hover {
	height: 30px;
	line-height: 30px
}

.pop-feedback input::-webkit-input-placeholder,.pop-feedback textarea::-webkit-input-placeholder {
	color: #d1d4db
}

.pop-feedback input:-ms-input-placeholder,.pop-feedback textarea::-webkit-input-placeholder {
	color: #d1d4db
}

.pop-feedback input:-moz-placeholder,.pop-feedback textarea::-webkit-input-placeholder {
	color: #d1d4db
}

.pop-feedback input::-moz-placeholder,.pop-feedback textarea::-webkit-input-placeholder {
	color: #d1d4db
}

.home-body {
	background: #f6f6f8
}

.home-site .common-tab-box {
	clear: both;
	margin-top: 30px;
	overflow: hidden
}

.home-site .common-tab-box h3 {
	height: 45px;
	position: relative
}

.home-site .common-tab-box h3 span {
	float: left;
	display: inline-block;
	margin-right: 40px;
	line-height: 45px;
	color: #8d92a1;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400
}

.home-site .common-tab-box h3 span.cur {
	color: #00c2b3
}

.home-site .common-tab-box ul {
	font-weight: 400;
	display: none;
	width: 110%;
	overflow: hidden
}

.home-site .common-tab-box ul.cur {
	display: block
}

.home-site .common-tab-box .v-line {
	margin: 0 11px;
	border-color: #efeff1
}

.home-site .common-tab-more {
	text-align: center;
	margin-top: 4px
}

.home-site .common-tab-more .btn {
	width: 382px;
	font-size: 15px;
	height: 32px;
	line-height: 32px;
	background: #f6f6f8
}

.home-site .common-tab-more .btn-outline:hover {
	background: #5dd5c8
}

.home-site .job-tab-box {
	width: 100%;
	overflow: hidden
}

.home-site .job-tab-box ul {
	overflow: hidden
}

.home-site .job-tab-box ul li {
	height: 130px;
	width: 384px;
	float: left;
	margin: 0 16px 16px 0;
	background: #fff
}

.home-site .job-tab-box li .sub-li {
	display: block;
	height: 130px;
	width: 384px
}

.home-site .job-tab-box li .sub-li:hover {
	box-shadow: 5px 5px 20px rgba(0,0,0,.05);
	position: absolute;
	z-index: 10
}

.home-site .job-tab-box li a {
	display: block
}

.home-site .job-tab-box li a.user-info:hover {
	background: #fafafa
}

.home-site .job-tab-box li a.job-info:hover p {
	color: #00d7c6
}

.home-site .job-tab-box li a.job-info {
	height: 71px;
	padding-top: 10px
}

.home-site .job-tab-box li p {
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: #61687c;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative
}

.home-site .job-tab-box li a.job-info .title-text {
	margin-left: 20px;
	max-width: 174px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle
}

.home-site .job-tab-box li a.job-info .title-text.no-medium {
	max-width: 234px
}

.home-site .job-tab-box li a.job-info .job-medium-icon {
	width: 46px;
	height: 16px;
	vertical-align: middle;
	margin-left: 10px
}

.home-site .job-tab-box li .salary {
	color: #fc6c38;
	position: absolute;
	right: 20px;
	top: 0
}

.home-site .job-tab-box li a.job-info p.job-text {
	font-size: 12px;
	color: #61687c;
	border-bottom: dashed 1px #e3e7ed;
	width: 344px;
	padding-right: 0;
	line-height: 28px
}

.home-site .job-tab-box a.user-info {
	padding: 7px 0
}

.home-site .job-tab-box .user-info p {
	font-size: 14px;
	width: 344px;
	padding-right: 0
}

.home-site .job-tab-box .user-info img {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	border-radius: 50%;
	margin-right: 15px
}

.home-site .job-tab-box .user-info .user-text {
	margin-left: 10px;
	font-size: 12px;
	color: #8d92a1
}

.home-site .company-tab-box ul li {
	height: 140px;
	width: 284px;
	float: left;
	margin: 0 16px 16px 0;
	background: #fff
}

.home-site .company-tab-box li a {
	color: #414a60;
	display: block
}

.home-site .company-tab-box li .sub-li {
	display: block;
	height: 140px;
	width: 284px
}

.home-site .company-tab-box li .sub-li:hover {
	box-shadow: 5px 5px 20px rgba(0,0,0,.05);
	position: absolute;
	z-index: 10
}

.home-site .company-tab-box li .company-info {
	height: 77px;
	margin: 0 20px;
	padding-top: 20px;
	border-bottom: dashed 1px #ededed
}

.home-site .company-tab-box li .company-info:hover {
	color: #00d7c6
}

.home-site .company-tab-box li .company-info img {
	height: 55px;
	width: 55px;
	float: left;
	border-radius: 10px;
	border: solid 1px #f2f5fa
}

.home-site .company-tab-box li .conpany-text {
	margin-left: 65px;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis
}

.home-site .company-tab-box li .conpany-text p .industry {
	max-width: 59px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	height: 12px;
	line-height: 12px;
	position: relative;
	top: 3px
}

.home-site .company-tab-box li .conpany-text h4 {
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.home-site .company-tab-box li .conpany-text h4 a:hover {
	color: #61687c
}

.home-site .company-tab-box li .conpany-text p {
	height: 40px;
	line-height: 41px;
	color: #898e9d;
	font-size: 12px;
	display: inline-block;
	white-space: nowrap
}

@media screen and (min-width:0\0) {
	.home-site .company-tab-box li .conpany-text p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: block
	}
}

@-moz-document url-prefix() {
	.home-site .company-tab-box li .conpany-text {
		margin-left: 65px;
		text-align: right;
		overflow: auto;
		text-overflow: unset
	}

	.home-site .company-tab-box li .conpany-text p {
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%
	}
}

.home-site .company-tab-box li .about-info {
	color: #8d92a1;
	height: 42px;
	line-height: 42px;
	font-size: 12px
}

.home-site .company-tab-box li .about-info p {
	width: 240px;
	margin: 0 auto
}

.home-site .company-tab-box li .about-info:hover {
	background: #fafafa
}

.home-site .company-tab-box li .pull-right {
	text-align: right;
	float: right
}

.city-site .merge-city-job {
	width: 100%;
	overflow: hidden
}

.city-site .merge-city-job ul {
	overflow: hidden
}

.city-site .merge-city-job ul li {
	height: 130px;
	width: 410px;
	float: left;
	margin: 0 16px 16px 0;
	background: #fff
}

.city-site .merge-city-job li .sub-li {
	display: block;
	height: 130px;
	width: 410px;
	font-size: 0
}

.city-site .merge-city-job li .sub-li:hover {
	box-shadow: 5px 5px 20px rgba(0,0,0,.05);
	position: absolute;
	z-index: 10
}

.city-site .merge-city-job li a {
	display: inline-block
}

.city-site .merge-city-job li a.user-info:hover {
	background: #fafafa
}

.city-site .merge-city-job li a.job-info {
	padding-top: 17px;
	vertical-align: middle
}

.city-site .merge-city-job li p {
	line-height: 35px;
	font-size: 16px;
	color: #61687c;
	position: relative
}

.city-site .merge-city-job li .name .name-text {
	
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

.city-site .merge-city-job li .name .name-text.no-medium {
	max-width: 240px
}

.city-site .merge-city-job li .name .job-medium-icon {
	width: 46px;
	height: 16px;
	vertical-align: middle;
	margin-left: 10px
}

.city-site .merge-city-job li .salary {
	color: #fc6c38;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.city-site .merge-city-job li a.job-info p.job-text {
	font-size: 14px;
	color: #61687c;
	padding-right: 0;
	line-height: 28px;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	
}

.city-site .merge-city-job a.user-info {
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 30px
}

.city-site .merge-city-job .user-info p {
	font-size: 14px;
	width: auto;
	padding-right: 0;
	border: 1px solid #f3f5fb;
	border-radius: 4px
}

.city-site .merge-city-job .user-info img {
	width: 58px;
	height: 58px;
	vertical-align: middle
}

.city-site .merge-city-job .user-info .user-text {
	margin-left: 10px;
	font-size: 12px;
	color: #8d92a1
}

.city-site .merge-city-company ul li {
	height: 238px;
	width: 304px;
	float: left;
	margin: 0 16px 16px 0;
	background: #fff;
	position: relative
}

.city-site .merge-city-company li a {
	color: #414a60;
	display: block
}

.city-site .merge-city-company li .sub-li {
	display: block;
	height: 140px;
	width: 100%;
	height: 100%
}

.city-site .merge-city-company li .sub-li:hover {
	box-shadow: 5px 5px 20px rgba(0,0,0,.05);
	position: absolute;
	z-index: 10
}

.city-site .merge-city-company li .company-info {
	margin: 0 20px 10px;
	padding-top: 30px
}

.city-site .merge-city-company li .company-info:hover {
	color: #00d7c6
}

.city-site .merge-city-company li .company-info .img-box {
	text-align: center;
	margin-bottom: 14px
}

.city-site .merge-city-company li .company-info img {
	height: 58px;
	width: 58px;
	vertical-align: middle;
	border: 1px solid #f3f5fb;
	border-radius: 9px
}

.city-site .merge-city-company li .conpany-text {
	margin-bottom: 11px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis
}

.city-site .merge-city-company li .conpany-text p .industry {
	max-width: 59px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	height: 12px;
	line-height: 12px;
	position: relative;
	top: 3px
}

.city-site .merge-city-company li .conpany-text h4 {
	margin-bottom: 10px;
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.city-site .merge-city-company li .conpany-text h4 a:hover {
	color: #61687c
}

.city-site .merge-city-company li .conpany-text p {
	height: 18px;
	line-height: 18px;
	color: #898e9d;
	font-size: 12px;
	display: inline-block;
	white-space: nowrap
}

@media screen and (min-width:0\0) {
	.city-site .merge-city-company li .conpany-text p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: block
	}
}

@-moz-document url-prefix() {
	.city-site .merge-city-company li .conpany-text {
		overflow: auto;
		text-overflow: unset
	}

	.city-site .merge-city-company li .conpany-text p {
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%
	}
}

.city-site .merge-city-company li .about-info {
	width: 180px;
	height: 34px;
	color: #61687c;
	line-height: 34px;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #e3e7ed
}

.city-site .merge-city-company li .about-info:hover {
	border-color: #5dd5c8
}

.city-site .merge-city-company li .pull-right {
	text-align: right;
	float: right
}

.city-site.home-site .common-tab-box h3 span {
	margin-right: 74px
}

.city-site .common-tab-box {
	clear: both;
	overflow: hidden
}

.city-site .common-tab-box .box-title {
	font-size: 24px;
	text-align: center;
	position: relative;
	margin-bottom: 24px
}

.city-site .common-tab-box .box-title::after,.city-site .common-tab-box .box-title::before {
	content: '';
	display: inline-block;
	vertical-align: 8px;
	margin: 0 10px;
	width: 50px;
	height: 1px;
	background: #d1d4db
}

.city-site .common-tab-box h3 {
	width:1243px;
	height: 50px;
	position: relative;
	padding-left: 20px;
	background: #fff;
	margin-bottom: 10px;
	margin-right: -77px
}

.city-site .common-tab-box h3 span {
	position: relative;
	display: inline-block;
	margin-right: 77px;
	line-height: 50px;

	color: #8d92a1;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400
}

.city-site .common-tab-box h3 span::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px
}

.city-site .common-tab-box h3 span.cur {
	color: #00c2b3;
	font-weight: 600
}

.city-site .common-tab-box h3 span.cur::after {
	background-color: #00c2b3;
	bottom: 0;
	left: 0
}

.city-site .common-tab-box ul {
	font-weight: 400;
	display: none;
	width: 100%;
	overflow: hidden
}

.city-site .common-tab-box ul.cur {
	display: block
}

.city-site .common-tab-box .v-line {
	margin: 0 11px;
	border-color: #efeff1
}

.city-site .common-tab-box .sub-li:hover .job-info .name {
	color: #172a88;
}

.city-site .common-tab-more {
	text-align: center;
	margin-top: 4px
}

.city-site .common-tab-more .btn {
	width: 382px;
	font-size: 15px;
	height: 32px;
	line-height: 32px;
	background: #f6f6f8;
	color: #00c2b3
}

.city-site .common-tab-more .btn-outline:hover {
	background: #5dd5c8;
	color: #fff
}

.city-site .job-tab-box {
	width: 100%;
	overflow: hidden
}

.city-site .job-tab-box ul {
	overflow: hidden
}

.city-site .job-tab-box ul li {
	height: 130px;
	width: 384px;
	float: left;
	margin: 0 16px 16px 0;
	background: #fff
}

.city-site .job-tab-box li .sub-li {
	display: block;
	height: 130px;
	width: 384px;
	font-size: 0
}

.city-site .job-tab-box li .sub-li:hover {
	box-shadow: 5px 5px 20px rgba(0,0,0,.05);
	position: absolute;
	z-index: 10
}

.city-site .job-tab-box li a {
	display: inline-block
}

.city-site .job-tab-box li a.user-info:hover {
	background: #fafafa
}

.city-site .job-tab-box li a.job-info {
	padding-top: 17px;
	vertical-align: middle
}

.city-site .job-tab-box li p {
	line-height: 35px;
	font-size: 16px;
	color: #61687c;
	position: relative
}

.city-site .job-tab-box li .name .name-text {
	max-width: 192px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle
}

.city-site .job-tab-box li .name .name-text.no-medium {
	max-width: 240px
}

.city-site .job-tab-box li .name .job-medium-icon {
	width: 46px;
	height: 16px;
	vertical-align: middle;
	margin-left: 10px
}

.city-site .job-tab-box li .salary {
	color: #fc6c38;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.city-site .job-tab-box li a.job-info p.job-text {
	font-size: 14px;
	color: #61687c;
	padding-right: 0;
	line-height: 28px;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.city-site .job-tab-box a.user-info {
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 30px
}

.city-site .job-tab-box .user-info p {
	font-size: 14px;
	width: auto;
	padding-right: 0;
	border: 1px solid #f3f5fb;
	border-radius: 4px
}

.city-site .job-tab-box .user-info img {
	width: 58px;
	height: 58px;
	vertical-align: middle
}

.city-site .job-tab-box .user-info .user-text {
	margin-left: 10px;
	font-size: 12px;
	color: #8d92a1
}

.city-site .company-tab-box ul li {
	height: 238px;
	width: 284px;
	float: left;
	margin: 0 16px 16px 0;
	background: #fff;
	position: relative
}

.city-site .company-tab-box li a {
	color: #414a60;
	display: block
}

.city-site .company-tab-box li .sub-li {
	display: block;
	height: 140px;
	width: 100%;
	height: 100%
}

.city-site .company-tab-box li .sub-li:hover {
	box-shadow: 5px 5px 20px rgba(0,0,0,.05);
	position: absolute;
	z-index: 10
}

.city-site .company-tab-box li .company-info {
	margin: 0 20px 10px;
	padding-top: 30px
}

.city-site .company-tab-box li .company-info:hover {
	color: #00d7c6
}

.city-site .company-tab-box li .company-info .img-box {
	text-align: center;
	margin-bottom: 14px
}

.city-site .company-tab-box li .company-info img {
	height: 58px;
	width: 58px;
	vertical-align: middle;
	border: 1px solid #f3f5fb;
	border-radius: 9px
}

.city-site .company-tab-box li .conpany-text {
	margin-bottom: 11px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis
}

.city-site .company-tab-box li .conpany-text p .industry {
	max-width: 59px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	height: 12px;
	line-height: 12px;
	position: relative;
	top: 3px
}

.city-site .company-tab-box li .conpany-text h4 {
	margin-bottom: 10px;
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.city-site .company-tab-box li .conpany-text h4 a:hover {
	color: #61687c
}

.city-site .company-tab-box li .conpany-text p {
	height: 18px;
	line-height: 18px;
	color: #898e9d;
	font-size: 12px;
	display: inline-block;
	white-space: nowrap
}

@media screen and (min-width:0\0) {
	.city-site .company-tab-box li .conpany-text p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: block
	}
}

@-moz-document url-prefix() {
	.city-site .company-tab-box li .conpany-text {
		overflow: auto;
		text-overflow: unset
	}

	.city-site .company-tab-box li .conpany-text p {
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%
	}
}

.city-site .company-tab-box li .about-info {
	width: 180px;
	height: 34px;
	color: #61687c;
	line-height: 34px;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #e3e7ed
}

.city-site .company-tab-box li .about-info:hover {
	border-color: #5dd5c8
}

.city-site .company-tab-box li .pull-right {
	text-align: right;
	float: right
}

#header .school-nav-box {
	width: 450px;
	padding: 5px;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
	display: none
}

#header .school-nav-box::before {
	content: '';
	position: absolute;
	width: 27px;
	height: 15px;
	left: 0;
	right: 0;
	top: -15px;
	margin: auto;
	background-image: url(../images/dialog-arrow-up.png)
}

#header .school-nav-box .img-box {
	height: 92px
}

#header .school-nav-box .img-box.xiaoyuan {
	margin-bottom: 5px;
	background: url(../images/banner-xiaoyuan.jpg)
}

#header .school-nav-box .img-box.renshebu {
	margin-bottom: 0;
	background: url(../images/banner-renshebu.jpg)
}

.school-body {
	background: #eef0f5
}

.nav-school-new::after {
	content: 'New';
	width: 30px;
	height: 14px;
	box-sizing: border-box;
	position: absolute;
	top: 8px;
	right: -20px;
	line-height: 13px;
	background-color: #ef505e;
	color: #fff;
	font-size: 12px;
	border-radius: 7px
}

.school-banner {
	height: 606px;
	max-width: 2000px;
	margin: 0 auto;
	background: url(../images/school-banner_v4.jpg) center no-repeat;
	position: relative
}

.renshebu-banner {
	background-image: url(../images/renshebu-banner.jpg)
}

.renshebu-banner .info-aside {
	display: none
}

.school-banner .column-search-panel {
	position: absolute;
	bottom: 24px;
	width: 100%
}

.school-banner .column-search-panel.fixed {
	position: absolute;
	top: auto;
	left: auto;
	height: auto;
	box-shadow: none
}

.school-banner .column-search-panel .search-box {
	position: relative;
	width: 980px
}

.school-banner .column-search-panel .search-form-con {
	width: 850px
}

.school-banner .column-search-panel .school-typebox {
	position: absolute;
	width: 100%;
	top: -14px;
	left: 0;
	font-size: 0
}

.school-banner .column-search-panel .city-sel {
	padding: 10px 15px 10px 15px;
	width: 78px;
	border-color: transparent
}

.school-banner .column-search-panel .city-sel .label-text {
	width: 70px;
	text-overflow: ellipsis
}

.school-banner .column-search-panel .city-sel b {
	font-size: 16px
}

.school-banner .column-search-panel .city-sel .line {
	display: none;
	height: 32px
}

.school-banner .column-search-panel .city-sel .icon-arrow-down {
	right: -6px
}

.school-banner .column-search-panel .search-form .ipt-wrap {
	width: 741px
}

.school-banner .column-search-panel .search-form .ipt-search {
	width: 703px
}

.school-banner .column-search-panel .search-form .btn-search {
	width: 130px
}

.school-banner .column-search-panel .suggest-result {
	width: 720px
}

.school-banner .column-search-panel .school-typebox .typebox-full,.school-banner .column-search-panel .school-typebox .typebox-intern {
	vertical-align: middle;
	display: inline-block;
	width: 98px;
	height: 34px;
	background: url(../images/school-search-type@2x.png) no-repeat;
	background-size: 250px 112px;
	cursor: pointer
}

.school-banner .column-search-panel .school-typebox .typebox-full {
	background-position: 0 -39px
}

.school-banner .column-search-panel .school-typebox .typebox-full.cur {
	background-position: 0 -78px
}

.school-banner .column-search-panel .school-typebox .typebox-full:hover {
	background-position: 0 0
}

.school-banner .column-search-panel .school-typebox .typebox-full.cur:hover {
	background-position: 0 -78px
}

.school-banner .column-search-panel .school-typebox .typebox-intern {
	margin-left: -11px;
	background-position: -152px -39px
}

.school-banner .column-search-panel .school-typebox .typebox-intern.cur {
	background-position: -152px -78px
}

.school-banner .column-search-panel .school-typebox .typebox-intern:hover {
	background-position: -152px 0
}

.school-banner .column-search-panel .school-typebox .typebox-intern.cur:hover {
	background-position: -152px -78px
}

.ie8 .school-banner .column-search-panel .school-typebox .typebox-full,.ie8 .school-banner .column-search-panel .school-typebox .typebox-intern {
	background-image: url(../images/school-search-type@1x.png)
}

.school-banner .info-aside {
	position: absolute;
	right: 40px;
	top: 233px
}

.school-banner .info-aside ul {
	background: #fff;
	border-radius: 3px;
	width: 122px;
	overflow: hidden
}

.school-banner .info-aside ul li.info-btn {
	display: none
}

.school-banner .info-aside ul li:hover {
	background-color: #f3f5fb
}

.school-banner .info-aside ul li.cur .text-wrapper {
	display: block
}

.school-banner .info-aside ul li a {
	text-align: center;
	display: block;
	padding: 9px 0
}

.school-banner .info-aside ul .text-wrapper {
	display: none;
	background: #fff;
	position: absolute;
	width: 410px;
	height: 300px;
	right: 124px;
	border-radius: 3px;
	top: 0;
	padding: 30px;
	box-sizing: border-box;
	color: #414a60
}

.school-banner .info-aside ul .text-wrapper>p {
	font-size: 16px;
	font-weight: 600
}

.school-banner .info-aside ul .text-wrapper .info-wrap {
	margin-top: 16px
}

.school-banner .info-aside ul .text-wrapper .info-wrap>p {
	margin-bottom: 5px
}

.school-banner .info-aside ul .text-wrapper .info-wrap .info-title {
	color: #8d92a1;
	font-size: 14px
}

.school-banner .info-aside ul .text-wrapper .info-wrap .info-text,.school-banner .info-aside ul .text-wrapper .info-wrap .info-title {
	float: left
}

.school-page.home-sider {
	padding-top: 36px;
	width: 240px;
	position: static
}

.school-page h3.section-title {
	display: inline-block;
	font-size: 16px;
	color: #414a60;
	height: 22px;
	line-height: 22px;
	margin-bottom: 20px
}

.school-page h3.section-title+h3 {
	display: inline-block;
	vertical-align: middle
}

.job-menu-school {
	background: #fff;
	position: relative;
	height: 276px
}

.job-menu-school dl {
	line-height: 50px;
	cursor: pointer
}

.job-menu-school dl.cur {
	background: #5dd5c8;
	color: #fff
}

.job-menu-school dl dd {
	padding-left: 30px
}

.job-menu-school dl.cur .menu-sub-school {
	display: block
}

.job-menu-school .menu-sub-school {
	display: none;
	background: #fff;
	width: 944px;
	height: 276px;
	position: absolute;
	left: 240px;
	top: 0;
	z-index: 1
}

.job-menu-school .menu-sub-school li {
	float: left;
	box-sizing: border-box;
	padding: 10px 0 10px 30px;
	line-height: 35px;
	height: 276px;
	position: relative
}

.job-menu-school .menu-sub-school li+li::before {
	content: '';
	width: 1px;
	height: 184px;
	position: absolute;
	top: 58px;
	left: 0;
	background: #e3e7ed
}

.job-menu-school .menu-sub-school li h4 {
	font-size: 15px;
	color: #414a60
}

.job-menu-school .menu-sub-school .text {
	width: 164px;
	float: left
}

.job-menu-school .menu-sub-school .text a {
	font-size: 14px;
	display: block;
	color: #61687c
}

.job-menu-school .menu-sub-school .text a:hover {
	color: #5dd5c8
}

.school-page.common-tab-box .section-title {
	margin-right: 16px
}

.school-page.common-tab-box .section-title+h3 {
	height: 34px
}

.school-page.common-tab-box .section-title+h3 span {
	color: #414a60;
	font-size: 14px;
	width: 80px;
	line-height: 34px;
	margin-right: 10px;
	text-align: center;
	border-radius: 6px;
	background: #fff
}

.school-page.common-tab-box .section-title+h3 span:hover {
	color: #5dd5c8
}

.school-page.common-tab-box .section-title+h3 span.cur {
	background: #5dd5c8;
	color: #fff
}

.school-page.company-tab-box ul li {
	width: 384px;
	height: 210px;
	position: relative
}

.school-page.company-tab-box li .sub-li {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 20px 20px 0 20px;
	box-sizing: border-box
}

.school-page.company-tab-box li .sub-li>.company-info {
	border: none;
	height: auto;
	padding: 0;
	margin: 0
}

.school-page.company-tab-box li .sub-li>.company-info:hover .company-info {
	color: #414a60
}

.school-page.company-tab-box li .sub-li .company-title img {
	width: 57px;
	height: 57px;
	border: none
}

.school-page.company-tab-box li .sub-li .company-title .conpany-text {
	text-align: left
}

.school-page.company-tab-box li .sub-li .company-title .conpany-text h4 {
	font-size: 15px
}

.school-page.company-tab-box li .sub-li .company-title+.company-info {
	border: none;
	padding-top: 0;
	margin: 0;
	line-height: 20px
}

.school-page.company-tab-box li .sub-li .company-title+.company-info:hover {
	color: #414a60
}

.school-page.company-tab-box li .sub-li .company-link {
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
	line-height: 52px;
	border-top: 1px dashed #eef0f5;
	height: 52px
}

.school-page.company-tab-box li .sub-li .company-link a {
	display: inline-block;
	font-size: 14px;
	margin-right: 40px;
	color: #61687c
}

.school-page.company-tab-box li .sub-li .company-link a:first-child {
	position: absolute;
	left: 0
}

.school-page.company-tab-box li .sub-li .company-link a:last-child {
	position: absolute;
	right: 0;
	margin-right: 0
}

.school-page.company-tab-box li .sub-li .company-link a:hover {
	color: #5dd5c8
}

.school-page.company-tab-box li .sub-li .company-link a span {
	margin-right: 5px
}

.school-page.job-tab-box ul li {
	height: 140px
}

.school-page.job-tab-box li .sub-li span.title-text {
	max-width: 250px
}

.school-page.job-tab-box li .sub-li {
	height: 140px
}

.school-page.job-tab-box li a.job-info {
	height: 69px
}

.school-page.job-tab-box a.user-info {
	padding: 0
}

.school-page.job-tab-box a.user-info p {
	line-height: 60px;
	height: 60px
}

.school-page.common-tab-box .common-tab-more {
	margin: 24px 0 50px 0
}

.school-page.common-tab-box .common-tab-more .btn {
	width: 384px;
	height: 44px;
	line-height: 44px;
	background: #fff;
	color: #00c2b3;
	border: none
}

.school-page.common-tab-box .common-tab-more .btn:hover {
	background: #00c2b3;
	color: #fff
}

.school-mask {
	height: 245px;
	background: url(../images/school-mask_v2.jpg) center no-repeat;
	box-sizing: border-box;
	padding: 52px 0 0 120px;
	color: #414a60
}

.school-mask p {
	font-size: 26px;
	margin-bottom: 21px
}

.school-mask ul {
	font-size: 18px;
	line-height: 28px
}

.school-mask ul li::before {
	content: '·';
	margin-right: 8px
}

.hotcity-tab-box {
	margin-top: 25px;
	margin-bottom: -20px;
	width: 1184px;
	overflow: hidden
}

.hotcity-tab-box h4 {
	height: 35px;
	line-height: 35px
}

.hotcity-tab-box ul {
	width: 1515px;
	border: none
}

.hotcity-tab-box ul a {
	display: block;
	float: left;
	height: 80px;
	width: 194px;
	margin: 0 4px 4px 0;
	position: relative
}

.hotcity-tab-box ul a img {
	display: block;
	width: 100%;
	height: 100%
}

.hotcity-tab-box h3 {
	border: none
}

.hotcity-tab-box .model {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	display: none
}

.hotcity-tab-box a:hover .model {
	display: block
}

.slider-city {
	overflow: hidden;
	height: 164px;
	position: relative;
	top: 0;
	left: 0
}

.slider-city li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 1515px;
	position: relative
}

.slider-city li.cur {
	display: block
}

.city-page-btn {
	position: absolute;
	z-index: 20;
	top: 28px;
	width: 40px;
	height: 120px;
	cursor: pointer
}

.city-page-btn.prev {
	display: none;
	left: 0;
	background: rgba(0,0,0,.3) url(../images/city-prev.png) center center no-repeat
}

.city-page-btn.next {
	right: 0;
	background: rgba(0,0,0,.3) url(../images/city-next.png) center center no-repeat
}

.city-page-btn.prev:hover {
	background: rgba(0,0,0,.5) url(../images/city-prev.png) center center no-repeat
}

.city-page-btn.next:hover {
	background: rgba(0,0,0,.5) url(../images/city-next.png) center center no-repeat
}

.top-sign-box {
	background: #52cbc5;
	height: 115px;
	padding-top: 15px;
	position: relative;
	z-index: 1003
}

.top-sign-box .inner {
	height: 100%
}

.top-sign-box h2 {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	letter-spacing: 1px
}

.top-sign-box .registe-step {
	margin-top: 21px
}

.top-sign-box .registe-step .step-form {
	position: relative
}

.top-sign-box .registe-step div {
	display: inline-block;
	vertical-align: middle
}

.registe-step .input-box {
	position: relative
}

.registe-step .input-box input {
	padding: 6px 10px 5px 10px;
	height: 25px;
	border: none;
	line-height: 25px;
	background: #fff;
	box-shadow: 1px 0 4px 0 rgba(86,174,164,.5);
	font-size: 12px;
	vertical-align: middle;
	width: 120px
}

.registe-step .input-box input.ipt-phone {
	width: 150px
}

.registe-step .step-num {
	font-family: AvenirNext-Medium;
	font-size: 50px;
	color: #fff;
	text-align: left;
	line-height: 50px;
	height: 50px;
	position: relative;
	top: -2px;
	width: 40px
}

.registe-step .step-text {
	margin: 0 25px 0 8px
}

.registe-step .step-text:last-of-type {
	margin: 0 0 0 8px
}

.registe-step .step-text h3 {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1px
}

.registe-step .step-text p {
	color: #99e0db;
	font-size: 12px
}

.registe-step .registe-btn {
	min-width: 80px;
	box-sizing: content-box;
	font-size: 12px;
	border: none;
	background: #67e9db
}

.ie7 .registe-step .registe-btn {
	position: relative;
	top: 11px;
	left: 5px
}

.registe-step .step-right {
	height: 34px;
	width: 18px;
	margin: 0 40px 0 40px;
	background: url(../images/step-right.png) no-repeat
}

.registe-step .step-ok {
	height: 28px;
	width: 34px;
	margin: 0 55px 0 0;
	background: url(../images/step-ok.png) no-repeat
}

.registe-step .show-code-box {
	color: #54cbc4;
	font-size: 12px;
	position: absolute;
	right: 15px;
	top: 6px
}

.top-sign-box .registe-step div.code-form-box,.top-sign-box.fast-register-box .code-form-box {
	display: none;
	position: absolute;
	width: 405px;
	height: 44px;
	padding: 5px 7px;
	box-sizing: border-box;
	left: 0;
	top: 48px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
}

.top-sign-box .code-form-box .row-code.nc-container .nc_scale {
	display: block
}

.top-sign-box .code-form-box .row-code {
	display: block;
	position: relative;
	z-index: 101;
	margin: 0
}

.top-sign-box .sign-form {
	padding: 0;
	box-shadow: none;
	border-radius: 0;
	height: 34px;
	width: 300px
}

.top-sign-box .code-form-box:before {
	content: '';
	position: absolute;
	top: -16px;
	right: 107px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	z-index: 99
}

.top-sign-box .code-form-box .code-form-title {
	display: block;
	margin: 13px 0 10px 18px
}

.code-form-box .code-img img {
	width: 94px;
	height: 36px;
	display: block;
	margin-left: 18px
}

.code-form-box .code-input input {
	padding: 6px 10px 5px 10px;
	height: 23px;
	border: solid 1px #54cbc4;
	line-height: 23px;
	background: #fff;
	font-size: 12px;
	vertical-align: middle;
	width: 170px
}

.code-form-box .getcode-btn {
	width: 70px;
	min-width: 35px;
	background: #54cbc4;
	border: none;
	font-size: 12px
}

.code-form-box .row-code.nc-container .nc_scale span {
	width: 40px;
	height: 32px;
	line-height: 32px
}

.code-form-box .row-code.nc-container .nc_scale .scale_text {
	line-height: 34px
}

.code-form-box .row-code.nc-container .nc_scale {
	height: 34px
}

.code-form-box .getcode-btn {
	float: right;
	height: 34px;
	line-height: 34px;
	width: 80px
}

.top-sign-box .fill-btn {
	min-width: 146px;
	box-sizing: content-box;
	font-size: 12px;
	border: none;
	background: #67e9db;
	margin-left: 15px
}

.top-active-box {
	height: 120px;
	position: relative;
	z-index: 1005;
	background: #fff center center no-repeat
}

.top-active-box a {
	height: 100%;
	display: block
}

.top-active-box .active-close {
	position: absolute;
	z-index: 20;
	right: 30px;
	top: 10px;
	width: 20px;
	height: 20px;
	background: rgba(0,0,0,.5) url(../images/active-close.png) center center no-repeat;
	border-radius: 50%;
	cursor: pointer;
	opacity: .5
}

.top-active-box .active-close:hover {
	opacity: .8
}

.fast-register-box.top-sign-box {
	height: 120px;
	background: #5dd5c8;
	position: relative;
	z-index: 1004;
	padding-top: 0
}

.fast-register-box.top-sign-box .home-inner {
	width: 1084px
}

.fast-register-box .icon-tip {
	float: left;
	height: 120px;
	margin: 0 35px 0 0
}

.fast-register-box .btn-to-upload {
	font-size: 14px;
	display: block;
	width: 140px;
	margin: 0 auto;
	height: 34px;
	line-height: 34px;
	border-radius: 2px;
	color: #5dd5c8;
	background: #fff
}

.top-sign-box.fast-register-box .code-form-box {
	top: 112px;
	width: 334px
}

.top-sign-box.fast-register-box .code-form-box .row-code {
	width: 320px
}

.top-sign-box.fast-register-box .code-form-box .getcode-btn {
	display: none
}

.fast-register-box .step-form {
	float: right;
	position: relative
}

.fast-register-box .step-form img {
	height: 26px;
	margin: 22px 0 8px 0
}

.fast-register-box .sign-form {
	display: block
}

.fast-register-box .input-box {
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.fast-register-box .input-box input {
	padding: 6px 10px 5px 10px;
	height: 25px;
	border: none;
	line-height: 25px;
	background: #fff;
	box-shadow: 1px 0 4px 0 rgba(86,174,164,.5);
	font-size: 12px;
	vertical-align: middle
}

.fast-register-box .input-box input.ipt-phone {
	width: 150px
}

.fast-register-box .show-code-box {
	color: #54cbc4;
	font-size: 12px;
	position: absolute;
	right: 15px;
	top: 6px
}

.fast-register-box .registe-btn {
	min-width: 80px;
	box-sizing: content-box;
	font-size: 12px;
	vertical-align: middle;
	border: 1px solid #fff;
	height: 34px;
	line-height: 34px
}

.fast-register-box .fast-reg-desc {
	font-size: 16px;
	color: #fff;
	padding-top: 28px
}

.fast-register-box .fast-reg-desc p {
	display: inline-block
}

.fast-register-box .boss-count,.fast-register-box .position-count {
	font-size: 32px;
	line-height: 40px;
	margin-right: 6px;
	margin-left: -3px
}

.fast-register-box .fast-reg-desc .vline {
	height: 61px;
	vertical-align: top;
	margin: 20px 20px 0 20px
}

.column-search-panel {
	position: relative;
	z-index: 1003
}

.column-search-panel .logo {
	display: none;
	float: left
}

.column-search-panel.fixed .logo {
	display: block
}

.column-search-panel .logo a {
	display: block;
	width: 110px;
	height: 36px;
	margin-right: 30px;
	background: url(../images/logo-2x.png) 3px 7px no-repeat;
	background-size: 105px 19px
}

.column-search-panel.fixed div.search-form-con {
	width: 904px
}

.column-search-panel.fixed .search-form .ipt-wrap {
	width: 774px;
	overflow: hidden
}

.column-search-panel.fixed .ipt-search {
	width: 736px
}

.column-search-panel .logo span {
	display: none
}

.column-search-panel.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 1003;
	background: #fff;
	z-index: 1004;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.21)
}

.column-search-panel.fixed .search-box {
	width: 100%;
	padding-top: 25px;
	animation: showSearchBox .35s linear both
}

@keyframes showSearchBox {
	0% {
		transform: translate(0,-25px)
	}

	35.294117647058826% {
		transform: translate(0,-.4975000000000023px)
	}

	52.94117647058824% {
		transform: translate(0,-6.249600000000001px)
	}

	70.58823529411765% {
		transform: translate(0,-.6212437500000014px)
	}

	82.35294117647058% {
		transform: translate(0,-1.4882437500000023px)
	}

	88.23529411764706% {
		transform: translate(0,-.23424375000000097px)
	}

	94.11764705882352% {
		transform: translate(0,-.384999999999998px)
	}

	100% {
		transform: translate(0,0)
	}
}

.column-search-panel.fixed .search-hot {
	display: none
}

.column-search-panel .search-box {
	width: 934px;
	margin: 0 auto
}

.column-search-panel .search-form-con {
	width: 794px;
	box-shadow: 0 0 6px 0 rgba(0,0,0,.13)
}

.column-search-panel .btn-search {
	height: 50px;
	line-height: 50px;
	background-image: none;
	font-size: 16px;
	width: 140px;
	float: right
}

.column-search-panel .ipt-search {
	width: 626px;
	font-size: 16px;
	padding: 10px 19px
}

.column-search-panel .search-form .ipt-wrap {
	width: 664px;
	border-color: #fff
}

.column-search-panel .industry-box {
	width: 675px;
	left: auto;
	right: 0;
	top: 59px
}

.column-search-panel .search-form {
	height: 50px
}

.column-search-panel .search-hot {
	padding: 9px 0 26px 0
}

.column-search-panel .search-hot a {
	color: #00c2b3
}

.column-search-panel .search-hot b {
	margin-right: 18px
}

.column-search-panel .position-sel {
	width: 99px;
	float: left;
	padding-top: 9px;
	padding-bottom: 11px;
	border-color: #fff;
	border-left: 1px solid #fff
}

.column-search-panel .position-sel b {
	font-size: 16px;
	width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block
}

.column-search-panel .position-sel .label-text {
	width: 80px
}

.column-search-panel .position-box {
	top: 50px;
	left: -1px
}

.column-search-panel.fixed .position-box {
	left: 139px
}

.column-search-panel .suggest-result {
	width: 664px;
	left: 128px;
	top: 50px
}

.column-search-panel.fixed .suggest-result {
	left: auto;
	width: 774px;
	right: 140px
}

.nav-city .city-box {
	top: 49px
}

.job-menu:hover {
	z-index: 1003
}

.zhipin-v1 .job-menu {
	padding-top: 4px
}

.zhipin-v1.promotion-four .job-menu {
	padding-top: 1px
}

.zhipin-v1 .job-menu a {
	margin-left: 0
}

.zhipin-v2.promotion-four .home-main {
	height: auto
}

.zhipin-v2.promotion-five .home-main {
	height: auto
}

.home-city-dialog .dialog-title .icon-close:after,.home-city-dialog .dialog-title .icon-close:before {
	background: #fff
}

.home-city-dialog .dialog-title .close:hover {
	background-color: unset
}

.home-city-dialog .dialog-title .close:hover .icon-close:after,.home-city-dialog .dialog-title .close:hover .icon-close:before {
	background: #fff
}

.home-city-dialog .dialog-title .icon-close {
	top: 5px
}

.home-city-dialog .title {
	background: #5dd5c8;
	color: #fff;
	background-image: url(../images/city-sites.png);
	background-repeat: no-repeat;
	background-position: 9px 7px
}

.home-city-dialog .content {
	padding: 24px 30px 0;
	font-family: PingFangSC-Regular
}

.home-city-dialog .content .content-prompt {
	height: 83px;
	border-bottom: 1px solid #dedede
}

.home-city-dialog .content .prompt-title {
	font-size: 16px;
	line-height: 30px
}

.home-city-dialog .content .prompt-desc {
	font-size: 14px;
	line-height: 30px
}

.home-city-dialog .content .cur-pos {
	margin-top: 27px;
	font-size: 14px;
	line-height: 20px
}

.home-city-dialog .content .cur-city {
	position: relative;
	margin: 16px 0 24px 0;
	width: 90px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #dedede;
	box-sizing: border-box
}

.home-city-dialog .content .cur-city:hover {
	border: 1px solid #53cac3
}

.home-city-dialog .content .cur-city:hover .city-name>a {
	color: #53cac3
}

.home-city-dialog .content .cur-city .icon-poi {
	position: absolute;
	top: 10px;
	left: 11px;
	display: inline-block;
	width: 14px;
	height: 16px;
	background: url(../images/icon-poi.png) 0 -165px
}

.home-city-dialog .content .cur-city .city-name {
	display: inline-block;
	margin-left: 30px
}

.home-city-dialog .title-content {
	display: inline-block
}

.home-city-dialog .title-main {
	margin-right: 10px
}

.home-city-dialog .title-sub {
	font-size: 12px
}

.home-city-dialog .dialog-container {
	width: 590px;
	height: 590px;
	margin: -295px 0 0 -295px
}

.home-city-dialog h4 {
	font-size: 16px;
	line-height: 50px;
	padding-left: 30px;
	font-weight: 400
}

.home-city-dialog .city-writing {
	color: #53cac3
}

.home-city-dialog .city-wrapper {
	margin-top: 20px;
	font-size: 0
}

.home-city-dialog .city-wrapper .city-list {
	margin-right: -20px
}

.home-city-dialog .city-item {
	display: inline-block;
	margin: 0 20px 20px 0;
	box-sizing: border-box;
	width: 90px;
	height: 34px;
	border: 1px solid #e3e7ed
}

.home-city-dialog .city-item.current {
	border: 1px solid #5dd5c8;
	background: #5dd5c8
}

.home-city-dialog .city-item.current a {
	color: #fff
}

.home-city-dialog .city-item:hover {
	background: #5dd5c8;
	border-color: #5dd5c8;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.home-city-dialog .city-item:hover a {
	color: #fff
}

.home-city-dialog .city-item a {
	display: block;
	text-align: center;
	line-height: 32px;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #61687c
}

.home-city-dialog .content-footer {
	font-size: 12px;
	line-height: 20px;
	color: #8d92a1
}

.condition-insdustry:after,.job-time:after {
	content: '';
	display: block;
	overflow: hidden;
	visibility: hidden;
	clear: both
}

.condition-insdustry,.job-tags,.job-time {
	zoom: 1
}

.search-box {
	padding-top: 20px;
	width: 884px;
	position: relative;
	font-size: 13px
}

.company-detail-grab .search-box {
	margin-top: 35px;
	padding-top: 0;
	width: auto;
	font-size: 14px
}

.search-form {
	position: relative;
	zoom: 1;
	z-index: 1000
}

.search-form-shadow {
	box-shadow: 0 1px 5px rgba(83,202,195,.5)
}

.nav-search .search-form-shadow {
	box-shadow: none
}

.search-form-con {
	float: left;
	width: 794px
}

#header .search-form-con {
	width: 200px
}

.search-form .ipt-wrap-hover,.search-form-con:hover .ipt-wrap {
	border-color: #53cac3!important;
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1s;
	-o-transition: all linear .1s;
	transition: all linear .1s
}

.search-form .city-sel-hover,.search-form .industry-sel-hover,.search-form .position-sel-hover,.search-form-con:hover .city-sel,.search-form-con:hover .industry-sel,.search-form-con:hover .position-sel {
	border-color: #53cac3!important;
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1s;
	-o-transition: all linear .1s;
	transition: all linear .1s
}

.search-form .ipt-wrap {
	float: left;
	width: 500px;
	background: #fff;
	border: 1px solid #53cac3;
	border-left: none;
	border-right: none
}

.detail-search .ipt-wrap {
	border-color: #e3e7ed;
	width: 507px
}

.suggest-result {
	display: none;
	background: #fff;
	width: 698px;
	position: absolute;
	left: 94px;
	top: 44px;
	z-index: 1;
	border: 1px #f2f2f5 solid;
	box-shadow: 0 1px 8px rgba(0,0,0,.06)
}

.nav-search .suggest-result {
	border: none
}


.suggest-result ul {
	max-height: 250px;
	overflow: auto
}

.suggest-result li {
	line-height: 50px;
	padding: 0 30px;
	border-bottom: 1px #f8f9fc solid;
	cursor: pointer;
	color: #61687c
}

.suggest-result li.selected,.suggest-result li:hover {
	color: #18c3b1;
	background-color: #f8f9fb
}

.suggest-result li .h,.suggest-result li .text-blue {
	font-style: normal;
	color: #18c3b1;
	text-decoration: none
}

.suggest-result li.blank-data {
	color: #9fa3af
}

.suggest-result li:last-of-type {
	border-bottom: 0
}

.ipt-search {
	width: 323px;
	height: 28px;
	line-height: 30px;
	padding: 7px 15px;
	border: 0;
	font-size: 13px;
	color: #414a60
}

.search-job-list-wrap .search-form .ipt-wrap .ipt-search {
	width: 470px
}

.detail-search .ipt-search {
	width: 619px;
	padding: 7px 15px
}

.detail-search .search-form {
	z-index: 1000
}

.btn-search {
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	background: #55cbc4;
	border: 0;
	cursor: pointer;
	font-size: 0;
	width: 90px;
	padding: 0;
	min-width: 0;
	background-position: 34px -138px;
	min-width: 0
}

.city-sel {
	display: block;
	width: 65px;
	height: 28px;
	border: 1px solid #53cac3;
	border-right: none;
	line-height: 30px;
	float: left;
	padding: 6px 15px 8px 15px;
	background-color: #fff;
	position: relative;
	cursor: pointer
}

.industry-sel {
	display: block;
	width: 70px;
	height: 28px;
	border: 1px solid #53cac3;
	border-left: none;
	border-right: none;
	line-height: 30px;
	float: right;
	padding: 6px 15px 8px 15px;
	background-color: #fff;
	position: relative;
	cursor: pointer
}

.position-sel {
	display: block;
	width: 68px;
	height: 28px;
	border: 1px solid #53cac3;
	border-left: none;
	border-right: none;
	line-height: 30px;
	float: right;
	padding: 6px 15px 8px 15px;
	background-color: #fff;
	position: relative;
	cursor: pointer
}

.detail-search .city-sel {
	border-color: #e3e7ed
}

.city-sel b,.industry-sel b,.position-sel b {
	font-weight: 400;
	font-size: 13px;
	color: #61687c
}

.industry-box .city-box,.position-box {
	color: #8d92a1
}

.city-sel .line {
	width: 1px;
	height: 26px;
	background-color: #f2f2f5;
	position: absolute;
	top: 8px;
	right: 0
}

.industry-sel .line {
	width: 1px;
	height: 26px;
	background-color: #f2f2f5;
	position: absolute;
	top: 8px;
	left: 0
}

.position-sel .line {
	width: 1px;
	height: 26px;
	background-color: #f2f2f5;
	position: absolute;
	top: 8px;
	left: 0
}

.city-sel .label-text {
	width: 55px;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block
}

.position-sel .label-text {
	width: 52px;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block
}

.industry-sel .label-text {
	width: 55px;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block
}

.city-sel .icon-arrow-down {
	position: absolute;
	right: 7px;
	top: 15px
}

.industry-sel .icon-arrow-down {
	position: absolute;
	right: 10px;
	top: 15px
}

.position-sel .icon-arrow-down {
	position: absolute;
	right: 8px;
	top: 15px
}

.show-city .city-sel .icon-arrow-down {
	background-position: 0 -2067px
}

.city-box {
	display: none;
	position: absolute;
	width: 298px;
	background: #fff;
	top: 45px;
	left: 0;
	z-index: 1;
	color: #9fa3b0;
	box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.dorpdown-province {
	float: left;
	width: 150px;
	height: 302px;
	overflow: auto
}

.dorpdown-city li,.dorpdown-province li {
	padding-left: 28px;
	line-height: 50px;
	cursor: pointer
}

.dorpdown-province li.cur {
	background: #f1f3f6
}

.dorpdown-city li.cur {
	background: #f1f3f6
}

.dorpdown-city li:hover {
	background: #edf0f3
}

.dorpdown-city {
	margin-left: 150px;
	background: #f8f9fa;
	height: 302px;
	overflow: auto
}

.dorpdown-city ul {
	display: none
}

.dorpdown-city ul.show {
	display: block
}

.show-city .city-box {
	display: block
}

.company-detail-grab .city-sel {
	float: right
}

.company-detail-grab .search-form-con {
	width: 746px
}

.company-detail-grab .search-form .ipt-wrap {
	width: 649px;
	border-left: 1px solid #53cac3
}

.company-detail-grab .search-form .btn-search {
	background-image: url(../images/icons.png);
	background-repeat: no-repeat
}

.detail-search {
	width: auto
}

.detail-search .search-form-con {
	width: 746px
}

.detail-search .search-form .ipt-wrap {
	width: 649px;
	border-left: 1px solid #e3e7ed
}

.industry-box {
	display: none;
	position: absolute;
	width: 100%;
	background: #fff;
	top: 55px;
	left: 0;
	z-index: 1;
	color: #9fa3b0;
	box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.industry-box:before {
	content: '';
	position: absolute;
	top: -17px;
	right: 145px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	z-index: 9999
}

.industry-box ul {
	padding: 25px 0 15px 55px
}

.industry-box ul li {
	width: 155px;
	display: inline-block;
	margin-bottom: 12px
}

.industry-box ul li a {
	padding-left: 5px;
	display: block;
	color: #8d92a1;
	transition: none;
	-webkit-transition: none
}

.industry-box ul li.cur a {
	color: #00d7c6
}

.industry-box ul li a:hover {
	background: #f6f6f8
}

.show-industry .industry-box {
	display: block
}

.position-box {
	position: absolute;
	top: 45px;
	left: 596px;
	display: none;
	height: 250px;
	width: 506px
}

.position-box .select-tree ul.tree-3 {
	height: 250px
}

.position-box .select-tree {
	display: inline-block;
	box-shadow: 0 2px 8px rgba(0,0,0,.1);
	zoom: 1
}

.position-box .select-tree:after {
	content: '';
	display: block;
	overflow: hidden;
	visibility: hidden;
	clear: both;
	box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.position-box .select-tree ul {
	float: left;
	position: unset
}

.position-box .dropdown-menu {
	display: block
}

.show-position .position-box {
	display: block
}

.position-box .select-tree ul.tree-2 {
	left: 166px
}

.position-box .select-tree ul.tree-3 {
	left: 332px;
	border-top: none
}

.search-box .search-banner {
	position: absolute;
	left: 786px;
	top: 20px
}

.condition-box {
	background: #fff;
	margin-top: 10px;
	font-size: 12px
}

.condition-box dl {
	border-bottom: 1px #eef0f5 solid;
	margin: 0 0;
	display: none
}

.condition-box dl:after,.suggest-result dl:after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both
}

.condition-box dt {
	float: left;
	width: 50px;
	line-height: 52px;
	font-size: 16px;
	color: #4a4160
}

.condition-box dd {
	padding-top: 2px;
	margin-bottom: 0;
	margin-left: -12px
}

.condition-box dd a {
	display: inline-block;
	background: #fff;
	padding: 0 11px;
	border: 1px #fff solid;
	margin: 0;
	height: 36px;
	line-height: 36px
}

.condition-box dd a:hover {
	color: #fc6c38
}

.condition-box dd .icon-arrow-right {
	margin: 0;
	vertical-align: middle
}

.condition-box dd .vline {
	background: #e9eaef;
	margin: 0 3px
}

.condition-box .condition-city dd a.selected {
	border: 1px #eef0f5 solid;
	border-bottom: solid 1px #fff;
	position: relative;
	top: 1px;
	color: #fc6c38;
	margin: 0 15px
}

.condition-box dd a.disabled {
	color: #414a60;
	border: none;
	cursor: default
}

.condition-box dd a .fz-close-small {
	margin: 0 -4px 0 2px;
	cursor: pointer
}

.condition-box dd a.noborder {
	border-left-color: #fff
}

.condition-box dd .hot-text {
	padding-left: 25px
}

.condition-box .btn-all {
	float: right;
	cursor: pointer
}

.condition-box .btn-all .icon-arrow-down {
	vertical-align: middle;
	margin-left: 10px
}

.condition-box dl.condition-area,.condition-box dl.condition-district {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	background: #fff;
	transition: none;
	-webkit-transition: none
}

.condition-city .link-area,.condition-city .link-district {
	transition: none;
	-webkit-transition: none
}

.condition-area dt,.condition-district dt {
	width: 50px;
	white-space: nowrap
}


.condition-area dd,.condition-district dd {
	margin-bottom: 0;
	padding-bottom: 2px
}

.condition-area dd a,.condition-district dd a {
	background: 0 0;
	border: none
}

.condition-district dd a.selected {
	color: #fc6c38
}

.condition-area dd a.selected {
	color: #fc6c38
}

.condition-box dl.show-condition-area,.condition-box dl.show-condition-district {
	display: block;
	border-bottom: 1px #eef0f5 solid
}

.condition-insdustry dd {
	height: 26px;
	overflow: hidden
}

.condition-insdustry dd.show-all-insdustry {
	height: auto
}

.show-all-insdustry .btn-all {
	color: #fc6c38
}

.show-all-insdustry .btn-all .icon-arrow-down {
	background-position: 1px -87px
}

#filter-box {
	background: #fff;
	position: relative;
	z-index: 999;
	box-shadow: 0 3px 6px rgba(6,0,1,.05)
}

#filter-box.show-top {
	position: fixed;
	width: 100%;
	top: 0
}

#filter-box.show-top .condition-box {
	display: none
}

#filter-box.show-top .filter-select-box {
	margin-top: 5px
}

.filter-select-box {
	height: 40px;
	font-size: 12px
}

.filter-select-box .dropdown-wrap.cur .dropdown-menu {
	display: block!important
}

.filter-select-box .empty-filter {
	float: right;
	line-height: 40px;
	color: #8d92a1;
	margin-right: 0
}

.filter-select-box .dropdown-wrap {
	width: 160px;
	float: left;
	position: relative
}

.filter-select-box .dropdown-select {
	width: 120px;
	min-width: 120px;
	border: none;
	padding-top: 5px;
	font-size: 12px;
	padding-bottom: 3px;
	position: unset
}

.filter-select-box .ipt {
	width: 75px;
	min-width: 75px;
	border: none;
	padding-top: 5px;
	font-size: 12px;
	padding-left: 0;
	padding-right: 3px;
	color: #414a60
}

.filter-select-box .dropdown-menu-open .dropdown-menu {
	display: block;
	width: 125px
}

.filter-select-box .ipt:focus,.radio-checked {
	box-shadow: none
}

.filter-select-box .dropdown-menu {
	position: absolute;
	width: 100%;
	left: 0
}

.filter-select-box .dropdown-menu ul {
	max-height: 400px;
	box-shadow: 0 3px 6px rgba(6,0,1,.05);
	top: 3px;
	border-top: 1px #e3e7ed solid
}

.filter-select-box .dropdown-menu ul a {
	display: block;
	color: #8d92a1
}

.filter-select-box .dropdown-select .icon-select-arrow {
	left: 0;
	top: 6px;
	position: relative
}

.filter-select-box .ipt.selected-box {
	width: auto;
	min-width: auto;
	padding-left: 0;
	padding-right: 15px;
	display: inline-block;
	color: #fc6c38
}

.filter-select-box .ipt.selected-box a {
	color: #fc6c38;
	font-size: 15px
}

.filter-select-box .ipt.selected-box a:hover {
	color: #ff6d39
}

.filter-select-box .dropdown-menu-open .icon-select-arrow {
	background-position: 2px -86px
}

.filter-select-box .dropdown-menu li a {
	transition: none!important;
	-webkit-transition: none!important
}



.job-box.show-top {
	margin-top: 211px
}

.sider {
	float: right;
	width: 284px
}

.sider .nomargin {
	margin-top: 0
}

.sider .promotion-img img {
	width: 100%
}

.company-sider,.job-sider {
	float: right;
	width: 284px;
	padding-bottom: 40px
}

.sider .fill-resume {
	padding: 15px 25px;
	background: #fff;
	margin-bottom: 15px
}

.sider .fill-resume img {
	float: right;
	margin: 4px 15px 0 0
}

.sider .fill-resume h3 {
	height: 25px;
	line-height: 25px;
	color: #61687c
}

.sider .fill-resume p {
	height: 27px;
	line-height: 27px;
	color: #6b7184
}

.sider .fill-resume .btn {
	margin: 0 auto;
	display: block;
	margin-top: 10px;
	border-radius: 100px
}

.subscribe-wechat-wrapper {
	display: none!important;
	position: relative;
	background-color: #fff;
	margin: 0 300px 6px 0;
	overflow: hidden
}

.subscribe-wechat-wrapper .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: url(../images/icons-resume.png) no-repeat 5px -699px;
	cursor: pointer;
	transition: none
}

.subscribe-wechat-wrapper .close:hover {
	background-position: -27px -699px
}

.subscribe-wechat-wrapper dl {
	float: right;
	margin: 12px 70px 4px auto
}

.subscribe-wechat-wrapper dl img {
	display: block;
	width: 90px;
	height: 90px
}

.subscribe-wechat-wrapper dd {
	color: #9fa3af;
	font-size: 12px;
	text-align: center
}

.subscribe-wechat-wrapper .title {
	display: inline-block;
	margin: 23px 10px 8px 30px;
	font-size: 16px
}

.subscribe-wechat-wrapper .sub-title {
	display: inline-block;
	color: #9fa3af;
	font-size: 12px
}

.subscribe-wechat-wrapper p {
	margin: 0 260px 0 30px;
	color: #9fa3af;
	font-size: 14px
}

.subscribe-wechat-wrapper p span {
	color: #54cbc4;
	font-size: 15px
}

.job-list {
	background: #fff;
	margin-right: 234px
}

.job-tab {
	line-height: 43px;
	border-bottom: 2px #f2f2f5 solid;
	padding: 0 30px
}

.job-tab a {
	display: inline-block;
	margin-right: 36px;
	font-size: 15px;
	color: #9fa3b0;
	border-bottom: 2px transparent solid;
	position: relative;
	margin-bottom: -2px
}

.job-tab a:hover {
	color: #00d7c6
}

.job-tab a.cur {
	color: #54cbc4;
	border-bottom-color: #00d7c6
}

.job-tab .red-dot {
	margin-left: 5px;
	margin-top: -15px
}

.job-list li {
	height: 88px;
	cursor: pointer
}

.job-list li:hover {
	background-color: #f8f9fb;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.job-list li:hover .job-primary .btn-startchat {
	display: block
}

.job-list li:hover .info-publis {
	display: none
}

.job-list li .name {
	font-size: 16px;
	font-weight: 400;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.job-list li .name .job-title {
	font-size: 16px;
	color: #00c2b3;
	font-weight: 400;
	max-width: 170px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

.job-list li .name a {
	height: 26px;
	display: inline-block;
	line-height: 26px
}

.job-list li .name span.red {
	height: 26px;
	display: inline-block;
	line-height: 26px;
	position: relative;
	vertical-align: middle
}

.job-list li .name .red {
	padding-left: 8px
}

.job-list li .primary-wrapper {
	vertical-align: top;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.job-list li .primary-wrapper .job-title {
	font-size: 16px;
	color: #00c2b3;
	font-weight: 400;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

.job-list li .primary-wrapper .primary-box {
	display: inline-block;
	line-height: 26px
}

.job-list li .name .title-box {
	height: 26px;
	white-space: nowrap;
	display: inline-block;
	line-height: 26px
}

.job-list li .primary-wrapper span.red {
	height: 26px;
	display: inline-block;
	line-height: 26px;
	position: relative;
	vertical-align: middle
}

.job-list li .name .job-name-after {
	height: 16px;
	vertical-align: middle;
	margin: -2px 0 0 10px;
	display: inline-block;
	padding: 0 5px;
	border: #5e96f2 solid 1px;
	border-radius: 2px;
	font-size: 12px;
	font-style: normal;
	color: #4a89f1;
	line-height: 16px
}

.job-list li p {
	font-size: 12px;
	color: #9fa3b0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.job-list .job-list-more {
	margin-top: 20px;
	text-align: center
}

.job-list .job-list-more .btn {
	height: 32px;
	line-height: 32px;
	width: 284px
}

.job-primary {
	height: 48px;
	color: #4a4160;
	padding: 20px 0 19px;
	margin: 0 30px;
	border-bottom: 1px #f2f2f5 solid;
	position: relative
}

.job-primary.job-detail-primary {
	height: auto
}

.job-primary .info-primary {
	width: 290px;
	float: left
}

.job-primary .info-company {
	vertical-align: top;
	width: 240px
}

.job-primary .info-company .company-logo {
	display: inline-block
}

.search-job-list-wrap .job-primary {
	height: 130px;
	box-sizing: border-box;
	padding: 0
}

.search-job-list-wrap .job-primary .job-medium-icon {
	position: absolute;
	left: -30px;
	width: 36px
}

.search-job-list-wrap .job-primary .info-primary {
	width: auto;
	height: 70px;
	padding-top: 20px;
	float: none
}

.search-job-list-wrap .job-list {
	background: 0 0;
	margin-right: 300px
}

.search-job-list-wrap .job-list li {
	height: 130px;
	cursor: pointer;
	margin-bottom: 10px;
	background: #fff
}

.search-job-list-wrap .job-list li:hover {
	background: #fff
}

.search-job-list-wrap .job-list li .primary-wrapper {
	float: left;
	width: 440px
}

.search-job-list-wrap .job-list li .job-primary .info-append {
	height: 40px;
	line-height: 40px;
	margin: 0 -30px;
	padding: 0 30px;
	background: #f8f9fc
}

.search-job-list-wrap .job-list li .job-primary .info-append .tags {
	float: left;
	width: 389px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 85px;
	font-size: 0;
	height: 40px
}

.search-job-list-wrap .job-list li .job-primary .info-append .tags .tag-item {
	font-size: 12px;
	height: 21px;
	line-height: 21px;
	padding: 0 8px;
	border: 1px solid #eee;
	border-radius: 2px;
	display: inline-block;
	margin-right: 10px;
	margin-top: 9px;
	color: #61687c
}

.search-job-list-wrap .job-list li .job-primary .info-append .info-desc {
	font-size: 13px;
	float: left;
	width: 350px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #61687c
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title {
	font-size: 0
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name {
	margin-right: 10px;
	display: block
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name {
	max-width: 171px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area {
	max-width: 102px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area,.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name {
	font-size: 16px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name a {
	color: #00c2b3
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper {
	margin-right: 10px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::after,.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::before {
	font-size: 16px;
	vertical-align: middle
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::before {
	content: '['
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::after {
	content: ']'
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-pub-time {
	font-size: 13px;
	color: #8d92a1;
	vertical-align: -7px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit {
	height: 26px;
	overflow: hidden
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .red {
	float: left;
	margin-right: 12px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .red+p {
	float: left;
	font-size: 14px;
	margin-right: 13px;
	margin-top: 0;
	max-width: 169px;
	color: #61687c
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .info-publis {
	width: auto;
	text-align: left;
	float: left;
	padding: 0 10px;
	border: 1px solid #eee;
	border-radius: 12px;
	height: 21px;
	line-height: 21px;
	margin-top: 1px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .info-publis .name {
	font-weight: 400;
	height: 21px;
	line-height: 21px;
	max-width: 150px;
	color: #6c7388
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .info-publis .name .vline {
	margin: -2px 5px 0;
	height: 10px
}

.search-job-list-wrap .job-primary .info-company {
	width: 350px;
	float: right
}

.search-job-list-wrap .job-primary .info-company .company-text {
	width: auto;
	float: left
}

.search-job-list-wrap .job-primary .info-company .company-logo {
	float: right;
	width: 54px;
	height: 54px;
	border: 1px solid #f3f5fb;
	border-radius: 9px
}

.search-job-list-wrap .job-primary .info-company .company-logo+p {
	font-size: 14px
}

.search-job-list-wrap .job-primary .info-company .company-text .name {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 3px
}

.search-job-list-wrap .job-primary .info-company .company-text .name+p {
	color: #61687c;
	max-width: 270px
}

.search-job-list-wrap .job-primary .info-company .company-text .name+p .false-link {
	color: #61687c
}

.search-job-list-wrap .job-primary .info-company .company-text .name a {
	color: #00c2b3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 256px
}

.search-job-list-wrap .job-primary .info-publis {
	width: 205px
}

.search-job-list-wrap .job-primary .info-publis h3 {
	font-size: 12px
}

.search-job-list-wrap .job-primary .primary-wrapper .info-detail .job-title {
	color: #fff;
	max-width: unset;
	display: block;
	margin-bottom: 5px
}

.search-job-list-wrap .job-primary .icon-chat {
	width: 13px;
	height: 13px;
	vertical-align: -2px;
	margin: 0 6px 0 0;
	border-radius: 0
}

.search-job-list-wrap .job-primary .icon-chat-hover {
	margin: 0
}

.search-job-list-wrap .job-primary .btn-startchat {
	display: none;
	width: 87px;
	min-width: auto;
	height: 21px;
	border-radius: 12px;
	font-size: 12px;
	line-height: 21px
}

.search-job-list-wrap .company-list .company-item {
	background: #fff;
	margin-bottom: 10px;
	padding: 34px 0 34px 30px
}

.search-job-list-wrap .company-list .company-item:hover {
	background: #fff
}

.search-job-list-wrap .company-list .company-item .company-left {
	padding-left: 79px
}

.search-job-list-wrap .company-list .company-item .company-left img {
	width: 58px;
	height: 58px;
	top: -3px;
	border: 1px solid #f3f5fb;
	border-radius: 9px
}

.search-job-list-wrap .company-list .company-item .company-left .company-name {
	color: #00c2b3;
	font-size: 18px
}

.search-job-list-wrap .company-list .company-item .company-left .company-name:hover {
	color: #00c2b3!important
}

.search-job-list-wrap .company-list .company-item .company-left .company-info {
	font-size: 14px
}

.search-job-list-wrap .company-list .company-item .company-right {
	top: 29px
}

.search-job-list-wrap .info-detail-top .detail-top-right .btn {
	display: inline-block!important;
	width: auto
}

.search-job-list-wrap .job-primary .info-detail-top .detail-top-title {
	max-width: 250px
}

.job-primary .info-primary .primary-wrapper .primary-box.cur .info-detail {
	display: block
}

.job-primary .info-publis {
	float: right;
	white-space: nowrap;
	overflow: hidden;
	width: 175px;
	text-overflow: ellipsis;
	text-align: right
}

.user-center .job-primary .info-publis {
	width: 205px
}

.job-primary .info-publis img {
	width: 20px;
	height: 20px;
	border-radius: 40px;
	vertical-align: middle;
	margin: -3px 10px 0 0
}

.job-primary .info-publis h3 {
	font-size: 13px;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle
}

@-moz-document url-prefix() {
	.job-primary .info-publis {
		text-align: right;
		overflow: auto;
		text-overflow: unset
	}

	.job-primary .info-publis h3 {
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%
	}
}

.job-primary .info-publis p {
	text-align: right
}

.job-list li .info-primary p {
	margin-top: 2px
}

.job-primary .info-detail {
	position: absolute;
	white-space: normal;
	right: -30px;
	top: 0;
	width: 500px;
	height: auto;
	z-index: 20;
	display: none;
	padding: 16px 0 0 0;
	color: #abafba;
	background: rgba(244,247,252,.9);
	box-shadow: 0 4px 8px 0 rgba(65,74,96,.2);
	z-index: 1001
}

.ie .job-primary .info-detail {
	background: #707789
}

.job-primary .name .info-detail .job-title {
	color: #fff;
	max-width: unset;
	display: block;
	margin-bottom: 5px
}

.job-primary .info-detail h4 {
	font-size: 12px;
	color: #fff
}

.job-primary .info-detail h4 span {
	border: solid 1px #fff;
	border-radius: 3px;
	font-weight: 400;
	display: inline-block;
	height: 19px;
	line-height: 20px;
	padding: 0 5px;
	margin-right: 10px
}

.job-primary .info-detail .tags {
	font-size: 12px;
	color: #fff
}

.job-primary .info-detail .tags span {
	border: solid 1px #fff;
	border-radius: 3px;
	font-weight: 400;
	display: inline-block;
	height: 19px;
	line-height: 20px;
	padding: 0 5px;
	margin-right: 10px
}

.job-primary .info-primary .info-detail p {
	color: #fff;
	margin: 7px 0 0 0;
	line-height: 21px;
	height: 45px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.job-primary .info-primary h3 a.cur .info-detail {
	display: block
}

.company-detail-grab .job-list li:hover .info-publis {
	display: block
}

.company-detail-grab .job-list li .name .job-title {
	max-width: 420px
}

.company-detail-grab .job-list li .primary-wrapper .job-title {
	max-width: 420px
}

.company-detail-grab .job-primary .info-primary {
	width: auto
}

.company-detail-grab .job-primary .info-publis {
	width: 175px
}

.company-detail-grab .job-primary .company-tab {
	margin: -20px 0 -10px;
	clear: left
}

.company-detail-grab .company-banner .info-primary p {
	margin-bottom: 8px;
	font-size: 14px
}

.company-detail-grab .company-banner .tag-container {
	margin: 8px 0 15px;
	width: 800px
}

.company-detail-grab .company-banner .tag-container .job-tags span {
	border: 1px solid #666972;
	color: #e7e7e7
}

.company-detail-grab .company-banner .tag-container-hasmore .job-tags span {
	border: 1px solid #5ed5c8;
	color: #5ed5c8
}

.tag-container-hasmore .job-tags {
	height: 26px;
	overflow: hidden
}

.tag-container-hasmore .tag-more {
	top: 0
}

.tag-container-hasmore .tag-more .tag-all {
	display: none;
	position: absolute;
	top: 45px;
	right: 0;
	z-index: 100;
	width: 635px;
	height: auto;
	background: rgba(255,255,255,1);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
	padding: 30px;
	padding-bottom: 10px;
	box-sizing: border-box;
	margin-right: 0;
	overflow: initial
}

.tag-container-hasmore .tag-more:hover .tag-all {
	display: block
}

.company-sider .sider-company {
	border-bottom: 0;
	margin-bottom: 16px
}

.company-sider .sider-company p.gray {
	margin-bottom: 0
}

.job-primary .info-detail-top {
	position: relative;
	height: 74px;
	padding: 10px 20px 0
}

.job-primary .info-detail-top .detail-top-title {
	font-size: 16px;
	color: #414a60;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.job-primary .info-detail-top .detail-top-text {
	font-size: 12px
}

.info-detail-top .detail-top-right .btn {
	height: 30px;
	line-height: 30px;
	display: inline-block;
	font-size: 13px;
	min-width: 85px;
	margin-top: 0;
	border-radius: 0
}

.info-detail-top .detail-top-right .link-like {
	display: inline-block;
	margin-left: 20px;
	background: url(../images/icons-like-2.png) no-repeat 0 -73px;
	color: #9fa3b0;
	padding-left: 20px;
	-webkit-transition: none;
	transition: none;
	margin-right: 25px
}

.info-detail-top .detail-top-right .link-like:hover {
	background-position: 0 -106px;
	color: #5dd5c8
}

.job-primary .detail-top-right {
	position: absolute;
	right: 20px;
	top: 16px;
	font-size: 13px
}

.job-primary .detail-bottom .detail-bottom-title {
	padding: 10px 0 0;
	font-size: 14px;
	color: #414a60
}

.job-primary .detail-bottom .detail-bottom-text {
	max-height: 260px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10
}

.job-primary .detail-bottom {
	background: #fff;
	padding: 0 20px 23px;
	font-size: 13px
}

.job-primary.detail-box {
	border: none;
	height: auto;
	padding: 0;
	margin: 0
}

.job-primary.detail-box .info-primary {
	width: 500px
}

.job-primary.detail-box .info-company {
	width: 495px;
	float: right;
	text-align: right
}

.company-job .job-list {
	background: 0 0
}

.company-job .job-list li {
	height: 112px;
	background: #fff;
	margin-bottom: 10px
}

.company-job .job-list li .job-primary {
	border: none;
	padding-top: 30px
}

.company-job .job-list li .job-primary .name {
	font-size: 0
}

.company-job .job-list li .job-primary .name .title-box span {
	vertical-align: middle
}

.company-job .job-list li .job-primary .name .title-box span+span {
	margin-left: 10px
}

.company-job .job-list li .job-primary .name .title-box .job-title {
	max-width: 192px
}

.company-job .job-list li .job-primary .name .title-box .job-area {
	display: inline-block;
	color: #00c2b3;
	font-size: 16px;
	max-width: 200px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 10px
}

.company-job .job-list li .job-primary .name .title-box .job-pub-time {
	font-size: 13px;
	color: #8d92a1
}

.company-job .job-list li .job-primary .info-publis .name {
	font-size: 14px;
	height: 50px;
	line-height: 50px
}

.company-job .job-list li .job-primary .info-primary .cur .info-detail {
	display: block
}

.company-job .job-list li .job-primary .info-primary .name+p {
	font-size: 14px;
	color: #61687c;
	margin-top: 5px
}

.company-job .job-list li .job-primary .info-primary .name+p .red {
	font-size: 16px;
	margin-right: 16px
}

.company-job .job-list li .startchat-box {
	padding-top: 3px;
	top: 35px
}

.company-job .info-detail {
	width: 458px;
	white-space: normal;
	padding-top: 10px;
	background: #fff;
	box-shadow: 0 4px 8px 0 rgba(65,74,96,.2)
}

.company-job .info-detail .detail-bottom-title {
	font-size: 16px
}

.company-job .info-detail .detail-bottom-title:before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 14px;
	background: #55cbc4;
	vertical-align: middle;
	margin: -2px 8px 0 0
}

.company-job .info-detail .detail-bottom-labels {
	font-size: 0;
	margin-top: 10px
}

.company-job .info-detail .detail-bottom-labels .detail-bottom-label {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	border-radius: 20px;
	font-size: 12px;
	padding: 0 12px;
	margin-right: 20px;
	min-width: auto;
	background: #fff;
	border: 1px solid #d1d4db
}

.company-list .company-item {
	padding: 25px;
	position: relative;
	cursor: pointer
}

.company-list .company-item:hover {
	background: #fafafb
}

.company-item .company-left {
	position: relative;
	padding-left: 58px;
	width: 520px
}

.company-item .company-left img {
	width: 48px;
	height: 48px;
	margin-right: 10px;
	position: absolute;
	left: 0
}

.company-item .company-left .company-info {
	font-size: 13px;
	color: #9b9fa9
}

.company-item .company-left .company-name {
	font-size: 16px;
	color: #414a60
}

.company-item .company-left .company-name:hover {
	color: #57cbc4!important
}

.company-item .company-right {
	position: absolute;
	width: 145px;
	right: 20px;
	top: 20px
}

.company-item .company-right .count-item {
	width: 52px;
	font-size: 13px;
	display: inline-block;
	text-align: center
}

.company-item .company-right .count-item:hover .count-about,.company-item .company-right .count-item:hover .count-text {
	color: #57cbc4!important
}

.company-item .company-right .count-text {
	font-size: 18px;
	padding-top: 6px
}

.company-item .company-right .count-about {
	color: rgba(65,74,96,.5);
	font-size: 13px
}

.company-item .company-right .vline {
	height: 45px;
	position: relative;
	top: -13px;
	background: #a0a4af;
	opacity: .3;
	margin: 0 14px
}

.about-job {
	padding: 15px 0 0;
	background: #f2f2f5
}

.sider-list {
	background: #fff;
	margin-bottom: 16px
}

.sider-list h3 {
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	color: #54cbc4;
	padding-left: 30px;
	font-weight: 400;
	border-bottom: solid 2px #f2f2f5
}

.sider-list li {
	margin: 0 30px;
	border-bottom: solid 1px #eef0f5;
	padding: 8px 0 2px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.sider-list li:last-of-type {
	border: none
}

.sider-list li h4 {
	font-weight: 400;
	padding-right: 90px;
	position: relative;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden
}

.sider-list li .salary {
	position: absolute;
	color: #fc6c38;
	right: 0
}

.sider-list li p {
	line-height: 22px;
	color: #8d92a1;
	font-size: 12px;
	margin-bottom: 6px
}

.sider-list .icon-arrow-right {
	position: relative;
	top: 11px;
	color: #a2a6b3;
	float: right
}

.about-search a {
	height: 40px;
	line-height: 40px;
	display: block
}

.about-search a:hover {
	transition: auto
}

.about-search a:hover .icon-arrow-right {
	background-position: 4px -915px
}

.company-card {
	border-bottom: 20px #f2f2f5 solid;
	padding: 30px 40px
}

.company-card:hover {
	background-color: #f8f9fb;
	cursor: pointer
}

.company-card .btns {
	float: right
}

.company-card .btns p {
	text-align: right;
	padding-bottom: 5px
}

.company-card .btns .btn {
	margin-left: 20px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	letter-spacing: 0;
	min-width: 90px
}

.company-card .company-logo {
	width: 60px;
	height: 60px;
	float: left;
	margin-left: 0
}

.company-card .company-logo img {
	width: 60px;
	height: 60px;
	display: block
}

.company-card .info-primary h3 {
	margin-left: 80px;
	font-weight: 400;
	font-size: 20px;
	padding-bottom: 12px
}

.company-card .info-primary p {
	margin-left: 80px
}

.company-header {
	background: #fff;
	margin-top: 20px;
	min-height: 100px;
	padding: 30px 40px
}

.company-figure {
	width: 100px;
	float: left
}

.company-figure img {
	display: block;
	width: 100px;
	height: 100px
}

.company-header .text {
	margin-left: 132px
}

.company-header .text .title {
	font-size: 24px;
	font-weight: 400;
	padding-top: 4px
}

.company-header .text p {
	padding-top: 10px
}

.company-logo {
	width: 62px;
	display: inline-block;
	vertical-align: top;
	margin-left: 23px
}

.company-logo img {
	width: 60px;
	height: 60px;
	border-radius: 10px;
	border: 1px solid #f2f5fa
}

.company-text {
	display: inline-block;
	vertical-align: top;
	width: 100%
}

.job-tags {
	padding-top: 15px
}

.job-tags .job-author {
	float: right;
	text-align: right
}

.job-tags span {
	display: inline-block;
	border: 1px #d1d4da solid;
	padding: 0 12px;
	line-height: 20px;
	border-radius: 15px;
	margin-right: 15px;
	margin-top: 6px;
	font-size: 12px;
	color: #9fa3af;
	margin-bottom: 10px
}

.job-time {
	padding-top: 4px;
	margin-bottom: -2px
}

.job-tags .time,.job-time .time {
	font-size: 12px;
	color: #d1d4da;
	border: 0;
	padding: 0
}

.job-tags .time {
	margin-top: 10px
}

.job-list .job-author p {
	padding-top: 0;
	margin-top: 0;
	color: #4a4160
}

.job-author img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	vertical-align: middle;
	margin-left: 35px
}

.job-banner {
	background: #444c60 url(../images/detail-bg.jpg) center center no-repeat;
	height: 204px;
	color: #fff;
	padding-top: 10px
}

.job-banner .job-author {
	padding-top: 5px
}

.job-banner .job-author .time {
	padding-top: 0;
	background-position: 0 -1190px;
	padding-left: 20px;
	color: #e3e7ed;
	font-size: 12px
}

.job-banner .name {
	font-size: 24px;
	color: #fff;
	font-weight: 400;
	padding: 5px 0 8px
}

.company-banner .name h1,.job-banner .name h1 {
	font-size: 24px;
	display: inline-block;
	font-weight: 400;
	margin-right: 10px;
	line-height: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 400px
}

.job-banner .name a {
	color: #fff
}

.job-banner .name .badge {
	font-size: 14px;
	vertical-align: middle;
	margin-top: -19px
}

.job-banner .vline {
	background: #9fa3b0
}

.job-banner .info-primary p {
	color: #fff
}

.job-banner .info-primary .job-tags {
	padding-top: 8px;
	height: 27px;
	overflow: hidden;
	display: inline-block
}

.job-banner .info-company {
	padding-top: 36px;
	color: #fff;
	max-width: 570px
}

.detail-grab .job-banner {
	padding-top: 20px;
	height: 161px
}

.detail-grab .job-banner .info-company {
	padding-top: 0;
	width: 495px
}

.detail-grab .job-banner .info-company p {
	overflow: unset;
	white-space: normal
}

.detail-grab .job-banner .info-primary .name {
	padding: 8px 0 10px;
	line-height: 35px
}

.detail-grab .detail-op {
	padding-top: 10px;
	position: relative;
	z-index: 10
}

.detail-grab .pop-detail .jconfirm-box .buttons .btn {
	float: right
}

.job-banner .company-logo {
	width: 102px;
	padding-top: 6px;
	float: right
}

.company-detail-grab .company-banner {
	padding: 35px 0 10px
}

.company-detail-grab .promotion-job li .name {
	font-size: 15px;
	padding-bottom: 2px
}

.company-detail-grab .promotion-job li .gray {
	font-size: 12px
}

.company-detail-grab .job-list {
	margin: 0
}

.company-detail-grab .job-list .detail-op {
	padding-top: 0
}

.company-detail-grab .job-list .job-primary .info-primary {
	width: 500px
}

.company-detail-grab .job-list h3 {
	margin-top: 0;
	padding-bottom: 0;
	font-size: 14px
}

.company-detail-grab .job-list li:hover {
	background: 0 0
}

.company-detail-grab .job-list li:hover .job-title {
	color: #00d7c6
}

.company-detail-grab .job-primary {
	margin: 0
}

.company-detail-grab .job-primary .info-publis h3 {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	float: right;
	text-align: left
}

.company-detail-grab .job-primary .info-publis p {
	margin-top: 28px
}

.company-detail-grab .promotion-job li:last-of-type {
	border-bottom: 1px #f5f7f9 solid
}

.job-banner .company-logo img {
	width: 100px;
	height: 100px;
	border: 0
}

.job-banner .info-company p {
	padding-bottom: 0;
	padding-top: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.job-banner .info-company h3,.job-banner .info-company p {
	margin-right: 138px
}

.job-banner .info-company p a {
	color: #fff
}

.job-detail {
	position: relative;
	padding-right: 25px;
	padding-bottom: 45px;
	min-height: 813px
}

.job-detail .detail-figure {
	position: absolute;
	top: -62px;
	left: 0
}

.job-detail .detail-figure img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	vertical-align: top
}

.job-detail .detail-op {
	float: left;
	width: 100%;
	padding-top: 0;
	margin-bottom: 10px
}

.job-detail .detail-op .name {
	margin-top: 5px
}

.job-detail .detail-op p {
	margin-top: 0
}

.job-detail .detail-op .btns {
	padding-top: 21px
}

.job-detail .detail-content {
	clear: left
}

.job-detail .links {
	width: auto;
	margin-top: 25px
}

.job-detail .recommend-box {
	margin-top: 20px;
	position: relative
}

.job-detail .recommend-box h3 {
	font-size: 15px;
	margin-bottom: 20px;
	font-weight: 400
}

.job-detail .recommend-box .recommend-li {
	width: 357px;
	padding: 9px 25px 8px 35px;
	float: left;
	height: 50px
}

.job-detail .recommend-box .name {
	font-size: 15px;
	position: relative;
	padding-right: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.job-detail .recommend-box .name .red {
	position: absolute;
	right: 0
}

.job-detail .recommend-box .recommend-li p {
	color: #8d92a1
}

.job-detail .slider-main {
	width: auto;
	height: 391px;
	border: solid 1px #eef0f5
}

.job-detail .slider-main ul li {
	margin-top: 12px;
	border-bottom: solid 1px #eef0f5;
	padding-bottom: 5px;
	height: 335px
}

.job-detail .slider-main li {
	height: auto
}

.job-detail .swiper-container .swiper-slide {
	margin-left: -2px
}

.job-detail .recommend-box .swiper-container {
	border: solid 1px #eef0f5
}

.job-detail .recommend-box .swiper-pagination {
	bottom: 0;
	padding: 6px 0;
	border-top: solid 1px #eef0f5
}

.job-detail .recommend-box .btn-direction {
	display: inline-block;
	bottom: 10px;
	top: unset;
	background: url(../images/icons.png) no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 0;
	z-index: 9999
}

.job-detail .recommend-box .btn-prev {
	background-position: 15px -1478px;
	left: 10px
}

.job-detail .recommend-box .btn-next {
	background-position: 15px -1528px;
	right: 10px
}

.job-detail .recommend-box .swiper-pagination-bullet-active {
	background: #54cbc4
}

.job-detail .recommend-box .slider-dot {
	position: absolute;
	bottom: 5px;
	right: 350px;
	top: unset;
	width: 126px
}

.job-detail .recommend-box .slider-dot i {
	height: 10px;
	width: 10px;
	margin-right: 12px;
	border: solid 1px #e5e8ee;
	opacity: 1
}

.job-detail .recommend-box .slider-dot i {
	border-radius: 100px
}

.job-detail .recommend-box .slider-dot i.cur {
	background: #54cbc4;
	border-color: #54cbc4
}

.job-detail .slider-main li {
	font-size: 12px;
	line-height: 25px
}

.job-detail .recommend-box .recommend-noslider ul {
	width: 100%;
	overflow: hidden
}

.job-detail .recommend-box .recommend-noslider ul li {
	width: 130%;
	overflow: hidden
}

.job-detail .recommend-box .recommend-noslider .recommend-li {
	padding: 9px 114px 8px 0
}

.job-detail-float {
	float: left;
	margin-right: 0;
	width: 836px
}

.smallbanner {
	width: 100%;
	height: 80px;
	background: #444c60 url(../images/detail-bg.jpg) center center no-repeat;
	color: #fff;
	position: fixed;
	z-index: 1001;
	top: 0;
	display: none
}

.smallbanner .detail-op {
	padding: 0
}

.smallbanner .detail-op .btns {
	float: right;
	margin-top: 21px;
	padding: 0
}

.smallbanner .detail-op .op-links {
	display: none
}

.smallbanner .btn-outline {
	background: 0 0;
	color: #fff;
	margin-right: 18px
}

.smallbanner .btn-outline:hover {
	background: #6adbcf
}

.smallbanner .btn-disabled:hover {
	background: 0 0
}

.smallbanner .name {
	font-size: 24px;
	line-height: 80px
}

.smallbanner .name a {
	color: #fff;
	line-height: 80px
}

.smallbanner .name span {
	vertical-align: middle;
	margin-top: -3px
}

.company-banner {
	background-color: #444c5f;
	background-position: center 0;
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	color: #fff;
	padding: 29px 0
}

.company-banner .job-primary {
	border: none;
	padding: 0;
	margin: 0
}

.company-banner .info-company {
	float: none
}

.company-banner .company-logo {
	float: left
}

.company-banner .company-logo {
	width: 80px;
	height: 100px;
	float: right;
	margin-left: 57px
}

.company-banner .company-logo img {
	width: 80px;
	height: 80px;
	border: 0
}

.company-banner .info-primary {
	height: 100px;
	overflow: hidden;
	color: #fff;
	max-width: 800px
}

.company-banner .name {
	font-size: 24px;
	color: #fff;
	font-weight: 400;
	padding: 3px 0 15px
}

.company-banner .info-primary h1,.company-banner .info-primary p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.company-banner .info-primary p {
	padding-bottom: 9px
}

.company-banner .info-primary .vline {
	background: #878d9b
}

.company-banner .company-stat {
	float: right;
	color: #fff;
	padding-top: 0
}

.company-banner .inner {
	position: relative
}

.company-banner .update-time {
	position: absolute;
	right: 0;
	bottom: -29px;
	color: #d1d4da
}

.dark-text,.light-text {
	padding: 65px 0
}

.dark-text .info-primary p,.dark-text .name {
	color: #424a5e
}

.dark-text .company-tab,.light-text .company-tab {
	margin-top: 43px
}

.dark-text .company-tab a {
	color: #424a5e;
	opacity: .8
}

.dark-text .company-tab a.cur {
	color: #424a5e
}

.light-text .company-tab a {
	color: #fff;
	opacity: .8
}

.light-text .company-tab a.cur {
	color: #fff
}

.dark-text .company-stat,.light-text .company-stat {
	display: none
}

.dark-text .company-tab,.light-text .company-tab {
	margin-bottom: -66px
}

.company-stat span {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	line-height: 1.3
}

.company-stat span a {
	color: #fff
}

.company-stat span b {
	display: block;
	font-size: 36px;
	color: #54cbc4;
	font-weight: 400;
	line-height: 36px;
	padding-bottom: 8px;
	text-align: right
}

.company-stat .vline {
	height: 56px;
	background: #636b7c;
	margin: 11px 0 0;
	visibility: hidden
}

.company-stat .vline+span {
	width: 176px
}

.company-tab {
	margin-bottom: -29px;
	margin-top: 0
}

.company-tab a {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #fff;
	margin-right: 45px;
	padding: 13px 0 10px
}

.company-tab a.cur {
	color: #18c3b1;
	border-bottom: 3px #62d5c8 solid
}

.company-tab a.disabled {
	cursor: default;
	color: #9fa3af
}

.company-hotjob {
	background: #f2f2f5;
	padding: 25px 0 18px;
	overflow: hidden
}

.company-hotjob h3 {
	font-weight: 400;
	font-size: 16px;
	padding-bottom: 20px
}

.company-hotjob ul {
	font-size: 0;
	white-space: nowrap
}

.company-hotjob li {
	display: inline-block;
	font-size: 14px;
	margin-right: 15px
}

.company-hotjob li a {
	display: block;
	width: 342px;
	padding: 19px 20px 17px;
	border: 1px #fff solid;
	background: #fff
}

.company-hotjob li a:hover {
	background: #f8f9fb;
	border-color: #f8f9fb
}

.company-hotjob li .name {
	padding-bottom: 10px
}

.company-hotjob li .salary {
	color: #fc703e;
	float: right;
	font-size: 16px
}

.company-hotjob li .name b {
	font-weight: 400;
	font-size: 16px;
	display: block;
	max-width: 226px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.company-hotjob li p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.small-item li {
	width: 224px;
	height: 98px
}

.small-item li a {
	width: 183px
}

.company-products li {
	min-height: 60px;
	overflow: hidden;
	padding: 14px 0
}

.company-products li:last-of-type {
	padding-bottom: 0
}

.company-products .figure {
	width: 60px;
	height: 60px;
	float: left
}

.company-products .figure img {
	width: 60px;
	height: 60px;
	border-radius: 12px;
	background-color: #f7f7f7
}

.company-products .text {
	margin-left: 80px;
	font-size: 16px
}

.company-products .text .name {
	line-height: 24px;
	padding-bottom: 7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.company-products .text p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px
}

.company-sider .job-sec h3 {
	font-size: 15px;
	margin-top: 0
}

.company-sider .manager-list h3 {
	position: relative
}

.manager-list .slider-dot {
	width: 100%;
	top: -30px;
	right: auto;
	left: -7px
}

.manager-list .slider-dot i {
	display: inline-block;
	width: 14px;
	height: 10px;
	border-bottom: 2px #c6c8cf solid;
	margin-right: 8px;
	cursor: pointer;
	opacity: 1
}

.manager-list .slider-dot i.cur {
	border-bottom-color: #62d5c8;
	width: 19px
}

.manager-list .manager-inner {
	position: relative;
	height: auto!important
}

.manager-list li {
	display: none;
	padding-top: 13px
}

.manager-list li.cur {
	display: block!important
}

.manager-list .info-user {
	font-size: 0;
	padding-bottom: 10px;
	display: flex
}

.manager-list .info-user img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	vertical-align: top
}

.manager-list .info-user p {
	display: inline-block;
	margin-left: 20px;
	max-width: 216px
}

.manager-list .info-user .name {
	display: block;
	font-size: 20px;
	padding-bottom: 10px
}

.manager-list .info-user .job-title {
	display: block;
	font-size: 16px
}

.more-view .fz-slidedown {
	background-position: 5px -786px;
	vertical-align: middle
}

.more-view .fz-slideup {
	background-position: 5px -810px;
	vertical-align: middle
}

.manager-list li .fold-text {
	max-height: 108px
}

.company-sider .picture-list h3 {
	margin-top: 5px
}

.picture-list {
	padding-bottom: 15px;
	position: relative
}

.picture-list .slider-main {
	position: relative;
	width: 298px;
	height: 165px!important;
	margin-top: 15px
}

.picture-list li {
	position: absolute;
	top: 0;
	left: 0;
	height: 165px;
	display: none
}

.picture-list li.cur {
	display: block
}

.picture-list li img {
	display: block;
	width: 298px;
	height: 165px;
	background-color: #f7f7f7
}

.picture-list .slider-dot {
	width: 100%;
	text-align: center;
	right: 0;
	top: auto;
	bottom: 3px;
	display: none
}

.picture-list .slider-dot i {
	width: 13px;
	height: 10px;
	border-bottom: 2px #59cac2 solid;
	background: 0 0;
	margin: 0 4px;
	opacity: .5
}

.picture-list .slider-dot i.cur {
	opacity: 1;
	width: 19px
}

.picture-list .pic-btn {
	display: none;
	position: absolute;
	height: 35px;
	width: 35px;
	background: rgba(0,0,0,.5);
	top: 66px;
	z-index: 1000
}

.ie7 .picture-list .pic-btn,.ie8 .picture-list .pic-btn {
	background: #000 url(../images/icon-arrow-left.png) no-repeat center center
}

.ie7 .picture-list .pic-btn.next,.ie8 .picture-list .pic-btn.next {
	background: #000 url(../images/icon-arrow-right.png) no-repeat center center
}

.picture-list .pic-btn:hover {
	background: rgba(0,0,0,.7)
}

.picture-list .pic-btn:hover:before {
	border-left: solid 1px rgba(255,255,255,1);
	border-bottom: solid 1px rgba(255,255,255,1)
}

.picture-list .pic-btn:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	border-left: solid 1px rgba(255,255,255,.8);
	border-bottom: solid 1px rgba(255,255,255,.8);
	position: relative
}

.picture-list .pic-btn.prev {
	left: 5px
}

.picture-list .pic-btn.next {
	right: 5px
}

.picture-list .pic-btn.prev:before {
	transform: rotate(45deg);
	left: 12px;
	top: 7px
}

.picture-list .pic-btn.next:before {
	transform: rotate(225deg);
	left: 5px;
	top: 7px
}

.picture-list .slider-main:hover .pic-btn {
	display: block
}

.recruiter-list ul {
	padding-top: 13px;
	padding-bottom: 10px
}

.recruiter-list li {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px #f5f7f9 solid
}

.recruiter-list li:last-of-type {
	border-bottom: 0
}

.recruiter-list .figure {
	width: 60px;
	height: 60px;
	float: left
}

.recruiter-list .figure img {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 100%
}

.recruiter-list .text {
	margin-left: 80px
}

.recruiter-list .text .name {
	position: relative;
	line-height: 24px;
	font-size: 16px;
	padding-bottom: 5px
}

.recruiter-list .text .name .company-full-name {
	display: none;
	position: absolute;
	bottom: 25px;
	left: -80px;
	right: 0;
	padding-bottom: 10px;
	line-height: 30px;
	text-align: center;
	cursor: default;
	overflow: hidden
}

.recruiter-list .text .name .company-full-name span {
	display: inline-block;
	padding: 0 10px;
	background-color: rgba(159,163,176,.95);
	color: #fff;
	border-radius: 5px;
	font-size: 13px
}

.recruiter-list .text .name .company-full-name span::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 129px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: rgba(159,163,176,.95)
}

.recruiter-list .text .name:hover .company-full-name {
	display: block
}

.recruiter-list .text .gray {
	line-height: 28px;
	color: #61687c
}

.recruiter-list .view-more {
	margin-top: -23px
}

.company-job {
	margin-top: 0
}

.company-job .nojob-text {
	margin-top: 28px;
	margin-bottom: 12px
}

.company-job .job-category {
	padding: 20px 0 15px 30px;
	background: #fff;
	width: 1154px;
	margin: 0 auto 18px;
	line-height: 40px;
	position: relative;
	z-index: 10
}

.company-job .job-category a {
	display: inline-block;
	line-height: 40px;
	margin: 0 50px 5px 0
}

.company-job .job-category a.cur {
	color: #18c3b1
}

.company-job .job-category a.last-child,.company-job .job-category a:last-child {
	margin-right: 177px
}

.company-job .job-category.job-filter-show a.last-child,.company-job .job-category.job-filter-show a:last-child {
	margin-right: 50px
}

.company-job .job-list {
	margin-right: 0;
	min-height: 260px;
	margin-bottom: 50px
}

.company-job .job-list li .name .job-title {
	max-width: 230px
}

.company-job .job-list .job-primary .info-primary {
	width: 305px
}

.company-job .job-author {
	float: right;
	width: 390px;
	padding-top: 20px
}

.company-job .job-author .time {
	float: right;
	font-size: 12px;
	color: #9fa3af;
	margin-top: 20px
}

.company-job .job-author img {
	margin-left: 0;
	margin-right: 15px
}

.company-job .job-list p {
	margin-top: 14px
}

.company-job .job-list p.salary {
	color: #fc6c38;
	font-size: 18px
}

.company-job .job-list-none {
	min-height: 85px;
	padding-top: 175px;
	background: url(../images/job-none.png) no-repeat center 40px #fff;
	text-align: center;
	font-size: 16px;
	color: #61687c
}

@keyframes slideIn {
	0% {
		opacity: 0;
		transform: translate3d(0,-5px,0) scale(1,0)
	}

	100% {
		opacity: 1;
		transform: translate3d(0,0,0) scale(1,1)
	}
}

.company-job .job-category-label {
	float: left;
	width: 90px;
	white-space: nowrap
}

.company-job .job-category-items {
	margin-left: 90px
}

.company-job .job-filter {
	display: none;
	margin-bottom: -15px
}

.company-job .job-filter-show .job-filter {
	display: block
}

.company-job .job-category .job-filter-more {
	position: absolute;
	bottom: 20px;
	right: 30px;
	font-size: 14px;
	color: #54cbc4;
	margin: 0;
	padding-right: 23px;
	background: url(../images/jop-filter.png) no-repeat right 16px;
	cursor: pointer
}

.company-job .job-category .job-filter-more:before {
	content: '更多筛选条件'
}

.company-job .job-filter-show .job-filter-more {
	background-position: right -34px;
	bottom: 5px
}

.company-job .job-filter-show .job-filter-more:before {
	content: '收起'
}

.company-job .job-select {
	display: inline-block;
	position: relative;
	margin: 0 70px 0 0
}

.company-job .job-selected {
	padding: 0 24px 5px 0;
	position: relative;
	cursor: pointer;
	transition: all linear .2s
}

.company-job .job-selected:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #61687c transparent transparent transparent;
	right: 0;
	top: 50%;
	transition: all linear .2s;
	margin-top: -5px
}

.company-job .job-select.open .job-selected:after {
	border-width: 0 4px 4px 4px;
	border-color: transparent transparent #61687c transparent
}

.company-job .job-selected:hover {
	color: #18c3b1
}

.company-job .job-selected:hover:after {
	border-color: #18c3b1 transparent transparent transparent
}

.company-job .job-options {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	padding: 10px 0 4px;
	width: 140px;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
	transform-origin: 50% 0;
	animation: slideIn .2s both;
	max-height: 350px;
	overflow-y: auto
}

.company-job .open .job-options {
	display: block
}

.company-job .job-options a {
	display: block;
	margin: 0 0 6px!important;
	height: 42px;
	line-height: 42px;
	padding: 0 0 0 16px;
	font-size: 13px;
	color: #8d92a1;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap
}

.company-job .job-category.job-filter-show .job-options a.last-child,.company-job .job-category.job-filter-show .job-options a:last-child {
	margin: 0 0 6px
}

.company-job .job-options a.cur,.company-job .job-options a:hover {
	background: #f3f5f9
}

.company-job .job-list .data-tips {
	min-height: auto;
	padding: 55px 0
}

.detail-op {
	padding-top: 34px;
	padding-bottom: 0
}

.detail-op .btns {
	float: right;
	padding-top: 4px;
	text-align: right
}

.detail-op .btns .btn {
	margin-left: 20px
}

.detail-op .btns .btn:first-of-type {
	margin-left: 0
}

.detail-op .name {
	font-size: 20px;
	color: #424a5e;
	font-weight: 400
}

.detail-op .name .icon-report {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/icons-report.png) 2px 2px no-repeat;
	vertical-align: middle;
	margin-left: 8px;
	cursor: pointer
}

.detail-op .name .icon-report:hover {
	background-position: 2px -45px
}

.detail-op .op-links {
	text-align: right;
	padding-top: 10px;
	position: relative
}

.detail-op .op-links a {
	display: inline-block;
	margin-left: 20px;
	background: url(../images/icons-like-2.png) no-repeat;
	color: #9fa3b0;
	padding-left: 20px;
	-webkit-transition: none;
	transition: none
}

.detail-op .op-links .link-like {
	background-position: 0 -73px
}

.detail-op .op-links .link-like.active,.detail-op .op-links .link-like:hover {
	background-position: 0 -106px;
	color: #5dd5c8
}

.detail-op .op-links .link-report {
	background-position: 0 6px
}

.detail-op .op-links .link-report:hover {
	background-position: 0 -34px;
	color: #5dd5c8
}

.detail-op .op-links .link-wechat-share {
	position: relative;
	background-position: 0 -138px
}

.detail-op .op-links .link-wechat-share:hover {
	background-position: 0 -166px;
	color: #5dd5c8
}

#wechat-qrcode-layer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%
}

#wechat-qrcode-wrap {
	display: none;
	float: left;
	position: absolute;
	top: 36px;
	left: -38px;
	z-index: 10;
	width: 180px;
	height: 180px;
	border: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
	background-color: #fff
}

#wechat-qrcode-wrap .arrow {
	display: block;
	position: relative;
	z-index: 11;
	width: 20px;
	height: 10px;
	margin: -10px auto 0 auto
}

#wechat-qrcode-wrap .arrow-shadow {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 10px 8px 20px 3px #000
}

#wechat-qrcode-wrap .arrow-noumenon {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent
}

#wechat-qrcode-wrap .qrcode {
	display: block;
	position: relative;
	z-index: 12;
	width: 100%;
	padding: 15px 0;
	background-color: #fff
}

#wechat-qrcode-wrap .qrcode-img {
	display: block;
	position: relative;
	z-index: 13;
	width: 150px;
	height: 150px;
	margin: 0 auto
}

#wechat-qrcode-wrap .brand-logo {
	display: block;
	position: absolute;
	z-index: 14;
	top: 56px;
	left: 56px;
	border-radius: 200px;
	width: 68px;
	height: 68px
}

.chat-list li {
	margin-top: 30px
}

.detail-op p {
	margin-top: 8px
}

.btn-loading:hover {
	background-color: #fff;
	color: #62d5c8;
	cursor: default
}

.job-sec {
	position: relative
}

.chat-sider h3,.job-sec h3,.secretary-sec h3 {
	font-size: 18px;
	font-weight: 400;
	color: #424a5e;
	line-height: 50px;
	padding: 0 0 10px 0;
	margin-bottom: 0;
	background: url(../images/line-sec.png) 0 45px no-repeat
}

.job-sec .text,.secretary-sec .text {
	color: #61687c;
	line-height: 36px
}

.job-sec h4 {
	font-size: 14px;
	font-weight: 400;
	line-height: 36px;
	color: #424a5e
}

.job-sec h3 {
	font-weight: 700;
	font-size: 15px;
	color: #424a5e
}

.job-sec h3 .recommend-title {
	width: 180px
}

.job-sec .job-tags {
	padding-top: 4px
}

.secretary-sec h3 {
	background: 0 0;
	margin: 0
}

.secretary-sec .text {
	border-bottom: 1px #f2f2f5 solid;
	padding-bottom: 20px
}

.secretary-sec .text:last-of-type {
	border-bottom: 0
}

.job-sec .fold-text {
	max-height: 180px;
	overflow: hidden;
	position: relative
}

.job-sec .fold-text .more-view {
	position: absolute;
	bottom: 6px;
	right: 0;
	background: url(../images/layer-more.png) no-repeat;
	padding-left: 22px;
	color: #9fa3b0;
	line-height: 24px;
	display: none;
	z-index: 1001
}

.job-sec .look-all {
	color: #5dd5c8;
	position: absolute;
	bottom: 4px;
	right: 0
}

.level-list {
	margin-top: 5px;
	height: 66px
}

.level-list li {
	display: inline-block;
	width: 246px;
	margin-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.level-list span {
	display: inline-block;
	margin-right: 7px;
	color: #8d92a1
}

.level-list .res-time {
	width: 155px;
	float: right
}

.level-list .company-type {
	width: 350px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.level-list .manage-state {
	width: 230px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.job-sec.company-info .text {
	height: auto;
	overflow: hidden
}

.job-sec.company-info .look-all {
	background: url(../images/layer-more.png) no-repeat;
	padding-left: 20px
}

.job-sec.company-info .look-all span {
	color: #61687c!important
}

.job-sec .company-tags {
	margin: 15px 0 10px
}

.job-sec .company-tags span {
	display: inline-block;
	margin: 6px 15px 5px 0;
	padding: 0 12px;
	border: 1px solid #d1d4da;
	line-height: 20px;
	color: #9fa3af;
	font-size: 12px;
	border-radius: 15px
}

.job-recomend {
	margin-top: 30px;
	padding-top: 25px;
	border-top: 1px #f5f7f9 solid
}

.detail-search h3,.job-recomend h3 {
	color: #4a4e52;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 24px
}

.company-hotjob .more,.detail-search .more,.job-recomend .more,.promotion-job .more,.recruiter-list .more {
	float: right;
	font-size: 14px;
	color: #9fa3b0;
	background-position: right -1581px;
	padding-right: 28px;
	margin-right: -10px;
	font-weight: 400
}

.company-hotjob .more:hover,.detail-search .more:hover,.job-recomend .more:hover,.promotion-job .more:hover,.recruiter-list .more:hover {
	color: #4a4e52
}

.job-recomend ul {
	font-size: 0;
	white-space: nowrap;
	overflow: hidden
}

.job-recomend li {
	width: 269px;
	margin-right: 14px;
	display: inline-block;
	font-size: 14px
}

.job-recomend li a {
	display: block;
	height: 60px;
	padding: 15px 11px;
	border: 1px #e3e7ed solid
}

.job-recomend li a:hover {
	border: 1px #5dd5c8 solid
}

.job-recomend li .name {
	font-size: 14px;
	margin-bottom: -4px;
	margin-top: -4px
}

.job-recomend li a:hover .name {
	color: #414a60
}

.job-recomend li .name b {
	display: inline-block;
	font-weight: 400;
	max-width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	margin-top: -2px
}

.job-recomend .company-logo {
	float: left;
	margin-left: 0
}

.job-recomend .company-logo img {
	width: 60px;
	height: 60px
}

.job-recomend .info-primary {
	margin-left: 73px
}

.job-recomend .info-primary p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 22px
}

.detail-content .text {
	word-break: break-all;
	word-wrap: break-word
}

.detail-content .detail-hasmore .text {
	min-height: 40px
}

.detail-content .suggest-result {
	width: 649px;
	left: 0
}

.detail-content .city-box {
	left: 650px
}

.company-business {
	overflow: hidden
}

.company-business h4 {
	font-size: 16px;
	margin-bottom: 13px
}

.company-business h4 span {
	float: right;
	font-size: 14px;
	color: #9fa3b0
}

.business-detail {
	border: 1px #d9dadf solid;
	padding: 15px 25px;
	padding-right: 12px;
	height: 46px
}

.business-detail label {
	float: right;
	width: 54px;
	cursor: pointer;
	color: #9fa3b0;
	position: relative;
	top: 5px
}

.business-detail label:hover {
	color: #4a4e52
}

.business-detail .fz-slidedown {
	background-position: 5px -786px;
	vertical-align: middle
}

.business-detail .fz-slideup {
	background-position: 5px -810px;
	vertical-align: middle
}

.business-detail ul {
	font-size: 0
}

.business-detail li {
	display: inline-block;
	vertical-align: top;
	width: 220px;
	font-size: 14px;
	padding: 10px 0
}

.business-detail .t {
	color: #9fa3b0;
	padding-right: 0
}

.business-detail li.col-two {
	width: 440px
}

.business-detail li.col-code {
	width: 290px
}

.business-detail li.col-three {
	width: 786px
}

.business-detail li.col-auto {
	width: auto;
	display: block
}

.show-business-all {
	height: auto!important
}

.special-text .info-primary p,.special-text .name {
	color: #414a60
}

.special-text .company-tab a {
	color: #414a60
}

.special-text .company-tab a.cur {
	color: #414a60
}

.special-text .job-primary .vline {
	background-color: #fff
}

.special-hotjob li {
	width: 218px;
	height: 98px;
	margin-right: 18px;
	box-shadow: 0 0 4px rgba(38,42,57,.1)
}

.special-hotjob li a {
	border: 1px solid #fff;
	padding: 17px;
	width: 182px
}

.special-hotjob li a:hover {
	border-color: #5dd5c8;
	background-color: #fff
}

.special-hotjob li a:hover b {
	color: #414a60
}

.code-box {
	width: 38px;
	height: 148px;
	background-color: #fff;
	border: #edeef1 1px solid;
	border-right: none;
	position: absolute;
	right: 0;
	top: 75px;
	overflow: hidden;
	color: #9fa3b0;
	font-size: 16px;
	cursor: pointer;
	-moz-transition: all linear .5s;
	-webkit-transition: all linear .5s;
	transition: all linear .5s
}

.code-box span {
	width: 18px;
	display: inline-block;
	line-height: 19px;
	padding: 37px 10px;
	position: absolute;
	background-color: #fff;
	right: 0;
	z-index: 10
}

.code-box:hover {
	width: 178px;
	border-color: #fff
}

.code-box:hover img {
	right: 41px
}

.code-box img {
	margin-top: 6px;
	width: 140px;
	height: 140px;
	margin-right: -8px;
	position: absolute;
	right: -74px;
	-moz-transition: all linear .5s;
	-webkit-transition: all linear .5s;
	transition: all linear .5s
}

.company-job .update-time {
	margin: -30px 0 30px 0;
	color: #9fa3b0
}

.links {
	position: relative;
	height: auto;
	overflow: hidden;
	margin: 30px auto 6px auto;
	width: 1184px;
	font-size: 12px;
	height: 27px;
	overflow: hidden
}

.links label {
	position: absolute;
	right: 0;
	top: 0;
	color: #9fa3b0;
	cursor: pointer
}

.links .links-item {
	margin-bottom: 20px
}

.links dt {
	color: #4a4e52;
	font-size: 15px
}

.links .links-item a {
	color: #9fa3b0;
	font-size: 12px;
	margin-right: 26px;
	display: inline-block
}

.links .links-item a:hover,.links label:hover {
	color: #4a4e52
}

.links .links-item a:hover {
	text-decoration: underline
}

.links .fz-slidedown {
	background-position: 5px -786px;
	vertical-align: middle
}

.links .fz-slideup {
	background-position: 5px -810px;
	vertical-align: middle
}

.links .links-item:first-child dd {
	width: 90%
}

.links-friends {
	height: auto
}

.links-friends dt {
	float: left;
	width: 78px;
	font-size: 12px
}

.links-friends dd {
	margin-left: 85px;
	width: auto!important;
	margin-right: 55px
}

.job-box .satisfaction-feedback {
	margin-bottom: 20px
}

.pos-bread {
	color: #9fa3b0
}

.pos-bread a {
	color: #9fa3b0;
	vertical-align: middle
}

.pos-bread a:hover {
	color: #4a4e52;
	text-decoration: underline
}

.pos-bread .icon-arrow-right {
	margin: -2px 5px 0 6px;
	vertical-align: middle
}

.job-box .pos-bread {
	margin-bottom: -24px;
	font-size: 12px
}

.company-new .pos-bread {
	margin-bottom: 0
}

.search-job-list-wrap .pos-bread {
	margin-bottom: 0
}

.job-banner .pos-bread {
	display: none
}

.company-detail-grab .pos-bread {
	margin-top: 40px
}

#footer .links {
	margin-top: 10px;
	clear: both
}

#footer .links dt,#footer .links label {
	color: #eeeff3
}

#footer .links dt {
	width: 71px
}

#footer .links dd {
	margin-left: 71px
}

#footer .links dd a {
	color: #eeeff3
}

#footer .links .links-item {
	margin-bottom: 0
}

.promotion-download {
	padding: 30px;
	background: #d1d4db;
	margin-top: 40px
}

.promotion-qrcode {
	color: #fff;
	float: left
}

.promotion-qrcode img {
	width: 106px;
	height: 106px;
	display: block
}

.promotion-download .text {
	float: right;
	text-align: right;
	height: 106px;
	overflow: hidden;
	font-size: 16px;
	font-weight: 300;
	line-height: 27px;
	color: #fff
}

.promotion-download .text a {
	color: #fff
}

.promotion-download .text .link-row {
	padding-top: 30px
}

.link-download {
	display: inline-block;
	background-position: 102px -752px;
	padding-right: 25px
}

.promotion-job {
	margin-bottom: 20px;
	padding-bottom: 10px
}

.promotion-job h3 {
	color: #424a5e;
	font-size: 15px;
	font-weight: 500;
	padding: 7px 0 5px
}

.promotion-job li {
	border-bottom: 1px #f5f7f9 solid;
	padding-bottom: 18px
}

.promotion-job li:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
	overflow: hidden
}

.promotion-job li .name {
	font-size: 15px;
	color: #424a5e;
	padding: 20px 0 12px
}

.promotion-job li .name a:hover {
	color: #6adbcf
}

.promotion-job li:last-of-type {
	border-bottom: 0
}

.promotion-job li .gray a {
	color: #9fa3af
}

.promotion-job li .gray a:hover {
	color: #4a4e52
}

.promotion-job .info-primary {
	float: none
}

.promotion-job .name a {
	color: #424a5e
}

.promotion-job .company-logo {
	padding-top: 20px;
	float: right
}

.promotion-job .company-logo img {
	border-radius: 10px;
	display: block
}

.company-detail-grab .promotion-job .company-logo img {
	width: 56px;
	height: 56px
}

.promotion-job .view-more a,.recruiter-list .view-more a {
	display: block;
	border: 1px #e3e7ed solid;
	height: 40px;
	text-align: center
}

.promotion-job .view-more .more,.recruiter-list .view-more .more {
	float: none;
	display: inline-block;
	font-style: normal;
	margin-top: 7px
}

.promotion-img {
	margin-bottom: 16px!important
}

.promotion-img img {
	display: block;
	width: 284px
}

.company-detail-grab .promotion-job .option {
	float: right;
	margin-top: 17px
}

.company-detail-grab .promotion-job .option i {
	cursor: pointer
}

.company-detail-grab .promotion-job .option i:hover {
	color: #5dd5c8
}

.company-detail-grab .promotion-job h3 {
	margin-right: 40px
}

.company-detail-grab .promotion-job .promotion-job-inner {
	position: relative;
	overflow-x: hidden
}

.company-detail-grab .promotion-job ul {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #fff
}

.company-detail-grab .promotion-job ul.cur {
	display: block;
	position: static
}

.company-detail-grab .promotion-job ul.left-out {
	display: block;
	left: -284px;
	right: 284px;
	opacity: 0;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.company-detail-grab .promotion-job ul.right-out {
	display: block;
	left: 284px;
	right: -284px;
	opacity: 0;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.company-detail-grab .job-list h3 {
	background: 0 0
}

.company-detail-grab .job-list .sug-job-title {
	font-size: 16px;
	font-weight: 400;
	color: #00c2b3
}

.company-detail-grab .job-list .view-more a {
	display: block;
	width: 250px;
	height: 34px;
	margin: 20px auto 0;
	border: none;
	line-height: 34px;
	background-color: #5dd5c8;
	color: #fff;
	font-size: 15px;
	text-align: center
}

.company-detail-grab .job-list .view-more a:hover {
	background-color: #6adbcf
}

.job-location {
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	margin-top: 15px
}

.job-location {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	margin-top: 20px;
	font-size: 13px;
	position: relative
}

.job-location img {
	vertical-align: top
}

.job-location p {
	cursor: pointer;
	position: absolute;
	right: 12px;
	bottom: 12px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	padding: 2px 10px 2px 40px;
	background: url(../images/map-icon.png) no-repeat 8px center #fff
}

.job-location-map {
	cursor: pointer
}

.job-location-width {
	width: 660px;
	height: 501px;
	margin: 0
}

.job-location-width #map-container,.job-location-width #map-container .map-container {
	height: 450px;
	cursor: pointer
}

.location-address {
	display: block;
	background-position: 15px -420px;
	padding-left: 25px;
	color: #62687a;
	padding: 13px 15px 11px 35px;
	font-size: 15px;
	border-bottom: 1px #ecedef solid
}

.location-address:last-of-type {
	border-bottom: 0
}

.location-address .more-view {
	float: right;
	margin-top: -3px
}

#map-container,.map-container {
	height: 174px;
	cursor: pointer
}

.location-item {
	position: relative
}

.location-item .map-container {
	display: none
}

.show-map .map-container {
	display: block
}

.show-map .location-address {
	cursor: default;
	background-position: 15px -1965px
}

.show-map .more-view .fz-slidedown {
	background-position: 5px -808px
}

.location-item-pop {
	width: 660px;
	height: 501px;
	margin: 0
}

.location-item-pop .map-container {
	height: 450px
}

.promotion-top {
	background: #f6f6f8;
	padding: 20px 25px;
	margin-top: 20px
}

.promotion-top a {
	display: block
}

.promotion-top h3 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 10px
}

.promotion-top .arrow-right {
	float: right;
	width: 28px;
	height: 28px;
	background-position: 3px -1641px;
	margin-top: -1px;
	margin-right: -5px
}

.promotion-top .text-blue {
	color: #5dd5c8;
	padding: 0 5px
}

.promotion-sign {
	background: #f6f6f8;
	padding: 25px 25px 30px;
	margin-top: 30px
}

.promotion-sign .sign-form {
	background: 0 0;
	float: none;
	padding: 0;
	width: 280px
}

.promotion-sign .sign-form .intro {
	padding-bottom: 0
}

.promotion-sign .sign-form .form-row {
	margin-top: 22px
}

.promotion-sign .sign-form .ipt {
	width: 242px
}

.promotion-sign .sign-form .ipt-code {
	width: 122px;
	min-width: 0
}

.promotion-sign .form-btn {
	margin-top: 28px
}

.promotion-sign .form-btn .error-tip {
	margin-top: -28px
}

.job-sider .welcome-box img {
	width: 178px;
	height: 150px
}

.job-sider .welcome-text {
	padding-bottom: 20px
}

.job-sider .sign-welcome .form-btn {
	margin-top: 10px
}

.job-sider .sign-welcome div.count-down {
	padding: 10px 0 0
}

.job-sider .salary-miniapp {
	width: 284px;
	height: 170px;
	padding-top: 114px;
	background: url(../images/salary-miniapp.jpg) no-repeat center top;
	background-size: 100%;
	margin-bottom: 16px
}

.job-sider .salary-miniapp img {
	display: block;
	width: 111px;
	height: 111px;
	margin: 0 auto;
	box-shadow: 0 0 0 8px #fff
}

.amap-copyright,.amap-logo {
	z-index: 0!important
}

.container-mes,.container-tip {
	margin-right: 50px;
	position: fixed;
	bottom: 50px;
	z-index: 111111;
	width: 232px;
	right: 0;
	text-align: right;
	display: none
}

.container-mes .message {
	position: relative;
	top: 160px;
	padding-right: 10px
}

.container-mes li {
	margin-bottom: 20px;
	text-align: right;
	display: none
}

.container-mes li .text {
	display: inline-block;
	line-height: 24px;
	background-color: #f2f5fa;
	vertical-align: top;
	color: #424a5e;
	padding: 7px 20px;
	border-radius: 7px;
	max-width: 494px;
	position: relative;
	word-break: break-all;
	border-bottom-right-radius: 0;
	box-shadow: 0 1px 2px 0 rgba(176,176,176,.3)
}

.container-mes .avatar {
	position: relative;
	width: 80px;
	height: 80px;
	padding: 10px 0;
	float: right;
	text-align: center;
	margin-top: 30px
}

.container-mes .avatar img {
	width: 60px;
	height: 60px;
	-webkit-transition: all linear .2s;
	transition: all linear .2s;
	border-radius: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 101;
	cursor: pointer;
	box-shadow: 0 3px 10px 0 rgba(131,131,131,.5)
}

.container-mes .avatar img:hover {
	width: 68px;
	height: 68px
}

.aladingtip {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #565e70;
	display: none;
	z-index: 100;
	background: rgba(86,94,112,.7)
}

.aladingtip img {
	position: fixed;
	right: 190px;
	bottom: 66px
}

.avatar-ani {
	-webkit-animation: scale .8s linear infinite alternate;
	-moz-animation: scale .8s linear infinite alternate;
	-ms-animation: scale .8s linear infinite alternate;
	-o-animation: scale .8s linear infinite alternate;
	animation: scale .8s linear infinite alternate
}

.tip-box {
	background-color: #22c5b4;
	padding: 36px 32px;
	color: #fff;
	text-align: center;
	margin-bottom: 15px
}

.tip-box p {
	font-size: 14px
}

.tip-box .tit {
	font-size: 22px;
	line-height: 40px
}

.tip-box a {
	background-color: #3ed4c4;
	height: 42px;
	display: block;
	line-height: 42px;
	margin-top: 60px;
	color: #fff
}

.tip-box i.trangle {
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top: 15px solid #22c5b4;
	position: absolute;
	bottom: 49px;
	right: 17px
}

.container-tip {
	bottom: 70px;
	right: 10px
}

.container-tip .tip-bot {
	width: 60px;
	height: 60px;
	position: relative;
	float: right
}

.container-tip .close {
	width: 46px;
	height: 46px;
	border-radius: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: #22c5b4 url(../images/close-alading.png) center center no-repeat;
	box-shadow: 0 3px 10px 0 rgba(131,131,131,.5);
	-webkit-transition: all linear .1s;
	transition: all linear .1s
}

.container-tip .close:hover {
	background-color: #18c3b1;
	width: 54px;
	height: 54px
}

.detail-hasmore {
	height: 210px;
	overflow: hidden;
	position: relative
}ß.detail-hasmore .job-sec .fold-text .more-view {
	display: none!important
}

.detail-hasmore-layer {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	padding-top: 5px
}

.detail-hasmore .detail-hasmore-layer {
	display: block
}

.detail-hasmore-btn {
	display: block;
	margin: 0 auto;
	width: 250px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 15px;
	color: #a5a9b4
}

.dialog-wrap.pop-detail .dialog-container {
	width: 490px;
	height: 232px;
	margin: -106px 0 0 -245px
}

.pop-detail .dialog-title {
	padding: 37px 43px 25px
}

.pop-detail .dialog-con {
	padding: 0 43px
}

.pop-detail .jconfirm-box .buttons {
	margin-top: -30px
}

.deliver-pop .text {
	font-size: 16px;
	color: #9fa3af;
	min-height: 70px
}

.deliver-pop .btns {
	position: relative;
	margin-top: -10px
}

.deliver-pop .btns .btn,.pop-detail .jconfirm-box .buttons .btn {
	font-size: 14px;
	letter-spacing: 0;
	min-width: 96px;
	margin-right: 20px
}

.deliver-pop .btns #fileupload {
	display: none;
	width: 96px;
	height: 38px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 34px;
	opacity: 0
}

.deliver-pop .resume-attachment {
	border-bottom: 0;
	padding-bottom: 0
}

.deliver-pop .resume-attachment .loadresume {
	margin-top: -35px
}

.deliver-pop .resume-attachment .fz-close {
	display: none
}

@-webkit-keyframes scale {
	0% {
		transform: scale(1,1)
	}

	100% {
		transform: scale(1.2,1.2)
	}
}

@-moz-keyframes scale {
	0% {
		transform: scale(1,1)
	}

	100% {
		transform: scale(1.2,1.2)
	}
}

@-ms-keyframes scale {
	0% {
		transform: scale(1,1)
	}

	100% {
		transform: scale(1.2,1.2)
	}
}

@-o-keyframes scale {
	0% {
		transform: scale(1,1)
	}

	100% {
		transform: scale(1.2,1.2)
	}
}

@keyframes scale {
	0% {
		transform: scale(1,1)
	}

	100% {
		transform: scale(1.2,1.2)
	}
}

.protocol {
	background: #fff;
	margin: 37px auto 55px auto;
	padding: 15px 45px 65px 45px;
	min-height: calc(100% - 330px);
	box-sizing: border-box
}

.protocol h1 {
	text-align: center;
	margin-bottom: 50px;
	margin-top: 25px;
	font-size: 22px;
	font-weight: 400
}

.protocol img {
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.user-filter-box {
	position: relative;
	z-index: 999;
	box-shadow: none;
	float: left;
	background: #f2f2f5;
	margin-bottom: 17px
}

.user-filter-box .condition-box dd {
	margin-left: 0
}

.user-filter-box .condition-box dl.show-condition-area,.user-filter-box .condition-box dl.show-condition-district {
	border: none
}

.user-filter-box .condition-box dl.condition-district {
	background: #fff
}

.user-filter-box .condition-box .condition-city dd a.selected {
	background: #fff;
	top: 0;
	border: 1px #fff solid
}

.user-filter-box .filter-select-box {
	background: #fff;
	box-shadow: 0 3px 6px rgba(6,0,1,.05)
}

.user-filter-box .condition-city dd a {
	display: inline-block;
	background: #fff;
	padding: 0 11px;
	border: 1px #fff solid;
	margin: 0;
	height: 100%
}

.user-filter-box .condition-box dd {
	padding-top: 0
}

.user-filter-box .now-city-pos {
	min-width: 170px;
	display: inline-block;
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	margin-right: -10px
}

.user-filter-box .now-city-pos .dropdown-select {
	font-weight: 700
}

.radio-checked,.user-filter-box .ipt:focus {
	box-shadow: none
}

.user-filter-box .now-city-pos .dropdown-select .ipt {
	min-width: 140px;
	margin: 0 auto;
	border: none;
	text-align: center;
	width: 140px
}

.user-filter-box .now-city-pos .dropdown-wrap .dropdown-menu ul {
	box-shadow: 0 3px 6px rgba(0,0,0,.05)
}

.user-filter-box .filter-select-box .dropdown-menu a {
	text-align: left
}

.user-filter-box .now-city-pos .dropdown-wrap.cur .dropdown-menu {
	display: block;
	z-index: 1005;
	box-shadow: 0 3px 6px rgba(0,0,0,.05)
}

.now-city-pos .dropdown-select .icon-select-arrow {
	position: relative;
	left: 0;
	top: 5px
}

.now-city-pos .dropdown-wrap.cur .dropdown-menu li a {
	display: block;
	border: none;
	height: 100%;
	line-height: 42px;
	transition: none;
	-webkit-transition: none;
	font-size: 13px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.now-city-pos .dropdown-wrap.cur .dropdown-menu li:hover a {
	background: #f2f5f9
}

.now-city-pos .dropdown-wrap.cur .dropdown-menu li a.add-myjob {
	color: #18c3b1
}

.user-sider-left {
	margin-right: 234px;
	padding-top: 20px
}

.user-sider-left .search-box {
	padding-top: 0
}

.user-sider-left .job-list {
	margin-right: 0;
	float: left;
	width: 100%
}

.user-sider-left .job-list .no-position {
	text-align: center;
	height: 185px;
	margin: 0 30px;
	border-bottom: 1px #f2f2f5 solid;
	color: #d1d4db;
	overflow: hidden
}

.user-sider-left .job-list .no-position .title {
	margin-top: 60px;
	font-size: 16px;
	color: #61687c
}

.user-sider-left .job-list .load-more {
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #f1f1f1;
	width: 350px;
	margin: 20px auto 20px;
	display: block
}

.user-center .job-box {
	margin-top: 0
}

.user-center .sider {
	margin-top: 20px
}

.user-filter-box .filter-select-box .dropdown-select {
	width: auto;
	min-width: 0
}

.user-filter-box .filter-select-box .dropdown-wrap {
	width: 135px
}

.user-filter-box .dropdown-wrap {
	text-align: center
}

.empty-filter {
	margin-right: 15px
}

.userinfo-box {
	text-align: center;
	background: #fff;
	padding: 20px 0 15px;
	margin-bottom: 16px;
	position: relative
}

.userinfo-box .dropdown-select input {
	text-align: center
}

.userinfo-box .dropdown-select-open .icon-select-arrow {
	background-position: 5px -2044px
}

.userinfo-box .headbox {
	position: relative
}

.userinfo-box .username {
	box-sizing: border-box;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.userinfo-box .headbox .headimg {
	width: 60px;
	height: 60px;
	border-radius: 200px
}

.userinfo-box .headbox .sex {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/icons-sex.png) no-repeat;
	background-size: 14px auto;
	position: absolute;
	right: 70px;
	top: 10px
}

.userinfo-box .headbox .sex.man {
	background-position: 0 0
}

.userinfo-box .headbox .sex.woman {
	background-position: 0 -24px
}

.userinfo-box .userinfo {
	font-size: 12px
}

.userinfo-box .now-state {
	margin: 15px 0 0
}

.userinfo-box .now-state .dropdown-wrap {
	text-align: center
}

.userinfo-box .now-state .ipt {
	width: 128px;
	min-width: 128px
}

.userinfo-box .now-state .dropdown-menu ul {
	box-shadow: 0 3px 6px rgba(6,0,1,.05)
}

.userinfo-box .user-stat {
	margin-top: 20px
}

.userinfo-box .user-stat span {
	display: inline-block;
	width: 46px;
	font-size: 12px;

	line-height: 18px;
	color: #8d92a1;
	text-align: center
}

.userinfo-box .user-stat b {
	display: block;
	font-weight: 400;
	font-size: 15px;
	color: #414a60
}

.userinfo-box .user-stat a {
	display: inline-block
}

.userinfo-box .user-stat a:hover b,.userinfo-box .user-stat a:hover span {
	color: #00d7c6
}

.userinfo-box .dropdown-select-open .dropdown-menu {
	display: block
}

.userinfo-box .dropdown-select .icon-select-arrow {
	top: 11px
}

.userinfo-box .edit-userinfo {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 1000
}

.user-center .resume-attachment:last-child:after {
	border-bottom: 0;
	margin-top: 10px
}

.user-center .resume-attachment:after {
	margin-top: 10px
}

.user-center .resume-attachment {
	padding-bottom: 5px
}

.sider-recommend {
	padding: 10px 20px;
	background-color: #fff;
	margin-top: 20px
}

.sider-recommend li {
	border-bottom: 1px #edf0f6 solid;
	line-height: 30px;
	padding: 5px
}

.sider-recommend li.last {
	border-bottom: 0
}

.company-job .job-list li {
	position: relative
}

.company-job .job-primary {
	padding-right: 150px
}

.company-job .job-primary .info-publis p {
	margin-top: 2px
}

.company-job .startchat-box {
	float: right;
	width: 175px;
	text-align: right;
	padding-top: 5px;
	position: absolute;
	top: 25px;
	right: 30px
}

.company-job .job-list .info-publis {
	display: block!important
}

.company-detail-grab .job-list li {
	position: relative
}

.company-detail-grab .startchat-box {
	display: none;
	float: right;
	width: 175px;
	margin-top: 2px;
	text-align: right;
	position: absolute;
	top: 25px;
	right: 0
}

.company-detail-grab .job-list li:hover .info-publis {
	display: none
}

.company-detail-grab .job-list li:hover .startchat-box {
	display: block
}

.chat-history {
	background-color: #fff
}

.chat-history ul {
	padding: 10px 30px
}

.chat-history li {
	padding: 17px 0;
	border-bottom: 1px #edf0f5 solid
}

.chat-history li:last-of-type {
	border-bottom: 0
}

.chat-history li .figure {
	float: left;
	padding: 0 15px 0 5px
}

.chat-history li .figure img {
	width: 42px;
	height: 42px;
	border-radius: 100%
}

.chat-history li .item-content {
	margin-left: 65px
}

.chat-history li .info-header {
	overflow: hidden;
	margin-bottom: 9px;
	min-height: 32px
}

.chat-history li .info-header .name {
	font-weight: 400;
	font-size: 14px
}

.chat-history li .info-header .name .gray {
	padding-left: 20px;
	font-size: 12px
}

.chat-history li .info-header .btns {
	float: right;
	display: none
}

.chat-history li .info-header .btn {
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	min-width: 0;
	padding: 0 15px;
	margin-left: 15px;
	border-radius: 2px
}

.chat-history li .info-primary {
	background-color: #fafafc;
	overflow: hidden;
	padding: 10px 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

.chat-history li .info-primary:hover {
	background-color: #f5f6f9
}

.chat-history li .job-info p {
	font-size: 12px
}

.chat-history li .job-name .salary {
	padding-left: 20px;
	color: #fc6c38
}

.chat-history li .company-info {
	float: right;
	text-align: right;
	width: 270px
}

.chat-history li .company-info img {
	width: 42px;
	height: 42px;
	float: right;
	margin-top: 4px;
	margin-left: 10px
}

.chat-history li .company-info .text {
	margin-right: 52px
}

.chat-history li .company-info .text b {
	font-weight: 400
}

.chat-history li .company-info .text p {
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.chat-history .item-interview .company-info {
	float: left;
	width: 300px;
	text-align: left
}

.chat-history .item-interview .job-info {
	float: right;
	width: 290px;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.chat-history .item-interview .job-name .name {
	display: inline-block;
	max-width: 120px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle
}

.chat-history .item-interview .job-name .salary {
	padding-left: 0;
	color: #fc6c38
}

.chat-history .item-interview .company-info img {
	float: left;
	margin-left: 0
}

.chat-history .item-interview .company-info .text {
	margin-left: 52px;
	line-height: 22px;
	padding-top: 3px;
	margin-right: 0
}

.chat-history .item-interview .company-info .text b {
	font-size: 14px;
	display: inline-block;
	margin-right: 15px
}

.chat-history li:hover .info-header .btns {
	display: block
}

.chat-history .page {
	padding-bottom: 15px;
	margin: 0 30px;
	border-top: 1px #edf0f5 solid;
	margin-top: -11px
}

.remindType input {
	position: relative;
	top: 1px;
	margin-right: 10px
}

.common-dialog .dialog-container {
	width: 490px;
	padding: 40px 30px 30px 40px;
	margin-left: -280px
}

.common-dialog .title {
	font-size: 24px;
	font-weight: 400;
	color: #62687a;
	line-height: 24px
}

.common-dialog .dialog-title {
	margin-bottom: 20px
}

.common-dialog .dialog-con {
	min-height: 75px;
	font-size: 16px;
	color: #62687a;
	line-height: 30px
}

.common-dialog .ipt {
	width: 460px;
	margin-top: 3px;
	color: #62687a;
	font-size: 16px;
	padding: 8px 15px
}

.common-dialog .dialog-footer {
	margin-top: 15px
}

.common-dialog .dialog-footer .btns .btn {
	height: 38px;
	line-height: 38px;
	border-width: 1px;
	padding: 0 28px!important
}

.common-dialog .dialog-footer .btns .btn-disabled {
	cursor: not-allowed;
	background-color: #d1d4db;
	border-color: #d1d4db;
	color: #fff
}

.prop-item h3 span {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 72px;
	height: 22px;
	margin-left: 10px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	color: #b7bac4;
	border: 1px solid #d1d4db;
	border-radius: 100px;
	font-weight: 400
}

.prop-item .title {
	font-size: 14px;
	color: #51586d;
	line-height: 20px
}

.prop-item .prop-container {
	position: relative;
	margin-top: 20px;
	height: 8px;
	font-size: 0;
	white-space: nowrap
}

.prop-item .prop-container .text-position {
	position: absolute;
	top: -28px;
	left: 50%;
	margin-left: -35px;
	font-size: 14px;
	color: #51586d
}

.prop-item .prop-container .icon-position {
	margin-left: 0;
	left: -6px;
	padding-left: 20px;
	background: url(../images/icon-position.png) left center no-repeat
}

.prop-item .prop-container span {
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 100%
}

.prop-item .prop-container span+span {
	margin-left: 1px
}

.prop-item .prop-container em {
	position: relative;
	top: 12px;
	left: -14px;
	font-size: 14px;
	color: #8e93a2;
	line-height: 20px;
	font-style: normal
}

.prop-item .prop-container .level-1 {
	width: 13%;
	background: #5dd5c8;
	border-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.prop-item .prop-container .level-2 {
	width: 24%;
	background: #62e1d3
}

.prop-item .prop-container .level-3 {
	width: 24%;
	background: #72e7c6
}

.prop-item .prop-container .level-4 {
	width: 24%;
	background: #85e3f4
}

.prop-item .prop-container .level-5 {
	width: 13%;
	background: #3dccfc;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.prop-item .prop-detail {
	margin-top: 52px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #8e93a2
}

.prop-item .prop-detail>span {
	color: #51586d
}

.prop-item .prop-detail span em {
	color: #6dd9cc;
	padding: 0 4px;
	font-style: normal
}

.prop-item .prop-detail img {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px
}

.prop-item .prop-detail b {
	color: #6dd9cc
}

.prop-item .prop-detail .link-detail {
	font-size: 14px;
	color: #6dd9cc
}

.prop-item .pull-right {
	float: right;
	position: relative
}

.prop-item .prop-default .prop-container span {
	background: #f6f6f8
}

.dialog-around-default .dialog-container {
	margin: 30px 0 0 -100px;
	padding: 20px
}

.job-list .job-tips {
	color: #9fa3b0;
	padding: 6px 0;
	padding-left: 20px;
	border-bottom: 4px #f2f2f5 solid
}

.condition-city .city-wrapper {
	max-height: 40px;
	overflow: hidden;
	position: relative;
	padding-right: 72px
}

.condition-box dd a.btn-allcity {
	position: absolute;
	right: 0;
	top: 2px;
	padding-right: 0
}

.condition-box dd .btn-disabled:hover {
	color: #9fa3b0!important
}

.city-dialog .dialog-container {
	width: 900px;
	height: 550px;
	margin: -275px 0 0 -450px
}

.city-dialog .dialog-con {
	height: 100%
}

.city-dialog h4 {
	font-size: 16px;
	color: #424a5e;
	line-height: 50px;
	padding-left: 24px;
	font-weight: 400
}

.city-dialog .city-wrapper {
	height: 500px;
	font-size: 14px;
	color: #424a5e
}

.city-dialog .section-province {
	float: left;
	width: 150px;
	padding-top: 10px;
	height: 490px;
	background-color: #f9fafb;
	overflow-y: scroll
}

.city-dialog .section-province li {
	line-height: 20px;
	padding: 10px 0 10px 24px;
	position: relative;
	cursor: pointer
}

.city-dialog .section-province li:hover {
	background-color: #fff;
	color: #5dd5c8
}

.city-dialog .section-province li.active {
	background-color: #fff;
	color: #5dd5c8
}

.city-dialog .section-province li.active:before {
	content: "";
	position: absolute;
	width: 4px;
	height: 100%;
	background-color: #5dd5c8;
	left: 0;
	top: 0
}

.city-dialog .section-city {
	margin-left: 150px;
	padding: 10px 22px 22px 22px;
	overflow: hidden
}

.city-dialog .section-city li {
	float: left;
	line-height: 40px;
	width: 25%;
	cursor: pointer
}

.city-dialog .section-city li a {
	display: block
}

.city-letter-show.city-dialog h4 {
	font-size: 16px;
	line-height: 70px;
	font-weight: 500;
	color: #414a60;
	padding-left: 30px
}

.city-letter-show.city-dialog .dialog-container {
	width: 786px;
	height: 527px;
	margin: -243px 0 0 -393px
}

.city-letter-show.city-dialog .city-wrapper {
	height: unset
}

.city-letter-show.city-dialog .section-province {
	padding-top: unset;
	background-color: #f9fafb;
	overflow-y: hidden;
	float: unset;
	width: 786px;
	height: 39px
}

.city-letter-show.city-dialog .section-province li {
	float: left;
	width: 131px;
	line-height: 39px;
	padding: unset;
	position: relative;
	cursor: pointer;
	text-align: center;
	user-select: none
}

.city-letter-show.city-dialog .section-province li:hover {
	background-color: #f9fafb;
	color: #5dd5c8
}

.city-letter-show.city-dialog .section-province li.active {
	background-color: #f9fafb;
	color: #5dd5c8
}

.city-letter-show.city-dialog .section-province li.active:before {
	content: "";
	position: absolute;
	background-color: #5dd5c8;
	left: 25%;
	top: unset;
	bottom: 0;
	width: 50%;
	height: 2px
}

.city-letter-show.city-dialog .section-city {
	margin-left: 0;
	padding: 20px 0;
	height: 378px;
	overflow-y: scroll;
	overflow-x: hidden
}

.city-letter-show.city-dialog .section-city .hot-city {
	float: left;
	line-height: 40px;
	width: 20%;
	cursor: pointer;
	text-align: center;
	margin-bottom: 8px
}

.city-letter-show.city-dialog .section-city .hot-city:hover {
	color: #5dd5c8
}

.city-letter-show.city-dialog .section-city .hot-city span {
	display: block;
	width: 100%;
	height: 100%
}

.city-letter-show.city-dialog .section-city .classify-city {
	float: unset;
	line-height: 40px;
	width: 100%;
	cursor: pointer;
	text-align: center
}

.city-letter-show.city-dialog .section-city .classify-city:after {
	content: "";
	clear: both;
	height: 0;
	display: block
}

.city-letter-show.city-dialog .section-city .city-title {
	width: 11.2%;
	text-align: center;
	color: #5dd5c8;
	float: left
}

.city-letter-show.city-dialog .section-city .city-main {
	float: left;
	width: 88.8%
}

.city-letter-show.city-dialog .section-city .city-main li {
	width: 20%;
	text-align: left;
	margin-bottom: 8px
}

.city-letter-show.city-dialog .section-city .city-main li span {
	display: block;
	width: 90%;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.city-letter-show.city-dialog .section-city .city-main li:hover {
	color: #5dd5c8
}

.dialog-interes .arrow-noumenon {
	display: block;
	position: absolute;
	left: 148px;
	top: -10px;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent
}

.dialog-interes {
	position: absolute;
	text-align: center;
	padding: 40px;
	top: 76px;
	left: -18px
}

.dialog-interes .dialog-container {
	padding: 23px 40px 21px 40px;
	width: 288px
}

.job-detail .dialog-interes .btns {
	float: none;
	text-align: center
}

.dialog-uploadResume .dialog-container {
	padding: 23px 40px 21px 40px
}

.dialog-uploadResume .dialog-container input {
	display: none
}

.five-graph-test {
	background: #fff;
	padding: 20px 30px;
	margin-bottom: 16px;
	position: relative;
	border: solid 1px #eef0f5
}

.five-graph-test h4 {
	height: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #414a60;
	line-height: 20px;
	text-align: left
}

.five-graph-test p {
	font-size: 12px;
	color: #9fa3af;
	line-height: 17px;
	margin: 16px 0;
	text-align: center
}

.five-graph-test i {
	background: url(../images/five-graph.png) no-repeat center;
	display: block;
	background-size: contain;
	width: 192px;
	height: 122px;
	margin: 16px auto
}

.five-graph-test .btn {
	width: 100%;
	margin-top: 14px;
	display: block;
	height: 34px;
	line-height: 34px;
	border: 0 none;
	border-radius: 0
}

.boss-list,.deliver-list {
	margin-right: 360px;
	min-height: 630px
}

.deliver-sider {
	width: 210px
}

.deliver-sider .nav-option {
	width: 100%;
	height: 126px;
	margin-bottom: 20px;
	border-top: 4px solid #5dd5c8
}

.deliver-sider .nav-option a {
	float: left;
	height: 126px;
	background-color: #fff;
	width: 110px;
	text-align: center;
	line-height: 165px;
	position: relative
}

i.fz-mes {
	background-position: 0 -953px;
	position: absolute;
	top: 32px;
	left: 43px
}

i.fz-deliver {
	background-position: 0 -1006px;
	position: absolute;
	top: 32px;
	left: 43px
}

i.fz-cv {
	background-position: 0 -1057px;
	position: absolute;
	top: 32px;
	left: 43px
}

.deliver-sider .promotion-img img {
	width: 330px
}

.deliver-list li {
	padding-bottom: 12px;
	border-bottom: 2px #f8fafc solid;
	cursor: default
}

.deliver-list .company-text {
	position: relative;
	float: right
}

.deliver-list li p {
	margin-top: 14px;
	line-height: 24px
}

.deliver-list .company-text .text {
	margin-right: 78px
}

.deliver-list .company-text img {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	border-radius: 100%
}

.deliver-list .info-bottom {
	margin-top: 30px;
	overflow: hidden
}

.deliver-list .job-time {
	display: inline-block
}

.deliver-list .info-bottom .job-time span {
	line-height: 30px
}

.deliver-list .job-time .time {
	float: none
}

.deliver-list .job-time .status {
	font-size: 12px;
	color: #55cbc4;
	padding: 15px 40px 0 0
}

.deliver-list a.btn {
	float: right;
	height: 30px;
	line-height: 30px;
	min-width: 78px;
	width: 78px;
	font-size: 14px
}

.deliver-list .loadmore {
	border-top: 2px #f8fafc solid;
	margin-top: -2px;
	display: none;
	color: #9fa3b0
}

.deliver-list .loadmore :hover {
	color: #55cbc4
}

.boss-list li {
	padding: 26px 40px;
	position: relative;
	min-height: 60px
}

.boss-list li .op {
	float: right;
	padding-top: 17px
}

.boss-list li .op .time {
	color: #9fa3b0
}

.boss-list li .op .btn {
	display: none;
	height: 30px;
	line-height: 30px;
	min-width: 76px;
	font-size: 14px
}

.boss-list .text {
	position: relative;
	margin-right: 150px;
	margin-left: 80px
}

.boss-list .figure img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	line-height: 113px;
	display: inline-block;
	float: left;
	position: absolute;
	top: 50%;
	margin-top: -30px
}

.boss-list li .info {
	margin-left: 18px;
	display: inline-block;
	width: 100%
}

.boss-list li .name {
	font-size: 18px;
	color: #414a60;
	font-weight: 400
}

.boss-list li .name .gray {
	font-size: 14px;
	padding-left: 25px
}

.boss-list li .company-info i {
	width: 24px;
	line-height: 20px;
	display: inline-block;
	text-align: center
}

.boss-list li .job-info {
	color: #9fa3b0;
	font-size: 14px;
	display: inline-block
}

.boss-list li p {
	font-size: 14px;
	color: #9fa3b0;
	margin-top: 5px
}

.icon-new {
	display: inline-block;
	width: 33px;
	height: 14px;
	background: url(../images/icon-new.png) no-repeat;
	vertical-align: middle;
	margin-right: 8px;
	margin-top: -1px
}

.boss-list li:hover {
	cursor: default
}

.boss-list li p.gray {
	font-size: 14px;
	color: #61687c;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.boss-list li.read p.gray {
	color: #9fa3b0
}

.boss-list li .com-info {
	overflow: hidden;
	text-align: right;
	float: right;
	height: 66px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -33px
}

.boss-list li:hover .btn {
	display: inline-block
}

.boss-list li:hover .time {
	display: none
}

.boss-list li .com-info span {
	color: #9fa3b0;
	font-size: 14px;
	line-height: 66px
}

.deliver-list li p.new {
	margin-top: 14px;
	line-height: 24px;
	width: 75%;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.notice-badge {
	position: absolute;
	top: 50px;
	right: 25px;
	font-size: 12px;
	min-width: 8px;
	line-height: 16px;
	padding-left: 5px
}

.inner {
	width: 1280px
}

.fz-resume,.upload-layer {
	width: 24px;
	height: 24px;
	background: url(../images/icons-resume.png) no-repeat;
	display: inline-block;
	vertical-align: middle
}

.sider-resume {
	width: 210px;
	padding: 0;
	background-color: transparent;
	box-sizing: border-box
}

.sider-resume .title {
	color: #414a60;
	font-size: 14px;
	padding: 18px 0 10px 0;
	font-weight: 400
}

.sider-resume .has-tip {
	padding-top: 50px
}

.sider-resume .title .edit {
	color: #8d92a1
}

.sider-resume .title .edit:hover {
	color: #00d7c6
}

.resume-attachment {
	position: relative;
	margin: 0 0 18px;
	padding: 0 25px 10px;
	background-color: #fff
}

.resume-attachment .resume-works-tip {
	width: 100%;
	background: #5e96f2;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	line-height: 30px
}

.resume-attachment .resume-works-tip.hidden {
	display: none
}

.resume-attachment .resume-works-tip .txt {
	font-size: 12px;
	margin-left: 7px
}

.resume-attachment .resume-works-tip .icon {
	width: 12px;
	height: 12px;
	cursor: pointer;
	background: url(../images/icon-close-@1x.png) no-repeat;
	float: right;
	margin: 9px 5px 0 0
}

.resume-attachment .resume-works-tip .icon:hover {
	opacity: .9
}

.resume-attachment li a {
	display: block
}

.resume-attachment li span {
	display: inline-block;
	width: 250px;
	height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.resume-progress {
	padding-top: 10px
}

.sider-resume .resume-attachment li:hover .fz-close {
	background-position: -26px -696px
}

.sider-resume li {
	color: #9fa3b0;
	font-size: 14px;
	cursor: default
}

.sider-resume .resume-attachment li:hover a,.sider-resume li:hover,.sider-resume li:hover a {
	color: #414a60;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.sider-resume .progress {
	width: 100%;
	height: 8px;
	background-color: #e3e5e9;
	border-radius: 20px;
	margin-top: 6px;
	margin-bottom: 18px;
	display: none
}

.sider-resume .progress-score {
	font-size: 18px;
	color: #5dd5c8;
	float: right
}

.sider-resume .progress p {
	width: 80%;
	height: 100%;
	background-color: #5dd5c8;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px
}

.sider-resume .upd-time {
	color: #d1d4db;
	padding-bottom: 0;
	margin-top: -5px;
	font-size: 12px
}

.user-center .resume-attachment {
	margin-bottom: 0
}

.user-center .resume-attachment:after {
	content: "";
	display: block;
	border-bottom: 1px solid #f6f7f9
}

.sider-resume .btn-download {
	height: 42px;
	line-height: 42px;
	margin-bottom: 20px;
	display: block
}

.fixed-nav {
	position: fixed;
	top: 0
}

.file-btn {
	margin-top: -40px;
	position: relative
}

.btn-upload-file {
	width: 150px;
	height: 40px;
	display: block;
	position: relative
}

.btn-upload-file input {
	height: 40px;
	vertical-align: top;
	width: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	opacity: 0
}

.file-result {
	width: 150px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	text-align: center;
	background: #5dd5c8;
	border: none;
	border-radius: 2px;
	font-size: 14px;
	color: #414a60;
	margin: 0 auto;
	color: #fff;
	cursor: pointer
}

.file-result:hover {
	background: #6adbcf
}

.file-result-text {
	width: 148px;
	height: 38px;
	line-height: 40px;
	white-space: nowrap;
	text-align: center;
	color: #00c2b3;
	border: 1px solid #53cac3;
	border-radius: 2px;
	font-size: 14px;
	margin: 0 auto;
	cursor: pointer;
	margin-top: 10px
}

.file-result-text:hover {
	width: 146px;
	height: 36px;
	line-height: 38px;
	border-width: 2px
}

.file-tip p {
	font-size: 12px;
	color: #d0d0d0;
	line-height: 20px;
	padding-top: 10px
}

.resume {
	padding: 58px 0;
	background-color: #fff;
	margin-right: 230px
}

.paddingTop60 {
	position: relative;
	padding-top: 60px
}

.paddingTop60 .resume-analyze-tools {
	position: absolute;
	top: 0;
	width: 720px;
	padding: 0 10px 0 40px;
	height: 30px;
	background: rgba(94,150,242,.8);
	font-size: 13px;
	font-weight: 400;
	color: rgba(255,255,255,1);
	display: flex;
	align-items: center;
	justify-content: space-between
}

.paddingTop60 .resume-analyze-tools .name-text {
	margin-right: 20px
}

.paddingTop60 .resume-analyze-tools .go-detail {
	cursor: pointer;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	width: 60px;
	height: 20px;
	border-radius: 2px;
	border: 1px solid rgba(255,255,255,1)
}

.paddingTop60 .resume-analyze-tools .go-detail:hover {
	color: #5281cf;
	background: #fff
}

.paddingTop60 .resume-analyze-tools .close {
	width: 12px;
	height: 12px;
	background: url(../images/icon-close-@1x.png) no-repeat;
	cursor: pointer
}

.resume .update-time {
	font-size: 12px;
	line-height: 17px;
	color: #9fa3b0;
	padding: 0 40px 10px
}

.resume .prv-view-btn {
	float: right;
	cursor: pointer;
	font-size: 14px;
	color: #24272e
}

.resume .prv-view-btn:hover {
	color: #5dd4c7
}

.resume .resume-warning {
	position: absolute;
	top: 0;
	left: 0;
	width: 770px;
	height: 30px;
	background: rgba(122,168,243,1);
	line-height: 30px;
	padding-left: 40px;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	font-size: 13px;
	color: #fff;
	display: none;
	animation: jianli .6s ease
}

@keyframes jianli {
	from {
		transform: translateY(-200%)
	}

	to {
		transform: translate(0)
	}
}

.resume .resume-warning p {
	display: flex;
	align-items: center
}

.resume .resume-warning p img {
	width: 14px;
	height: 14px;
	margin: 0 5px
}

.resume .resume-warning a {
	color: #fff;
	text-align: center;
	margin-left: 20px;
	font-size: 12px;
	display: block;
	width: 90px;
	height: 17px;
	line-height: 18px;
	transition: all .4s ease;
	border: 1px solid #fff
}

.resume .resume-warning a:hover {
	color: #5281cf;
	border-color: #fff;
	background-color: #fff
}

.resume-update-pop,.resume-warning-pop {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: rgba(0,0,0,.4)
}

.resume-update-pop {
	display: block
}

.badresume-close {
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 15px;
	top: 15px
}

.badresume-close img {
	width: 100%
}

.resume-warning-pop .item:nth-child(1) {
	font-size: 18px;
	font-weight: 400
}

.resume-warning-pop.badResume-desc {
	font-size: 14px;
	margin-top: 10px
}

.resume-warning-pop .item:nth-child(3) {
	margin-top: 20px
}

.resume-warning-pop .badResume-textInfo {
	width: 560px;
	height: 200px;
	resize: none;
	font-size: 14px;
	border: 1px solid rgba(227,231,237,1);
	padding: 16px 16px 0 16px;
	transition: border .2s ease;
	margin-top: 10px
}

.resume-warning-pop .badResume-textInfo:focus {
	border: 1px solid rgba(0,194,179,1)
}

.resume-warning-pop .dialog-container {
	width: 620px!important;
	margin-top: -250px!important
}

.resume-warning-pop .title {
	margin-left: 0!important
}

.resume-warning-pop .dialog-con {
	padding-left: 24px!important;
	margin-top: 10px
}

.resume-warning-pop .badResume-count {
	text-align: right;
	color: rgba(168,170,183,1)
}

.resume-warning-pop .content .item:nth-child(5) {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 10px
}

.resume-warning-pop .content .item:nth-child(5) a {
	display: block;
	width: 90px;
	height: 34px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	text-align: center;
	line-height: 34px;
	margin-left: 20px;
	background-color: #fff;
	color: rgba(0,194,179,1);
	border: 1px solid rgba(25,215,200,1)
}

.resume-warning-pop .content .item:nth-child(5) a:nth-child(2) {
	background: rgba(94,213,200,1);
	color: #fff;
	border: 1px solid transparent
}

.resume-update-pop .update-content {
	width: 440px;
	min-height: 307px;
	background-color: #fff;
	box-sizing: border-box;
	padding: 30px 42px 20px 42px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%,-50%);
	top: 50%
}

.resume-update-pop .update-content .update-item:nth-child(1) {
	color: #414a60;
	font-size: 18px;
	font-family: PingFangSC-Regular;
	font-weight: 400
}

.resume-update-pop .update-content .update-item:nth-child(2) {
	width: 86px;
	height: 86px;
	margin: 20px auto 16px
}

.resume-update-pop .update-content .update-item:nth-child(2) img {
	width: 100%
}

.resume-update-pop .update-content .update-item:nth-child(3) {
	color: #61687c;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	font-weight: 400
}

.resume-update-pop .update-content .update-item:nth-child(4) {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 56px
}

.resume-update-pop .update-content .update-item:nth-child(4) a {
	display: block;
	width: 120px;
	height: 34px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	text-align: center;
	line-height: 34px;
	margin-left: 20px;
	background-color: #fff;
	color: rgba(0,194,179,1);
	font-size: 14px;
	border: 1px solid rgba(25,215,200,1)
}

.resume-update-pop .update-content .update-item:nth-child(4) a:nth-child(2) {
	background: rgba(94,213,200,1);
	color: #fff;
	border: 1px solid transparent
}

.resume-item .op a {
	float: left;
	position: relative
}

.resume-item .op a:hover .bubble,.serial-btn:hover .bubble {
	display: block
}

.resume-item .op .link-delete {
	margin-right: 30px
}

.resume-item .op {
	display: none;
	font-size: 14px;
	position: absolute;
	right: 5px;
	top: 4px
}

.resume-item .op a {
	color: #00c2b3;
	vertical-align: middle
}

.resume-item .op a:hover {
	opacity: .8
}

.resume-item .op i {
	color: #5dd5c8;
	vertical-align: middle
}

.resume-item .op span {
	padding-left: 10px;
	vertical-align: middle
}

.bubble {
	display: none;
	cursor: pointer;
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #61687c;
	background-color: #fff;
	border: 1px solid #f3f4f6;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.06);
	position: absolute;
	z-index: 1;
	bottom: 0;
	top: 34px;
	left: -24px
}

.bubble:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -20px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	z-index: 9999
}

.resume-item .item-primary {
	padding: 0 30px;
	position: relative
}

.resume-item .title {
	margin-right: 60px;
	border-top: 1px #f2f3f3 solid;
	color: #24272e;
	font-size: 18px;
	line-height: 25px;
	padding: 20px 0 8px 23px;
	font-weight: 400;
	position: relative
}

.resume-item .title:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 15px;
	border-radius: 10px;
	background-color: #53cac3;
	left: 10px;
	top: 25px
}

.resume-item .figure {
	position: absolute;
	right: 0;
	top: 10px;
	width: auto;
	margin-bottom: 0
}

.resume-item .figure .avatar_box .upload-layer,.resume-item .figure .avatar_box img,.resume-item .figure .avatar_line,.resume-item .figure .upload-layer .file-control {
	width: 80px;
	height: 80px;
	border-radius: 100%
}

.resume-item .figure a.upload-layer {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background-color: rgba(131,131,131,.8);
	background-image: url(../images/icons-resume.png);
	background-repeat: no-repeat;
	background-position: center -771px
}

.upload-layer .file-control {
	display: block;
	opacity: 0;
	cursor: pointer
}

.resume-item .figure:hover .upload-layer {
	display: block
}

.resume-item .text {
	color: #61687c;
	line-height: 25px;
	word-break: break-all;
	word-wrap: break-word;
	padding-top: 10px
}

.resume-item .text h4 {
	font-size: 16px;
	font-weight: 400;
	color: #414a60
}

.resume-item .period {
	float: left;
	color: #8d92a1;
	font-size: 12px;
	margin-left: 30px;
	position: relative;
	top: 2px
}

.logo-company {
	width: 36px;
	float: right
}

.logo-company img {
	width: 36px;
	height: 36px;
	display: block
}

.chat-info .vline,.text-company .vline {
	margin: 0 20px
}

.hidden-row {
	margin: -17px 16px 0;
	position: relative;
	z-index: 1
}

.hidden-row .checkbox {
	display: inline-block;
	font-size: 12px
}

.hidden-row .checkbox input {
	position: relative;
	top: 2px
}

.history-project>li {
	margin-bottom: 10px;
	padding: 7px 0 10px 24px;
	position: relative;
	cursor: pointer
}

.history-project>li:last-of-type {
	margin-bottom: 0
}

.history-project>li:hover .op {
	display: block
}

.history-project>li:hover {
	background-color: #f2f5f9;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.history-project li .text {
	color: #61687c;
	line-height: 24px
}

.history-project li .item-work {
	padding: 7px 0 5px
}

.history-project li .item-name {
	overflow: hidden;
	line-height: 21px;
	padding-right: 60px;
	margin-bottom: 7px
}

.history-project li .item-name .name {
	float: left;
	font-size: 15px;
	font-weight: 700;
	max-width: 420px;
	word-break: break-all
}

.history-project li .item-name .certified {
	margin-left: 30px;
	padding-left: 20px;
	background: url(../images/icons-detail.png) no-repeat 0 -639px;
	color: #2db4b4;
	font-size: 12px
}

.history-project li .item-name .training {
	margin-left: 30px;
	padding-left: 20px;
	background: url(../images/icons-detail.png) no-repeat 0 -696px;
	color: #fa3;
	font-size: 12px
}

.history-project li .op {
	top: 5px
}

.history-project li .text-type {
	color: #61687c;
	font-weight: 700
}

.history-project li .keywords span {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: #9fa3b0;
	padding: 0 14px;
	margin-right: 10px;
	border: 1px solid #cfd1d7;
	border-radius: 50px
}

.history-project li .text h4 {
	position: relative;
	font-weight: 700;
	font-size: 15px
}

.history-project li .text h4 b {
	font-size: 14px
}

.history-project li .tags {
	margin-top: 15px
}

.history-project li .tags span {
	display: inline-block;
	border: 1px #cfd1d7 solid;
	border-radius: 15px;
	margin-right: 12px;
	color: #9fa3b0;
	font-size: 12px;
	line-height: 18px;
	padding: 0 15px
}

.history-project li .vline {
	margin: 0 20px
}

.prefix-minyear {
	position: absolute;
	top: 4px;
	left: 15px;
	width: 62px;
	background-color: #fff;
	color: #9fa3b0;
	font-style: normal;
	display: none
}

.show-prefix-minyear .prefix-minyear {
	display: block
}

.resume .show-prefix-minyear .prefix-minyear {
	color: #414a60;
	top: 8px;
	left: 12px
}

.social-account {
	margin-top: 3px
}

.social-account li {
	position: relative;
	margin-bottom: 1px;
	padding: 4px 0 4px 24px;
	cursor: pointer
}

.social-account li:hover {
	background-color: #f2f5f9;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.social-account li:hover .op {
	display: block
}

.social-account li img {
	width: 25px;
	height: 25px;
	border-radius: 100%;
	margin-right: 24px;
	vertical-align: middle
}

.social-account li>span {
	display: inline-block;
	max-width: 480px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle
}

.fz-female {
	background-position: 0 0;
	vertical-align: top
}

.fz-male {
	background-position: -24px 0;
	vertical-align: top
}

.fz-experience {
	background-position: 4px -477px
}

.fz-degree {
	background-position: 2px -507px
}

.fz-status {
	background-position: -26px -477px
}

.fz-tel {
	background-position: -25px -506px
}

.fz-mail {
	background-position: 4px -535px
}

.fz-weixin {
	background-position: -28px -586px
}

.fz-job {
	background-position: -25px -535px
}

.fz-salary {
	background-position: 2px -561px
}

.fz-industry {
	background-position: -26px -561px
}

.fz-place {
	background-position: 2px -585px
}

.fz-close {
	background-position: 6px -696px;
	float: right
}

.fz-info {
	background-position: 0 -54px
}

.fz-contact {
	background-position: -1px -620px
}

.fz-adventage {
	background-position: 0 -109px
}

.fz-positon {
	background-position: 0 -168px
}

.fz-history {
	background-position: 0 -225px
}

.fz-project {
	background-position: 0 -283px
}

.fz-eaducation {
	background-position: 0 -339px
}

.fz-edit {
	background-position: 5px -28px
}

.fz-add {
	background-position: 6px -662px
}

.fz-add-2 {
	background-image: url(../images/icon-add.png);
	background-size: 13px;
	background-position: center
}

.fz-socal {
	background-position: 0 -399px
}

.fz-delete {
	background-position: 3px -739px
}

.fz-menu-bullet {
	background-image: url(../images/menu-bullet.png)
}

.fz-menu-num {
	background-image: url(../images/menu-num.png)
}

.sider-resume .fz-resume {
	width: 20px
}

.resume-attachment .fz-close {
	width: 20px;
	position: absolute;
	z-index: 2;
	cursor: pointer
}

.resume-item .op a:hover .fz-add {
	background-position: -25px -662px
}

.resume-item .op a:hover .fz-edit {
	background-position: -25px -28px
}

.resume-item .op a:hover .fz-delete {
	background-position: -27px -739px
}

.serial-toolbar {
	height: 38px;
	line-height: 38px;
	border: solid #e3e7ed;
	background-color: #f8f9fb;
	border-width: 1px 1px 0;
	padding-left: 4px
}

.serial-toolbar .serial-btn {
	position: relative;
	font-style: normal;
	background: no-repeat center;
	cursor: pointer;
	float: left;
	height: 100%;
	width: 35px
}

.serial-toolbar .serial-btn .bubble {
	left: -18px;
	top: 38px
}

.serial-toolbar .serial-btn-bullet {
	background-image: url(../images/menu-bullet.png)
}

.serial-toolbar .serial-btn-num {
	background-image: url(../images/menu-num.png)
}

.serial-toolbar .serial-btn-bullet:hover {
	background-image: url(../images/menu-bullet-hover.png)
}

.serial-toolbar .serial-btn-num:hover {
	background-image: url(../images/menu-num-hover.png)
}

.serial-area {
	word-break: break-all;
	word-wrap: break-word
}

.resume-box .tip-text {
	display: block;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-bottom: -20px;
	padding-left: 20px;
	background-position: 0 -1389px;
	color: #9fa3b0
}

.resume-item-open {
	background-color: #f8f9fb
}

.resume-item-open .item-primary {
	display: none
}

.resume-item-open .item-form {
	display: block
}


.item-form {
	display: none;
	padding: 0 40px
}

.form-resume .title {
	border: 0;
	font-size: 16px;
	font-weight: 700;
	padding: 20px 0 19px 13px
}

.form-resume .title:before {
	display: none
}

.form-resume .form-row {
	padding-bottom: 20px
}

.form-resume .form-row dt {
	line-height: 20px;
	padding: 3px 0 8px
}

.form-resume .form-row dl {
	display: inline-block;
	width: 316px;
	vertical-align: top;
	margin: 0 13px
}

.form-resume .form-row dd .babresume-warning {
	margin-top: -23px;
	margin-bottom: 28px
}

.form-resume .ipt {
	padding: 7px 14px;
	font-size: 14px;
	width: 286px;
	min-width: 0
}

.form-resume .ipt-long {
	width: 630px
}

.form-resume .form-btns {
	text-align: right;
	padding: 0 16px 20px
}

.form-resume .form-btns .btn {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	min-width: 42px;
	padding: 0 25px
}

.form-resume .form-btns .btn-back {
	background-color: #fff;
	-webkit-transition: none;
	transition: none
}

.form-resume .form-btns .btn-back:not(.disabled):hover {
	border-width: 2px;
	height: 30px;
	line-height: 28px;
	padding: 0 24px;
	background-color: #fff;
	color: #5dd5c8
}

.form-resume .radio-square {
	min-width: 146px;
	line-height: 36px;
	float: left
}

.form-resume .row-area dl {
	display: block;
	width: 660px
}

.form-resume .row-area .ipt-area {
	width: 630px;
	height: 184px;
	color: #414a60
}

.form-resume .row-area .tip-text {
	position: absolute;
	margin: 0;
	bottom: 5px
}

.form-resume .tip-text-hover {
	display: none;
	position: absolute;
	z-index: 1;
	top: 38px;
	left: 0;
	width: 286px;
	font-size: 13px;
	color: #7f7f7f;
	line-height: 20px;
	padding: 9px 14px;
	background-color: #fff;
	border: 1px solid #e3e7ed;
	border-top: 0
}

.form-resume .tip-text-hover a {
	color: #00d7c6
}

.form-resume .tip-text-hover.name-tip {
	padding: 0;
	width: 314px
}

.form-resume .tip-text-hover.name-tip p {
	font-size: 12px;
	color: #9fa3af;
	line-height: 17px;
	padding: 9px 0 9px 10px
}

.form-resume .tip-text-hover.name-tip ul label {
	display: block;
	color: #414a60;
	line-height: 34px;
	padding: 0 15px 0 10px;
	cursor: pointer
}

.form-resume .tip-text-hover.name-tip ul label:hover {
	background-color: #f2f5f9
}

.form-resume .tip-text-hover.name-tip ul label input {
	float: right;
	margin-top: 10px
}

.dropdown-skills .dropdown-menu {
	width: auto
}

.skills-pannel {
	background-color: #fff;
	width: 490px
}

.skills-pannel ul {
	font-size: 0
}

.skills-pannel div.empty {
	font-size: 14px;
	color: #9fa3b0;
	padding-left: 17px
}

.skills-pannel li {
	width: 120px;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	padding: 0!important
}

.position-manage .skills-pannel li:hover {
	background: 0 0
}

.skills-pannel span {
	display: block;
	color: #414a60;
	padding: 0 12px;
	line-height: 20px;
	height: 20px;
	border-radius: 15px;
	margin: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.skills-pannel span:hover {
	background-color: #eef0f5
}

.skills-pannel span.selected {
	background-color: #eef0f5
}

.dropdown-skills .result-selecter {
	width: 663px
}

.dropdown-skills .result-selecter .active {
	background-color: #f2f5fa
}

.result-selecter {
	display: none;
	width: 240px;
	max-height: 200px;
	overflow-y: auto;
	background-color: #fff;
	position: absolute;
	z-index: 10;
	-webkit-box-shadow: 1px 2px 14px rgba(0,0,0,.11);
	box-shadow: 1px 2px 14px rgba(0,0,0,.11)
}

.dropdown-type .result-selecter {
	width: 370px
}

.result-selecter .data-blank,.result-selecter li {
	line-height: 40px;
	height: 40px;
	color: #9fa3b0;
	font-size: 14px;
	padding: 0 17px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis
}

.result-selecter li:hover {
	background-color: #f2f5fa
}

.result-selecter li span {
	float: right;
	color: #d1d4db
}

.result-selecter .h {
	font-style: normal;
	text-decoration: none;
	color: #00d7c6
}

.result-selecter .gray {
	float: right;
	color: #d1d4db
}

.result-selecter .data-blank a {
	float: right;
	color: #9fa3b0;
	font-size: 12px
}

.row-skills .bootstrap-tagsinput {
	width: 640px
}

.form-resume .row-skills dl {
	width: auto;
	display: block
}

.form-resume .row-skills .dropdown-select .ipt {
	width: 630px
}

.row-skills .dropdown-menu ul {
	width: 659px
}

.dropdown-menu li .h {
	color: #16c3b1
}

.range-item,.salary-item {
	float: left
}

.range-item .ipt,.salary-item .ipt {
	width: 111px;
	min-width: 111px
}

.range-devide {
	margin: 0 10px;
	float: left;
	line-height: 38px
}

.dropschool .suggestion li i {
	float: right;
	font-style: normal;
	color: #414a60
}

.dropcompany .suggestion-ipt,.dropschool .suggestion-ipt {
	cursor: auto
}

.dropmajor .dropdown-select .ipt:disabled {
	background: #e3e7ed
}

.link-add {
	float: right;
	height: 25px;
	margin: 20px 5px 0 0;
	line-height: 25px;
	color: #00c2b3;
	text-align: center;
	cursor: pointer
}

.link-add i {
	color: #00c2b3;
	font-size: 14px;
	vertical-align: middle
}

.link-add span {
	padding-left: 10px;
	vertical-align: middle
}

.link-add:hover {
	opacity: .8
}

#resume-userinfo {
	margin-bottom: 10px
}

#resume-userinfo .name {
	font-weight: 400;
	font-size: 24px;
	line-height: 33px
}

#resume-userinfo .name .fz-resume {
	margin-bottom: 4px;
	vertical-align: middle
}

#resume-userinfo .userinfo-con {
	display: inline-block;
	max-width: 550px;
	padding: 10px
}

#resume-userinfo .userinfo-con .name {
	position: relative
}

.bad-resume-pre-icon {
	position: absolute;
	width: 15px;
	height: 15px;
	background: url(../images/icon-bad-resume-pre.png) no-repeat;
	left: 0;
	top: 10px
}

#resume-userinfo .userinfo-con .name .bad-resume-pre-icon {
	left: -17px;
	top: 8px
}

.babresume-warning {
	font-size: 12px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: rgba(252,112,62,1);
	line-height: 17px;
	position: relative;
	margin-left: 20px;
	margin-top: 5px;
	display: block;
	animation: warning .5s ease
}

.babresume-warning::before {
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	left: -20px;
	top: 2px;
	background: url(../images/resume-warning.png) no-repeat;
	background-size: cover
}

@keyframes warning {
	from {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

#resume-history .item-form-list {
	position: relative
}

#resume-userinfo .info-labels {
	position: relative;
	padding-top: 20px
}

#resume-userinfo .info-labels .fz-resume {
	margin-right: 3px
}

#resume-userinfo .info-labels .vline {
	margin: 0 28px
}

#resume-userinfo .info-labels .label-text {
	display: inline-block;
	vertical-align: middle;
	word-break: break-all;
	word-wrap: break-word
}

#resume-userinfo .item-primary {
	margin-right: 40px
}

#resume-userinfo .item-primary .op {
	display: block;
	right: -5px;
	bottom: 10px;
	top: unset
}

#resume-userinfo .row-contact {
	margin-top: 11px
}

#resume-userinfo .form-resume .ipt[disabled],.ipt-disabled {
	cursor: default;
	opacity: 1!important;
	background-color: #e3e7ed;
	color: #9fa3af;
	border-color: #dbe0e5
}

#resume-userinfo .dropdown-disabled {
	opacity: 1
}

.ipt-disabled:focus {
	border-color: #dbe0e5;
	box-shadow: none
}

#resume-summary {
	padding-bottom: 12px
}

#resume-summary .text {
	position: relative;
	padding: 7px 60px 8px 24px;
	cursor: pointer
}

#resume-summary .text:hover {
	background-color: #f2f5f9;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

#resume-summary .text .op {
	display: block
}

#resume-summary .count-num {
	padding-bottom: 8px
}

#resume-summary .row-area {
	padding-bottom: 0
}

#resume-summary .row-area .ipt-area {
	height: 124px
}

#resume-purpose .purpose-list {
	margin-bottom: 1px
}

#resume-purpose .purpose-list .label-text {
	display: inline-block;
	vertical-align: middle;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#resume-purpose .purpose-list li {
	padding: 7px 60px 7px 17px;
	position: relative;
	cursor: pointer
}

#resume-purpose .purpose-list li .fz-resume {
	margin-right: 3px
}

#resume-purpose .purpose-list li:hover {
	background-color: #f2f5f9;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

#resume-purpose .purpose-list li:hover .op {
	display: block
}

#resume-purpose .purpose-list li:only-child .op {
	display: block
}

#resume-purpose .vline {
	margin: 0 15px
}

.auto-location .dropdown-select:after {
	content: "当前定位城市";
	display: block;
	position: absolute;
	right: 37px;
	top: 0;
	line-height: 38px;
	font-size: 12px;
	color: #9fa3af
}

#resume-education .row-area,#resume-history .row-area,#resume-project .row-area {
	padding-bottom: 0
}

.count-num {
	display: block;
	color: #9fa3b0;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	padding: 4px 10px 6px 0
}

.count-num em {
	font-style: normal
}

.count-num em.red {
	color: #fc6e3c
}

.row-area .ipt-area {
	height: 184px
}

.span-wechat {
	max-width: 250px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.select-tree {
	position: relative
}

.select-tree ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	max-height: 250px;
	height: 250px
}

.select-tree ul.tree-2 {
	left: 168px
}

.select-tree ul.tree-3 {
	left: 336px;
	border-top: 1px #e3e7ed solid;
	height: 249px;
	display: none
}

.select-tree li {
	display: block;
	background-position: right -1575px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.select-tree li.selected {
	background-color: #f2f5f9;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.select-tree li.blank {
	background: 0 0;
	color: #ccc;
	padding-top: 50px;
	text-align: center
}

.select-tree ul.tree-3 li {
	background-image: none
}

.select-industry,.select-tags {
	background-color: #fff;
	border: 1px #e3e7ed solid;
	padding: 20px 30px;
	width: 500px;
	position: absolute;
	top: 0;
	left: 0
}

.industry-title .btns,.tags-title .btns {
	float: right
}

.industry-title h3,.tags-title h3 {
	font-weight: 400;
	font-size: 16px;
	color: #9fa3b0
}

.industry-cells,.tags-cells {
	clear: both;
	padding-top: 20px;
	margin-left: -11px;
	max-height: 300px;
	overflow: auto
}

.industry-cells span,.tags-cells span {
	display: inline-block;
	line-height: 24px;
	padding: 0 8px;
	margin: 0 3px 10px 3px;
	text-align: center;
	cursor: pointer;
	border: 1px #fff solid;
	border-radius: 15px
}

.industry-cells span.selected,.tags-cells span.selected {
	border-color: #eaebee;
	color: #fc6c38
}

.industry-cells .blank-tag {
	text-align: center;
	color: #9fa3b0
}

.select-tags {
	width: 600px
}

.tags-title .ipt {
	width: 160px;
	padding: 4px 10px;
	min-width: 0
}

.tags-title .btn-addtag {
	min-width: 52px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	font-size: 12px
}

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

.suggest-complete li .ignore {
	float: right
}

.tags-wrap {
	height: 22px;
	overflow: hidden;
	min-height: 22px;
	line-height: 22px;
	border: 1px solid #e3e7ed;
	vertical-align: middle;
	min-width: 300px;
	padding: 9px 12px;
	font-size: 14px;
	width: 310px;
	background: #fff
}

.tags-wrap .ipt {
	display: none
}

.tagsinput {
	white-space: nowrap
}

.tagsinput div {
	display: inline-block
}

.tagsinput div.tags_msg {
	display: none
}

.tagsinput input {
	padding: 5px 0;
	border: 0
}

.tagsinput .tag {
	display: inline-block;
	border: 1px #eee solid;
	border-radius: 15px;
	padding: 0 10px;
	margin-right: 5px
}

.file-upload .data-tab {
	margin: 0
}

.file-upload .tab-con {
	display: none;
	background: #f9f9f9;
	border: 1px #eee solid;
	padding: 10px;
	margin-top: 10px
}

.file-info,.file-result li {
	display: table;
	width: 100%
}

.file-info {
	border-bottom: 1px #ddd solid;
	padding-bottom: 5px
}

.file-result li {
	line-height: 40px
}

.file-info span,.file-result li span {
	display: table-cell
}

.file-info span {
	font-weight: 700;
	padding-bottom: 5px
}

.file-name {
	width: 100px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.resume-attachment .upload-op {
	display: inline-block;
	height: 34px
}

.resume-del {
	font-style: normal;
	display: block;
	width: 90px;
	height: 34px
}

.upload-op .btn-upload-file {
	width: 30px;
	height: 26px;
	top: 0;
	right: 0;
	cursor: pointer
}

.upload-op .btn-upload-file input {
	height: 26px
}

.resume-attachment .change {
	font-style: normal;
	position: absolute;
	cursor: pointer;
	width: 100%;
	text-align: center;
	left: 0
}

.resume-menu {
	float: right;
	height: 26px;
	cursor: pointer
}

.resume-menu>i {
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 200px;
	background: #aaa;
	margin: 0 3px;
	position: relative;
	top: -2px
}

.resume-menu:hover>i {
	background: #5dd4c7
}

.resume-menu-box {
	position: absolute;
	top: 42px;
	right: 0;
	width: 90px;
	box-shadow: -4px 3px 12px rgba(3,0,0,.2);
	z-index: 9999;
	display: none
}

.resume-menu:hover .resume-menu-box {
	display: block
}

.resume-menu-box .menu-btn {
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: #fff;
	cursor: pointer
}

.resume-menu-box .menu-btn a {
	width: 90px;
	height: 34px;
	display: block;
	text-align: center;
	color: #414a60
}

.resume-menu-box .menu-btn:hover {
	background: #f2f5fa
}

.file-name {
	width: 150px
}

.file-size,.file-status {
	text-align: center;
	width: 10%
}

.file-upload .tab-con .data-search {
	padding: 0 0 10px
}

.profile_form .avatar_box .avatar {
	border: 0
}

#pop-resume {
	display: none
}

.pre-view-box {
	display: none
}

.resume-settings {
	background-color: #fff;
	margin-bottom: 20px
}

.resume-settings .title {
	padding: 24px;
	padding-bottom: 0
}

.resume-settings .title .pull-right {
	float: right;
	font-size: 14px;
	color: #56cbc4
}

.resume-settings .setting-item {
	color: #61687c;
	padding: 16px 24px;
	line-height: 20px
}

.resume-settings .setting-item .pull-right {
	float: right;
	font-size: 13px;
	color: #9fa3af
}

.resume-settings .setting-item+.setting-item {
	border-top: 1px solid #f3f3f3
}

.resume-settings .text-green {
	color: #56cbc4
}

.layer-position .dialog-container {
	margin: -273px 0 0 -445px
}

.layer-position .dialog-container .title {
	font-weight: 400;
	padding: 10px 0 10px 23px
}

.layer-position .icon-select-arrow {
	display: none
}

.layer-position .select-tree {
	display: none
}

.position-manage .tree-1,.position-manage .tree-2,.position-manage .tree-3 {
	display: none
}

.layer-position .s-position-search {
	float: right;
	margin-right: 486px;
	margin-top: -2px
}

.s-position-search {
	width: 250px;
	height: 30px;
	position: relative
}

.s-position-search .position-input input {
	display: block;
	position: relative;
	width: 198px;
	min-width: auto;
	padding: 5px 30px 5px 20px;
	line-height: 18px;
	min-height: 18px;
	font-size: 12px;
	border: 1px solid #e1e6ea;
	border-radius: 15px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box
}

.s-position-search .position-input input:focus {
	border-color: #00d7c6
}

.s-position-search .position-input .icon-p-search {
	position: absolute;
	right: 12px;
	top: 7px;
	width: 16px;
	height: 16px;
	background: url(../images/icon-p-search.png) no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	cursor: pointer
}

.s-position-search .position-lists {
	position: absolute;
	top: 35px;
	left: 0;
	width: 250px;
	overflow: hidden;
	-webkit-box-shadow: 1px 2px 14px rgba(0,0,0,.11);
	box-shadow: 1px 2px 14px rgba(0,0,0,.11)
}

.s-position-search .position-lists .normal ul {
	max-height: 480px;
	overflow-y: auto
}

.s-position-search .position-lists .normal li {
	padding: 10px 2px 9px 24px;
	background-color: #fff;
	cursor: pointer
}

.s-position-search .position-lists .normal li:hover {
	background-color: #f2f5f9
}

.s-position-search .position-lists .normal li.selected {
	background-color: #f2f5f9
}

.s-position-search .position-lists .normal li .p-name {
	line-height: 20px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.s-position-search .position-lists .normal li .p-name .h {
	color: #18c3b1
}

.s-position-search .position-lists .normal li .p-des {
	display: block;
	margin-top: 3px;
	line-height: 18px;
	font-size: 12px;
	color: #9fa3b0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.s-position-search .position-lists .blank {
	padding: 9px 0 8px 0;
	line-height: 17px;
	font-size: 12px;
	color: #9fa3b0;
	text-align: center;
	background-color: #fff
}

.s-position-search .position-lists .hide {
	display: none
}

.resume-dropdown-select-input {
	width: 316px
}

.resume-dropdown-select-input .dropdown-select {
	width: 100%;
	height: 34px;
	line-height: 34px;
	box-sizing: border-box
}

.resume-dropdown-select-input .dropdown-select:after {
	display: none
}

.resume-dropdown-select-input .dropdown-select input {
	width: 100%;
	box-sizing: border-box;
	padding-left: 7px;
	background: #fff;
	opacity: 1
}

.resume-dropdown-select-input .dropdown-menu {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
	border: 1px solid #e3e7ed;
	border-top: none;
	box-sizing: border-box;
	width: 316px;
	z-index: 10;
	position: absolute
}

.resume-dropdown-select-input .dropdown-menu li {
	position: relative
}

.resume-dropdown-select-input .dropdown-menu li:first-child {
	font-size: 12px;
	color: #9fa3b0
}

.resume-dropdown-select-input .dropdown-menu li:first-child:hover {
	color: #9fa3b0
}

.resume-dropdown-select-input .dropdown-menu .radio {
	display: block
}

.resume-dropdown-select-input .dropdown-menu .radio input {
	position: absolute;
	right: 13px;
	top: 14px
}

.resume-dropdown-select-input .dropdown-menu ul {
	left: -1px
}

.resume-form-row .radio-list {
	white-space: nowrap
}

.resume-form-row .radio-square {
	min-width: 146px;
	display: inline-block;
	border: 1px #e3e7ed solid;
	background-color: #fff;
	line-height: 32px;
	min-width: 156px;
	text-align: center;
	cursor: pointer;
	color: #9fa3af
}

.resume-form-row .radio-square+.radio-square {
	margin-left: 32px
}

.resume-form-row .radio-checked {
	border-color: #18c3b1;
	color: #414a60
}

#resume-history.resume-item-open .item-primary {
	display: block;
	background: #fff
}

.resume-border {
	width: 730px;
	border: 2px solid #e9ebee;
	overflow-y: scroll;
	overflow-x: hidden
}

.resume-success-title {
	font-size: 24px;
	color: #24272e;
	padding: 40px 0 30px 0;
	line-height: 30px
}

.resume-page-toast {
	position: fixed;
	background: #919191;
	border-radius: 4px;
	line-height: 38px;
	font-size: 14px;
	color: #fff;
	width: 330px;
	bottom: 100px;
	margin-left: 200px;
	text-align: center
}

.uploadResume-error .dialog-container {
	text-align: center;
	padding: 40px;
	width: 300px
}

.uploadResume-error .dialog-container p {
	padding-bottom: 10px;
	font-size: 16px;
	color: #414a60;
	line-height: 30px
}

.uploadResume-dialog .dialog-container {
	padding: 40px 51px 30px 51px
}

.uploadResume-dialog .dialog-footer .btns {
	text-align: center
}

.uploadResume-dialog .dialog-con p {
	color: #d8d8d8;
	text-align: center;
	margin-bottom: 30px
}

.uploadResume-dialog .dialog-con p span {
	color: #1d0000
}

#resume-history .item-primary li .item-form-list {
	margin: 0 30px;
	padding: 7px 0 10px 24px
}

#resume-history .item-primary {
	padding: 0
}

#resume-history .item-primary>.title {
	margin: 0 100px 0 30px
}

#resume-history .item-primary>.link-add {
	margin-right: 35px
}

#resume-history .item-primary li .edit-form-list {
	background: #f8f9fb
}

#resume-history .history-project>li .item-form-list:hover {
	background-color: #f2f5f9;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

#resume-history .history-project>li:hover {
	background: 0 0!important
}

#resume-history .history-project>li .item-form-list:hover .op {
	display: block
}

#resume-history .history-project>li {
	padding: 0
}

#resume-history .history-project .edit-form-list {
	padding: 0 40px;
	display: none
}

.resume-list-wrap-open .resume-list-open .edit-form-list {
	display: block!important
}

.resume-list-wrap-open .resume-list-open .item-form-list {
	display: none!important
}

.frame-preview-resume {
	width: 830px;
	height: 100%;
	margin: 0 auto;
	background: #fff;
	overflow: hidden
}

.frame-preview-resume iframe {
	width: 100%;
	height: 100%;
	border: 0
}

.pop-resume-rename {
	padding: 10px 0
}

.pop-resume-rename p {
	padding-top: 10px
}

.pop-resume-rename .ipt {
	width: 318px
}

.btn-file {
	position: relative;
	overflow: hidden;
	font-size: 14px;
	padding: 0 20px
}

.btn-file input {
	position: absolute;
	width: 100%;
	height: 200%;
	top: -100%;
	left: 0;
	background: 0 0;
	opacity: 0;
	cursor: pointer
}

.upload-dialog-box {
	text-align: center;
	font-size: 14px
}

.upload-dialog-box p:first-of-type {
	padding-top: 16px
}

.upload-dialog-box p a {
	color: #53cac3
}

.upload-dialog-box p a:hover {
	color: #00d7c6
}

.upload-dialog-box .btn-file {
	margin-top: 24px;
	display: inline-block;
	box-sizing: content-box;
	height: 38px;
	line-height: 38px
}

.icon-upload-resume {
	display: inline-block;
	width: 107px;
	height: 104px;
	background: url(../images/in_upload.png) no-repeat
}

.icon-loading-chrysanthemum {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/icon-chrysanthemum.gif) no-repeat;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px
}

.pop-resume-box {
	background: #fff;
	width: 1184px;
	margin: 0 auto;
	display: table;
	height: 100%
}

.pop-resume-box .resume-wrap {
	vertical-align: top;
	padding: 20px;
	position: relative;
	height: 100%;
	min-height: 400px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pop-resume-box .resume-wrap .img-box {
	border: 1px #e9ebee solid;
	margin-top: 20px;
	height: calc(100vh - 92px);
	overflow-y: auto
}

.pop-resume-box .resume-wrap .img-box img {
	width: 100%;
	display: block;
	margin: 0 auto
}

.pop-resume-box h3.title {
	font-size: 24px;
	line-height: 30px
}

.pop-resume-box .resume-sider {
	display: table-cell;
	vertical-align: top;
	width: 250px;
	background: #f9fafb;
	padding: 20px
}

.pop-resume-box .resume-sider h3.title {
	margin-bottom: 20px
}

.pop-resume-box .resume-sider p {
	padding: 5px 0
}

.pop-resume-box .resume-sider p.gray {
	padding-top: 15px
}

.pop-resume-box .resume-sider .btns {
	margin-top: 15px
}

.pop-resume-box .resume-sider .btn {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	min-width: 0;
	width: 110px;
	padding: 0;
	vertical-align: top
}

.pop-resume-box .resume-sider .btns .btn-outline:hover {
	background-color: #fff;
	color: #00c7b1;
	width: 108px;
	height: 30px;
	line-height: 30px;
	border-width: 2px;
	-webkit-transition: none;
	transition: none
}

.pop-resume-box .resume-sider .btn-sure {
	margin-left: 25px
}

.pop-resume-box .resume-sider .btn-through {
	width: 100%;
	height: 36px;
	line-height: 36px
}

.pop-resume-box .data-tips {
	padding: 0;
	width: 340px;
	height: 150px!important;
	min-height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -75px 0 0 -170px
}

.pop-resume-box ::-webkit-scrollbar-track-piece {
	background-color: #fff;
	-webkit-border-radius: 0
}

.pop-resume-box ::-webkit-scrollbar {
	width: 4px
}

.pop-resume-box ::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #ddd;
	-webkit-border-radius: 4px
}

.pop-resume-box ::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #ccc;
	-webkit-border-radius: 4px
}

.dialog-alert-tip .dialog-container {
	width: 240px;
	padding: 24px 30px;
	margin-left: -150px
}

.upload-dialog-deliver {
	padding-top: 10px
}

.upload-dialog-deliver p {
	color: #9fa3af
}

.upload-dialog-deliver .btns {
	margin-top: 20px;
	text-align: right
}

.upload-dialog-deliver .btn {
	height: 32px;
	line-height: 32px;
	vertical-align: top;
	min-width: 94px;
	font-size: 14px;
	padding: 0 5px
}

.upload-dialog-deliver .btn-outline {
	margin-right: 20px;
	padding: 0
}

.upload-dialog-deliver .btn-outline:hover {
	background-color: #fff;
	color: #00c7b1;
	min-width: 92px;
	height: 30px;
	line-height: 30px;
	border-width: 2px;
	padding: 0;
	-webkit-transition: none;
	transition: none
}

.annex-resume {
	padding: 0 18px!important
}

.annex-resume .title span {
	font-size: 13px;
	color: #9fa3af;
	margin-left: 4px
}

.annex-list {
	margin-left: -18px;
	width: 210px;
	padding-bottom: 20px
}

.annex-resume .annex-list li {
	position: relative;
	color: #414a60
}

.annex-item {
	line-height: 40px;
	padding: 0 18px;
	cursor: pointer;
	overflow: hidden
}

.annex-item:hover {
	background-color: #f2f5fa
}

.annex-item .del-btn {
	float: right
}

.annex-item .del-btn:hover {
	color: #00c2b3
}

.annex-item img {
	float: left;
	margin-top: 14px
}

.annex-item em {
	display: block;
	margin: 0 21px;
	font-style: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.annex-card {
	display: none;
	position: absolute;
	left: -392px;
	top: 0;
	z-index: 1;
	width: 388px;
	background-color: #fff;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.15)
}

.card-body {
	padding: 20px 20px 19px 27px
}

.card-body img {
	float: left;
	margin-top: 5px
}

.card-content {
	margin-left: 45px
}

.card-content .basis {
	line-height: 24px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.card-content .desc {
	font-size: 13px;
	line-height: 20px;
	color: #9fa3b0
}

.card-content .basis .txt {
	display: inline-block;
	width: 236px;
	font-style: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.works-tag {
	width: 46px;
	color: #00c2b3;
	background: rgba(141,220,215,.2);
	font-size: 12px;
	font-style: normal;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	height: 19px;
	line-height: 20px;
	border-radius: 3px
}

.card-footer {
	border-top: 1px solid #f2f2f5;
	text-align: right;
	line-height: 46px
}

.card-footer a,.card-footer em {
	font-style: normal;
	display: inline-block!important;
	padding: 0 13px;
	cursor: pointer
}

.card-footer a:hover,.card-footer em:hover {
	background-color: #f2f5fa;
	color: #00d7c6!important
}

.annex-resume .upload {
	padding-bottom: 22px
}

.annex-resume .file-btn {
	display: none
}

.annex-resume .btn-upload-file {
	margin: 0 auto
}

.annex-resume .file-tip p {
	padding-top: 15px
}

.choose-resume-dialog .dialog-container {
	width: 510px;
	margin: -155px 0 0 -285px;
	padding: 24px 30px
}

.choose-resume-dialog .resume-list {
	margin-top: 20px;
	padding-bottom: 10px
}

.choose-resume-dialog .resume-list li {
	cursor: pointer;
	color: #62687a;
	line-height: 44px;
	font-size: 14px;
	padding: 0 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.choose-resume-dialog .resume-list li:hover {
	background-color: #f2f5fa
}

.choose-resume-dialog .resume-list .side {
	float: right;
	margin-left: 80px;
	color: #a0a3af
}

.choose-resume-dialog .resume-list .side .size {
	display: inline-block;
	min-width: 60px;
	margin-left: 10px;
	text-align: right
}

.choose-resume-dialog .resume-list img {
	width: 19px;
	height: 25px;
	float: left;
	margin-right: 15px;
	margin-top: 9px
}

.choose-resume-dialog .resume-list input {
	position: relative;
	top: 2px;
	margin-left: 20px
}

.choose-resume-dialog .btn-disabled {
	background-color: #d1d4db;
	border-color: #d1d4db;
	cursor: not-allowed
}

.resume-refresh h4 {
	height: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #414a60;
	line-height: 20px;
	text-align: left
}

.resume-refresh h4:hover {
	color: #00c2b3
}

.resume-refresh h4:hover+.resume-refresh-tip {
	display: block
}

.resume-refresh h4 span {
	display: inline-block;
	background-color: #fc5b5c;
	font-size: 10px;
	line-height: 14px;
	border-radius: 2px;
	padding: 0 2px;
	color: #fff
}

.resume-refresh {
	text-align: center
}

.resume-refresh li.refresh-lines,.resume-refresh li.refresh-test {
	background: #fff;
	padding: 20px 30px;
	margin-bottom: 16px;
	position: relative;
	display: none
}

.bg-axis {
	stroke: transparent;
	stroke-width: 29
}

.bg-axis.axis-hover,.bg-axis:hover {
	stroke: rgba(241,245,255,.66)
}

.refesh-line {
	stroke: #6bd0ca;
	stroke-width: 1px
}

.fresh-tip {
	font-size: 18px;
	line-height: 20px;
	height: 20px
}

.x-axis {
	stroke: #eef0f5;
	stroke-width: .5px
}

.refresh-test-img {
	display: block;
	background: url(../images/five-graph.png) no-repeat center;
	background-size: contain;
	width: 192px;
	height: 122px;
	margin: 16px auto
}

.refresh-test p {
	font-size: 12px;
	color: #9fa3af;
	line-height: 17px;
	margin: 16px 0;
	text-align: center
}

.refresh-text {
	text-align: left;
	padding: 10px 10px;
	font-size: 12px;
	line-height: 12px;
	color: #d1d4db
}

.refresh-text .refresh-free-count span {
	color: #53cac3
}

.refresh-btn,.refresh-btn-test {
	width: 100%;
	margin-top: 14px;
	display: block;
	height: 34px;
	line-height: 34px;
	border: 0 none;
	border-radius: 0
}

.refresh-bt-grey {
	width: 148px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	border: 1px #eef0f5 solid;
	background: #eef0f5;
	font-size: 14px;
	color: #d1d4db
}

.refresh-bt-grey:hover {
	background-color: #eef0f5;
	color: #d1d4db;
	cursor: not-allowed
}

.refresh-text .refresh-free-count {
	float: right
}

.resume-pay-success {
	text-align: left
}

.resume-refresh-error .sub-title {
	padding: 10px 0 32px;
	font-size: 14px;
	color: #9fa3b0
}

.resume-refresh-hwslider {
	width: 170px;
	height: 140px;
	position: relative;
	overflow: hidden
}

.resume-refresh-hwslider ul {
	width: 151px;
	height: 140px;
	position: absolute;
	z-index: 1
}

.resume-refresh-hwslider ul li {
	display: none;
	position: absolute;
	overflow: hidden;
	margin-left: 8px
}

.resume-refresh-hwslider ul li.active {
	display: block
}

.resume-refresh-hwslider .arrow-next,.resume-refresh-hwslider .arrow-prev {
	display: block;
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 100px;
	line-height: 38px;
	text-align: center;
	font-size: 36px;
	color: #fff;
	text-decoration: none
}

.resume-refresh-hwslider .arrow-next {
	right: 0
}

.resume-refresh-hwslider .arrow-next:after,.resume-refresh-hwslider .arrow-prev:after,.resume-refresh-tip i {
	background: url(../images/icons.png) no-repeat center
}

.resume-refresh-hwslider .arrow-next:after,.resume-refresh-hwslider .arrow-prev:after {
	content: '';
	display: block;
	margin-top: 50px;
	margin-left: 5px;
	width: 10px;
	height: 40px
}

.resume-refresh-hwslider .arrow-prev:after {
	background-position: 0 -1492px
}

.resume-refresh-hwslider .arrow-next:after {
	background-position: 0 -1540px
}

.fresh-day {
	font-size: 13px;
	fill: #d1d4db
}

.my-series,.similar-series {
	font-size: 15px;
	fill: #53cac3;
	text-anchor: middle;
	display: none
}

.similar-series {
	fill: #8d92a1;
	display: none
}

.resume-refresh-hwslider .today-dots {
	font-size: 10px;
	fill: #fc5b5c
}

.resume-refresh-hwslider .dn {
	display: none
}

.resume-refresh-tip {
	display: none;
	position: absolute;
	width: 206px;
	height: 46px;
	padding: 10px 15px;
	background-color: #fff;
	left: -245px;
	top: 0;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
	text-align: left;
	font-size: 13px;
	color: #9fa3b0;
	line-height: 23px;
	z-index: 999
}

.resume-refresh-tip i {
	display: inline-block;
	width: 12px;
	height: 21px;
	background-position: 0 -697px;
	position: absolute;
	top: 22px;
	right: -12px
}

.resume-refresh-loading {
	padding-top: 40px;
	width: 170px;
	height: 100px;
	position: relative
}

.resume-refresh-loading i {
	display: block;
	background: url(../images/loading.gif) no-repeat center;
	width: 170px;
	height: 30px;
	background-size: contain
}

.resume-refresh-loading p {
	padding-top: 11px;
	font-size: 14px;
	color: #61687c
}

.resume-refresh .svg-sub {
	float: right;
	font-size: 12px;
	line-height: 28px;
	color: #8d92a1
}

.resume-refresh .svg-sub span:before {
	display: inline-block;
	content: ' ';
	width: 4px;
	height: 4px;
	background-color: #53cac3;
	vertical-align: middle;
	border-radius: 2px;
	margin-right: 3px;
	margin-top: -2px
}

.resume-refresh .svg-sub .svg-other::before {
	background-color: #f8c579;
	margin-left: 11px
}

.resume-refresh .my-yaxis {
	stroke: #5cd5c8;
	stroke-width: 1px;
	fill: #53cac3
}

.axis-active .my-yaxis,.resume-refresh .my-yaxis:hover {
	stroke: #c9efee;
	stroke-width: 2.5px;
	fill: #53cac3
}

.refesh-line.refesh-line0 {
	stroke: #f8c579
}

.resume-refresh .similar-yaxis {
	stroke: #f8c579;
	stroke-width: 1px;
	fill: #f8c579
}

.resume-refresh .similar-yaxis:hover {
	stroke: #f6e9d5;
	stroke-width: 2.5px;
	fill: #f8c579
}

.axis-active+.refresh-x .my-series.dn {
	display: none
}

.axis-active .my-series {
	display: block!important
}

.axis-active.my-series-grey .my-series {
	display: none!important
}

.axis-active.my-series-grey .my-yaxis {
	stroke: #5cd5c8;
	stroke-width: 1px;
	fill: #53cac3
}

.axis-active.my-series-grey .similar-series {
	display: block
}

.my-series.dn {
	display: block
}

.axis-active .fresh-day {
	fill: #61687c
}

.search-job-list-wrap .sider-resume {
	width: 250px
}

.search-job-list-wrap .sider-resume .upload {
	padding: 20px 0
}

.search-job-list-wrap .sider-resume .file-result {
	display: block;
	width: auto;
	margin: 0 2px
}

.search-job-list-wrap .complete-resume {
	margin-bottom: 16px;
	padding: 20px 30px;
	background-color: #fff
}

.search-job-list-wrap .complete-resume .btn {
	display: block;
	height: 34px;
	line-height: 34px;
	border: none;
	font-size: 14px;
	letter-spacing: 0
}

#resume-education .hide {
	display: none
}

#resume-education .edu-type .btn {
	width: 145px;
	font-size: 14px
}

#resume-education .edu-type .btn:first-child {
	margin-right: 14px
}

#resume-education .edu-type .btn-slight:hover {
	transition: all linear .2s;
	background-color: #6adbcf;
	border-color: #6adbcf;
	color: #fff
}

#resume-education .edu-type .btn-outline:hover {
	background-color: #fff;
	color: #6adbcf
}

.upload-resume-dialog .dialog-container {
	padding: 40px 30px 35px;
	margin: -200px 0 0 -320px
}

.upload-resume-dialog .btn {
	height: 32px;
	line-height: 32px;
	font-size: 14px
}

.upload-resume-dialog .btn-file {
	position: relative;
	overflow: hidden;
	width: 152px;
	cursor: pointer
}

.upload-resume-dialog .btn-file input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: 0 0;
	opacity: 0;
	cursor: pointer
}

.upload-resume-dialog .resume-wrap {
	display: flex;
	justify-content: space-between;
	width: 580px
}

.upload-resume-dialog .resume-wrap dd {
	flex: none;
	width: 260px
}

.upload-resume-dialog .resume-wrap .sec-upload {
	position: relative
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap {
	height: 260px;
	border: 1px dashed #e3e7ed;
	box-sizing: border-box
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap p {
	color: #9fa3b0
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap .upload-guide {
	font-size: 13px;
	padding: 121px 0 65px;
	text-align: center
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap .upload-tip {
	font-size: 12px;
	line-height: 17px;
	padding: 0 56px
}

.upload-resume-dialog .resume-wrap .sec-upload:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 324px;
	right: -29px;
	top: 0;
	background: #e3e7ed
}

.upload-resume-dialog .resume-wrap .sec-make .zhipin-resume-img {
	width: 100%;
	height: 260px;
	background: url(../images/zhipin-resume.png) no-repeat center;
	background-size: contain
}

.upload-resume-dialog .resume-wrap .btn {
	display: block;
	width: auto;
	margin-top: 30px
}

.chat-container {
	margin-top: 20px
}

.chat-controls a {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background-image: url(../images/icons-op.png);
	background-repeat: no-repeat
}

.chat-controls a {
	width: 28px;
	height: 28px;
	margin-right: 20px;
	-webkit-transition: none;
	transition: none
}

.btn-emotion {
	background-position: 4px -215px
}

.btn-emotion:hover {
	background-position: -35px -215px
}

.btn-contact {
	background-position: 4px -378px
}

.btn-contact:hover {
	background-position: -37px -378px
}

.btn-resume {
	background-position: 5px -265px
}

.btn-resume:hover {
	background-position: -37px -265px
}

.btn-weixin {
	background-position: 3px -432px
}

.btn-weixin:hover {
	background-position: -36px -432px
}

.btn-transmit {
	background-position: 3px -487px
}

.btn-transmit:hover {
	background-position: -34px -487px
}

.btn-interview {
	background-position: 3px -318px
}

.btn-interview:hover {
	background-position: -36px -318px
}

.btn-mismatch {
	background-position: 3px -653px;
	margin-left: -5px
}

.btn-mismatch:hover {
	background-position: -37px -653px
}

.chat-sider {
	float: right;
	width: 280px;
	padding: 40px;
	background: #fbfbfc url(../images/layer-chat-sider.png) repeat-y;
	min-height: 354px;
	max-height: calc(100vh - 180px);
	overflow: hidden
}

.chat-sider .detail-content {
	overflow: hidden;
	height: calc(100vh - 509px)
}

.chat-sider .detail-content:hover {
	overflow: auto
}

.chat-sider .info-primary h3.name {
	font-size: 18px;
	font-weight: 400
}

.chat-sider .info-primary .saraly {
	padding: 10px 0 7px
}

.chat-sider .info-primary .saraly span {
	font-size: 18px
}

.chat-sider .info-primary .btn-outline {
	display: block;
	color: #61687c;
	background: #fbfbfc;
	height: 40px;
	line-height: 40px;
	margin-top: 25px
}

.chat-sider .info-primary .btn-outline:hover {
	background: #fff;
	color: #62d5c8
}

.secretary-container .chat-sider {
	padding-top: 20px;
	padding-bottom: 20px;
	height: calc(100vh - 141px);
	min-height: 543px
}

.secretary-container .chat-list {
	height: calc(100vh - 173px);
	min-height: 510px
}

.chat-wrap {
	background: #fff;
	margin-right: 360px
}

.detail-top {
	height: 51px;
	border-bottom: 1px #f2f2f5 solid;
	padding: 0 40px;
	line-height: 50px
}

.detail-top span {
	padding-left: 15px;
	color: #9fa3b0
}

.chat-box {
	padding: 0 0 20px
}

.chat-info {
	margin-left: -20px
}

.chat-info .figure {
	padding: 0 10px;
	text-align: center;
	width: 100px;
	float: left
}

.chat-info .figure img {
	width: 80px;
	height: 80px;
	display: block;
	margin: 0 auto;
	border-radius: 100%
}

.chat-info .figure .badge-salary {
	display: inline-block;
	background: #fa6a43;
	color: #fff;
	width: 68px;
	height: 22px;
	line-height: 22px;
	border-radius: 15px;
	font-size: 12px;
	margin-top: 16px
}

.chat-info .text {
	float: left;
	margin-left: 20px;
	line-height: 32px;
	margin-top: -5px
}

.chat-list {
	padding: 0 40px 20px;
	overflow: auto;
	box-sizing: border-box;
	height: calc(100vh - 334px);
	min-height: 200px
}

.chat-list li {
	margin-top: 30px
}

.chat-list li:after {
	content: '';
	clear: both;
	display: block;
	visibility: hidden;
	font-size: 0
}

.chat-list li .figure {
	width: 40px;
	float: left
}

.chat-list li .figure img {
	width: 40px;
	height: 40px;
	border-radius: 100%
}

.chat-list .item-time .time {
	display: block;
	width: 130px;
	text-align: center;
	margin: 20px auto -13px;
	background: #fff;
	color: #9fa3b0
}

.chat-list .item-history-line .time {
	width: 160px
}

.chat-list li .text {
	display: inline-block;
	line-height: 24px;
	background-color: #f2f5fa;
	vertical-align: top;
	padding: 8px 20px;
	border-radius: 7px;
	max-width: 494px;
	position: relative;
	word-break: break-all
}

.chat-list .item-friend .text {
	margin-left: 20px;
	border-top-left-radius: 0
}

.chat-list .item-myself .text {
	background-color: #62d5c8;
	color: #fff;
	float: right;
	border-top-right-radius: 0
}

.chat-list li.item-myself a {
	color: #fff
}

.chat-list li.item-myself a:hover {
	color: #eee
}

.chat-list .item-time {
	text-align: center;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto
}

.chat-list .item-time:nth-child(1) {
	border-bottom: 1px #f2f5fa solid
}

.chat-list .item-system {
	text-align: center
}

.chat-list .item-system .text {
	text-align: left;
	background-color: #f2f5fa;
	padding: 0 15px;
	line-height: 24px;
	border-radius: 15px;
	color: #61687c;
	font-size: 12px
}

.chat-list li .text .btns {
	text-align: center;
	margin: 10px 0 5px
}

.chat-list li .status {
	position: absolute;
	z-index: 1;
	left: -40px;
	top: 0;
	width: 30px;
	height: 16px;
	background: url(../images/sendstatus.png) no-repeat -40px 0;
	display: block
}

.chat-list .status-error .status {
	background-position: 0 0
}

.chat-list .status-read .status {
	background-position: -80px 0
}

.chat-list .status-delivery .status {
	background-position: -120px 0
}

.chat-list .icon-interview-accept,.chat-list .icon-interview-cancel,.chat-list .icon-interview-reject,.chat-list .icon-interview-send {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url(../images/icons-interview.png) no-repeat;
	margin-top: -4px
}

.chat-list .item-myself .icon-interview-send {
	margin-left: 10px;
	background-position: -25px 0
}

.chat-list .item-myself .icon-interview-cancel {
	margin-left: 10px;
	background-position: -25px -25px
}

.chat-list .item-friend .icon-interview-send {
	margin-right: 10px;
	background-position: -33px -99px
}

.chat-list .item-friend .icon-interview-accept {
	margin-right: 10px;
	background-position: -25px -50px
}

.chat-list .item-friend .icon-interview-reject {
	margin-right: 10px;
	background-position: -25px -75px
}

.chat-editor {
	border-top: 2px #f7f9fc solid;
	padding: 0 20px;
	position: relative
}

.chat-placholder {
	color: #9fa3af;
	position: absolute;
	top: 60px;
	left: 35px
}

.chat-controls {
	padding: 17px 10px 5px
}

.chat-controls a i {
	font-style: normal;
	display: none;
	margin-left: 34px;
	color: #414a60
}

.chat-controls a:hover {
	min-width: 28px;
	width: auto
}

.chat-controls a:hover i {
	display: inline-block
}

.chat-message {
	outline: 0;
	height: 70px;
	overflow: auto;
	margin-top: 10px;
	padding: 0 10px 0;
	color: #000
}

.chat-message img {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	vertical-align: middle
}

.chat-op {
	text-align: right
}

.chat-op .tip {
	color: #d1d4db;
	padding-right: 20px
}

.chat-op .error-tip {
	color: red
}

.btn-send {
	border-radius: 15px;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	padding: 0 16px;
	min-width: inherit
}

.chat-op .btn-disabled,.chat-op .btn-disabled:hover {
	background-color: #fff;
	border-color: #d1d4db;
	color: #d1d4db;
	cursor: default
}

.emotion {
	display: none;
	position: absolute;
	width: 380px;
	border: 1px #f2f5fa solid;
	background: #fff;
	top: -202px;
	left: 10px;
	padding: 10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,.03),-1px -1px 5px rgba(0,0,0,.03);
	z-index: 10
}

.emotion ul {
	font-size: 0;

	line-height: 0;
	height: 186px;
	overflow: hidden;
	padding-left: 1px;
	padding-top: 1px
}

.emotion ul:hover {
	overflow: auto
}

.emotion li {
	display: inline-block;
	border: 1px solid #f2f2f2;
	margin-top: -1px;
	margin-left: -1px;
	cursor: pointer;
	position: relative
}

.emotion li:hover {
	background: #f2f2f2
}

.emoj {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	border: 0;
	background: url(../images/emotions-2x.png) no-repeat;
	background-size: 70%;
	cursor: pointer
}

.emoj-1 {
	background-position: 4px 3px
}

.emoj-2 {
	background-position: 4px -24px
}

.emoj-3 {
	background-position: 4px -50px
}

.emoj-4 {
	background-position: 4px -77px
}

.emoj-5 {
	background-position: 4px -104px
}

.emoj-6 {
	background-position: 4px -131px
}

.emoj-7 {
	background-position: 4px -157px
}

.emoj-8 {
	background-position: 4px -184px
}

.emoj-9 {
	background-position: 4px -210px
}

.emoj-10 {
	background-position: 4px -237px
}

.emoj-11 {
	background-position: 4px -263px
}

.emoj-12 {
	background-position: 4px -290px
}

.emoj-13 {
	background-position: 4px -317px
}

.emoj-14 {
	background-position: 4px -343px
}

.emoj-15 {
	background-position: 4px -370px
}

.emoj-16 {
	background-position: 4px -396px
}

.emoj-17 {
	background-position: 4px -422px
}

.emoj-18 {
	background-position: 4px -450px
}

.emoj-19 {
	background-position: 4px -476px
}

.emoj-20 {
	background-position: 4px -503px
}

.emoj-21 {
	background-position: 4px -530px
}

.emoj-22 {
	background-position: 4px -556px
}

.emoj-23 {
	background-position: 4px -582px
}

.emoj-24 {
	background-position: 4px -609px
}

.emoj-25 {
	background-position: 4px -636px
}

.emoj-26 {
	background-position: 4px -662px
}

.emoj-27 {
	background-position: 4px -689px
}

.emoj-28 {
	background-position: 4px -716px
}

.emoj-29 {
	background-position: 4px -742px
}

.emoj-30 {
	background-position: 4px -768px
}

.emoj-31 {
	background-position: 4px -795px
}

.emoj-32 {
	background-position: 4px -821px
}

.emoj-33 {
	background-position: 4px -848px
}

.emoj-34 {
	background-position: 4px -875px
}

.emoj-35 {
	background-position: 4px -901px
}

.emoj-36 {
	background-position: 4px -928px
}

.emoj-37 {
	background-position: 4px -955px
}

.emoj-38 {
	background-position: 4px -981px
}

.emoj-39 {
	background-position: 4px -1008px
}

.emoj-40 {
	background-position: 4px -1035px
}

.emoj-41 {
	background-position: 4px -1061px
}

.emoj-42 {
	background-position: 4px -1087px
}

.emoj-43 {
	background-position: 4px -1114px
}

.emoj-44 {
	background-position: 4px -1140px
}

.emoj-45 {
	background-position: 4px -1167px
}

.emoj-46 {
	background-position: 4px -1193px
}

.emoj-47 {
	background-position: 4px -1220px
}

.emoj-48 {
	background-position: 4px -1247px
}

.emoj-49 {
	background-position: 4px -1273px
}

.emoj-50 {
	background-position: 4px -1300px
}

.emoj-51 {
	background-position: 4px -1326px
}

.emoj-52 {
	background-position: 4px -1353px
}

.emoj-53 {
	background-position: 4px -1379px
}

.emoj-54 {
	background-position: 4px -1405px
}

.emoj-55 {
	background-position: 4px -1432px
}

.emoj-56 {
	background-position: 4px -1459px
}

.emoj-57 {
	background-position: 4px -1485px
}

.emoj-58 {
	background-position: 4px -1512px
}

.emoj-59 {
	background-position: 4px -1539px
}

.emoj-60 {
	background-position: 4px -1566px
}

.emoj-61 {
	background-position: 4px -1592px
}

.emoj-62 {
	background-position: 4px -1618px
}

.emoj-63 {
	background-position: 4px -1644px
}

.emoj-64 {
	background-position: 4px -1671px
}

.emoj-65 {
	background-position: 4px -1698px
}

.emoj-66 {
	background-position: 4px -1724px
}

.emoj-67 {
	background-position: 4px -1751px
}

.emoj-68 {
	background-position: 4px -1777px
}

.emoj-69 {
	background-position: 4px -1804px
}

.emoj-70 {
	background-position: 4px -1831px
}

.emoj-71 {
	background-position: 4px -1858px
}

.emoj-72 {
	background-position: 4px -1884px
}

.emoj-73 {
	background-position: 4px -1911px
}

.emoj-74 {
	background-position: 4px -1938px
}

.emoj-75 {
	background-position: 4px -1962px
}

.emoj-76 {
	background-position: 4px -1990px
}

.emoj-77 {
	background-position: 4px -2017px
}

.emoj-78 {
	background-position: 4px -2044px
}

.emoj-79 {
	background-position: 4px -2071px
}

.emoj-80 {
	background-position: 4px -2097px
}

.emoj-81 {
	background-position: 4px -2121px
}

.emoj-82 {
	background-position: 4px -2149px
}

.emoj-83 {
	background-position: 4px -2175px
}

.emoj-84 {
	background-position: 5px -2202px
}

.emoj-85 {
	background-position: 4px -2228px
}

.emoj-86 {
	background-position: 4px -2255px
}

.emoj-87 {
	background-position: 4px -2282px
}

.emoj-88 {
	background-position: 4px -2309px
}

.emoj-89 {
	background-position: 4px -2336px
}

.emoj-90 {
	background-position: 4px -2363px
}

#container ::-webkit-scrollbar-track-piece,.frame-container ::-webkit-scrollbar-track-piece,.jconfirm-box ::-webkit-scrollbar-track-piece {
	background-color: #fff;
	-webkit-border-radius: 0
}

#container ::-webkit-scrollbar,.frame-container ::-webkit-scrollbar,.jconfirm-box ::-webkit-scrollbar {
	width: 5px
}

#container ::-webkit-scrollbar-thumb,.jconfirm-box ::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #ddd;
	-webkit-border-radius: 5px
}

#container ::-webkit-scrollbar-thumb:hover,.jconfirm-box ::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #ccc;
	-webkit-border-radius: 5px
}

.page-sign {
	background: #5dd5c8 url(../images/newbg.png) center bottom no-repeat
}

.page-sign #wrap {
	min-width: auto
}

.page-sign #header {
	background: 0 0;
	box-shadow: none
}

.page-sign #header .logo {
	padding: 56px 0 0 60px
}

.page-sign #header .logo a {
	background: 0 0;
	width: auto;
	height: 60px
}

.page-sign #header .logo span {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 18px;
	margin-left: 24px;
	line-height: 26px;
	padding-top: 5px;
	font-weight: 400
}

.page-sign #header .tel {
	float: right;
	height: 20px;
	padding: 60px 60px 0 0;
	line-height: 20px;
	color: #fff;
	vertical-align: middle;
	opacity: .7
}

.page-sign #header .tel i {
	padding-right: 3px;
	vertical-align: middle
}

.page-sign .hide {
	display: none!important
}

.pop-sign {
	width: 800px;
	min-height: 400px;
	height: 455px
}

.sign-wrap {
	width: 410px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -268px 0 0 -205px
}

.sign-form {
	width: 324px;
	padding: 35px 43px 0;
	background: #fff;
	border-radius: 8px;
	box-shadow: 1px 2px 15px rgba(0,0,0,.3);
	display: none
}

.sign-form .title {
	font-weight: 400;
	font-size: 26px;
	line-height: 32px;
	color: #5dd5c8;
	position: relative;
	text-align: center
}

.sign-form .tip-error {
	text-align: center;
	color: #fc6c38;
	height: 29px;
	line-height: 18px;
	padding-top: 7px
}

.sign-tab {
	font-size: 0;
	border-bottom: 2px #f2f5f9 solid;
	white-space: nowrap;
	padding-top: 4px;
	text-align: center
}

.sign-tab span {
	display: inline-block;
	width: 70px;
	font-size: 14px;
	color: #9fa3b0;
	margin: 0 28px -2px;
	height: 36px;
	border-bottom: 2px #f2f5f9 solid;
	cursor: pointer
}

.sign-tab span:hover {
	color: #414a60
}

.sign-tab span.cur {
	border-bottom-color: #62d5c8;
	font-size: 16px;
	color: #414a60
}

.sign-tab span.link-signin {
	margin-left: 0
}

.sign-tab span.link-sms {
	text-align: center
}

.sign-tab span.link-scan {
	margin-right: 0;
	text-align: right
}

.sign-form form {
	padding-top: 22px
}

.sign-form .form-row {
	margin-top: 26px
}

.sign-form .row-select {
	position: relative;
	z-index: 10
}

.sign-form .form-row em.error {
	position: absolute;
	display: block;
	right: 0;
	top: 9px;
	font-style: normal;
	color: #9fa3b0;
	font-size: 12px;
	padding-right: 15px
}

.sign-form .form-row .link-signin,.sign-form .form-row .link-sms {
	text-align: right;
	position: absolute;
	right: 0;
	cursor: pointer;
	bottom: -28px
}

.sign-form .ipt,.sign-form .sel {
	width: 286px;
	min-width: 0;
	padding: 9px 18px;
	border-color: #e3e7ed;
	vertical-align: middle
}

.sign-form .sel {
	margin-right: 0;
	width: 380px;
	height: 42px
}

.row-code .cell-wrap,.sign-form .ipt-wrap {
	position: relative;
	display: block
}

.row-code .cell-wrap {
	display: inline-block
}

.row-code.nc-container .nc_scale .nc_bg,.row-code.nc-container .nc_scale .nc_ok {
	background: #8d92a1
}

.row-code.nc-container .nc_scale .btn_ok {
	color: #5dd5c8;
	border-color: #5dd5c8
}

.pop-sign-box .nc-container .nc_scale .scale_text2,.sign-wrap .nc-container .nc_scale .scale_text2 {
	text-align: center
}

.row-code.nc-container .nc_scale .scale_text.scale_text2 {
	text-indent: -42px
}

.sign-quick .row-code.nc-container .nc_scale .btn_ok,.sign-quick .row-code.nc-container .nc_scale span {
	border-color: #fff
}

.pop-sign-box .row-code,.sign-wrap .row-code {
	min-height: 42px;
	background: #e8e8e8
}

.row-code.nc-container .nc_scale {
	height: 42px
}

.row-code.nc-container .nc_scale span {
	width: 46px;
	height: 40px;
	line-height: 40px
}

.row-code.nc-container .nc_scale .scale_text {
	line-height: 42px;
	background-color: #eef0f5;
	color: #61687c
}

.nc-container .nc_wrapper {
	width: 100%!important;
	overflow: hidden
}

.nc-container .nc_wrapper .btn_ok {
	left: auto!important;
	right: 0
}

.sign-form .dropdown-select {
	position: absolute;
	top: 1px;
	left: 28px;
	height: 40px;
	z-index: 1;
	background: 0 0
}

.sign-form .dropdown-select .text-select {
	display: inline-block;
	font-style: normal;
	cursor: pointer;
	width: 37px;
	padding: 7px 25px 7px 0;
	border: 0;
	text-align: right
}

.sign-form .dropdown-select .icon-select-arrow {
	right: 5px;
	top: 12px
}

.sign-form .dropdown-menu {
	z-index: 10;
	left: 0
}

.sign-form .dropdown-menu ul {
	width: 176px;
	max-height: 292px
}

.sign-form .dropdown-menu .num {
	float: right
}

.icon-sign-code,.icon-sign-phone,.icon-sign-pwd,.icon-sign-sms,.sign-form .btn-sms,.validate-help dt {
	background-image: url(../images/icons-sign.png);
	background-repeat: no-repeat;
	-webkit-transition: box-shadow linear .2s;
	transition: box-shadow linear .2s
}

.icon-sign-code,.icon-sign-phone,.icon-sign-pwd,.icon-sign-sms {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 9px;
	top: 11px
}

.icon-sign-phone {
	background-position: 2px 1px
}

.icon-sign-pwd {
	background-position: 2px -91px
}

.icon-sign-code {
	background-position: 2px -44px
}

.icon-sign-sms {
	background-position: 2px -141px
}

.focus-wrap .icon-sign-phone {
	background-position: 2px -185px
}

.focus-wrap .icon-sign-pwd {
	background-position: 2px -277px
}

.focus-wrap .icon-sign-code {
	background-position: 2px -230px
}

.focus-wrap .icon-sign-sms {
	background-position: 2px -327px
}

.sign-form .ipt-phone {
	padding-left: 95px;
	width: 209px
}

.sign-form .ipt-pwd {
	padding-left: 38px;
	width: 266px
}

.sign-form .ipt-code {
	padding-left: 38px;
	width: 162px
}

.sign-form .ipt-sms {
	padding-left: 38px;
	width: 266px
}

.focus-wrap .ipt,.focus-wrap .sel,.sign-form .ipt:focus,.sign-form .sel:focus {
	box-shadow: 1px 2px 3px #d7f4f1;
	border-color: #59cac2
}

.sign-form .ipt-error {
	border-color: #fba68b;
	box-shadow: none
}

.sign-form .verifyimg {
	width: 103px;
	height: 40px;
	border: 1px #e3e7ed solid;
	border-left: 0;
	vertical-align: middle
}

.sign-form .row-code em.error {
	right: 119px
}

.sign-form .form-btn {
	margin-top: 35px
}

.sign-form .form-btn .btn {
	width: 100%;
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	border: none;
	cursor: pointer
}

.sign-form .form-btn .btn-disabled,.sign-form .form-btn .btn-scan {
	background: #f2f5f9;
	border-color: #f2f5f9;
	color: #9fa3b0;
	cursor: default
}

.sign-form .form-btn .btn-disabled {
	cursor: default
}

.sign-form .form-btn .error-tip {
	display: block;
	visibility: hidden;
	height: 26px;
	margin-top: -37px;
	color: #fc6c38;
	padding-left: 20px;
	background-position: 0 -1385px;
	position: absolute;
	top: 0
}

.sign-form .form-btn .error-tip .icon-waring {
	margin-right: 5px
}

.sign-form .btn-sms {
	position: absolute;
	right: 1px;
	top: 3px;
	font-size: 14px;
	background-color: #fff;
	background-position: 0 -356px;
	min-width: 104px;
	color: #5dd5c8;
	border: 0
}

.sign-form button.count-down {
	color: #9fa3b0;
	white-space: nowrap;
	font-size: 13px;
	letter-spacing: 0
}

.sign-form button.count-down .num {
	position: static;
	color: #9fa3b0
}

.purpose-row {
	white-space: nowrap;
	font-size: 0;
	margin-bottom: -10px
}

.purpose-row span {
	display: inline-block;
	width: 153px;
	line-height: 34px;
	font-size: 14px;
	text-align: center;
	margin-right: 14px;
	border: 1px #e3e7ed solid;
	cursor: pointer
}

.purpose-row span.cur {
	box-shadow: 1px 2px 3px #d7f4f1;
	border-color: #59cac2;
	color: #5dd5c8
}

.qrcode-box {
	position: relative;
	padding-bottom: 17px
}

.qrcode-box p {
	padding: 32px 0 38px;
	text-align: center;
	color: #9fa3af
}

.qrcode-box p span {
	vertical-align: middle
}

.qrcode-box p em {
	font-style: normal;
	color: #3a76ff;
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle
}

.qrcode-box p em:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/icon-help.png) no-repeat center;
	vertical-align: middle;
	margin-left: 5px;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.sign-scan {
	position: relative
}

.sign-scan .hover-range-left {
	position: absolute;
	width: 44px;
	height: 315px;
	left: -43px;
	top: 0
}

.sign-scan .hover-range-right {
	position: absolute;
	width: 44px;
	height: 315px;
	right: -43px;
	top: 0
}

.sign-scan .login-step-box {
	display: none;
	text-align: center
}

.sign-scan .login-step-box .user-photo {
	margin-bottom: 30px;
	margin-top: 65px;
	display: inline-block;
	width: 160px;
	height: 160px
}

.sign-scan .login-step-box .user-photo img {
	width: 160px;
	height: 160px;
	border-radius: 50%
}

.sign-scan .login-step-box .login-step-text .login-step-title {
	text-align: center;
	color: rgba(0,194,179,1);
	font-size: 18px;
	line-height: 26px;
	font-weight: 400
}

.sign-scan .login-step-box .login-step-text .login-step-detail {
	text-align: center;
	font-size: 14px;
	color: rgba(159,163,176,1);
	line-height: 20px
}

.qrcode-box img {
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto
}

.qrcode-tip {
	display: none!important;
	width: 175px;
	height: 40px;
	padding: 10px 15px;
	background: #fff;
	border-radius: 10px;
	line-height: 20px;
	color: #61687c;
	position: absolute;
	left: -221px;
	top: -20px;
	box-shadow: 0 5px 20px rgba(0,0,0,.1)
}

.qrcode-tip span {
	position: absolute;
	right: 16px;
	top: 30px;
	color: #c9c9c9;
	cursor: pointer
}

.welcome-box {
	padding-top: 18px
}

.welcome-box img {
	display: block;
	width: 291px;
	height: 245px;
	margin: 0 auto
}

.welcome-text {
	text-align: center;
	color: #9fa3b0;
	padding: 0 0 40px
}

.welcome-text b {
	display: block;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 3px
}

.welcome-box .form-btn {
	margin-top: -9px
}

div.count-down {
	text-align: center;
	color: #9fa3af;
	padding: 28px 34px
}

.count-down em {
	font-style: normal
}

.validate-box img {
	display: block;
	width: 150px;
	height: 249px;
	margin: 0 auto
}

.validate-text {
	text-align: center;
	padding: 15px 0
}

.validate-help {
	border-top: 1px #e3e7ed solid;
	margin-top: 30px
}

.validate-help .more-view {
	float: right;
	margin-top: -6px
}

.validate-help dt {
	padding: 10px 0 10px 20px;
	background-position: 0 -391px
}

.validate-help dd {
	display: none;
	color: #9fa3b0;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 20px;
	padding-left: 20px
}

.validate-auto {
	text-align: center;
	color: #9fa3b0;
	padding: 30px 0 50px
}

.sign-register form {
	padding-top: 0
}

.sign-register .sign-tab {
	border-bottom-color: #fff;
	padding-top: 0
}

.sign-register .sign-tab span {
	font-size: 16px;
	text-align: center;
	display: block;
	width: auto;
	color: #414a60;
	cursor: default;
	border-bottom-color: #fff
}

.sign-register .register-tip {
	font-size: 16px;
	text-align: center;
	border-bottom: 1px #f2f5f9 solid;
	padding: 20px 0;
	color: #414a60
}

.sign-history .figure-box {
	text-align: center
}

.sign-history .figure-box p {
	padding: 15px 0 70px
}

.sign-history .figure-box img {
	width: 90px;
	height: 90px;
	border-radius: 100%;
	display: block;
	margin: 0 auto
}

.sign-history .figure-box span {
	font-size: 18px;
	display: block;
	padding-top: 22px
}

.history-change {
	height: 53px;
	border-top: 1px #e3e7ed solid;
	text-align: center;
	margin: 54px -43px 0
}

.history-change .link-signin {
	display: inline-block;
	margin-top: 14px
}

.form-msgjob {
	display: none
}

.form-msgjob .title {
	cursor: pointer
}

.sign-form .icon-arrow-left {
	position: absolute;
	top: 2px;
	left: -35px
}

.sign-form .text-tip {
	color: #9fa3b0;
	text-align: center;
	padding: 28px 0 36px;
	overflow: hidden
}

.sign-form .text-tip .left-tip {
	float: left
}

.sign-form .text-tip .link-wechat-login {
	text-indent: 30px;
	text-align: left;
	background: url(../images/weixin.png) no-repeat 0 -35px/20px auto;
	color: #9fa3b0;
	cursor: pointer
}

.sign-form .text-tip .link-wechat-login:hover {
	color: #18c3b1
}

.sign-form .text-tip .right-tip {
	float: right
}

.sign-form .text-tip a {
	color: #18c3b1
}

.agreement-tip {
	margin-top: -26px;
	font-size: 13px
}

.agreement-tip input {
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 3px
}

.pay-tip {
	font-size: 12px;
	text-align: center;
	color: #fff;
	opacity: .6;
	margin-top: 22px
}

.guide-resume {
	padding: 45px 50px;
	float: none;
	width: auto;
	position: relative
}

.guide-resume .title {
	font-size: 30px;
	line-height: 40px
}

.guide-resume .count-down {
	position: absolute;
	bottom: 60px;
	left: 50px
}

.guide-resume .count-down em {
	font-style: normal
}

.guide-content {
	padding-top: 50px
}

.guide-content li {
	width: 230px;
	display: inline-block;
	vertical-align: top
}

.guide-content li .btn {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin-top: 15px;
	display: none
}

.guide-content li h4 {
	font-weight: 400;
	font-size: 14px;
	color: #9fa3af;
	padding-bottom: 10px
}

.guide-content li h4 em {
	display: inline-block;
	vertical-align: middle;
	width: 23px;
	height: 23px;
	line-height: 23px;
	margin-top: -3px;
	text-align: center;
	background: #d1d4da;
	border-radius: 100%;
	font-style: normal;
	color: #fff;
	margin-left: 5px
}

.guide-content li p {
	color: #d1d4da;
	padding-bottom: 6px
}

.guide-content li.step-4 {
	margin-left: 234px
}

.guide-content li.cur h4 em {
	background: #62d5c8
}

.guide-content li.cur p {
	color: #414a60
}

.guide-content li.cur p.gray {
	color: #d1d4da
}

.guide-content li.cur .btn {
	display: inline-block
}

.form-welcome .count-down,.guide-resume .count-down {
	color: #9fa3af;
	padding-top: 20px
}

.form-welcome .count-down em {
	font-style: normal
}

.pop-login {
	display: none
}

.pop-login .form-signup {
	display: none
}

.pop-login .form-sms {
	display: none
}

.pop-login .form-smscode {
	display: none
}

.pop-login .form-row .link-signin,.pop-login .form-row .link-sms {
	position: absolute;
	right: 0
}

.form-welcome {
	min-height: 300px
}

.form-welcome .count-down {
	padding-top: 70px
}

.welcome-btn {
	padding-top: 30px
}

.welcome-btn .btn {
	display: block;
	height: 42px;
	line-height: 42px
}

.form-card-header {
	background: #62d5c8;
	color: #fff;
	padding: 30px 30px 20px
}

.form-card-header .title {
	color: #fff;
	font-weight: 400
}

.form-card-header .intro {
	color: #fff
}

.form-card-body {
	padding: 20px 30px
}

.form-deliver .btns {
	padding: 0 30px
}

.form-deliver .btns .count-down {
	float: right;
	color: #9fa3af;
	padding: 7px 0 0
}

.form-deliver .btns .count-down em {
	font-style: normal
}

.jconfirm .pop-sign-deliver .pop-sign {
	height: 280px
}

.jconfirm .pop-sign-deliver .sign-form {
	padding: 0
}

.jconfirm .pop-sign-deliver .sign-qrcode {
	display: none
}

.jconfirm .pop-sign-box .sign-form {
	padding: 15px 23px 0;
	box-shadow: none
}

.jconfirm .pop-sign-box .qrcode-tip {
	display: none!important
}

.jconfirm .pop-sign-box .btn-switch {
	right: auto;
	left: -20px;
	top: -20px
}

.sign-qrcode {
	position: absolute;
	right: 0;
	width: 314px;
	height: 455px;
	background: #62d5c8;
	text-align: center;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px
}

.sign-qrcode img {
	width: 90px;
	height: 90px;
	display: block;
	margin: 119px auto 0
}

.sign-qrcode p {
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 40px
}

.sign-qrcode p b {
	display: block;
	font-size: 18px;
	font-weight: 400
}

.taost {
	display: none
}

.cover {
	position: fixed;
	background: rgba(0,0,0,.9);
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10000;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center
}

.cover h3 {
	color: #fff;
	font-size: 20px
}

.page-sign-v2 #header .tel {
	float: right;
	height: 20px;
	padding: 60px 60px 0 0;
	line-height: 20px;
	color: #fff;
	vertical-align: middle
}

.page-sign-v2 #header .tel i {
	padding-right: 3px;
	vertical-align: middle
}

.sign-wrap-v2.sign-wrap {
	width: 740px;
	min-height: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -370px
}

.sign-wrap-v2 .hide {
	display: none!important
}

.sign-wrap-v2 .sign-form {
	display: none;
	width: 740px;
	height: 500px;
	padding: 0;
	background: #fff;
	box-shadow: 0 6px 13px 0 rgba(0,0,0,.1);
	border-radius: 10px
}

.sign-wrap-v2 .sign-form .title {
	display: none
}

.sign-wrap-v2 .sign-content {
	position: relative;
	margin-left: 240px;
	height: 100%
}

.sign-wrap-v2 .sign-form .inner-box {
	position: relative;
	width: 324px;
	padding-top: 68px;
	margin: 0 auto
}

.sign-wrap-v2 .sign-form form {
	padding: 0
}

.page-sign .sign-wrap-v2 .sign-pwd .link-scan {
	display: none
}

.page-sign .sign-wrap-v2 .sign-sms .link-scan {
	display: none
}

.page-sign .sign-wrap-v2 .sign-pwd .link-scan {
	display: none
}

.page-sign .sign-wrap-v2 .sign-scan .link-scan,.page-sign .sign-wrap-v2 .sign-scan .link-signin,.page-sign .sign-wrap-v2 .sign-scan .link-sms {
	display: none
}

.sign-wrap-v2 .sign-tab {
	display: flex;
	justify-content: space-between;
	height: 22px;
	margin-bottom: 44px;
	padding: 0 0 15px;
	line-height: 22px;
	border: none
}

.sign-wrap-v2 .sign-tab span {
	width: 152px;
	height: 42px;
	line-height: 42px;
	color: #414a60;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	border: 1px solid rgba(227,231,237,1);
	margin: 0
}

.sign-wrap-v2 .sign-tab span.cur {
	border-color: #53cac3;
	color: #53cac3
}

.sign-wrap-v2 .sign-tab span:hover {
	border-color: #53cac3;
	color: #53cac3
}

.sign-wrap-v2 .sign-tab .scan-title-text {
	width: 100%;
	height: 24px;
	font-size: 20px;
	font-weight: 500;
	color: rgba(65,74,96,1);
	line-height: 24px
}

.sign-wrap-v2 .form-row {
	position: relative;
	margin: 0 0 30px
}

.sign-wrap-v2 .sign-form .tip-error {
	display: none;
	position: absolute;
	left: 3px;
	top: 45px;
	height: 18px;
	padding: 0 0 0 27px;
	background: url(../images/icons.png) no-repeat 0 -1059px;
	background-size: 18px auto;
	color: #fc703e;
	text-align: left
}

.sign-wrap-v2 .sign-form .tip-error-form {
	top: 126px
}

.sign-wrap-v2 .purpose-row {
	margin: 0
}

.page-sign .sign-wrap-v2 .sign-pwd .text-tip {
	padding: 24px 0 0 0;
	display: flex;
	color: rgba(159,163,175,1);
	display: flex
}

.page-sign .sign-wrap-v2 .sign-pwd .text-tip a {
	color: rgba(159,163,175,1)
}

.page-sign .sign-wrap-v2 .sign-pwd .text-tip a:hover {
	color: #00c2b3
}

.page-sign .sign-wrap-v2 .sign-sms .text-tip {
	padding: 24px 0 0 0;
	display: flex;
	color: rgba(159,163,175,1)
}

.page-sign .sign-wrap-v2 .sign-sms .text-tip a {
	color: rgba(159,163,175,1)
}

.page-sign .sign-wrap-v2 .sign-sms .text-tip a:hover {
	color: #00c2b3
}

.page-sign .sign-wrap-v2 .sign-scan .text-tip {
	padding: 16px 0 0 0;
	display: flex;
	color: rgba(159,163,175,1)
}

.page-sign .sign-wrap-v2 .sign-scan .text-tip a {
	color: rgba(159,163,175,1)
}

.page-sign .sign-wrap-v2 .sign-scan .text-tip a:hover {
	color: #00c2b3
}

.sign-wrap-v2 .text-tip a {
	flex: 1
}

.sign-wrap-v2 .text-tip .user-agreement {
	display: inline-block;
	margin-right: 6px;
	color: #8d92a1
}

.sign-wrap-v2 .text-tip .agree-policy {
	vertical-align: top;
	margin: 7px 3px 0 0
}

.sign-wrap-v2 .text-tip .user-agreement:hover {
	color: #18c3b1
}

.sign-wrap-v2 .btn-switch {
	left: 6px;
	top: 6px
}

.sign-wrap-v2 .login-tab-switch {
	width: 20px;
	height: 20px;
	right: 20px;
	top: 20px;
	left: auto;
	background-image: url(../images/sign_icon_sprites.png);
	background-position: -70px -5px;
	background-size: 95px 65px
}

.sign-wrap-v2 .login-tab-switch:hover {
	width: 20px;
	height: 20px;
	right: 20px;
	top: 20px;
	left: auto;
	background-image: url(../images/sign_icon_sprites.png);
	background-position: -40px -5px;
	background-size: 95px 65px
}

.sign-wrap-v2 .login-tab-switch.pwd-switch {
	width: 20px;
	height: 20px;
	right: 20px;
	top: 20px;
	left: auto;
	background-image: url(../images/sign_icon_sprites.png);
	background-position: -34px -41px;
	background-size: 95px 65px
}

.sign-wrap-v2 .login-tab-switch.pwd-switch:hover {
	width: 20px;
	height: 20px;
	right: 20px;
	top: 20px;
	left: auto;
	background-image: url(../images/sign_icon_sprites.png);
	background-position: -5px -41px;
	background-size: 95px 65px
}

.sign-wrap-v2 .btn-switch .switch-tip {
	top: 8px
}

.sign-wrap-v2 .login-tab-switch .switch-tip {
	width: 117px;
	height: 30px;
	background: #5dd5c8;
	color: #fff;
	box-shadow: 0 1px 7px 0 rgba(93,213,200,.2);
	font-size: 13px;
	top: -5px;
	right: 35px;
	left: auto
}

.sign-wrap-v2 .app-load-box {
	display: none;
	width: 200px;
	height: 200px;
	position: absolute;
	bottom: -95px;
	right: -288px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 6px 13px 0 rgba(0,0,0,.1)
}

.sign-wrap-v2 .app-load-box:after {
	width: 0;
	height: 0;
	transform: rotate(45deg);
	border: 8px solid transparent;
	box-shadow: 0 6px 13px 0 rgba(0,0,0,.1);
	position: absolute;
	content: '';
	left: -8px;
	top: 128px;
	background: #fff
}

.sign-wrap-v2 .app-load-box:before {
	width: 20px;
	height: 28px;
	left: 0;
	top: 124px;
	background: #fff;
	position: absolute;
	content: '';
	z-index: 1
}

.sign-wrap-v2 .download-btn:hover .app-load-box {
	display: block
}

.sign-wrap-v2 .app-load-box img {
	width: 103px;
	height: 103px;
	margin: 34px auto 14px auto
}

.sign-wrap-v2 .app-load-box p {
	font-size: 14px;
	color: rgba(97,104,124,1);
	line-height: 20px;
	letter-spacing: 1px;
	padding: 0
}

.sign-wrap-v2 .login-tab-switch .switch-tip:before {
	top: 8px;
	right: -9px;
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid #5dd5c8;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	position: absolute
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-form {
	padding: 0
}

.jconfirm .pop-sign-box.sign-wrap-v2 .btn-switch {
	right: 0;
	left: 0;
	top: 0
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-register {
	height: 514px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-register .sign-slide-box ul {
	margin-top: 81px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-register .tip-error-form {
	top: 126px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-scan-help {
	z-index: 201
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-welcome {
	padding: 15px 23px 0
}

.jconfirm .pop-sign-box.sign-wrap-v2 .jconfirm-box {
	width: 740px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .jconfirm-box div.content-pane {
	min-height: 514px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .jconfirm-box div.content-pane .content {
	padding: 0;
	clip: unset!important
}

.sign-slide-box {
	float: left;
	width: 240px;
	height: 100%;
	color: #8d92a1;
	background-color: #f8fcff;
	border-radius: 10px 0 0 10px
}

.sign-slide-box .logo {
	float: none;
	display: block;
	width: auto;
	height: 40px;
	margin: 88px 0 0 40px;
	padding: 0
}

.sign-slide-box .logo p {
	color: #00c2b3;
	line-height: 20px
}

.sign-slide-box .logo img {
	width: 42px;
	height: 42px
}

.sign-slide-box .logo div {
	float: right;
	position: relative;
	bottom: -1px;
	right: 65px
}

.sign-slide-box ul {
	margin: 50px 0 0 40px
}

.sign-slide-box li {
	margin-bottom: 50px
}

.sign-slide-box li:last-of-type {
	margin-bottom: 0!important
}

.sign-slide-box li i {
	float: left;
	width: 25px;
	height: 42px;
	background: url(../images/sign-slide.png) no-repeat;
	background-size: 100% auto
}

.sign-slide-box li:nth-of-type(4n+1) i {
	background-position: 0 10px
}

.sign-slide-box li:nth-of-type(4n+2) i {
	background-position: 0 -45px
}

.sign-slide-box li:nth-of-type(4n+3) i {
	background-position: 0 -99px
}

.sign-slide-box li:nth-of-type(4n) i {
	background-position: 0 -150px
}

.sign-slide-box li>span {
	display: block;
	margin-left: 50px
}

.sign-slide-box li>span:first-of-type {
	line-height: 22px;
	color: #8d92a1;
	font-size: 16px;
	font-weight: 700
}

.sign-slide-box li>span:last-of-type {
	margin-top: 2px;
	line-height: 18px;
	color: #b0b4c1;
	font-size: 13px
}

.sign-wrap-v2 .sign-pwd {
	height: 514px
}

.sign-wrap-v2 .sign-sms {
	height: 514px
}

.sign-wrap-v2 .sign-scan {
	height: 514px
}

.sign-wrap-v2 .sign-scan .sign-tab {
	margin-bottom: 0
}

.sign-wrap-v2 .sign-scan-help {
	display: none;
	position: absolute;
	left: 370px;
	top: -107px;
	width: 274px;
	height: 514px;
	margin-left: -10px;
	background-color: #fff;
	opacity: 0;
	border-radius: 10px;
	filter: drop-shadow(0 6px 13px rgba(0,0,0,.1));
	z-index: 1006
}

.sign-wrap-v2 .sign-scan-help:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: -10px;
	top: 147px;
	border: 10px solid transparent;
	border-right-color: #fff;
	border-left: none
}

.sign-wrap-v2 .sign-scan-help h4 {
	margin: 40px auto 24px;
	color: #9fa3b0;
	font-size: 18px;
	font-weight: 400;
	text-align: center
}

.sign-wrap-v2 .sign-scan-help .scan-help-tab {
	position: relative;
	z-index: 1;
	width: 188px;
	height: 29px;
	margin: 0 auto;
	border: 1px solid #53cac4;
	font-size: 0;
	border-radius: 20px;
	overflow: hidden
}

.sign-wrap-v2 .sign-scan-help .scan-help-tab li {
	width: 50%!important;
	text-align: center;
	vertical-align: middle;
	color: #19b9b1;
	font-size: 12px;
	background-color: #fff;
	cursor: pointer;
	height: 29px;
	line-height: 29px;
	float: left
}

.sign-wrap-v2 .sign-scan-help .scan-help-tab li.active {
	background-color: #e5f8f7
}

.sign-wrap-v2 .sign-scan-help .sub-title {
	margin: 26px auto 19px;
	color: #61687c;
	text-align: center
}

.sign-wrap-v2 .sign-scan-help .scan-help-content li {
	display: none;
	width: 208px;
	height: 301px;
	margin: 0 auto
}

.sign-wrap-v2 .sign-scan-help .scan-help-content li.active {
	display: block
}

.sign-wrap-v2 .sign-scan-help .help-boss {
	background: url(../images/icon-help-boss.png) no-repeat center center;
	background-size: 100% 100%
}

.sign-wrap-v2 .sign-scan-help .help-geek {
	background: url(../images/icon-help-geek.png) no-repeat center center;
	background-size: 100% 100%
}

.sign-wrap-v2 .sign-register {
	height: 514px
}

.sign-wrap-v2 .sign-register .sign-slide-box ul {
	margin-top: 50px
}

.sign-wrap-v2 .sign-register .inner-box {
	padding-top: 74px
}

.sign-wrap-v2 .sign-register h4 {
	margin: 24px 0 41px;
	line-height: 22px;
	color: #00c2b3;
	font-size: 16px;
	font-weight: 400
}

.sign-wrap-v2 .sign-register .tip-error-form {
	top: 126px
}

.sign-wrap-v2 .sign-miniapp {
	height: 560px;
	text-align: left
}

.sign-wrap-v2 .sign-miniapp .sign-slide-box ul {
	margin-top: 50px
}

.sign-wrap-v2 .sign-miniapp .inner-box {
	text-align: center
}

.sign-wrap-v2 .sign-miniapp h4 {
	margin: 20px 0 40px;
	line-height: 22px;
	color: #00c2b3;
	font-size: 16px;
	font-weight: 400
}

.sign-wrap-v2 .sign-miniapp .tip-error-form {
	top: 58px
}

.sign-wrap-v2 .sign-miniapp .sign-tip {
	margin-top: 30px;
	color: #61687c
}

.sign-wrap-v2 .sign-miniapp .text-tip {
	padding-top: 62px
}

.sign-wrap-v2 .sign-resume .tip-error-form {
	top: 118px
}

.sign-wrap-v2 .sign-quick .tip-error-form {
	position: static;
	height: auto;
	margin-top: -18px
}

.sign-wrap-v2 .sign-welcome {
	width: 324px;
	padding: 35px 43px 0
}

@media (max-width:800px) {
	#wrap {
		position: relative
	}

	.page-sign {
		min-width: inherit;
		background: 0 0
	}

	.page-sign #header {
		display: none
	}

	.page-sign .sign-wrap {
		position: static;
		margin: 0;
		width: auto
	}

	.page-sign .sign-form {
		box-shadow: none;
		width: auto;
		padding: 0 15px 0;
		border-radius: 0
	}

	.page-sign .sign-form .title {
		padding: 30px 0 20px 0
	}

	.page-sign .sign-register.sign-form .title {
		padding-bottom: 0
	}

	.page-sign .sign-register .sign-tab {
		display: none
	}

	.page-sign .sign-form .tip-error {
		display: none
	}

	.page-sign .sign-tab {
		display: table;
		width: 100%;
		border-bottom-width: 0
	}

	.page-sign .sign-tab span {
		display: table-cell;
		width: 50%;
		text-align: center;
		padding-top: 8px
	}

	.page-sign .sign-tab .link-scan {
		display: none
	}

	.page-sign .form-row .ipt {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.page-sign .form-row .ipt-zone {
		width: 62px
	}

	.page-sign .row-code {
		display: table;
		width: 100%;
		height: 38px;
		background: 0 0
	}

	.row-code ._nc .stage1 .slider {
		box-shadow: none
	}

	.row-code ._nc .stage1 {
		height: 42px
	}

	.row-code ._nc .stage1 .slider {
		left: 0;
		right: 0
	}

	.row-code ._nc .stage1 .label,.row-code ._nc .stage1 .track div {
		height: 42px
	}

	.row-code ._nc .stage1 .slider {
		height: 42px;
		line-height: 42px
	}

	.row-code ._nc .stage1 .label,.row-code ._nc .stage1 .track div {
		font-size: 14px;
		line-height: 42px
	}

	.row-code ._nc .stage1 .button {
		height: 42px;
		width: 48px
	}

	.row-code ._nc .icon-load-c {
		font-size: 26px;
		color: #5dd5c8;
		padding-top: 2px
	}

	.row-code.nc-container ._nc .icon-slide-arrow {
		border: 1px solid #ccc;
		width: 46px;
		height: 40px;
		left: 0;
		line-height: 40px;
		text-align: center
	}

	.row-code ._nc .icon {
		line-height: 30px
	}

	.row-code ._nc .stage1 .icon-ok {
		color: #8d92a1;
		font-size: 22px;
		border: 1px solid #8d92a1;
		width: 46px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		left: 0
	}

	.row-code ._nc .stage1 .bg-green {
		background: #8d92a1;
		box-shadow: none
	}

	.row-code ._nc .icon-slide-arrow {
		font-size: 22px
	}

	.page-sign .row-code .cell-wrap {
		display: table-cell;
		width: 100%
	}

	.page-sign .row-code .cell-wrap .ipt-code {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}

	.page-sign .sign-register .sign-tab {
		padding-top: 26px;
		margin-bottom: -22px
	}

	.page-sign .sign-register .purpose-row {
		display: none
	}

	.page-sign .sign-form .btn-switch {
		display: none
	}

	.toast {
		display: none;
		position: absolute;
		width: 80%;
		margin: 0 auto;
		height: 40px;
		line-height: 40px;
		top: 60%;
		left: 10%;
		margin-top: -40%;
		background: rgba(0,0,0,.8);
		border-radius: 20px;
		color: #fff;
		text-align: center;
		z-index: 100
	}

	.sign-tab span {
		border-bottom: 1px #f2f5f9 solid
	}

	.agreement-tip {
		margin-bottom: 15px
	}

	.wrap-header {
		color: #fff;
		height: 45px;
		padding: 0 15px;
		line-height: 45px;
		overflow: hidden;
		background-color: #5dd5ca
	}

	.wrap-header p {
		font-size: 16px;
		text-align: center
	}

	.wrap-header .wap-back {
		float: left;
		width: 10px;
		height: 20px;
		margin-top: 13px;
		display: inline-block;
		background: url(../images/title-arrow.png) no-repeat;
		background-size: 10px auto
	}

	.wrap-grade {
		padding: 0 15px
	}

	.wrap-grade li {
		text-indent: 3px;
		font-size: 14px;
		min-height: 48px;
		line-height: 48px;
		border-bottom: 1px solid #e9efef
	}

	.wrap-grade li.input {
		overflow: hidden
	}

	.wrap-grade .input .input-wrap {
		overflow: hidden;
		height: 48px;
		padding: 0 20px 0 15px
	}

	.wrap-grade .input .input-wrap input {
		width: 100%;
		text-align: right;
		border: 0
	}

	.wrap-grade li .file {
		position: relative;
		display: inline-block;
		width: 50px;
		height: 50px;
		border-radius: 50px;
		text-decoration: none;
		overflow: hidden;
		float: right;
		margin-top: 13px;
		background: url(../images/icon-camera.png) #eefbf9 center center no-repeat;
		background-size: 19px
	}

	.wrap-grade li .file input {
		position: absolute;
		font-size: 100px;
		right: 0;
		top: 0;
		opacity: 0
	}

	.wrap-grade li.photo {
		height: 76px;
		line-height: 76px
	}

	.wrap-grade li select {
		border: 0;
		background: 0 0;
		height: 48px;
		line-height: 48px;
		font-size: 14px
	}

	.fl {
		float: left
	}

	.fr {
		float: right
	}

	.gray {
		color: #9fa3b0
	}

	.icon-arrow-right {
		display: inline-block;
		width: 6px;
		height: 20px;
		background: url(../images/grade-arrow-right.png) no-repeat;
		background-size: 6px auto;
		vertical-align: middle
	}

	.wrap-grade li .icon-arrow-right {
		margin-top: 19px;
		margin: 19px 0 0 13px
	}

	.wrap-grade li.photo .icon-arrow-right {
		margin-top: 33px
	}

	.clipper-wrapper {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 100%;
		overflow: hidden;
		background-color: #000
	}

	.clipper-wrapper .lock-mask {
		position: absolute;
		width: 100%;
		height: 100%
	}

	.page-sign .dialog-icons-default .dialog-container,.page-sign .dialog-prop-default .dialog-container {
		width: 260px;
		margin-left: -160px
	}

	.page-sign .dialog-icons-default .dialog-footer .btns,.page-sign .dialog-prop-default .dialog-footer .btns {
		text-align: center
	}

	.page-sign .dialog-icons-default .dialog-footer .btn:first-of-type,.page-sign .dialog-prop-default .dialog-footer .btn:first-of-type {
		margin-left: 0
	}

	.sign-wrap-v2.sign-wrap {
		min-height: 0
	}

	.sign-form .sign-slide-box {
		display: none
	}

	.sign-wrap-v2 .sign-content {
		position: static;
		margin: 0;
		height: auto
	}

	.sign-wrap-v2 .sign-form .title {
		display: block
	}

	.sign-wrap-v2 .sign-form {
		height: auto
	}

	.sign-wrap-v2 .sign-form .inner-box {
		width: auto;
		padding: 0
	}
}

@media only screen and (-webkit-device-pixel-ratio:2) and (max-device-height:568px) and (min-device-width:320px) {
	._nc .stage1 .icon {
		bottom: 0!important
	}
}

.defaultConfirm .jconfirm-box {
	width: 340px
}

.qrcodeimg-box {
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	position: relative
}

.qrcodeimg-box img:not([src]),.qrcodeimg-box img[src=""] {
	opacity: 0
}

.invalid-box {
	display: none;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	text-align: center;
	background: rgba(255,255,255,.9);
	position: absolute;
	left: 0;
	top: 0
}

.invalid-box .btn {
	font-size: 13px;
	min-width: 100px
}

.invalid-box p {
	padding: 50px 0 25px;
	color: #333
}

.sign-form {
	position: relative
}

.btn-switch {
	position: absolute;
	z-index: 1005;
	left: 0;
	top: 0;
	width: 42px;
	height: 42px;
	background: no-repeat;
	background-size: 42px 84px;
	cursor: pointer
}

.ewm-switch {
	background-image: url(../images/btn-ewm.png)
}

.ewm-switch:hover {
	background-position: 0 -42px
}

.phone-switch {
	background-image: url(../images/btn-phone.png)
}

.phone-switch:hover {
	background-position: 0 -42px
}

.btn-switch .switch-tip {
	width: 120px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	color: #9fa3af;
	position: absolute;
	left: 42px;
	top: 5px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
	cursor: default;
	pointer-events: none;
	background-color: #fff
}

.btn-switch .switch-tip .icon-triangle {
	background: url(../images/arrow-left.png) no-repeat center;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: -10px;
	width: 10px;
	background-size: 20px 20px
}

.sign-miniapp {
	text-align: center
}

.sign-miniapp h4 {
	font-weight: 400;
	line-height: 20px;
	margin: 22px 0 53px
}

.sign-miniapp .qrcodeimg-box img {
	width: 200px
}

.sign-miniapp .sign-tip {
	color: #53cac3;
	line-height: 22px;
	margin-top: 20px
}

.sign-miniapp .text-tip {
	line-height: 22px;
	padding: 84px 0 30px
}

.sign-succ {
	text-align: center;
	height: 515px
}

.sign-succ .img-succ {
	width: 63px;
	height: 63px;
	margin: 148px 0 30px
}

.sign-succ p {
	color: #9fa3af;
	line-height: 22px
}

.check-phone-wrap .dialog-container {
	width: auto;
	margin: -185px auto auto -262px;
	padding: 40px
}

.check-phone-wrap .dialog-title h3.title {
	line-height: 24px;
	font-size: 24px
}

.check-phone-wrap .row-code.nc-container .nc_scale .scale_text {
	text-align: center!important
}

.check-phone-wrap .dialog-footer {
	display: none
}

.check-phone {
	display: block;
	width: auto;
	padding: 0;
	border-radius: 0;
	box-shadow: unset
}

.check-phone form {
	padding-top: 14px
}

.check-phone .cell-title {
	display: inline-block;
	width: 90px;
	padding-right: 30px;
	text-align: right
}

.check-phone .ipt-wrap {
	display: inline-block
}

.check-phone .row-sms {
	margin-top: 0
}

.check-phone.sign-form .btn-sms {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 36px;
	background-color: #fff
}

.check-phone.sign-form .btn-sms:hover {
	color: #5dd5c8
}

.check-phone.sign-form .btn-sms.count-down {
	color: #9fa3b0;
	white-space: nowrap;
	font-size: 13px;
	letter-spacing: 0
}

.check-phone .form-footer {
	margin-top: 5px
}

.check-phone .form-footer .btns {
	text-align: right
}

.check-phone .form-footer .btns .btn {
	min-width: 42px;
	height: 32px;
	margin: 0 0 0 20px;
	padding: 0 25px;
	line-height: 32px;
	font-size: 14px;
	box-sizing: content-box
}

.check-phone .form-footer .btns .btn-outline:hover {
	height: 30px;
	padding: 0 24px;
	border-width: 2px;
	line-height: 30px;
	background-color: #fff;
	color: #00c7b1
}

.check-phone .phonecode-error,.check-phone .verifyimg-error {
	height: 25px;
	margin-left: 120px;
	line-height: 25px;
	font-size: 12px
}

.dialog-wechat-login .dialog-con {
	display: flex
}

.dialog-wechat-login .wechat-login-dialog-layer {
	position: fixed;
	width: 100%;
	height: 100%
}

.dialog-wechat-login .wechat-login-wrap {
	position: relative;
	height: 425px;
	margin: auto
}

.dialog-wechat-login iframe {
	height: 425px;
	margin: auto
}

.dialog-wechat-login .overdue {
	display: none;
	position: absolute;
	top: 55px;
	left: 9px;
	height: 282px;
	width: 282px;
	background-color: rgba(255,255,255,.9);
	text-align: center
}

.dialog-wechat-login .overdue span {
	display: block;
	margin-top: 90px;
	font-size: 20px;
	color: #414a60;
	letter-spacing: 1px
}

.dialog-wechat-login .overdue .btn-refresh {
	display: block;
	width: 146px;
	min-width: unset;
	height: 42px;
	min-height: unset;
	line-height: 44px;
	text-align: center;
	cursor: pointer;
	margin: 20px auto 0
}

.sign-bind-wechat-signin .title,.sign-bind-wechat-signup .title {
	color: #414a60;
	margin-bottom: 18px
}

.sign-bind-wechat-signin .sub-title,.sign-bind-wechat-signup .sub-title {
	line-height: 24px;
	font-size: 14px;
	color: #9fa3b0;
	text-align: center
}

.sign-bind-wechat-signin form {
	padding-top: 0
}

.sign-bind-wechat-signin .form-btn {
	margin-top: 79px
}

.sign-bind-wechat-signup form {
	padding-top: 16px
}

.sign-bind-wechat-signup .purpose-row {
	margin-bottom: 0
}

.sign-bind-wechat-signup .form-btn {
	margin-top: 27px
}

.sign-form .top-btn-back {
	position: absolute;
	z-index: 10;
	top: 21px;
	left: 20px;
	width: 20px;
	height: 20px;
	background: url(../images/arrow-left.png) no-repeat left top/50% auto
}

.sign-form .top-btn-back:hover {
	background-position: 0 -54px;
	cursor: pointer;
	-webkit-transition: none;
	transition: none
}

.pop-sign-wechat .dialog-container {
	padding: 40px
}

.pop-sign-wechat .title {
	line-height: 24px;
	font-size: 24px;
	color: #414a60
}

.pop-sign-wechat .dialog-con {
	padding: 20px 0;
	line-height: 30px;
	font-size: 16px;
	color: #9fa3b0
}

#wrap.sign-resume-wrapper {
	height: 100%;
	min-height: 700px;
	background: #5dd5c8 url(../images/newbg.png) center bottom no-repeat
}

.sign-resume-wrapper .hide {
	display: none!important
}

.sign-resume-wrapper .tip-error-form {
	top: 116px
}

.sign-resume-wrapper .page-loading,.sign-resume-wrapper .sign-resume,.sign-resume-wrapper .upload-resume {
	display: block
}

.sign-resume-wrapper .upload-resume .sign-content {
	text-align: center
}

.sign-resume-wrapper .upload-resume .top-slogan {
	line-height: 25px;
	color: #00c2b3;
	font-size: 18px
}

.sign-resume-wrapper .upload-resume h4 {
	margin-top: 54px;
	line-height: 24px;
	font-size: 24px;
	font-weight: 400
}

.sign-resume-wrapper .upload-resume .sub-title {
	margin-top: 30px;
	line-height: 24px
}

.sign-resume-wrapper .upload-resume .upload-resume-wrap {
	display: block;
	position: relative;
	width: 324px;
	height: 42px;
	margin: 45px auto 20px;
	line-height: 42px;
	font-size: 15px;
	overflow: hidden
}

.sign-resume-wrapper .upload-resume .upload-resume-wrap input {
	position: absolute;
	width: 100%;
	height: 200%;
	top: -100%;
	left: 0;
	background: 0 0;
	opacity: 0;
	cursor: pointer
}

.sign-resume-wrapper .upload-resume .complete-online {
	width: 324px;
	height: 42px;
	line-height: 42px;
	color: #8d92a1;
	font-size: 14px
}

.sign-resume-wrapper .upload-resume .complete-online:hover {
	background-color: #fff;
	box-shadow: 0 0 1px 0 rgba(93,213,200,1)
}

.sign-resume-wrapper .page-loading .sign-content {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center
}

.sign-resume-wrapper .sign-resume .sign-slide-box .logo {
	margin-left: 82px
}

.sign-resume-wrapper .sign-resume .sign-slide-box ul {
	margin-top: 35px
}

.sign-resume-wrapper .sign-resume .sign-slide-box li {
	margin-bottom: 54px
}

.sign-resume-wrapper .sign-resume .sign-slide-box li>span {
	margin-left: 42px
}

.sign-resume-wrapper .sign-resume .sign-slide-box li>span:last-of-type {
	margin-top: 4px
}

.sign-resume-wrapper .sign-resume h4 {
	margin-bottom: 47px;
	line-height: 24px;
	color: #00c2b3;
	font-size: 18px;
	font-weight: 400;
	text-align: center
}

.sign-resume-wrapper .form-footer {
	margin-top: 35px
}

.sign-resume-wrapper .form-footer .btn {
	display: block;
	width: 322px
}

.sign-resume-wrapper .form-footer .btn.btn-waiting {
	border-color: #9fa3b0;
	background: #9fa3b0 url(../images/loading.gif) no-repeat 85px center/auto 55%;
	cursor: default;
	pointer-events: none
}

.sign-resume-wrapper .row-tip-error {
	position: absolute;
	height: auto;
	padding-top: 0;
	line-height: inherit;
	color: #fc703e
}

.search-job-list-wrap .sider .sign-wrap {
	position: static;
	top: unset;
	left: unset;
	width: auto;
	min-height: 0;
	margin: 0 0 15px
}

.search-job-list-wrap .sider .sign-form {
	width: auto;
	height: auto;
	background-color: #5dd5c8;
	box-shadow: none;
	border-radius: 0
}

.search-job-list-wrap .sider .sign-form .tip-error {
	background-position: 0 -1114px;
	color: #ffeb9e
}

.search-job-list-wrap .sider .sign-form .tip-error-form {
	top: 87px;
	left: 20px
}

.search-job-list-wrap .sider .sign-form .title {
	display: block;
	padding: 20px 0 24px;
	color: #fff;
	font-size: 18px
}

.search-job-list-wrap .sider .sign-form form {
	margin: 0 auto;
	width: 224px
}

.search-job-list-wrap .sider .sign-form .ipt-phone {
	width: 109px
}

.search-job-list-wrap .sider .sign-form .ipt-sms {
	width: 166px
}

.search-job-list-wrap .sider .sign-form .btn-sms {
	width: 92px;
	min-width: 0
}

.search-job-list-wrap .sider .sign-form .nc-lang-cnt {
	text-indent: 40px
}

.search-job-list-wrap .sider .sign-form .text-tip {
	padding: 10px 0 20px;
	font-size: 12px;
	color: rgba(255,255,255,.7);
	position: relative;
	z-index: 2
}

.search-job-list-wrap .sider .sign-form .text-tip .agree-policy {
	vertical-align: top
}

.search-job-list-wrap .sider .sign-form .form-btn .btn {
	background-color: #fff;
	color: #00c2b3
}

.search-job-list-wrap .sider .sign-form .form-btn .btn:hover {
	opacity: .9
}

.search-job-list-wrap .sider .sign-form .text-tip a {
	color: #fff;
	opacity: .7
}

.search-job-list-wrap .sider .sign-form .text-tip a:hover {
	opacity: .9
}

.search-job-list-wrap .sider #sign-side {
	position: absolute;
	bottom: 0;
	right: 0
}

.company-sider .sign-wrap {
	position: static;
	top: unset;
	left: unset;
	width: auto;
	min-height: 0;
	margin: 0 0 15px
}

.company-sider .sign-form {
	width: auto;
	height: auto;
	background-color: #5dd5c8;
	box-shadow: none;
	border-radius: 0
}

.company-sider .sign-form .tip-error {
	background-position: 0 -1114px;
	color: #ffeb9e
}

.company-sider .sign-form .tip-error-form {
	top: 87px;
	left: 20px
}

.company-sider .sign-form .title {
	display: block;
	padding: 20px 0 24px;
	color: #fff;
	font-size: 18px
}

.company-sider .sign-form form {
	width: 258px;
	margin: 0 auto
}

.company-sider .sign-form .ipt-phone {
	width: 143px
}

.company-sider .sign-form .ipt-sms {
	width: 200px
}

.company-sider .sign-form .text-tip {
	padding: 10px 0 20px;
	font-size: 12px;
	color: rgba(255,255,255,.7);
	position: relative;
	z-index: 2
}

.company-sider .sign-form .form-btn .btn {
	background-color: #fff;
	color: #00c2b3
}

.company-sider .sign-form .form-btn .btn:hover {
	opacity: .9
}

.company-sider .sign-form .text-tip a {
	color: #fff;
	opacity: .7
}

.company-sider .sign-form .text-tip a:hover {
	opacity: .9
}

.company-sider #sign-side {
	position: absolute;
	bottom: 0;
	right: 0
}

.job-sider .sign-wrap {
	position: static;
	top: unset;
	left: unset;
	width: auto;
	min-height: 0;
	margin: 0 0 30px
}

.job-sider .sign-form {
	width: auto;
	height: auto;
	background-color: #5dd5c8;
	box-shadow: none;
	border-radius: 0
}

.job-sider .sign-form .tip-error {
	background-position: 0 -1114px;
	color: #ffeb9e
}

.job-sider .sign-form .tip-error-form {
	top: 87px;
	left: 20px
}

.job-sider .sign-form .title {
	display: block;
	padding: 20px 0 24px;
	color: #fff;
	font-size: 18px
}

.job-sider .sign-form form {
	width: 258px;
	margin: 0 auto
}

.job-sider .sign-form .ipt-phone {
	width: 143px
}

.job-sider .sign-form .ipt-sms {
	width: 200px
}

.job-sider .sign-form .text-tip {
	padding: 10px 0 20px;
	font-size: 12px;
	color: rgba(255,255,255,.7);
	position: relative;
	z-index: 2
}

.job-sider .sign-form .form-btn .btn {
	background-color: #fff;
	color: #00c2b3
}

.job-sider .sign-form .form-btn .btn:hover {
	opacity: .9
}

.job-sider .sign-form .text-tip a {

	color: #fff;
	opacity: .7
}

.job-sider .sign-form .text-tip a:hover {
	opacity: .9
}

.job-sider #sign-side {
	position: absolute;
	bottom: 0;
	right: 0
}

body.semwrap {
	background-color: #f0f2f5
}

.semwrap .main {
	width: 100%;
	height: 556px;
	background: #545b79 url(../images/sem-bg.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden
}

.semwrap .container {
	width: 1002px;
	height: 428px;
	margin: 122px auto 0
}

.semwrap #footer {
	margin-top: 0
}

.semwrap .slider-box {
	float: left;
	z-index: 1001
}

.semwrap .slider-main,.semwrap .slider-main li,.semwrap .slider-main ul {
	width: 582px;
	height: 426px
}

.semwrap .slider-main {
	margin-top: -8px
}

.semwrap .slider-box li a {
	display: block;
	width: 582px;
	height: 426px
}

.semwrap .box {
	width: 400px;
	height: 426px;
	float: right
}

.semwrap .sign-wrap {
	position: static;
	width: 410px;
	margin: 0
}

.semwrap .sign-wrap .sign-form {
	z-index: 1001
}

.semwrap .sign-form {
	border-radius: 0;
	width: 324px;
	height: 383px;
	padding: 35px 43px 0
}

.semwrap .sign-form form {
	padding-top: 5px
}

.semwrap .sign-form .form-row {
	margin-top: 25px
}

.semwrap .sign-form .form-btn {
	margin-top: 20px
}

.semwrap .sign-form .text-tip {
	padding: 20px 0 0
}

.semwrap .tip-error {
	margin-bottom: -25px
}

.semwrap .welcome-box img {
	width: 178px;
	height: 150px
}

.semwrap .welcome-text {
	padding-bottom: 20px
}

.semwrap .sign-welcome .form-btn {
	margin-top: 10px
}

.semwrap .sign-welcome div.count-down {
	padding: 10px 0 0
}

.semwrap li .list-left {
	float: left
}

.semwrap li .list-right {
	float: right
}

.semwrap li .list {
	width: 287px;
	height: 101px;
	margin-top: 8px
}

.semwrap li .list img {
	width: 99px;
	height: 101px;
	float: left;
	cursor: pointer
}

.semwrap li .list img:hover {
	opacity: .8
}

.semwrap .list {
	cursor: pointer
}

.semwrap .list:after {
	clear: both;
	display: block;
	line-height: 0;
	font-size: 0;
	height: 0;
	visibility: hidden
}

.semwrap .list .con {
	float: right;
	height: 101px;
	width: 187px;
	background-color: #fff
}

.semwrap .list p {
	font-size: 14px;
	color: #414a60;
	text-align: right;
	padding-right: 22px;
	zoom: 1
}

.semwrap .list p.red {
	color: #fc6c38;
	font-size: 24px;
	line-height: 72px
}

.semwrap li .list-spec img {
	width: 139px;
	height: 100px;
	cursor: pointer
}

.semwrap li .list .fr {
	float: right
}

.semwrap .tip {
	width: 330px;
	position: absolute;
	top: 72px;
	left: 100px;
	background: #fff;
	padding: 33px 35px 15px;
	box-shadow: 0 3px 10px 0 rgba(131,131,131,.5)
}

.semwrap .tip .top {
	position: relative;
	border-bottom: 1px #eee solid;
	margin-top: -10px;
	padding-bottom: 20px
}

.semwrap .tip img {
	width: 60px;
	height: 60px;
	display: block
}

.semwrap .tip span {
	color: #414a60;
	font-size: 20px;
	color: #5dd5c8
}

.semwrap .tip .center {
	padding: 26px 0 26px;
	height: 50px;
	color: #9fa3af;
	font-size: 14px
}

.semwrap .tip .center p {
	display: inline-block;
	width: 160px;
	margin-bottom: 7px
}

.semwrap .tip .bottom {
	font-size: 0;
	padding-top: 10px
}

.semwrap .tip .bottom span {
	position: static;
	display: inline-block;
	vertical-align: top;
	width: 78px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 1px #5dd5c8 solid;
	color: #5dd5c8;
	font-size: 14px;
	padding-top: 0;
	margin-bottom: 20px;
	border-radius: 15px
}

.semwrap .tip .bottom span.mr {
	margin: 0 45px
}

.semwrap .tip .close {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 30px;
	right: 32px;
	background: url(../images/semwrap-close.jpg) center center no-repeat;
	cursor: pointer;
	z-index: 1
}

.semwrap .tip2 {
	width: 582px;
	height: 428px;
	background: url(../images/semwrap-tipbg.jpg) center center repeat-x;
	opacity: .85;
	position: absolute;
	top: 8px;
	left: 0;
	box-shadow: 0 3px 10px 0 rgba(131,131,131,.5)
}

.semwrap .tip2 .close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 25px;
	right: 30px;
	cursor: pointer
}

.semwrap .tip,.semwrap .tip2 {
	display: none
}

.semwrap #footer {
	background: #f0f2f5;
	height: 155px
}

.semwrap #footer .footer-img {
	margin-top: 30px;
	text-align: center
}

.semwrap #footer .footer-img img {
	width: 100%
}

.semwrap #footer .copyright {
	text-align: center;
	color: #abacaf;
	margin-top: 36px;
	font-size: 12px
}

.semwrap .inner-container {
	float: left;
	overflow: hidden
}

.semwrap .inner-container li a {
	display: block;
	width: 582px;
	height: 426px
}

.semwrap .inner-main,.semwrap .inner-main li,.semwrap .inner-main ul {
	width: 582px;
	height: 426px
}

.semwrap .inner-main {
	margin-top: -8px;
	overflow: hidden;
	position: relative
}

.semwrap li .list-up {
	width: 588px;
	height: 242px
}

.semwrap li .list-up .item {
	background-color: #fff;
	width: 189px;
	height: 213px;
	float: left;
	margin-left: 10px;
	padding-top: 29px;
	cursor: pointer
}

.semwrap li .list-up .item.item-first {
	margin-left: 0
}

.semwrap li .list-up .item img {
	display: block;
	width: 84px;
	height: 84px;
	margin: 0 auto
}

.semwrap li .list-up .content {
	margin-top: 29px;
	padding: 0 38px
}

.semwrap li .list-up .content p {
	font-size: 14px;
	color: #9fa3af;
	text-align: center;
	line-height: 22px
}

.semwrap li .list-up .content .title {
	font-size: 16px;
	color: #414a60;
	line-height: 16px;
	margin-bottom: 10px
}

.semwrap li .list-down {
	margin-top: 10px;
	width: 588px;
	margin-top: 10px
}

.semwrap li .list-down .item {
	background-color: #fff;
	width: 289px;
	height: 177px;
	float: left;
	cursor: pointer
}

.semwrap li .list-down .item.item-down-last {
	margin-left: 10px
}

.semwrap li .list-down .item img {
	display: block;
	width: 84px;
	height: 84px;
	float: left;
	margin: 47px 29px 0 25px
}

.semwrap li .list-down .content {
	padding-top: 47px;
	padding-right: 36px
}

.semwrap li .list-down .content p {
	font-size: 14px;
	color: #9fa3af;
	text-align: center;
	line-height: 22px
}

.semwrap li .list-down .content .title {
	font-size: 16px;
	color: #414a60;
	line-height: 33px
}

.semwrap2 .main {
	background: #545b79 url(../images/sem-bg2.jpg) center center no-repeat
}

.semwrap2 .sem-job-box {
	height: 100%;
	width: 582px
}

.semwrap2 .sem-job-box .tip2 {
	top: 0
}

.semwrap2 .sem-job-box .job-tab-box {
	width: 100%;
	height: 42px;
	display: flex;
	z-index: 9999
}

.semwrap2 .sem-job-box .job-tab-box li {
	display: block;
	flex: 1;
	text-align: center;
	height: 100%;
	line-height: 42px;
	color: #fff;
	position: static;
	background: rgba(255,255,255,.1);
	box-sizing: border-box;
	border-right: solid 1px #785e9b;
	cursor: pointer
}

.semwrap2 .sem-job-box .job-tab-box li.cur {
	background: #7dbac9
}

.semwrap2 .sem-job-box .job-tab-box li:last-child {
	border: none
}

.semwrap2 .sem-job-box .sem-content {
	background: -webkit-linear-gradient(top,rgba(126,187,201,1) 0,rgba(44,194,195,.9) 70%,rgba(44,194,195,.6) 100%);
	height: 376px;
	box-sizing: border-box;
	padding: 15px 17px 0 19px
}

.semwrap2 .sem-job-box .sem-content .sem-job-item {
	display: none
}

.semwrap2 .sem-job-box .sem-content .sem-job-item.cur {
	display: block
}

.semwrap2 .sem-content img {
	display: block;
	float: left;
	cursor: pointer
}

.semwrap2 .sem-content img:hover {
	opacity: .8
}

.semwrap2 .sem-job-box .sem-job-list li {
	display: flex;
	color: #fff;
	font-size: 13px;
	height: 43px;
	line-height: 43px;
	border-bottom: solid 1px #4fc0c8;
	cursor: pointer;
	box-sizing: border-box;
	padding: 0 5px 0 2px
}

.semwrap2 .sem-job-box .sem-job-list li:last-child {
	border-bottom: none
}

.semwrap2 .sem-job-box .sem-job-list li div {
	flex: 1
}

.semwrap2 .sem-job-box .sem-job-list li div:nth-child(2) {
	flex: 1.8
}

.semwrap2 .sem-job-box .sem-job-list li div:last-child {

	text-align: right
}

.semwrap2 .sem-job-box .sem-job-list li .more-job:after {
	content: "";
	display: inline-block;
	height: 8px;
	width: 8px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	transform: rotate(-45deg);
	position: relative;
	top: 0;
	margin-left: 2px
}

.semwrap3 .sem-job-box {
	height: 100%;
	width: 582px;
	overflow: hidden
}

.semwrap3 .sem-job-box .sem-content {
	width: 600px
}

.semwrap3 .sem-job-box .sem-content li {
	width: 188px;
	height: 133px;
	background: #add8e6;
	background-position: center center;
	background-size: cover;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	color: #fff;
	cursor: pointer
}

.semwrap3 .sem-job-box .sem-content li .title {
	margin-top: 15px;
	font-size: 14px
}

.semwrap3 .sem-job-box .sem-content li .salary {
	font-size: 21px;
	font-weight: 700;
	margin: 3px 0 5px
}

.semwrap3 .sem-job-box .sem-content li .info {
	font-size: 15px;
	line-height: 23px
}

.semwrap3 .sem-job-box .tip2 {
	top: 0
}

body.sem-overseas {
	background-color: #fff
}

.sem-overseas .main {
	background-position: center top
}

.sem-overseas .container {
	margin-top: 60px
}

.sem-overseas h1 {
	font-size: 28px;
	color: #fff;
	line-height: 40px;
	margin-bottom: 22px
}

.sem-overseas h1.logo {
	margin-bottom: 0
}

.sem-overseas h1 span {
	font-size: 22px;
	margin-left: 10px
}

.sem-overseas h1 b {
	color: #5dd5c8;
	margin-left: 5px
}

.sem-overseas li .list-spec img {
	height: 91px
}

.semwrap7,body.semwrap7 {
	color: #fff;
	font-size: 15px;
	min-width: 1000px
}

.semwrap7 .inner {
	max-width: 1000px
}

.semwrap7 #toast {
	color: #414a60
}

.semwrap7 #wrap {
	min-height: auto;
	min-width: 1000px
}

.semwrap7 #wrap .main {
	position: relative;
	background-image: -webkit-linear-gradient(top,#3e72d2 0,#77bdd1 100%);
	background-image: linear-gradient(top,#3e72d2 0,#77bdd1 100%)
}

.semwrap7 #wrap .item:hover {
	color: #53cac3;
	cursor: pointer
}

.semwrap7 #wrap .query:hover,.semwrap7 #wrap .reg:hover,.semwrap7 #wrap .salary:hover {
	color: #ff8d5d;
	cursor: pointer
}

.semwrap7 button {
	display: block;
	border: none;
	background-color: #53cac3;
	color: #fff;
	text-align: center
}

.semwrap7 #wrap button.item:hover,.semwrap7 #wrap button:hover {
	background-color: #6adbcf;
	color: #fff;
	cursor: pointer
}

.semwrap7 .container {
	width: 1000px;
	height: 620px;
	margin: 25px auto 0
}

.semwrap7 .container .sem-title {
	width: 100%;
	height: 42px;
	margin-bottom: 33px;
	background: url(../images/sem7-title.png) left top no-repeat;
	background-size: auto 42px
}

.semwrap7 .slider-box .sem-search {
	height: 40px;
	padding: 2px;
	background-color: #53cac3;
	font-size: 0
}

.semwrap7 .slider-box .sem-search .ipt-sem-search {
	display: inline-block;
	width: 452px;
	height: 40px;
	border: none;
	padding-left: 19px;
	line-height: 1;
	font-size: 15px;
	vertical-align: middle
}

.semwrap7 .slider-box .sem-search button {
	display: inline-block;
	width: 96px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	text-align: center;
	vertical-align: middle
}

.semwrap7 .sem-job-box {
	position: relative;
	width: 572px;
	height: 367px;
	margin-top: 8px
}

.semwrap7 li.more {
	height: 20px;
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding: 20px
}

.semwrap7 li.more:hover {
	background-color: rgba(7,8,68,.3);
	color: #fff;
	cursor: pointer
}

.semwrap7 li.more {
	background-color: rgba(7,8,68,.3);
	position: absolute;
	top: 306px;
	width: calc(100% - 40px)
}

.semwrap7 li.more .position {
	color: #fc703e
}

.semwrap7 li.more .count {
	color: #fc703e
}

.semwrap7 li.more .reg {
	display: inline;
	width: auto;
	height: auto;
	color: #fc703e;
	text-decoration: underline
}

.semwrap7 .sem-search-result ul {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 15;
	border: 1px solid rgba(255,255,255,.3);
	overflow-x: hidden;
	overflow-y: scroll
}

.semwrap7 .sem-search-result li {
	height: 20px;
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding: 20px
}

.semwrap7 .sem-search-result li:hover {
	background-color: rgba(7,8,68,.3);
	color: #fff;
	cursor: pointer
}

.semwrap7 .sem-search-result li.more {
	background-color: #fff;
	position: absolute;
	top: 306px;
	width: calc(100% - 40px);
	color: #414a60;
	font-family: PingFangSC-Regular
}

.semwrap7 .sem-search-result li .icon-up {
	background: url(../images/icon-up.png) no-repeat;
	display: inline-block;
	width: 18px;
	height: 7px;
	background-size: 18px 7px;
	position: relative;
	top: 9px;
	float: right
}

.semwrap7 #wrap .sem-search-result .search-job:hover {
	color: #fff
}

.semwrap7 .sem-search-result .query {
	color: #fc703e
}

.semwrap7 #wrap .sem-search-result .query:hover {
	color: #ff8d5d
}

.semwrap7 .sem-search-result .no-job {
	height: 65px;
	padding-top: 4px;
	font-size: 17px
}

.semwrap7 .sem-search-result .no-job .position {
	display: inline-block;
	color: #fc703e;
	max-width: 90px;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.semwrap7 .sem-search-result .no-job .count {
	color: #fc703e
}

.semwrap7 .sem-search-result .no-job .other-sug {
	margin-top: 20px;
	font-size: 15px;
	color: #fc703e
}

.semwrap7 .sem-search-result .search-job .position {
	display: inline-block;
	width: 204px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.semwrap7 .sem-search-result .search-job .brand {
	display: inline-block;
	width: 214px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.semwrap7 .sem-search-result .search-job .salary {
	float: right;
	color: #fc703e;
	font-size: 18px
}

.semwrap7 .sem-search-result .more .position {
	color: #fc703e
}

.semwrap7 .sem-search-result .more .count {
	color: #fc703e
}

.semwrap7 .sem-search-result .more .reg {
	display: inline;
	width: auto;
	height: auto;
	color: #fc703e;
	text-decoration: underline
}

.semwrap7 .job-tab-box {
	float: left;
	width: 90px;
	z-index: 9;
	opacity: .8
}

.semwrap7 .job-tab-box li {
	height: 61px;
	line-height: 61px;
	color: #fff;
	background: rgba(52,91,158,.1);
	text-align: center;
	letter-spacing: 1px;
	cursor: pointer
}

.semwrap7 .job-tab-box li.cur {
	background: #345b9e
}

.semwrap7 .job-tab-box li:last-child {
	border: none
}

.semwrap7 .sem-content {
	float: right;
	width: 474px
}

.semwrap7 .sem-job-item {
	display: none;
	width: 480px;
	margin-right: -6px
}

.semwrap7 .sem-job-item.cur {
	display: block
}

.semwrap7 .sem-content .job-item {
	float: left;
	margin: 0 6px 6px 0;
	background-color: #fff;
	font-size: 14px;
	color: #3a4256;
	opacity: .8
}

.semwrap7 .sem-content .job-item:hover {
	opacity: 1;
	cursor: pointer
}

.semwrap7 .sem-content .job-item img,.semwrap7 .sem-content .job-item span {
	display: block
}

.semwrap7 .sem-content .job-item .job {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.semwrap7 .sem-content .job-item .salary {
	color: #fc703e;
	font-size: 16px;
	font-weight: 700
}

.semwrap7 .sem-content .item-1 {
	width: 114px;
	height: 58px
}

.semwrap7 .sem-content .item-1 img {
	width: 80%;
	margin: 13px auto 0
}

.semwrap7 .sem-content .item-2 {
	width: 154px;
	height: 95px;
	line-height: 21px;
	text-align: center
}

.semwrap7 .sem-content .item-2 img {
	width: 75%;
	margin: 8px auto 0
}

.semwrap7 .sem-content .item-3 {
	width: 114px;
	height: 90px;
	line-height: 21px;
	text-align: center
}

.semwrap7 .sem-content .item-3 img {
	width: 80%;
	margin: 12px auto 3px
}

.semwrap7 .sem-content .item-4 {
	width: 198px;
	height: 64px;
	padding: 18px;
	text-align: right
}

.semwrap7 .sem-content .item-4 img {
	float: left;
	max-height: 88%;
	max-width: 48%;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-o-transform: translate(0,-50%)
}

.semwrap7 .sem-content .item-4 .company,.semwrap7 .sem-content .item-4 .job {
	line-height: 13px
}

.semwrap7 .sem-content .item-4 .salary {
	line-height: 38px
}

.semwrap7 .sem-content .item-4 .company {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #8d92a1
}

.semwrap7 .sem-content .item-5 {
	width: 154px;
	height: 64px;
	padding: 18px;
	text-align: right
}

.semwrap7 .sem-content .item-5 img {
	float: left;
	max-height: 100%;
	max-width: 50%
}

.semwrap7 .sem-content .item-5 .job,.semwrap7 .sem-content .item-5 .salary {
	line-height: 32px
}

.semwrap7 .sem-content .sem-job-item .job-item:last-of-type img {
	width: 90px;
	max-height: 300px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(4) img {
	width: 95%;
	margin-top: 8px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(6) img {
	width: 90%;
	margin-top: 3px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(8) img {
	width: 58%;
	margin: 14px auto 2px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(10) img {
	margin: 10px auto -6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(12) img {
	width: auto;
	max-height: 88%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(5) img {
	width: 68%;
	margin: 11px auto -1px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(7) img {
	width: 91%;
	margin: 3px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(9) img {
	width: 57%;
	margin: 11px auto 6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(2) img {
	width: 63%;
	margin: 17px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(12) img {
	width: 102px;
	max-height: 300px;
	max-width: 100%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(2) img {
	width: 100%;
	margin: 9px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(3) img {
	width: 65%;
	margin: 16px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(8) img {
	width: 94%;
	margin: 3px auto -4px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(10) img {
	width: 93%;
	margin: 3px auto -6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(4) .job-item:nth-of-type(11) img {
	max-width: 53%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(6) .job-item:nth-of-type(2) img {
	margin: 18px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(6) .job-item:nth-of-type(11) img {
	max-width: 53%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(6) .job-item:nth-of-type(12) img {
	margin-top: 6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(5) .job-item:nth-of-type(5) img {
	position: relative;
	left: 7px
}

.semwrap7 .box {
	width: auto;
	color: #414a60
}

.semwrap7 .box .sign-wrap .text-tip {
	font-size: 14px
}

.semwrap7 .box .sign-wrap .agreement-tip {
	margin-top: -12px;
	font-size: 13px
}

.semwrap7 .box .sign-wrap .btn-switch {
	z-index: 19
}

.semwrap7 .box .sign-wrap .sign-miniapp .qrcodeimg-box {
	width: 170px;
	height: 170px;
	margin-top: 40px
}

.semwrap7 .box .sign-wrap .sign-miniapp .qrcodeimg-box img {
	width: 170px
}

.semwrap7 .box .sign-wrap .sign-miniapp .qrcodeimg-box .invalid-box {
	width: 170px;
	height: 170px
}

.semwrap7 .pop-layer-wrap {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.semwrap7 .pop-layer {
	position: absolute;
	left: 98px;
	top: 52px;
	width: 386px;
	max-height: 326px;
	padding: 20px 30px;
	background-color: #fff;
	color: #414a60
}

.semwrap7 .pop-layer .close-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 15px;
	height: 15px;
	background: transparent url(../images/icons-close.png) no-repeat 0 0/100% auto
}

.semwrap7 .pop-layer .close-icon:hover {
	background-position: 0 -30px;
	cursor: pointer
}

.semwrap7 .pop-layer .detail-info em,.semwrap7 .pop-layer .detail-info span {
	display: inline-block;
	line-height: 18px;
	color: #61687c;
	font-size: 13px;
	letter-spacing: 1px
}

.semwrap7 .pop-layer .detail-info span {
	height: 18px
}

.semwrap7 .pop-layer .detail-info em {
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background-color: #e5e5e5
}

.semwrap7 .pop-layer button {
	display: block;
	width: 170px;
	height: 35px;
	line-height: 35px;
	font-size: 14px
}

.semwrap7 .pop-layer-brand .brand-logo {
	width: 109px;
	height: 45px;
	margin: -8px auto auto -12px;
	line-height: normal
}

.semwrap7 .pop-layer-brand .brand-count {
	display: inline-block;
	position: relative;
	left: 51px;
	top: -13px
}

.semwrap7 .pop-layer-brand .brand-count span {
	color: #fc703e
}

.semwrap7 .pop-layer-brand .brand-welfare {
	border-bottom: 1px dotted #e3e7ed;
	padding-bottom: 10px;
	white-space: nowrap
}

.semwrap7 .pop-layer-brand .brand-welfare span {
	line-height: 18px;
	border-radius: 12px;
	border: 1px solid rgba(209,212,219,1);
	font-size: 13px;
	color: rgba(141,146,161,1);
	padding: 3px 6px;
	margin-right: 10px
}

.semwrap7 .pop-layer-brand .brand-name {
	margin-top: 14px;
	line-height: 25px;
	font-size: 18px
}

.semwrap7 .pop-layer-brand .brand-info {
	margin-top: 10px;
	padding-bottom: 10px;
	line-height: 13px;
	color: #61687c;
	font-size: 13px;
	letter-spacing: 1px
}

.semwrap7 .pop-layer-brand .hot-job {
	margin-top: 15px;
	line-height: 21px;
	font-size: 14px
}

.semwrap7 .pop-layer-brand .hot-job span {
	display: inline-block;
	width: 175px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	margin: 4px 0
}

.semwrap7 .pop-layer-brand .hot-job span:nth-of-type(2n+1) {
	margin-right: 32px
}

.semwrap7 .pop-layer-brand button {
	margin: 136px auto 0
}

.semwrap7 .pop-layer-job .salary {
	float: right;
	width: 108px;
	height: 25px;
	margin-right: 30px;
	line-height: 25px;
	font-size: 18px;
	font-weight: 700;
	color: #fc703e;
	text-align: right
}

.semwrap7 .pop-layer-job .job-name {
	width: 200px;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.semwrap7 .pop-layer-job .job-info {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #e3e7ed;
	line-height: 18px;
	color: #61687c;
	font-size: 13px;
	letter-spacing: 1px
}

.semwrap7 .pop-layer-job .brand-name {
	float: right;
	width: 220px;
	height: 25px;
	margin-top: 34px;
	line-height: 25px;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.semwrap7 .pop-layer-job .brand-logo {
	max-width: 163px;
	height: 55px;
	margin-top: 17px
}

.semwrap7 .pop-layer-job .brand-welfare {
	white-space: nowrap
}

.semwrap7 .pop-layer-job .brand-welfare span {
	line-height: 18px;
	border-radius: 12px;
	border: 1px solid rgba(209,212,219,1);
	font-size: 13px;
	color: rgba(141,146,161,1);
	padding: 3px 6px;
	margin-right: 10px
}

.semwrap7 .pop-layer-job .brand-info {
	margin-top: 8px;
	line-height: 18px;
	color: #61687c;
	font-size: 13px;
	letter-spacing: 1px;
	padding-bottom: 10px
}

.semwrap7 .pop-layer-job button {
	margin: 30px auto 0
}

.semwrap7 .box .sign-wrap.shake {
	-webkit-animation: sem-shake .8s ease-in;
	animation: sem-shake .8s ease-in
}

.semwrap7 .box .sign-wrap .form-row.row-code {
	font-size: 0
}

.semwrap7 .pop-sign-wrap {
	display: none;
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.3);
	z-index: 1002
}

.semwrap7 .pop-sign {
	position: relative;
	margin: 113px auto 0
}

.semwrap7 .pop-sign .img-list-wrap {
	float: left;
	position: relative;
	width: 373px;
	height: 418px;
	overflow: hidden
}

.semwrap7 .pop-sign .img-list {
	position: absolute;
	left: 0;
	top: 0;
	width: 1492px;
	height: 418px
}

.semwrap7 .pop-sign .img-list li {
	float: left;
	width: 373px;
	height: 418px
}

.semwrap7 .pop-sign .img-list .img-1 {
	background: transparent url(../images/sem7-01.jpg) no-repeat left top/cover
}

.semwrap7 .pop-sign .img-list .img-2 {
	background: transparent url(../images/sem7-02.jpg) no-repeat left top/cover
}

.semwrap7 .pop-sign .img-list .img-3 {
	background: transparent url(../images/sem7-03.jpg) no-repeat left top/cover
}

.semwrap7 .pop-sign .img-list .img-4 {
	background: transparent url(../images/sem7-04.jpg) no-repeat left top/cover
}

.semwrap7 .pop-sign .sign-wrap {
	float: left
}

.semwrap7 .pop-sign .sign-form {
	width: 405px;
	height: 418px;
	padding: 0;
	box-shadow: none;
	color: #414a60
}

.semwrap7 .pop-sign .sign-form .title {
	height: 46px;
	border-bottom: 1px solid #ececec;
	padding-left: 40px;
	background-color: #f8f8f8;
	line-height: 46px;
	font-size: 20px;
	text-align: left
}

.semwrap7 .pop-sign .sign-form .close-icon {
	float: right;
	position: relative;
	z-index: 22;
	width: 15px;
	height: 15px;
	margin: 15px 15px auto auto;
	background: transparent url(../images/icons-close.png) no-repeat 0 0/100% auto
}

.semwrap7 .pop-sign .sign-form .close-icon:hover {
	background-position: 0 -30px;
	cursor: pointer
}

.semwrap7 .pop-sign .sign-form .sign-content {
	margin-left: 0;
	padding: 0 40px
}

.semwrap7 .pop-sign .sign-form .form-row:first-of-type {
	margin-top: 20px
}

.semwrap7 .pop-sign .sign-form .sign-tab {
	display: block;
	height: 29px;
	margin: 0;
	padding: 10px 0 0;
	font-size: 0;
	border-bottom: 2px #f2f5f9 solid;
	white-space: nowrap;
	text-align: center
}

.semwrap7 .pop-sign .sign-form .tip-error {
	display: block;
	position: static;
	height: 24px;
	padding: 0;
	margin-bottom: -25px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	color: #fc6c38;
	background: 0 0
}

.semwrap7 .pop-sign .sign-form .row-code {
	font-size: 0
}

.semwrap7 .pop-sign .sign-form .sign-tab span {
	display: inline-block;
	width: 70px;
	height: 29px;
	margin: 0 28px -2px;
	padding-bottom: 0;
	border-bottom: 2px #f2f5f9 solid;
	font-size: 14px;
	color: #9fa3b0;
	cursor: pointer
}

.semwrap7 .pop-sign .sign-form .sign-tab span.cur {
	border-bottom-color: #62d5c8;
	font-size: 16px;
	color: #414a60
}

.semwrap7 .pop-sign .sign-form .btn-sms {
	right: 2px
}

.semwrap7 .pop-sign .sign-form .other-op {
	font-size: 13px;
	color: #414a60;
	text-align: center;
	margin-top: 17px
}

.semwrap7 .pop-sign .sign-form .v-line {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 15px;
	background-color: #e3e7ed;
	vertical-align: middle
}

.semwrap7 .sign-form .invalid-box .btn {
	margin: 0 auto
}

.semwrap7 .jconfirm {
	color: #414a60
}

.semwrap7 .jconfirm .btn {
	margin: 0 auto
}

.semwrap7 .btn-switch .switch-tip {
	top: 0
}

.semwrap7 .sign-tip {
	text-align: center
}

.semwrap7 .pop-sign .sign-form .other-op .v-line {
	display: none
}

.semwrap7 .pop-sign .sign-form .other-op a:last-of-type {
	display: none
}

.semwrap7 .tip2 {
	top: 0;
	z-index: 20;
	width: 572px;
	height: 424px
}

.semwrap7 .tip2 .close {
	top: 23px;
	right: 18px
}

.semwrap7 .sem-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000
}

.semwrap7 .nav .nav-download-img {
	position: relative;
	left: 706px;
	display: none;
	box-shadow: 1px 2px 15px rgba(0,0,0,.3);
	padding: 5px;
	background: #fff
}

.semwrap7 .nav .nav-download-img img {
	display: block;
	width: 140px;
	height: 140px
}

.semwrap7 .nav .nav-download-img::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: calc(50% - 6px);
	top: -6px;
	background: #fff;
	z-index: 1;
	transform: rotate(45deg)
}

.semwrap7 .nav .icon-phone {
	background: url(../images/icon-phone.png);
	display: inline-block;
	width: 12px;
	height: 18px;
	background-size: 12px 18px;
	position: relative;
	top: 3px;
	right: 3px
}

.semwrap7 .nav .icon-down {
	background: url(../images/icon-down.png);
	display: inline-block;
	width: 13px;
	height: 7px;
	background-size: 13px 7px;
	position: relative;
	top: -2px;
	right: -4px
}

.semwrap7 .nav .icon-phone-light {
	background: url(../images/icon-phone-light.png);
	display: inline-block;
	width: 12px;
	height: 18px;
	background-size: 12px 18px;
	position: relative;
	top: 3px;
	right: 3px
}

.semwrap7 .nav .icon-up-light {
	background: url(../images/icon-up-light.png);
	display: inline-block;
	width: 13px;
	height: 7px;
	background-size: 13px 7px;
	position: relative;
	top: -2px;
	right: -4px
}

.semwrap7 .nav {
	width: calc(100% - 131px)
}

.semwrap7 .nav {
	font-size: 0;
	float: left;
	margin-left: 15px;
	height: 49px;
	line-height: 49px
}

.semwrap7 .nav ul {
	width: 100%
}

.semwrap7 .nav li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	margin: 0 7px
}

.semwrap7 .user-nav li a.header-resume-upload {
	margin-left: -8px
}

.semwrap7 .nav li:last-of-type {
	margin-right: 0;
	float: right;
	cursor: pointer
}

.semwrap7 .nav li:last-of-type:hover a {
	color: #00d7c6!important
}

.semwrap7 .nav li:last-of-type a {
	transition: all 0s;
	display: inline-block
}

.semwrap7 .dialog-con {
	color: #414a60
}

@-webkit-keyframes sem-shake {
	0% {
		-webkit-transform: scale(1)
	}

	10%,20% {
		-webkit-transform: scale(.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale(1.1) rotate(3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(0)
	}
}

@keyframes sem-shake {
	0% {
		transform: scale(1)
	}

	10%,20% {
		transform: scale(.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		transform: scale(1.1) rotate(3deg)
	}

	40%,60%,80% {
		transform: scale(1.1) rotate(-3deg)
	}

	100% {
		transform: scale(1) rotate(0)
	}
}

div.datetimepicker {
	height: auto
}

.guide {
	background: #5dd5c8 url(../images/newbg.png) center bottom no-repeat;
	height: 100%!important;
	min-height: 700px;
	min-width: 800px
}

.guide #wrap {
	height: 100%
}

.guide #main {
	width: 750px;
	height: 100%;
	margin: 0 auto
}

.guide .header-white-space {
	height: 60px
}

@media (max-height:835px) {
	.guide .header-white-space {
		height: 10px
	}
}

.guide .header {
	position: absolute;
	z-index: 9;
	top: 50px;
	right: 0
}

.guide .header .change-identity {
	float: right;
	margin: 6px 45px 0 0;
	color: #fff
}

.guide .header .change-identity:hover {
	color: #cefffe
}

.guide .header .change-identity:active {
	color: #c2f0ef
}

.guide .header .upload-resume-nlp {
	float: right;
	height: 32px;
	margin: 3px 20px 0 0;
	padding: 0 20px;
	border: 1px solid #fff;
	line-height: 32px;
	color: #fff
}

.guide .header .upload-resume-nlp:hover {
	border-color: transparent;
	background-color: rgba(255,255,255,.38)
}

.guide .container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 460px;
	margin: -350px 0 0 -230px
}

.guide .info-box {
	background-color: #fff;
	box-shadow: 0 6px 13px 0 rgba(0,0,0,.1);
	border-radius: 10px
}

.guide .skip {
	float: right;
	margin: 8px -40px 0 0;
	padding: 0 5px 0 21px;
	line-height: 23px;
	background: #fff0df url(../images/icons.png) no-repeat 5px -1091px;
	background-size: 18px auto;
	color: #eb9a3d;
	font-size: 12px;
	border-radius: 12px 0 0 12px
}

.guide .skip:hover {
	opacity: .8
}

.guide .title-box {
	height: 60px;
	padding: 20px 40px 0;
	border-bottom: 1px solid #e3e7ed;
	background-color: #f8fcff;
	border-radius: 10px 10px 0 0
}

.guide .title-box img {
	float: left;
	width: 40px;
	height: 40px
}

.guide .title-box .title {
	margin-left: 58px;
	line-height: 22px;
	color: #414a60;
	font-size: 16px;
	font-weight: 600
}

.guide .title-box .sub-title {
	margin-left: 58px;
	height: 26px;
	margin-top: 2px;
	line-height: 26px;
	color: #8d92a1;
	font-size: 14px;
	font-weight: 400
}

.guide .progress-box-wrapper {
	float: right;
	position: relative;
	width: 210px;
	height: 100%;
	padding: 40px
}

.guide .progress-box-wrapper .bottom {
	position: absolute;
	left: 40px;
	bottom: 34px;
	color: #dedee0;
	font-size: 13px
}

.guide .progress-box {
	position: absolute;
	right: 50px;
	top: 132px
}

.guide .progress-box ul {
	background: url(../images/icon-dot-arrow.png) repeat-y 3px 3px;
	background-size: auto 70px
}

.guide .progress-box li {
	margin-bottom: 48px;
	padding-left: 38px;
	line-height: 22px;
	background: url(../images/icon-completed.png) no-repeat left 2px;
	background-size: 17px auto;
	color: #9fa3b0;
	font-size: 16px;
	overflow: hidden
}

.guide .progress-box li.cur {
	color: #00c2b3
}

.guide .progress-box li.completed {
	background-position: left -40px
}

.guide .progress-box li.incomplete {
	background-position: left -82px
}

.ie8 .guide .progress-box ul {
	background: url(../images/icon-dot-arrow-s.png) repeat-y 4px 10px
}

.ie8 .guide .progress-box li {
	background: url(../images/icon-completed-s.png) no-repeat left 4px
}

.ie8 .guide .progress-box li.completed {
	background-position: left -38px
}

.ie8 .guide .progress-box li.incomplete {
	background-position: left -80px
}

.guide .progress-box .bottom {
	position: absolute;
	left: 40px;
	bottom: 34px;
	color: #dedee0;
	font-size: 13px
}

.guide .form-box {
	width: 380px;
	padding: 30px 40px;
	background-color: #fff;
	border-radius: 10px
}

.guide .form-row {
	position: relative;
	margin-bottom: 20px
}

.guide .form-row.last-row {
	margin-bottom: 10px
}

.guide .form-box dl {
	font-size: 0
}

.guide .form-box dt {
	display: block;
	margin-bottom: 3px;
	color: #8d92a1;
	font-size: 13px
}

.guide .form-box dd {
	display: inline-block;
	color: #414a60;
	font-size: 14px
}

.guide .form-box .salary-item+.salary-item,.guide .form-box dd+dd,.guide .form-box dl+dl,.guide .form-box label+label {
	margin-left: 20px
}

.guide .form-box dt .title-tip {
	margin-left: 10px;
	line-height: 17px;
	color: #61687c;
	font-size: 12px;
	vertical-align: baseline
}

.guide .form-box .ipt {
	width: 350px;
	color: #414a60;
	padding: 6px 14px
}

.guide .form-box .ipt-short {
	width: 150px
}

.guide .form-box .radio-list {
	font-size: 0
}

.guide .form-box .fold-line {
	margin-top: 20px
}

.guide .form-box input[type=radio] {
	display: none
}

.guide .form-box .btn-footer {
	text-align: right;
	font-size: 0
}

.guide .form-box .btn {
	min-width: 90px;
	height: 32px;
	margin-left: 20px;
	line-height: 32px;
	font-size: 14px
}

.guide .form-box .salary-item {
	float: none
}

.guide .form-box label {
	width: 178px;
	min-width: 0;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #414a60;
	display: inline-block;
	position: relative;
	text-align: center
}

.guide .form-box .checkbox {
	display: block;
	height: 20px;
	line-height: 27px;
	font-size: 13px;
	text-align: left
}

.guide .form-box .tip-text {
	position: absolute;
	color: #fc6c38
}

.guide .form-box .change-identity {
	display: block;
	clear: both;
	padding-top: 20px;
	color: #9fa3b0
}

.guide .form-box .change-identity:hover {
	color: #00d7c6
}

.guide .form-box .text-con {
	position: relative
}

.guide .form-box .industry-title .btn {
	float: none
}

.guide .form-box .serial-area {
	height: 100px;
	margin-bottom: 4px
}

.guide .form-box .count-num {
	float: right;
	padding-top: 0
}

.guide .avatar_box {
	float: right;
	position: relative;
	z-index: 2;
	width: 80px;
	height: 80px;
	margin-bottom: 30px;
	cursor: pointer
}

.guide .avatar {
	position: relative;
	width: 80px;
	height: 80px
}

.guide .avatar .sel-avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	border-radius: 50%
}

.guide .avatar .sel-avatar input {
	display: none;
	opacity: 0
}

.guide .avatar:hover .sel-avatar {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/avatar-hover.png) center center no-repeat
}

.guide .avatar img {
	width: 78px;
	height: 78px;
	border-radius: 50%;
	border: 1px solid #f6fbfb
}

.guide .avatar_box .tip-text {
	position: absolute;
	top: 0;
	width: 80px;
	height: 80px;
	padding-left: 0;
	margin-top: 0;
	line-height: 80px;
	background: #efe3e2;
	color: #fc6c38;
	font-size: 12px;
	text-align: center;
	border-radius: 50%
}

.guide .education-info .form-box {
	position: relative;
	min-height: 513px
}

.guide .education-info .edu-type {
	margin-top: 20px
}

.guide .education-info .edu-type .btn {
	width: 176px
}

.guide .education-info .edu-type .btn:first-child {
	margin-left: 0
}

.guide .education-info .edu-type .btn-slight:hover {
	transition: all linear .2s;
	background-color: #6adbcf;
	border-color: #6adbcf;
	color: #fff
}

.guide .education-info .edu-type .btn-outline:hover {
	background-color: #fff;
	color: #6adbcf
}

.guide .experience-info .work-skill-tips {
	margin: 8px 0 0 0
}

.guide .experience-info .work-skill-tips li {
	display: inline-block;
	margin-right: 10px;
	padding: 0 12px;
	line-height: 20px;
	background-color: #eff0f5;
	color: #484b5b;
	font-size: 12px;
	cursor: pointer;
	border-radius: 10px
}

.guide .experience-info .work-skill-tips li.selected {
	background-color: #9fa3b0;
	color: #414a60;
	pointer-events: none
}

.guide .experience-info .remove-tip {
	height: 669px
}

.guide .experience-info .skill-row dd {
	display: block
}

.guide .experience-info .skill-row .tip-text {
	position: static;
	margin-bottom: -7px
}

.guide_layer .default-avatar {
	text-align: left;
	position: absolute;
	top: 0;
	z-index: 2;
	font-size: 0
}

.guide_layer .default-avatar p {
	font-size: 14px;
	color: #414a60;
	margin-bottom: 20px;
	font-style: normal
}

.guide_layer .avatar-con {
	margin-right: -40px
}

.guide_layer .img-box {
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin-right: 27px;
	margin-bottom: 20px;
	display: inline-block;
	cursor: pointer
}

.guide_layer img {
	width: 60px;
	height: 60px;
	border-radius: 50%
}

.guide_layer .img-checked {
	position: relative;
	border-color: #37e0d2
}

.guide_layer .img-checked .pop {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(93,213,200,.89) url(../images/guide.png) -52px -21px no-repeat
}

.guide_layer .img-box:hover {
	border-color: #37e0d2
}

.guide_layer .main .selectpic {
	background-color: #fff
}

.guide_layer .main .selectpic .editbox {
	background-color: #fff;
	z-index: 3
}

.guide_layer .main .selectpic .sbox {
	margin-top: 230px;
	position: relative
}

.guide_layer .main .selectpic .sbox p {
	margin-top: 22px;
	color: #9fa3b0;
	font-style: normal
}

.guide_layer .main .selectpic .sbox .btns {
	width: 118px;
	height: 32px;
	font-style: normal;
	border-radius: 0;
	border: 1px solid #5dd5c8;
	color: #5dd5c8;
	line-height: 32px;
	padding: 0;
	background-position: 34px center;
	padding-left: 20px
}

.guide_layer .main .selectpic .sbox .selectfile {
	width: 140px;
	height: 34px;
	left: 105px;
	cursor: pointer
}

.guide_layer .layer_btns {
	padding-left: 0
}

.guide .bootstrap-tagsinput {
	width: 360px;
	padding: 6px 9px;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap
}

.guide .bootstrap-tagsinput .tag {
	position: relative
}

.guide .bootstrap-tagsinput .tag .remove {
	position: absolute;
	top: 2px;
	left: 4px;
	margin: 0
}

.guide .bootstrap-tagsinput input {
	width: 185px;
	line-height: 22px;
	font-size: 13px;
	vertical-align: middle
}

.guide .skills-pannel {
	width: 360px
}

.guide .result-selecter {
	width: 380px
}

.guide .dropdown-select .icon-select-arrow {
	top: 11px
}

.guide .tip-text {
	display: block;
	background-image: none
}

.guide .dropcity .city-selector-province {
	width: 200px
}

.guide .dropcity .city-selector-citys {
	margin-left: 202px
}

.guide .datetimepicker-dropdown-left-bottom {
	margin-left: -200px
}

.guide .datetimepicker {
	width: 358px
}

.guide .workstartpicker-wrap {
	width: 358px
}

.guide .workstartpicker-wrap .year[data-val='0'] {
	width: 65px;
	margin: 20px 3px
}

.guide textarea {
	resize: none
}

.guide .hide {
	display: none
}

.guide ::-webkit-input-placeholder {
	color: #d1d4db!important
}

.guide :-ms-input-placeholder {
	color: #d1d4db!important
}

.guide :-moz-placeholder {
	color: #d1d4db!important
}

.guide ::-moz-placeholder {
	color: #d1d4db!important
}

.guide .dropdown-menu-open {
	z-index: 10;
	color: #9fa3b0
}

.guide .dropdown-menu {
	z-index: 10
}

.guide .dropdown-menu li:hover {
	background-color: #f3f5fa;
	color: #434a5e
}

.guide .dropdown-menu-open .dropdown-menu ul {
	width: 100%;
	height: 100%;
	background-color: #fff
}

.guide .select-tree li.blank:hover {
	background-color: #fff
}

.guide .dropdown-select .ipt {
	display: block
}

.guide .skills-pannel span:hover {
	background-color: unset
}

.guide .prefix-today {
	top: 5px;
	color: #9fa3b0
}

.guide .guide-link-app {
	width: 100%;
	padding-top: 20px;
	text-align: right;
	clear: both
}

.guide .guide-link-app a {
	text-decoration: underline
}

.industry-multiple-wrapper .data-tips {
	box-sizing: border-box;
	padding-top: 160px;
	line-height: 80px
}

.guide ::-webkit-scrollbar-track-piece {
	background-color: #fff;
	-webkit-border-radius: 0
}

.guide ::-webkit-scrollbar {
	width: 4px
}

.guide ::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #ccc;
	-webkit-border-radius: 4px
}

.guide ::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #aaa;
	-webkit-border-radius: 4px
}

.page-container ::-webkit-scrollbar {
	width: 3px
}

.page-container ::-webkit-scrollbar-thumb {
	background-color: #ddd
}

.page-container ::-webkit-scrollbar-thumb:hover {
	background-color: #ccc
}

.guide .dropdown-select:after,.guide .prop-selecter .dropdown-label:after {
	display: none
}

.name-input-tips {
	font-size: 12px;
	color: #9fa3b0
}

.wrap-grade .wrap-name-input-hidden {
	display: none
}

.guide .dialog-wrap.dialog-prop-default .dialog-container .title {
	padding: 0
}

.guide .dialog-wrap.dialog-prop-default .dialog-footer .btns .btn {
	min-width: 42px
}

.guide .dialog-wrap.dialog-prop-default .dialog-footer .btns .btn-outline:hover {
	height: 30px;
	line-height: 30px
}

.dialog-avatar-tip.dialog-icons-default .dialog-title .icon-dialog {
	margin-top: 10px
}

.dialog-avatar-tip.dialog-icons-default .dialog-title h3.title {
	margin-left: 20px
}

.dialog-avatar-tip .dialog-footer .btns {
	padding-top: 25px
}

.dialog-resume-nlp .dialog-container {
	width: 354px;
	margin: -119px 0 0 -250px;
	padding: 50px 73px
}

.dialog-resume-nlp .dialog-container .over-layer {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg,#fff,rgba(255,255,255,.6));
	opacity: .9
}

.dialog-resume-nlp .dialog-container .over-layer::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../images/loading.gif) no-repeat center center;
	background-size: 36px 36px
}

.dialog-resume-nlp .title {
	margin-bottom: 21px;
	font-size: 24px;
	text-align: center
}

.dialog-resume-nlp .dialog-con {
	position: relative;
	line-height: 24px
}

.dialog-resume-nlp .dialog-footer {
	margin-top: 37px
}

.dialog-resume-nlp .dialog-footer .btns {
	text-align: center
}

.dialog-resume-nlp .dialog-footer .btns .btn {
	width: 130px;
	padding: 0;
	vertical-align: top
}

.dialog-resume-nlp .dialog-footer .btns .btn-sure {
	position: relative;
	margin-left: 45px;
	overflow: hidden
}

.dialog-resume-nlp .dialog-footer .btns .btn-sure input {
	position: absolute;
	width: 100%;
	height: 200%;
	top: -100%;
	left: 0;
	background: 0 0;
	opacity: 0;
	cursor: pointer
}

.dialog-resume-nlp .dialog-footer .btns .btn-cancel:hover {
	width: 128px;
	padding: 0
}

.page-single .detail {
	padding-top: 15px
}

.page-single .detail-content {
	background: #fff;
	padding: 35px 35px 35px;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: .2px;
	line-height: 30px
}

.page-single .detail-content .title {
	font-size: 30px;
	line-height: 50px;
	font-weight: 400;
	text-align: center;
	margin: 10px 0 15px
}

.page-single .detail-content .info .author {
	float: right;
	margin-top: 30px
}

.page-single .detail-content .info .tags {
	padding: 25px 0 40px
}

.page-single .detail-content .content h4 {
	font-size: 20px;
	margin-bottom: 10px
}

.page-single .detail-content .content p {
	padding: 10px 0
}

.detail-content .content iframe,.detail-content .content video,.page-single .detail-content .content img {
	max-width: 100%
}

.page-single #siderbar {
	display: none
}

.page-responsive {
	min-width: inherit
}

@media (max-width:800px) {
	.page-single {
		color: #333;
		max-width: 100%;
		min-width: auto
	}

	.page-single #wrap {
		min-width: auto;
		width: 100%
	}

	.page-single #footer,.page-single #header {
		display: none
	}

	.page-single .detail {
		padding-top: 0;
		width: auto
	}

	.page-single .detail-content {
		padding: 15px
	}

	.page-single .detail-content .content p {
		padding: 5px 0
	}
}

.greet-pop .greet-con {
	padding: 10px;
	background-color: #f8f9fc;
	color: #9fa3b0;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.greet-pop .dialog-title {
	padding: 15px 30px
}

.greet-pop .dialog-con {
	padding: 10px 30px
}

.greet-pop .dialog-container {
	width: 490px;
	margin: -128px 0 0 -245px
}

.greet-pop .title {
	font-size: 14px;
	font-weight: 400
}

.greet-pop .dialog-con span {
	display: inline-block;
	padding-top: 20px;
	font-size: 12px;
	color: #9fa3b0
}

.greet-pop .dialog-footer {
	border-top: 1px #eee solid;
	padding: 15px 30px;
	margin-top: 20px
}

.greet-pop .op-text {
	position: absolute;
	top: 205px;
	color: #9fa3b0
}

.greet-pop .checkbox input[type=checkbox]~span,.radio input[type=radio]~span {
	min-height: auto
}

.interview-pop .dialog-container {
	width: 500px;
	margin: -153px 0 0 -250px
}

.interview-pop .dialog-con,.refuse-pop .dialog-con {
	padding: 0 30px
}

.interview-pop .dialog-title {
	padding: 30px 30px 10px;
	font-size: 18px;
	color: #5dd5c8;
	font-weight: 400
}

.interview-pop .dialog-footer,.refuse-pop .dialog-footer {
	padding-bottom: 30px;
	margin-top: 20px
}

.interview-pop .dialog-footer .btns,.refuse-pop .dialog-footer .btns {
	text-align: center
}

.interview-pop .dialog-footer .btn-cancel {
	margin-left: 0
}

.refuse-pop .dialog-container {
	width: 360px;
	margin: -113px 0 0 -180px
}

.refuse-pop .dialog-con {
	padding-top: 76px;
	padding-bottom: 40px;
	text-align: center;
	font-size: 16px
}

.inner-seo .condition-box dt {
	font-size: 14px;
	width: auto
}

.inner-seo .condition-insdustry dd {
	height: auto;
	margin-left: 40px
}

.inner-seo .job-list li .name {
	font-size: 15px;
	letter-spacing: 1px
}

.inner-seo .job-list li .name a {
	min-width: 50px;
	text-align: center;
	width: auto;
	display: inline-block
}

.inner-seo .job-list li p {
	margin-top: 10px
}

.inner-seo .job-list li .company-text {
	padding-top: 9px
}

.inner-seo .job-list li .company-text p {
	color: #b7bac4;
	margin-top: 5px
}

.inner-seo .job-list li .company-text img {
	height: 48px
}

.inner-seo .job-list .info-company {
	max-width: 300px
}

.inner-seo .job-list .info-primary {
	max-width: calc(100% - 310px)
}

.inner-seo .job-list .job-demand {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #b7bac4
}

.inner-seo .about-search {
	background: #fff;
	margin-bottom: 10px
}

.inner-seo .about-search dt {
	height: 50px;
	line-height: 50px;
	border-bottom: 2px #f2f2f5 solid;
	padding: 0 35px;
	color: #00d7c6;
	font-size: 16px
}

.inner-seo .about-search dd {
	padding: 0 35px
}

.inner-seo .about-search dd a {
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: solid 1px #f8f9fc;
	font-size: 13px;
	color: #5a6172
}

.inner-seo .promotion-img {
	margin-top: 10px
}

.job-seo .job-list {
	width: 1204px;
	margin: 15px auto;
	background: #fff;
	padding: 0 35px;
	padding-bottom: 15px
}

.job-seo .job-list:after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

.job-seo .job-list dt {
	height: 45px;
	line-height: 45px;
	color: #5dd5c8;
	border-bottom: solid 2px #f4f4f7;
	margin-bottom: 5px
}

.job-seo .job-list dd {
	height: 45px;
	line-height: 45px;
	width: 25%;
	text-align: left;
	float: left
}

#competitive-main .toast-con {
	font-size: 13px
}

.competitive_top_info {
	width: 100%;
	background: #fff;
	background-size: cover;
	position: relative;
	padding-top: .2rem;
	margin-bottom: 30px
}

.competitive_top_info>p {
	font-size: 12px;
	padding-bottom: .14rem;
	color: #50c7c1;
	text-align: center;
	background-color: #fff;
	border-radius: 30px;
	position: absolute;
	left: 50%;
	top: .2rem;
	padding-top: .14rem;
	width: 4.5rem;
	margin-left: -2.25rem
}

.competition_show {
	width: 100%;
	background: #f9fafc;
	background-size: cover;
	position: relative;
	padding-top: .2rem
}

.competition_show>p {
	font-size: 12px;
	padding-bottom: .14rem;
	color: #50c7c1;
	text-align: center;
	background-color: #fff;
	border-radius: 30px;
	position: absolute;
	left: 50%;
	top: .2rem;
	padding-top: .14rem;
	width: 4.5rem;
	margin-left: -2.25rem
}

.competition_show_chart {
	width: 5.97rem;
	margin: 0 auto;
	position: relative;
	margin-top: .4rem;
	text-align: center
}

.competition_show_chart img {
	width: 299px;
	height: 299px;
	left: 50%;
	top: 0;
	position: absolute;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0)
}

#competitive-main #canvas {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0)
}

#competitive-main #canvas1 {
	position: absolute;
	z-index: 110;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0)
}

.competition_show .competition_show_chart .competitiveness {
	font-size: 12px;
	font-weight: 700;
	color: #a3dedd;
	text-align: center;
	padding-top: 1.37rem
}

.competition_show .competition_show_chart .competitive_text {
	font-size: 58px;
	color: #363636;
	padding-top: 1.9rem;
	text-align: center
}

.competition_show .competition_show_chart .rank {
	font-size: 11px;
	background-color: #74c8cb;
	padding: .1rem .3rem;
	display: inline-block;
	margin: 0 auto;
	color: #fff;
	border-radius: 25px;
	margin-top: 1rem
}

.competition_show .competition_show_chart .evaluate_time {
	font-size: 10px;
	color: #92ced5;
	text-align: center;
	padding-top: .2rem
}

.competitive_top_info .work_card {
	height: 1.2rem;
	margin: 0 40px;
	background-color: #fff;
	z-index: 200;
	box-shadow: 0 2px 9px 0 rgba(0,0,0,.09);
	position: relative
}

.competitive_top_info .work_card_shadow {
	box-shadow: 0 5px 19px 0 rgba(235,233,233,.8);
	height: 1.235rem;
	width: 94%;
	margin-left: 3%;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -1.12rem;
	z-index: 199
}

.competitive_top_info .work_card .work_type {
	margin: 0 .2rem;
	padding-top: .2rem;
	overflow: hidden
}

.competitive_top_info .work_card .work_type span:first-child {
	font-size: 16px;
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
	margin-right: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.competitive_top_info .work_card .work_type span:last-child {
	color: #fc703e;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle
}

.competitive_top_info .work_card p {
	font-size: 13px;
	color: #797979;
	margin-left: .36rem;
	padding-top: .17rem
}

.competitive_top_info .work_card .tag {
	margin-left: .2rem;
	padding-top: .05rem;
	position: relative;
	top: -20px
}

.competitive_top_info .work_card .tag span {
	font-size: 13px;
	color: #797979;
	padding-right: .01rem;
	display: inline-block;
	padding-right: .2rem;
	text-align: center
}

.competitive_top_info .work_card .tag span:after {
	content: '';
	border-right: solid 1px #efeff3;
	position: relative;
	left: 6px
}

.competitive_top_info .work_card .tag span:last-child:after {
	border: none
}

.chart_title {
	position: relative;
	padding: .2rem 0 .2rem .24rem;
	border-bottom: solid 1px #eef0f5
}

.chart_title img {
	height: .75rem;
	vertical-align: middle
}

.chart_title>div {
	display: inline-block;
	vertical-align: middle;
	margin-left: .27rem;
	width: 75%;
	position: relative
}

.chart_title div p:first-child {
	font-size: 16px;
	margin-bottom: .1rem;
	font-weight: 700
}

.chart_title div p:last-child {
	font-size: 15px;
	color: #aaa;
	min-height: 35px
}

.chart_title div p span.red {
	color: #ff6223
}

.highcharts-xaxis-labels:nth-child(2n) {
	width: 15px
}

#competitive-main .border {
	width: 100%;
	height: 12px;
	background-color: #fff
}

#competitive-main .chart_title.mt_70 {
	margin-top: .7rem
}

#competitive-main .bottom_height {
	margin-top: .8rem
}

#competitive-main .bar_title_one_row {
	font-size: 12px;
	line-height: .31rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.1rem;
	text-align: right
}

#competitive-main .contaract_wrap {
	color: #515151;
	position: relative
}

#competitive-main .contaract_wrap.h_62 {
	height: .62rem
}

#competitive-main .hoz_bar {
	height: .31rem;
	background-color: #ededed;
	width: 4.96rem;
	position: absolute;
	border-radius: 50px;
	margin-left: 1.2rem;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%)
}

#competitive-main .contaract_wrap.h_31 {
	height: .31rem
}

#competitive-main .hoz_bar .bar_show {
	position: absolute;
	width: 0;
	top: 0;
	left: 0;
	height: 100%;
	background-image: linear-gradient(-90deg,#3266c8,#00d4fa);
	border-radius: 50px;
	-webkit-animation: move 1s ease
}

#competitive-main .hoz_bar .bar_show .percent {
	position: absolute;
	height: .31rem;
	line-height: .35rem;
	left: 100%;
	color: #1791e5;
	font-size: 12px;
	margin-left: .05rem
}

#competitive-main .bar_title_two_row {
	font-size: 10px;
	text-align: right;
	position: absolute;
	top: .1rem;
	left: 0;
	width: 1.1rem
}

#competitive-main .bar_title_two_row p:last-child {
	position: relative;
	top: -8px
}

#competitive-main .contaract_wrap.mb_50 {
	margin-bottom: .5rem
}

#competitive-main .contaract_wrap.mb_45 {
	margin-bottom: .45rem
}

#competitive-main .contaract_wrap.mt_82 {
	margin-top: .5rem
}

#competitive-main .contract_mark {
	width: 5.04rem;
	height: .26rem;
	margin-top: .25rem;
	margin-left: 1.15rem;
	display: block
}

#competitive-main .start_chat {
	width: 1.6rem;
	height: .74rem;
	margin-top: .29rem;
	margin-left: 4.99rem;
	display: none
}

#competitive-main .start-chat {
	text-align: right;
	font-size: 13px;
	padding: 10px 40px 0;
	cursor: pointer;
	display: none;
	float: right
}

#competitive-main .border.mt_48 {
	margin-top: .48rem
}

#competitive-main .match_mark {
	width: 5.3rem;
	position: absolute;
	height: 4.79rem;
	top: 0;
	left: 0;
	z-index: 10
}

#competitive-main .match_wrap {
	margin-left: .8rem;
	margin-top: 1rem;
	position: relative;
	height: 4.79rem;
	margin-bottom: .6rem
}

#competitive-main .ver_bar {
	width: .45rem;
	border-radius: 50px;
	position: absolute;
	bottom: .44rem;
	z-index: 100;
	height: 0
}

#competitive-main .ver_bar.match {
	background-image: linear-gradient(-180deg,#ef3e67,#ef793e)
}

#competitive-main .ver_bar .percent {
	position: absolute;
	left: 50%;
	top: -.3rem;
	color: #ef4a40;
	font-size: 12px;
	-webkit-transform: translate(-50%,0);
	transform: translate(-41%,0)
}

#competitive-main .ver_bar.lf_10 {
	left: .7rem
}

#competitive-main .ver_bar.lf_20 {
	left: 1.85rem
}

#competitive-main .ver_bar.lf_30 {
	left: 3.05rem
}

#competitive-main .ver_bar.lf_40 {
	left: 4.2rem
}

#competitive-main .ver_bar.lf_50 {
	left: 4.2rem
}

#competitive-main .here {
	position: absolute;
	font-size: 11px;
	color: #fff;
	width: 1.1rem;
	border-radius: 50px;
	text-align: center;
	line-height: 11px;
	padding-top: .1rem;
	padding-bottom: .1rem;
	display: none
}

#competitive-main .here[class*=match]:after {
	display: block;
	content: "";
	border-width: 5px 5px 5px 5px;
	border-style: solid;
	border-color: #6d66fe transparent transparent transparent;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -4px
}

#competitive-main .here.match {
	left: -.35rem;
	margin-top: -.65rem;
	background-image: linear-gradient(-90deg,#678afe,#9967fe);
	top: -.21rem
}

#competitive-main .qua_wrap {
	position: relative;
	margin-left: .6rem;
	margin-top: 1rem;
	height: 4.85rem
}

#competitive-main .qul_mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 5.62rem;
	height: 4.85rem
}

#competitive-main .ver_bar.qul {
	background-image: linear-gradient(0deg,#c2caff,#5528e6)
}

#competitive-main .ver_bar .percent.qul {
	color: #5b6fd3
}

#competitive-main .ver_bar.lf_11 {
	left: .6rem
}

#competitive-main .ver_bar.lf_21 {
	left: 1.67rem
}

#competitive-main .ver_bar.lf_31 {
	left: 2.79rem
}

#competitive-main .ver_bar.lf_41 {
	left: 3.9rem
}

.ver_bar.lf_51 {
	left: 5rem
}

.work_exp_wrap {
	color: #515151;
	position: relative;
	height: .31rem;
	margin-bottom: .6rem
}

.work_exp_wrap.mt_60 {
	margin-top: 1rem
}

.work_exp_wrap.mb_60 {
	margin-bottom: .6rem
}

.bar_show.work_exp {
	background-image: linear-gradient(90deg,#8deaa3,#29d183)
}

.bar_show.work_exp .percent {
	color: #29d183
}

.here.work_exp {
	background-image: linear-gradient(-90deg,#29c0ce,#82def8);
	top: -100%;
	margin-top: -.15rem;
	right: -.65rem
}

.here[class*=work_exp]:after {
	display: block;
	content: "";
	border-width: 5px 5px 5px 5px;
	border-style: solid;
	border-color: #29c0ce transparent transparent transparent;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -4px
}

.sal_wrap {
	position: relative;
	margin-left: .6rem;
	margin-top: 1rem;
	height: 4.71rem
}

.sal_wrap .Xtext {
	position: absolute;
	top: 4.71rem;
	left: 0;
	font-size: 14px
}

.sal_wrap .Xtext span:first-child {
	position: absolute;
	width: 1.5rem;
	top: 0;
	left: .6rem
}

.sal_wrap .Xtext span:nth-child(2) {
	position: absolute;
	width: 1.5rem;
	top: 0;
	left: 1.67rem
}

.sal_wrap .Xtext span:nth-child(3) {
	position: absolute;
	width: 1.5rem;
	top: 0;
	left: 2.7rem
}

.sal_wrap .Xtext span:nth-child(4) {
	position: absolute;
	width: 1.5rem;
	top: 0;
	left: 3.8rem
}

.sal_wrap .Xtext span:nth-child(5) {
	position: absolute;
	width: 1.5rem;
	top: 0;
	left: 4.85rem
}

.sal_wrap .sul_mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 5.63rem;
	height: 4.71rem
}

.ver_bar.sal {
	background-image: linear-gradient(180deg,#fdb926,#fee9a8)
}

.ver_bar .percent.sal {
	color: #fdb926
}

.here.sal {
	top: -.21rem;
	left: -.425rem;
	background-image: linear-gradient(90deg,#21bf68,#70d95a);
	margin-top: -.65rem
}

.here[class*=sal]:after {
	display: block;
	content: "";
	border-width: 5px 5px 5px 5px;
	border-style: solid;
	border-color: #42cb59 transparent transparent transparent;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -4px
}

.peak_wrap {
	margin: 0 auto;
	margin-top: .36rem;
	height: 1.46rem;
	position: relative;
	width: 6.38rem;
	overflow: hidden
}

.peak_wrap .no_active {
	width: 2.02rem;
	height: 1.46rem;
	position: absolute
}

.peak_wrap .active {
	width: 2.45rem;
	height: 1.46rem;
	position: absolute
}

.peak_wrap img:nth-child(1) {
	top: 0;
	left: 0
}

.peak_wrap img:nth-child(2) {
	top: 0;
	left: 1.86rem
}

.peak_wrap img:nth-child(3) {
	top: 0;
	left: 3.1rem
}

.peak_wrap img:nth-child(4) {
	top: 0;
	left: 4.34rem
}

.peak_text_wrap {
	font-size: 14px;
	margin: 0 auto;
	margin-top: .2rem;
	margin-bottom: .6rem;
	margin-left: .5rem;
	text-align: center
}

.peak_text_wrap span {
	display: inline-block;
	width: 1.4rem;
	text-align: left;
	font-weight: 700;
	box-sizing: border-box
}

.peak_text_wrap span:last-child {
	margin-right: 0
}

#competitive-main .sub_wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	background-color: #fff;
	height: 1.31rem;
	line-height: 1.31rem
}

#competitive-main .sub {
	background-color: #53cac3;
	color: #fff;
	font-size: 16px;
	width: 90%;
	margin-left: 5%;
	text-align: center;
	padding: .29rem 0;
	line-height: 16px;
	border-radius: 8px;
	margin-top: .2rem
}

#competitive-main .footer {
	height: 1.31rem;
	margin: 0 40px
}

#competitive-main .footer-line {
	border-top: dashed 1px #e5e5e5;
	position: relative;
	top: .6rem;
	text-align: center
}

#competitive-main .footer-line span {
	display: inline-block;
	position: relative;
	top: -.17rem;
	padding: 0 .05rem;
	font-size: .14rem;
	color: #363636;
	background: #fff
}

#competitive-main .tip {
	display: inline-block;
	width: .29rem;
	height: .29rem;
	background-image: url(../images/tip.png);
	background-size: contain;
	position: relative;
	vertical-align: middle;
	margin-right: 5px
}

#competitive-main .tip span {
	position: absolute;
	top: .54rem;
	left: -.89rem;
	width: 5.55rem;
	height: 1.62rem;
	background-color: #333;
	border-radius: 50px;
	color: #fff;
	line-height: .5rem;
	padding-left: .2rem;
	padding-top: .1rem;
	padding-right: .2rem;
	z-index: 2000;
	display: none
}

#competitive-main .tip span:before {
	content: "";
	border: 8px solid #333;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	display: inline-block;
	position: absolute;
	top: -.28rem;
	left: .85rem
}

#competitive-main .highcharts-xaxis-grid path:nth-child(even) {
	stroke: #fd1e77
}

#competitive-main .m_t_8 {
	margin-top: .8rem
}

#competitive-main .stopImg {
	position: absolute;
	top: 17px;
	right: 120px;
	z-index: 10
}

#competitive-main {
	background: #fff;
	width: 100%;
	overflow: hidden;
	min-width: 750px;
	max-width: 1184px;
	min-height: 500px;
	margin: 0 auto
}

#competitive-main .row-box {
	display: flex;
	margin: 0 40px;
	background: #fff
}

#competitive-main .row-box .row-one {
	width: 49%;
	background: #f9fafc;
	margin: 0 12px 0 0;
	flex-shrink: 0
}

#competitive-main .row-box .row-two {
	flex: 1;
	background: #f9fafc;
	margin: 0
}

#competitive-main .row-box .row-two .row-bottom {
	box-sizing: border-box;
	border-top: solid 10px #fff
}

#competitive-main .chart_title .title_right_info {
	position: absolute;
	right: .4rem;
	top: .2rem;
	width: auto;
	font-size: .2rem;
	text-align: right
}

#competitive-main .chart_title .right_info_num {
	margin-top: -2px;
	font-size: .3rem;
	display: inline-block
}

#competitive-main .right_info {
	position: absolute;
	right: .2rem;
	top: .2rem;
	font-size: .16rem;
	text-align: right
}

#competitive-main .right_info div {
	margin-bottom: .1rem
}

#competitive-main .right_info div:first-child {
	font-size: 14px
}

#competitive-main .right_info div img {
	border-radius: 50%;
	width: .22rem;
	height: .22rem;
	position: relative;
	top: .05rem;
	margin-right: 10px
}

#competitive-main .competitive-header {
	margin: .2rem 45px 0
}

#competitive-main .competitive-header h1 {
	display: inline-block;
	font-size: .26rem;
	margin-right: .05rem
}

#competitive-main .competitive-header .competitive-time {
	font-size: .14rem;
	color: #9fa3b0
}

#competitive-main .competitive-header .competitive-label {
	float: right;
	height: 23px;
	background: rgba(93,213,200,1);
	border-radius: 100px;
	line-height: 23px;
	font-size: 12px;
	color: #fff;
	padding: 0 12px;
	margin: 18px 0 0
}

#competitive-main .dialog-con {
	font-size: 14px
}

.competitive-container {
	margin: 20px auto 0 auto;
	max-width: 1184px;
	position: relative;
	zoom: 1
}

.competitive-container:after {
	content: '';
	display: block;
	overflow: hidden;
	visibility: hidden;
	clear: both
}

.fixfloat:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0
}

.fixfloat {
	zoom: 1
}

em {
	font-style: normal
}

.bc {
	background-color: #fff
}

.fl {
	float: left
}

.fr {
	float: right
}

.dn {
	display: none
}

.fs18 {
	font-size: 18px
}

.fs12 {
	font-size: 12px;
	line-height: 17px
}

.fs13 {
	font-size: 13px
}

.fs14 {
	font-size: 14px;
	line-height: 20px
}

.fs15 {
	font-size: 15px;
	line-height: 21px
}

.hr {
	padding-left: 10px;
	padding-right: 10px
}

.c50 {
	color: #50586c
}

.cdef {
	color: #00d7c6
}

.cgrey {
	color: #353b3d
}

.c-title {
	color: #53cac3
}

.cc1 {
	color: #c1c4cb
}

.tr {
	text-align: right
}

.c9F {
	color: #9fa3b0
}

.ml20 {
	margin-left: 20px
}

.ml {
	border-bottom: 1px solid #f2f2f5
}

.lh22 {
	line-height: 22px
}

.tc {
	text-align: center
}

.visibility-hidden {
	visibility: hidden
}

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

.competitive-container .left-content {
	width: 100%
}

.competitive-container .right-nav {
	width: 210px
}

.competitive-container .nav-t {
	height: 101px;
	padding-left: 20px;
	padding-right: 20px
}

.competitive-container .pay-b {
	height: auto;
	margin-top: 20px
}

.ctv-l-t {
	position: relative;
	width: 590px;
	height: 295px;
	border-bottom: 1px solid #f2f2f5;
	margin: 0 auto;
	background: url(../images/no-item-bg.png) no-repeat left 100px
}

.ctv-l-text {
	position: absolute;
	top: 132px;
	left: 224px
}

.ctv-l-tx1 {
	padding-bottom: 8px
}

.ctv-l-b {
	position: relative;
	width: 590px;
	height: 224px;
	margin: 0 auto
}

.ctv-l-b li {
	height: 74px;
	width: 50%;
	padding-left: 94px;
	box-sizing: border-box;
	margin-top: 60px
}

.ctv-l-b li p {
	line-height: 22px
}

.ctv-l-b li p:first-child {
	margin-top: 5px
}

.ctv-l-b-l {
	background: url(../images/competitive-tool.png) no-repeat
}

.ctv-l-b-r {
	background: url(../images/wu-test.png) no-repeat 35%;
	padding-left: 170px!important
}

.competitive-container .nav-t a {
	display: block;
	height: 50px;
	line-height: 50px
}

.competitive-container .pay-b {
	box-sizing: border-box;
	position: relative;
	text-align: left
}

.competitive-container .icon-zd {
	display: inline-block;
	text-align: left;
	width: 26px;
	height: 31px;
	background: url(../images/icon-zd.png) no-repeat center;
	background-size: contain
}

.competitive-container .pay-b-tt {
	text-align: left;
	font-size: 16px;
	position: relative;
	padding-bottom: 8px
}

.competitive-container .num-zd {
	font-size: 24px;
	color: #ff6223;
	display: inline-block;
	vertical-align: top;
	line-height: 31px
}

.competitive-container .pay-btn {
	display: block;
	width: 170px;
	border: 1px solid #ff6223;
	line-height: 34px;
	height: 34px;
	margin-top: 9px;
	color: #ff6223;
	font-size: 15px;
	background-color: #fff;
	box-sizing: border-box
}

.competitive-container .pay-btn:hover {
	background-color: #fff;
	font-size: 15px;
	border: 2px solid #ff6223;
	color: #ff6223;
	line-height: 32px
}

.competitive-container .prop-content {
	margin-right: 230px
}

.competitive-container .pay-b .coupon-tip {
	cursor: pointer;
	vertical-align: top;
	line-height: 31px;
	float: right
}

.competitive-container .pay-b .user-personal {
	padding-bottom: 18px;
	font-size: 12px;
	color: #838997;
	line-height: 20px;
	width: 144px
}

.zhidou-info-show {
	border-bottom: 1px #f2f5fa solid;
	padding: 20px
}

.coupon-info-show .change-count,.coupon-info-show .coupon-count {
	float: right
}

.competitive-container .pay-b .coupon-tip:after {
	content: "\003E";
	vertical-align: top;
	line-height: 31px
}

.coupon-info-show a {
	display: block;
	line-height: 44px;
	border-bottom: 1px #f2f5fa solid;
	padding-left: 20px;
	padding-right: 20px
}

.coupon-info-show a:hover {
	background: #f2f5fa;
	font-size: 14px;
	color: #50586c
}

.tab-competitive.fs14 {
	line-height: 26px
}

.cpt-l {
	width: 100%;
	max-width: 923px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 30px;
	box-sizing: border-box
}

.sub-nav {
	height: 62px;
	line-height: 62px;
	font-size: 16px;
	color: #838997
}

.sub-nav a {
	display: inline-block
}

.sub-nav a.active {
	color: #53cac3
}

.tab-character {
	font-size: 14px;
	color: #353b3d;
	line-height: 26px
}

.tab-character li {
	padding-top: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #f2f2f5;
	position: relative
}

.btn.tab-test-btn {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 88px;
	height: 32px;
	background-color: #5ed5c8;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	min-width: 88px
}

.tab-character li p {
	line-height: 20px
}

.tab-character li p:first-child {
	padding-bottom: 18px
}

.tab-character input {
	color: #353b3d
}

.cpt-mes {
	padding-top: 184px;
	color: #838997;
	line-height: 21px
}

.default-list {
	position: relative;
	padding-top: 24px;
	padding-bottom: 23px;
	border-bottom: 1px solid #f2f2f5;
	color: #838997
}

.default-list.active {
	border-bottom: 1px solid #5ed5c8
}

.h37 {
	height: 44px;
	line-height: 34px
}

.h37+p {
	line-height: 20px
}

.tab-competitive .check-detail {
	background-color: #f8f9fb;
	height: 0;
	overflow: hidden;
	box-sizing: border-box
}

.tab-competitive .check-detail a {
	display: block;
	padding: 20px 30px;
	border-bottom: 1px solid rgba(193,196,203,.1);
	zoom: 1
}

.tab-competitive .check-detail a:after {
	content: '';
	display: block;
	overflow: hidden;
	visibility: hidden;
	clear: both
}

.tab-competitive .check-detail a:hover {
	background-color: #fff
}

.tab-competitive .job-info {
	width: 260px
}

.tab-competitive .company-info {
	width: 240px
}

.tab-competitive .default-list .default-name {
	width: 348px
}

.tab-competitive .default-list .default-num {
	width: 240px
}

.tab-competitive .default-list .default-btn-group a {
	display: block;
	width: 52px
}

.tab-competitive .default-list .default-btn-group .check-btn {
	text-align: right;
	padding-top: 10px;
	box-sizing: border-box;
	line-height: 20px
}

.tab-competitive .default-list .default-btn-group .check-btn .fz-slideup {
	background-position: 5px -810px;
	vertical-align: middle;
	transform: scale(.7,.7)
}

.tab-competitive .default-list .default-btn-group .check-btn .fz-slidedown {
	background-position: 5px -788px;
	vertical-align: middle;
	transform: scale(.7,.7)
}

.tab-character.dn+.cpt-mes {
	display: none
}

.tab-character .username-wrap {
	width: 400px;
	display: inline-block
}

.tab-competitive .default-list.active+.check-detail {
	height: auto
}

.check-detail p {
	line-height: 20px
}

.check-detail p.c9F {
	line-height: 17px!important
}

.job-info-l {
	height: 28px;
	line-height: 28px
}

.tab-competitive .job-info-l img {
	width: 20px;
	height: 20px;
	vertical-align: center;
	line-height: 20px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 10px
}

.tab-competitive .job-info-l span {
	display: inline-block;
	max-width: 98px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tab-competitive .job-info-l .job-title {
	max-width: 170px;
	display: inline-block
}

.my-props .boss-position {
	max-width: 108px
}

.staff-info-avatar {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/icon-zd.png) no-repeat center;
	vertical-align: middle;
	border-radius: 10px;
	margin-right: 10px
}

.tab-competitive .wages-money {
	color: #ff6223;
	margin-left: 15px;
	vertical-align: top;
	font-size: 14px;
	display: inline-block
}

.tab-character .copy {
	color: #53cac3;
	padding-left: 15px
}

.props-wrap {
	width: 100%;
	height: 280px
}

.props-wrap .tr .c-title {
	color: #ff6223
}

.props-character {
	margin-top: 20px
}

.props-competitive {
	box-sizing: border-box
}

.props-competitive img {
	width: 74px;
	height: 74px
}

.props-competitive-header {
	padding: 18px 0 20px 0;
	margin: 0 40px 0 43px
}

.props-competitive-header .c-title {
	height: 28px
}

.props-body {
	display: flex;
	padding-right: 40px;
	padding-left: 40px;
	text-align: center;
	height: 166px;
	align-items: center
}

.props-competitive-body li {
	flex: 1;
	height: 106px;
	overflow-y: hidden
}

.props-competitive-body li:hover>.no-hover {
	margin-top: -106px
}

.props-character-body li {
	flex: 1;
	height: 120px;
	overflow-y: hidden
}

.props-character-body li:hover>.no-hover {
	margin-top: -120px
}

.props-competitive-header-des {
	color: #61687c;
	padding-top: 10px;
	margin-left: 15px
}

.props-competitive-header-des .tt {
	color: #61687c;
	font-size: 24px;
	line-height: 33px;
	height: 38px;
	display: inline-block;
	font-weight: 600
}

.shop-props .btn-pay {
	width: 104px;
	height: 34px;
	min-width: 104px;
	font-size: 14px;
	line-height: 34px;
	background-color: #ff6223;
	border: none
}

.shop-props .btn-pay:hover {
	background-color: rgba(255,98,35,.71)
}

.no-hover-img {
	height: 56px;
	margin-bottom: 5px
}

.character-item-img {
	width: 67px;
	height: 70px;
	display: inline-block
}

.character-item-img-hover {
	width: 88px;
	height: 88px;
	display: inline-block
}

.dimensional-graph {
	background: url(../images/dimensional-graph.png) no-repeat center
}

.deep-test {
	background: url(../images/deep-test.png) no-repeat center
}

.fast-test {
	background: url(../images/fast-test.png) no-repeat center
}

.dimensional-graph-hover {
	background: url(../images/dimensional-graph-hover.png) no-repeat center
}

.deep-test-hover {
	background: url(../images/deep-test-hover.png) no-repeat center;
	background-size: contain
}

.fast-test-hover {
	background: url(../images/fast-test-hover.png) no-repeat center
}

.shop-props .competitive-item-img {
	width: 54px;
	height: 56px;
	display: inline-block
}

.shop-props .kownAll {
	background: url(../images/kownall.png) no-repeat center
}

.shop-props .wages {
	background: url(../images/wages.png) no-repeat center
}

.shop-props .recruit {
	background: url(../images/recruit.png) no-repeat center
}

.shop-props .competitive-item-img-hover {
	width: 145px;
	height: 100px;
	display: inline-block
}

.shop-props .competitive-wages-img-hover {
	width: 146px;
	height: 83px;
	display: inline-block
}

.shop-props .item-character {
	position: relative;
	font-size: 10px;
	margin-top: 6px
}

.shop-props .item-character .persistence {
	position: absolute;
	top: 25px;
	left: 30px
}

.shop-props .item-character .outgoing {
	position: absolute;
	top: 30px;
	left: 160px
}

.shop-props .item-character .stability {
	position: absolute;
	top: -12px;
	left: 100px
}

.shop-props .dimensional-graph-hover+p {
	margin-top: -6px
}

.shop-props .kownAll-hover {
	background: url(../images/kownall-hover.png) no-repeat center;
	background-size: contain
}

.shop-props .wages-hover {
	background: url(../images/wages-hover.png) no-repeat center;

	background-size: 85%
}

.shop-props .recruit-hover {
	background: url(../images/recruit-hover.png) no-repeat center
}

.shop-props {
	display: none
}

.shop-props.active+.my-props {
	display: none
}

.shop-props.active {
	display: block
}

.competitive-container .copyText {
	background: 0 0;
	outline: 0;
	border: none
}

.competitive-container .copy-text-username {
	width: 200px
}

.competitive-container .copy-text-password {
	width: 80px
}

.competitive-container .icon-help {
	background: url(../images/icon-help.png) no-repeat -25px center;
	width: 17px;
	height: 26px;
	display: inline-block;
	vertical-align: middle
}

.layer-charge {
	width: 440px;
	height: 239px;
	font-size: 14px
}

.layer-charge-logo {
	background: url(../images/zhadan.png) no-repeat center;
	width: 92px;
	height: 92px;
	position: absolute;
	top: -46px;
	margin: 0 auto;
	left: 0;
	right: 0;
	display: inline-block
}

.layer-charge-container {
	padding: 20px 40px 40px 40px;
	margin-top: 50px
}

.layer-charge .layer-charge-container .virtual-money-count {
	width: 150px;
	height: 40px;
	border: none;
	font-size: 18px;
	background-color: #f0f3f9;
	float: right;
	text-align: right;
	padding-right: 5px
}

.layer-charge .layer-charge-container .virtual-money {
	height: 65px;
	line-height: 40px
}

.layer-charge .layer-charge-container .charge-money {
	float: right
}

.layer-charge .btn-cancel {
	background-color: #fff;
	color: #28c3b1;
	box-sizing: border-box;
	width: 114px;
	height: 38px
}

.layer-charge .btn-cancel:hover {
	border: 2px solid #28c3b1;
	line-height: 34px
}

.layer-charge .btn-submit {
	margin-left: 30px
}

.charge-money-wrap {
	height: 45px
}

.layer-prop-charge .dialog-container {
	margin-left: -220px;
	margin-top: -167px
}

.layer-prop-position .dialog-container {
	padding: 40px;
	margin-top: -280px;
	margin-left: -365px
}

.layer-prop-position .dialog-footer {
	margin-top: 22px
}

.layer-prop-position .title {
	font-size: 24px;
	color: #62687a;
	line-height: 24px
}

.layer-prop-position .position-container {
	margin-top: 30px;
	width: 650px;
	height: 330px;
	overflow-y: auto;
	border: 1px solid #f2f2f5
}

.layer-prop-position .position-container::-webkit-scrollbar {
	width: 10px;
	border: 1px solid #f2f2f5
}

.layer-prop-position .position-container::-webkit-scrollbar-thumb {
	width: 6px;
	border: 2px solid #fff;
	background: #79797a;
	border-radius: 100px
}

.layer-prop-position .position-container .position-item {
	padding: 18px 38px 0 20px;
	font-size: 0;
	white-space: nowrap;
	box-sizing: border-box;
	height: 83px;
	border-bottom: 1px solid #f2f2f5
}

.layer-prop-position .position-container .position-item.item-stop {
	background: url(../images/icon-stop.png) 426px 15px no-repeat
}

.layer-prop-position .position-container .item-open em {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 72px;
	height: 22px;
	margin-left: 10px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	color: #b7bac4;
	border: 1px solid #d1d4db;
	border-radius: 100px;
	font-weight: 400;
	font-style: normal
}

.layer-prop-position .position-container .position-item.selected {
	background: url(../images/icon-checked.png) right top no-repeat
}

.layer-prop-position .position-container .position-item img {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	border-radius: 50%
}

.layer-prop-position .position-container .position-item:hover {
	background-color: #f2f5fa
}

.layer-prop-position .position-item>div {
	display: inline-block;
	font-size: 14px;
	color: #50586c
}

.layer-prop-position .position-item p {
	line-height: 20px;
	margin-bottom: 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.layer-prop-position .position-item span {
	display: inline-block;
	font-size: 12px;
	color: #9fa3b0;
	line-height: 18px
}

.layer-prop-position .position-item span+span {
	margin-left: 10px
}

.layer-prop-position .position-item span+span:before {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 1px;
	height: 12px;
	margin-right: 10px;
	background: #e0e0e0
}

.layer-prop-position .position-item .salary {
	font-size: 14px;
	color: #ff6223
}

.layer-prop-position .position-item div+div {
	margin-left: 50px
}

.layer-prop-position .position-item .job-info {
	width: 154px
}

.layer-prop-position .position-item .company-info {
	width: 196px
}

.layer-prop-position .position-item .boss-info {
	width: 144px;
	text-align: right
}

.layer-prop-position .btn {
	min-width: 100px;
	margin-top: 22px;
	float: right;
	background-color: #53cac3;
	border-color: #53cac3;
	font-size: 14px;
	color: #fff;
	cursor: pointer
}

.layer-prop-position .btn-disabled {
	background-color: #d0d4da;
	border-color: #d0d4da
}

.layer-prop-purchase .dialog-container {
	padding: 36px;
	margin: -248px 0 0 -220px
}

.layer-prop-purchase .title img {
	display: block;
	margin: 0 auto;
	margin-top: -67px;
	width: 74px;
	height: 74px
}

.layer-prop-purchase .title p {
	margin-top: 12px;
	font-size: 20px;
	color: #61687c;
	text-align: center
}

.layer-prop-purchase .title p.sub-title {
	margin-top: 5px;
	font-size: 12px;
	color: #9fa3b0;
	text-align: center
}

.layer-prop-purchase .purchase-container {
	margin-top: 20px
}

.layer-prop-purchase .purchase-container li {
	width: 368px;
	height: 66px;
	box-sizing: border-box;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #e3e7ed
}

.layer-prop-purchase .purchase-container li.selected,.layer-prop-purchase .purchase-container li:hover {
	border-color: #5dd5c8;
	box-shadow: 2px 4px 6px rgba(93,213,200,.2);
	cursor: pointer
}

.layer-prop-purchase .purchase-container .item-hot {
	background: url(../images/icon-hot.png) right top no-repeat
}

.layer-prop-purchase .pull-right {
	float: right
}

.layer-prop-purchase .pull-left {
	float: left
}

.layer-prop-purchase .sells-pay {
	overflow: hidden;
	margin-bottom: 36px
}

.layer-prop-purchase .text-orange {
	font-size: 16px;
	color: #fc6c38;
	line-height: 22px
}

.layer-prop-purchase .text-gray {
	margin-left: 10px;
	font-size: 14px;
	color: #9fa3b0
}

.layer-prop-purchase .prop-sells-banlance {
	margin-left: 20px
}

.layer-prop-purchase .prop-sells-pay {
	font-size: 14px
}

.layer-prop-tip .dialog-container {
	width: 522px;
	height: 244px;
	padding: 40px;
	box-sizing: border-box;
	margin: -122px 0 0 -261px
}

.layer-prop-tip .title {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 20px;
	color: #62687a;
	font-weight: 400
}

.layer-prop-tip .dialog-con {
	font-size: 16px;
	color: #62687a;
	line-height: 30px
}

.layer-prop-tip .dialog-footer {
	margin-top: 30px
}

.dialog-alert-default .dialog-footer .btns .btn {
	padding: 0 16px
}

.dialog-alert-default .dialog-footer .btns .btn:hover {
	padding: 0 15px
}

.dialog-alert-default .dialog-footer .btns .btn-sure:hover {
	padding: 0 16px
}

.no-more {
	margin-top: 20px
}

.dialog-whatZd .dialog-container {
	width: 570px;
	margin-left: -260px;
	margin-top: -285px
}

.description-container {
	width: 550px;
	margin: 0 auto;
	background: #fff
}

.description-container .title {
	color: #414a60;
	font-size: 22px;
	font-weight: 400;
	height: 68px;
	background: #fff;
	padding: 0 60px 0 50px;
	line-height: 68px
}

.description-container dl {
	background: #f9fafb;
	padding: 20px 60px 1px 50px
}

.description-container dl dt {
	color: #414a60;
	font-size: 14px;
	position: relative
}

.description-container dl dd {
	color: #9fa3b0;
	font-size: 14px;
	margin-bottom: 30px
}

.description-container dl dt::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #18c3b1;
	position: absolute;
	left: -15px;
	top: 10px
}

.use-btn .icon-toast-loading {
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-left: 4px;
	vertical-align: middle;
	background: url(../images/icon-toast-loading.png) center center no-repeat;
	-webkit-animation: rotate .8s infinite linear;
	animation: rotate .8s infinite linear
}

.coupon-slider-side {
	width: 320px;
	height: 100%;
	position: fixed;
	top: 0;
	right: -320px;
	z-index: 1005;
	background-color: #fff;
	box-shadow: -2px 0 4px 0 rgba(193,196,203,.38)
}

.coupon-slider-side iframe {
	width: 100%;
	height: 100%;
	border: none
}

.coupon-slider-side {
	padding: 60px 0 0 0;
	box-sizing: border-box
}

.coupon-slider-side .title {
	color: #fff;
	font-size: 18px;
	text-indent: 30px;
	line-height: 60px;
	height: 60px;
	margin-top: -60px;
	background: #28c3b1
}

.coupon-slider-frame {
	height: 100%
}

@keyframes rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.detail-container {
	width: 571px;
	padding-bottom: 50px
}

.description-container {
	width: 550px;
	margin: 0 auto;
	background: #fff
}

.dialog-zhibean-layer .dialog-container {
	width: 570px;
	margin: -263px 0 0 -285px
}

.dialog-change-code .dialog-container {
	width: 280px;
	height: 316px;
	text-align: center;
	margin: -158px 0 0 -140px
}

.dialog-change-code .dialog-container .title {
	padding: 30px 0 15px 0;
	font-size: 20px;
	color: #414a60
}

.dialog-change-code .dialog-con i {
	display: block;
	width: 167px;
	height: 167px;
	background: url(../images/change-code.png);
	background-size: contain;
	margin: 0 auto
}

.dialog-change-code .dialog-con p {
	width: 145px;
	font-size: 13px;
	padding-top: 8px;
	margin: 0 auto;
	line-height: 19px;
	letter-spacing: 1.5px;
	color: #414a60
}

.description-container .tab-area {
	border-bottom: 1px solid #edf0f2;
	padding-left: 30px
}

.description-container .tab-area a {
	margin-bottom: -1px;
	display: inline-block;
	width: 108px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #9fa3b0;
	border: 1px solid #edf0f2;
	font-size: 14px;
	margin-right: -1px
}

.description-container .tab-area a.cur {
	background: #f9fafb;
	color: #414a60;
	border-bottom: 1px solid #f9fafb
}

.detail-container .tab-con {
	background: #f9fafb;
	padding-left: 30px;
	padding-right: 30px;
	height: 360px;
	max-height: 360px;
	overflow: auto
}

.detail-container .tab-con table {
	color: #414a60;
	font-size: 14px;
	width: 100%
}

.detail-container table tr {
	border-bottom: 1px solid #edf0f2
}

.detail-container .tab-con table td,.detail-container .tab-con table th {
	text-align: center;
	vertical-align: middle;
	height: 50px;
	font-size: 14px;
	font-weight: 400
}

.detail-container .tab-con table th:nth-child(1) {
	width: 140px
}

.detail-container table tr {
	border-bottom: 1px solid #edf0f2
}

.detail-container .tab-con table td,.detail-container .tab-con table th {
	text-align: center;
	vertical-align: middle;
	height: 50px;
	font-size: 14px;
	font-weight: 400
}

.loadmore {
	text-align: center;
	font-size: 12px;
	display: none;
	color: #999;
	margin-bottom: 15px;
	padding: 5px 0
}

.detail-container .loadmore {
	margin: 0;
	padding: 0
}

.detail-container .tab-con.hide {
	display: none
}

.detail-container table .orange {
	color: #fc6c38
}

.recharge-beans-original li .ios-notice {
	display: none
}

.prop-analyzer-wrap .disabled {
	opacity: .5;
	pointer-events: none
}

.prop-analyzer-wrap .dialog-con {
	padding: 0
}

.prop-analyzer-wrap .dialog-container {
	position: absolute;
	width: 766px;
	min-height: 390px;
	margin: -195px 0 0 -383px;
	top: 50%;
	left: 50%;
	padding: 0
}

.analyzer-head {
	width: 686px;
	height: 111px;
	margin-left: 48px;
	border-bottom: 1px solid #f8f9f9
}

.analyzer-head h4 {
	font-size: 22px;
	font-weight: 400;
	margin: 30px 0 5px 0
}

.analyzer-head .icon-logo {
	float: left;
	display: inline-block;
	width: 74px;
	height: 74px;
	margin: 17px 20px 0 0;
	background: url(../images/icons-analyzer.png) -300px 0 no-repeat
}

.analyzer-head div {
	overflow: hidden
}

.analyzer-list {
	height: 185px;
	padding-left: 15px;
	overflow: hidden
}

.analyzer-list li {
	float: left;
	width: 240px;
	height: 390px;
	line-height: 22px;
	text-align: center;
	transition: margin .5s;
	overflow: hidden
}

.analyzer-list li:hover {
	margin-top: -185px
}

.analyzer-list li .analyzer-item {
	height: 185px
}

.analyzer-list .icon-item {
	display: inline-block;
	width: 54px;
	height: 56px;
	background: url(../images/icons-analyzer.png) 0 0 no-repeat
}

.analyzer-list li .icon-active,.analyzer-list li .icon-compete,.analyzer-list li .icon-expect {
	margin: 32px 0 0
}

.analyzer-list li .icon-expect {
	background-position: -100px 0
}

.analyzer-list li .icon-active {
	background-position: -200px 0
}

.analyzer-list li .icon-compete-hover {
	background: url(../images/icon-kown-hover.png) center no-repeat;
	width: 160px;
	height: 100px;
	margin-top: 42px;
	background-size: contain
}

.analyzer-list .gray {
	font-size: 12px
}

.analyzer-list .compete-place {
	width: 96px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #53cac3;
	border-radius: 3px;
	margin-left: 71px
}

.analyzer-list .compete-place span {
	display: inline-block;
	white-space: nowrap;
	font-size: 18px;
	transform: scale(.5);
	color: #53cac3;
	margin-left: -40px
}

.analyzer-list li .icon-expect-hover {
	width: 137px;
	height: 83px;
	margin-top: 20px;
	background-position: -200px -100px
}

.analyzer-list li .icon-active-hover {
	width: 140px;
	height: 68px;
	margin-top: 20px;
	background-position: -400px -100px
}

.analyzer-combo-list {
	height: 70px;
	box-sizing: content-box;
	padding: 22px 0 0 0;
	line-height: 48px;
	background: #fff;
	font-size: 15px;
	color: #777d8d;
	box-shadow: 0 -1px 4px 0 rgba(65,74,96,.1)
}

.analyzer-combo-list dt {
	float: right;
	color: #fff;
	width: 120px;
	height: 48px;
	margin-right: 30px;
	text-align: center;
	background: #ff6223;
	cursor: pointer
}

.analyzer-combo-list dd {
	float: left;
	height: 48px;
	padding: 0 25px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	margin-left: 30px;
	cursor: pointer
}

.analyzer-combo-list dd:hover {
	border-color: #5dd5c8
}

.analyzer-combo-list dd.selected {
	border-color: #5dd5c8;
	color: #5dd5c8;
	box-shadow: 0 0 1px 0 #00d8c8
}

.analyzer-combo-list .discount {
	background: url(../images/icon-discount.png) right top no-repeat
}

.analyzer-combo-list .line {
	display: inline-block;
	width: 1px;
	height: 14px;
	vertical-align: middle;
	background: #e5e5e5;
	margin: -1px 12px 0 12px
}

.fr {
	float: right
}

.satisfaction-feedback buttion,.satisfaction-feedback div,.satisfaction-feedback input,.satisfaction-feedback span,.satisfaction-feedback textarea {
	margin: 0;
	padding: 0
}

.satisfaction-feedback {
	height: 110px;
	margin: 15px 300px 0 0;
	padding: 20px 0 0 30px;
	background-color: #fff
}

.satisfaction-feedback .title {
	display: block;
	line-height: 15px;
	color: #414a60;
	font-size: 15px
}

.satisfaction-feedback .satisfaction {
	float: left;
	width: 40px;
	margin: 17px 40px auto 0;
	padding-top: 40px;
	background: #fff url(../images/smile-face.png) no-repeat;
	color: #a8aab7;
	font-size: 13px;
	text-align: center;
	cursor: pointer
}

.satisfaction-feedback .level-2 {
	background-position: 4px 0
}

.satisfaction-feedback .level-2.selected,.satisfaction-feedback .level-2:hover {
	background-position: -44px 0
}

.satisfaction-feedback .level-3 {
	background-position: -92px 0
}

.satisfaction-feedback .level-3.selected,.satisfaction-feedback .level-3:hover {
	background-position: -140px 0
}

.satisfaction-feedback .level-4 {
	background-position: -188px 0
}

.satisfaction-feedback .level-4.selected,.satisfaction-feedback .level-4:hover {
	background-position: -236px 0
}

.satisfaction-feedback .satisfaction.selected,.satisfaction-feedback .satisfaction:hover {
	color: #53cac3
}

.satisfaction-feedback .satisfaction div:last-of-type {
	margin-right: 0
}

.satisfaction-feedback textarea {
	float: left;
	width: 445px;
	height: 40px;
	margin: 13px 30px 0 -5px;
	padding: 10px;
	color: #414a60;
	resize: none
}

.satisfaction-feedback .btn {
	float: left;
	width: 90px;
	min-width: auto;
	height: 34px;
	margin-top: 28px
}

.satisfaction-feedback .btn.disabled {
	border-color: #d1d4db;
	background-color: #d1d4db
}

#toast.satisfaction-wrap {
	position: fixed;
	left: 0;
	top: -100px!important;
	width: 100%;
	height: 100%;
	padding-top: 100px;
	background-color: rgba(255,255,255,.6)
}

#toast .satisfaction-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 20px;
	vertical-align: middle;
	background: url(../images/smile-face.png) no-repeat -129px top/auto 29px
}

#toast .icon-toast-content {
	vertical-align: middle
}

.company-search .dropdown-wrap .arrow {
	display: inline-block;
	margin: 2px 10px;
	border-top: 3px solid #00c2b3;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.company-search .dropdown-menu-open .dropdown-menu {
	display: block
}

.company-search .dropdown-menu-open .arrow {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.company-search .dropdown-menu {
	animation: slideIn .2s both
}

.company-search .dropdown-menu li {
	padding: 0
}

.company-search .dropdown-menu a {
	display: block;
	height: 100%;
	padding: 0 15px
}

.company-search .filter-condition .selected {
	color: #00c2b3
}

.company-search .filter-condition {
	min-width: 1184px;
	margin: 0 auto;
	padding: 30px 0;
	background-color: #fff;
	line-height: 25px
}

.company-search .filter-row {
	margin: 0 auto 13px;
	width: 1184px
}

.company-search .filter-row:last-of-type {
	margin-bottom: 0
}

.company-search .filter-row .title {
	float: left;
	width: 70px;
	color: #414a60;
	font-size: 14px;
	font-weight: 500;
	color: #414a60
}

.company-search .filter-row .content {
	display: block;
	overflow: hidden;
	margin-left: 70px;
	font-size: 13px
}

.company-search .filter-row a {
	display: inline-block;
	margin-right: 6px;
	padding: 0 8px;
	color: #61687c
}

.company-search .filter-row a:hover {
	color: #00d7c6
}

.company-search .expect {
	width: 1184px;
	margin: 27px auto;
	padding: 0;
	font-size: 14px;
	line-height: 26px
}

.company-search .expect .company-count {
	float: right;
	color: #61687c;
	padding-top: 2px
}

.company-search .expect .company-count span {
	padding: 0 4px;
	color: #00c2b3
}

.company-search .expect-filter {
	font-size: 16px;
	color: #00c2b3;
	vertical-align: -2px
}

.company-search .expect-filter span {
	line-height: 26px
}

.standard .company-search .expect-filter.checkbox input[type=checkbox]~span:before {
	width: 12px;
	height: 12px;
	background: 0 0;
	border-color: #5dd5c8;
	top: 6px
}

.standard .company-search .expect-filter.checkbox input[type=checkbox]:checked~span:before {
	width: 14px;
	height: 14px;
	background: #53cac3;
	border: none
}

.company-search .expect-dropdown-wrap {
	display: inline-block;
	position: relative;
	margin-left: 15px;
	cursor: pointer
}

.company-search .expect-dropdown-wrap .dropdown-select {
	color: #00c2b3;
	background: 0 0
}

.company-search .expect-dropdown-wrap .dropdown-select .vline {
	background-color: #00c2b3
}

.company-search .expect-dropdown-wrap span {
	display: inline-block;
	vertical-align: middle
}

.company-search .expect-dropdown-wrap ul {
	left: -15px;
	width: auto;
	border-top: 1px #e3e7ed solid;
	box-shadow: 0 3px 6px rgba(6,0,1,.05)
}

.company-search .expect-dropdown-wrap li {
	color: #61687c;
	white-space: nowrap
}

.company-search .expect-dropdown-wrap li .vline {
	background-color: #61687c
}

.company-search .expect-dropdown-wrap li.cur,.company-search .expect-dropdown-wrap li.cur a {
	color: #00c2b3
}

.company-search .expect-dropdown-wrap li.cur .vline {
	background-color: #00c2b3
}

.company-search .expect-dropdown-wrap li:hover {
	background-color: #f2f5f9
}

.company-search .expect-dropdown-wrap li:hover .vline {
	background-color: #00c2b3
}

.company-search .expect-dropdown-wrap .dropdown-menu li span:nth-of-type(2),.company-search .expect-dropdown-wrap .dropdown-select span:nth-of-type(2) {
	max-width: 154px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.company-search .top-filter-bar .expect-filter {
	line-height: 44px;
	vertical-align: -2px
}

.company-search .top-filter-bar {
	display: block;
	position: fixed;
	z-index: 99;
	top: 0;
	width: 100%;
	height: 0;
	background-color: #fff;
	font-size: 12px;
	box-shadow: 0 3px 6px rgba(6,0,1,.05);
	overflow: hidden;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.company-search .top-filter-bar.show {
	height: 44px;
	overflow: visible
}

.company-search .filter-bar-right {
	line-height: 44px;
	float: right;
	height: 100%;
	color: #61687c
}

.company-search .filter-bar-right a {
	color: #61687c
}

.company-search .filter-bar-right .dropdown-wrap {
	display: inline-block;
	position: relative;
	width: 114px;
	height: 100%;
	cursor: pointer
}

.company-search .filter-bar-right .arrow {
	border-top-color: #61687c
}

.company-search .filter-bar-right .dropdown-select {
	display: block;
	padding: 0 16px;
	background-color: unset;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.company-search .filter-bar-right .dropdown-menu ul {
	border-top: 1px #e3e7ed solid;
	font-size: 13px;
	box-shadow: 0 3px 6px rgba(6,0,1,.05)
}

.company-search .filter-bar-right .close {
	display: none
}

.company-search .filter-bar-right .selected .close {
	display: inline-block;
	position: relative;
	top: 3px;
	width: 15px;
	height: 15px;
	background: url(../images/icons.png) no-repeat 2px -2015px
}

.company-search .filter-bar-right .selected {
	color: #fc6c38
}

.company-search .filter-bar-right .selected .arrow {
	border-top-color: #fc6c38
}

.company-search .filter-bar-right .dropdown-filter-city .dropdown-menu {
	width: 503px
}

.company-search .filter-bar-right .dropdown-filter-city ul {
	left: unset;
	right: 38px;
	height: 68px;
	padding: 10px;
	line-height: 34px;
	overflow: hidden
}

.company-search .filter-bar-right .dropdown-filter-city li {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	white-space: nowrap
}

.company-search .filter-bar-right .dropdown-industry .dropdown-menu {
	width: 503px
}

.company-search .filter-bar-right .dropdown-industry ul {
	left: unset;
	right: 156px;
	padding: 10px;
	line-height: 34px
}

.company-search .filter-bar-right .dropdown-industry li {
	display: inline-block;
	width: 118px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	white-space: nowrap
}

.company-search .company-list {
	width: 1184px;
	margin: 0 auto;
	overflow: hidden
}

.company-search .company-list ul {
	height: auto;
	overflow: hidden;
	width: 110%
}

.company-search .company-list li {
	height: 140px;
	margin-bottom: 16px
}

.company-search .company-list .sub-li {
	height: 140px;
	width: 284px;
	background-color: #fff
}

.company-search .sub-li .about-info p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: auto;
	margin: 0 20px
}

.company-search .sub-li .h {
	color: #00c2b3;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	max-width: 145px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.company-search .page {
	background-color: #fff
}

.company-city-dialog .active {
	color: #00c2b3
}

.company-city-dialog .section-city {
	display: none
}

.company-city-dialog .section-city.cur {
	display: block
}

.job-primary.detail-box .info-primary {
	width: 650px
}

.job-banner {
	height: auto;
	padding: 24px 0
}

.job-banner .name {
	font-size: 32px;
	line-height: 45px;
	padding: 11px 0 8px
}

.job-status {
	color: rgba(255,255,255,.7);
	font-size: 14px;
	line-height: 20px
}

.job-status span {
	vertical-align: middle
}

.job-status .job-medium-icon {
	width: 46px;
	height: 16px;
	vertical-align: middle;
	margin-left: 10px
}

.job-banner .salary {
	display: inline-block;
	vertical-align: middle;
	color: #fa6a43;
	height: 42px;
	font-size: 30px;
	line-height: 42px;
	font-weight: 600
}

.company-banner .name h1,.job-banner .name h1 {
	vertical-align: middle;
	font-size: 32px;
	max-width: 380px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.company-new .tag-more .link-more,.job-tags span,.tag-container .tag-more .link-more {
	display: inline-block;
	padding: 0 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #5ed5c8;
	color: #5ed5c8;
	height: 23px;
	line-height: 23px;
	border-radius: 13px;
	margin-top: 0;
	vertical-align: top
}

.tag-container .tag-more .link-more {
	line-height: 16px
}

.company-new .tag-more .link-more:hover,.tag-container .tag-more .link-more:hover {
	background-color: rgba(94,213,200,.18)
}

.company-new .info-primary {
	overflow: visible
}

.company-new .tag-more .link-more {
	top: 2px;
	line-height: 16px;
	text-decoration: none
}

.company-new .tag-container .job-tags,.smallbanner .tag-container .job-tags {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	height: 26px
}

.company-new .company-banner .info-primary img {
	margin-top: 0
}

.company-new .tag-container .tag-more .job-tags span {
	margin-bottom: 10px
}

.company-new .tag-container .job-tags span {
	margin-bottom: 0;
	vertical-align: top
}

.company-new .tag-container,.smallbanner .tag-container {
	position: relative
}

.company-new .tag-container {
	width: 650px
}

.smallbanner .tag-container {
	margin-top: 9px;
	height: 25px;
	margin-bottom: 13px
}

.company-new .tag-container .tag-more:hover .tag-all,.detail-box .tag-container .tag-more:hover .tag-all,.smallbanner .tag-container .tag-more:hover .tag-all {
	display: block
}

.company-new .tag-container .tag-more .tag-all,.detail-box .tag-container .tag-more .tag-all,.smallbanner .tag-container .tag-more .tag-all {
	display: none;
	position: absolute;
	top: 45px;
	right: 0;
	z-index: 100;
	width: 635px;
	height: auto;
	background: rgba(255,255,255,1);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
	padding: 30px;
	padding-bottom: 10px;
	box-sizing: border-box;
	margin-right: 0;
	overflow: initial
}

.company-new .smallbanner .tag-container .tag-more .tag-all,.company-new .tag-container .tag-more .tag-all {
	top: 50px
}

.tag-container .tag-more .tag-all:before {
	content: '';
	position: absolute;
	top: -16px;
	right: 25px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #fff
}

.dolt {
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 2px;
	margin: 0 7px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.7)
}

.job-banner .info-primary p {
	color: rgba(255,255,255,.7);
	margin-bottom: 10px
}

.job-banner .job-op {
	width: 298px;
	position: absolute;
	right: 0;
	top: 50%;
	bottom: 0;
	margin-top: -47px
}

.job-notag .job-op {
	margin-top: -50px
}

.detail-box .job-op .btn-more,.detail-box .job-op .btn-startchat {
	display: block;
	width: 296px;
	margin-top: 0;
	float: none
}

.detail-box .job-op .btn-container {
	font-size: 0
}

.detail-box .job-op .btn-container .btn {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	box-sizing: border-box
}

.detail-box .job-op .btn-container .btn-deliver {
	width: 139px;
	background: 0 0
}

.detail-box .job-op .btn-container .btn+.btn,.smallbanner .detail-op .btn+.btn {
	margin-left: 20px;
	width: 139px
}

.smallbanner .btn-outline {
	height: 42px;
	line-height: 42px;
	width: 137px
}

.job-banner .op-container {
	overflow: hidden;
	position: absolute;
	bottom: 10px;
	width: 100%
}

.job-banner.job-notag .op-container {
	margin-top: 37px
}

.job-banner .op-container a {
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	color: #fa6a43
}

.company-banner .icon,.job-banner .icon {
	display: inline-block;
	vertical-align: -2px;
	width: 18px;
	height: 15px;
	margin-right: 8px
}

.company-banner .icon-upload i,.job-banner .icon-upload i {
	background: url(../images/icon-upload.png) center center no-repeat;
	background-size: contain
}

.company-banner .icon-resume i,.job-banner .icon-resume i {
	background: url(../images/icon-resume.png) center center no-repeat;
	background-size: contain
}

.company-banner .icon-upload-login i,.job-banner .icon-upload-login i {
	background: url(../images/icon-upload-login.png) center center no-repeat;
	background-size: contain
}

.company-banner .icon-resume-login i,.job-banner .icon-resume-login i {
	background: url(../images/icon-resume-login.png) center center no-repeat;
	background-size: contain
}

.company-stat .op .icon-resume-login,.company-stat .op .icon-upload-login,.job-banner .op-container .icon-resume-login,.job-banner .op-container .icon-upload-login {
	color: #5ed5c8
}

.detail-box .tag-container {
	line-height: 0
}

.tag-container {
	display: inline-block
}

.tag-container .tag-more {
	opacity: 0;
	height: 23px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 8px;
	line-height: 16px;
	display: none
}

.smallbanner .tag-container .tag-more {
	top: 2px
}

.job-detail .detail-figure {
	float: left;
	position: static
}

.job-detail .detail-figure img {
	margin-right: 20px
}

.detail-op .name {
	margin-top: 8px
}

.smallbanner {
	padding: 14px 0;
	z-index: 1001;
	height: auto
}

.smallbanner .name {
	line-height: 45px
}

.smallbanner .name h1 {
	font-size: 32px;
	line-height: 45px;
	max-width: 380px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 45px;
	display: inline-block;
	vertical-align: middle;
	font-weight: 400
}

.smallbanner .btn-more {
	display: block;
	width: 296px;
	margin-top: 0;
	float: none;
	height: 42px;
	line-height: 42px
}

.smallbanner .inner {
	position: relative
}

.smallbanner .detail-op .btns {
	margin-top: 0
}

.smallbanner .name span {
	background: 0 0;
	font-size: 30px;
	line-height: 42px;
	color: #fa6a43;
	margin-left: 10px;
	font-weight: 700
}

.smallbanner .job-tags {
	padding-top: 0
}

.smallbanner .info .link-more {
	font-size: 14px;
	line-height: 14px;
	color: #5dd5c8;
	text-decoration: underline;
	margin-left: 16px
}

.smallbanner .detail-op {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -22px
}

.smallbanner .tag-container .link-more {
	top: 2px;
	line-height: 14px;
	text-decoration: none;
	margin-left: 0
}

.smallbanner .detail-op .btn-startchat {
	width: 270px;
	height: 44px;
	line-height: 44px;
	box-sizing: border-box
}

.sider-company .title {
	line-height: 25px;
	margin-bottom: 25px;
	font-size: 15px;
	font-weight: 500;
	color: #414a60
}

.sider-company .company-info {
	overflow: hidden;
	line-height: 60px;
	margin-bottom: 27px
}

.sider-company img {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 18px;
	border-radius: 10px
}

.sider-company p {
	line-height: 20px;
	margin-bottom: 26px
}

.sider-company p i {
	display: inline-block;
	vertical-align: -4px;
	width: 17px;
	height: 17px;
	margin-right: 25px
}

.sider-company p .icon-stage {
	width: 15px;
	background: url(../images/icon-stage.png) center center no-repeat;
	background-size: contain
}

.sider-company p .icon-net {
	background: url(../images/icon-net.png) center center no-repeat;
	background-size: contain
}

.sider-company p .icon-scale {
	background: url(../images/icon-scale.png) center center no-repeat;
	background-size: contain
}

.sider-company p .icon-industry {
	background: url(../images/icon-industry.png) center center no-repeat;
	background-size: contain
}

.sider-company p.gray {
	color: #d0d4da
}

.job-sec .job-tags span {
	border: 1px #d1d4da solid;
	color: #9fa3af
}

.job-detail .recommend-box .btn-direction {
	z-index: 998
}

.tag-container {
	width: 750px;
	position: relative
}

.job-sec .fold-text .more-view {
	z-index: 100
}

.company-banner .info-primary {
	height: auto;
	font-size: 0
}

.company-banner .info-primary img {
	width: 103px;
	height: 103px;
	border-radius: 13px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-top: -11px
}

.company-banner .info-primary .info {
	margin-left: 25px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px
}

.company-banner .info-primary h1 {
	font-size: 32px;
	line-height: 48px;
	padding: 0 0 3px 0
}

.company-notag .info-primary h1 {
	padding-top: 22px
}

.company-new .company-banner {
	padding-top: 20px
}

.company-new .company-tab {
	clear: both
}

.company-banner .info-primary p {
	line-height: 20px;
	padding: 0;
	color: rgba(255,255,255,.7);
	margin-bottom: 13px
}

.company-banner .job-tags {
	padding: 0
}

.company-banner .company-stat {
	text-align: right
}

.company-stat span b {
	line-height: 50px;
	color: #fff;
	padding: 0
}

.company-stat span i {
	display: block;
	line-height: 20px;
	height: 20px;
	font-style: normal
}

.company-stat .op {
	margin-top: 25px;
	font-size: 16px
}

.company-stat .op a {
	color: #fa6a43;
	line-height: 20px
}

.company-stat .op a+a {
	margin-left: 55px
}

.company-sider .update-time {
	color: #d0d4da;
	line-height: 20px;
	margin-top: 20px
}

.company-new .company-job .job-primary {
	padding-right: 0
}

.company-new .company-job .job-list {
	width: 884px
}

.company-new .company-job .startchat-box {
	display: none
}

.company-new .company-job .job-list .job-primary .info-primary {
	width: 500px
}

.company-new .company-job .job-list li .name .job-title {
	max-width: 284px
}

.company-new .job-list li .name {
	text-overflow: unset
}

.job-primary .info-publis {
	width: 294px
}

.company-new .company-job .job-list li:hover .startchat-box {
	display: block
}

.company-new .company-job .job-list li:hover .info-publis {
	display: none!important
}

.company-new .seen-list {
	background: #fff
}

.company-new .seen-list .list-title {
	color: #00c2b3;
	line-height: 20px;
	padding: 13px 25px 12px;
	border-bottom: 2px solid #f2f2f5
}

.company-new .seen-list ul li {
	margin: 0 25px;
	border-bottom: 1px solid #eef0f4;
	padding: 11px 0
}

.company-new .seen-list .salary {
	color: #fc6f3b;
	float: right;
	line-height: 20px
}

.company-new .seen-list .job-name {
	line-height: 20px
}

.company-new .seen-list .company-name {
	font-size: 12px;
	line-height: 17px;
	color: #8d92a1
}

.company-detail-grab .company-banner .smallbanner,.company-new .smallbanner {
	height: auto;
	left: 0;
	z-index: 1001;
	padding: 0
}

.company-new .tag-container .tag-more {
	top: 0
}

.company-new .smallbanner .company-tab {
	margin-bottom: 0
}

.company-new .smallbanner .info-primary {
	height: auto;
	margin-bottom: 20px
}

.company-detail-grab .company-banner .smallbanner-content,.company-new .smallbanner-content {
	width: 1184px;
	margin: 0 auto
}

.company-detail-grab .company-banner .smallbanner-content {
	padding: 20px 0 10px
}

.company-new .smallbanner-content .info-primary {
	padding-top: 20px
}

.company-new .smallbanner-content .info-primary h1 {
	padding-top: 12px;
	padding-bottom: 12px
}

.smallbanner.notag img {
	width: 80px;
	height: 80px
}

.company-new .notag .smallbanner-content .op {
	margin-top: 67px
}

.company-new .smallbanner-content .op {
	margin-top: 104px
}

.company-new .smallbanner-content .company-tab {
	margin-top: -19px
}

.company-new .sider-list li h4 {
	line-height: 20px
}

.company-new .job-detail {
	float: left;
	width: 836px;
	margin-right: 0
}

.company-new .company-sider,.company-new .job-detail {
	padding-bottom: 0
}

.company-new .company-banner .industry-link {
	color: rgba(255,255,255,.7)
}

.company-new .company-desc.company-job .job-list {
	width: 100%
}

.company-new .company-desc.company-job .job-list .job-primary {
	margin: 0
}

.company-new .company-desc.company-job .job-list li {
	border-bottom: 1px solid #f4f4f6;
	margin-bottom: 0
}

.company-new .company-desc.company-job .job-list li:hover {
	background-color: #fff
}

.company-new .company-desc.company-job .job-list li .startchat-box {
	right: 0
}

.company-desc.company-job .job-list li .job-primary .name {
	padding-bottom: 0
}

.links-container {
	background: #fff;
	border-top: 1px solid #f4f4f6;
	padding-bottom: 20px;
	position: relative;
	margin-top: 12px
}

.company-new+#footer,.links-container+#footer {
	margin-top: 0;
	border: none
}

.links-box {
	width: 1184px;
	margin: 0 auto;
	padding-top: 20px
}

.links-box .title-box {
	font-size: 0;
	margin-right: -272px
}

.links-box .title-box .title-item {
	color: #8d92a1;
	font-size: 14px;
	margin-right: 272px;
	display: inline-block;
	height: 32px;
	cursor: pointer;
	position: relative
}

.links-box .title-box .title-item:hover {
	color: #00c2b3
}

.links-box .title-box .title-item::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0
}

.links-box .title-box .title-item.cur {
	color: #00c2b3
}

.links-box .title-box .title-item.cur::after {
	background-color: #00c2b3
}

.links-box .links-wrapper {
	background: url(../images/links-bg.png) no-repeat top center;
	padding-top: 22px
}

.links-box .links-wrapper .links-content {
	display: none;
	font-size: 0;
	overflow: hidden
}

.links-box .links-wrapper .links-content.limited {
	max-height: 145px
}

.links-box .links-wrapper .links-content.cur {
	display: block
}

.links-box .links-wrapper .links-content.expand {
	max-height: none
}

.links-box .links-wrapper .links-content a {
	font-size: 12px;
	color: #8d92a1;
	margin: 0 30px 0 0;
	line-height: 35px;
	display: inline-block
}

.links-box .links-wrapper .links-content a:hover {
	color: #00c2b3
}

.links-box .expand-btn {
	text-align: center
}

.links-box .expand-btn a {
	color: #8d92a1;
	font-size: 12px
}

.links-box .expand-btn a:hover {
	color: #4a4e52
}

.text-arrow-right {
	vertical-align: middle;
	margin: 0 3px 0 6px;
	font-size: 16px
}

.more-view span {
	vertical-align: middle
}



#pageGro{ width:400px; height:25px; margin:0px auto; padding-top:30px;}
#pageGro div ul li:hover{ background:#172a88;}
#pageGro div,#pageGro div ul li{ font-size:12px; color:#999; line-height:23px; float:left; margin-left:5px;}
#pageGro div ul li{ width:22px; text-align:center; border:1px solid #999; cursor:pointer;}
#pageGro div ul li.on{ color:#fff; background:#3c90d9; border:1px solid #3c90d9;}
#pageGro .pageUp,#pageGro .pageDown{ width:63px; text-indent:5px; border:1px solid #999; cursor:pointer;}