@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
}
.layui-layer-shade {
  opacity: 0.6;
}
a {
  text-decoration: none;
  color: #414a60
}

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

a:hover {
  color: #183883;
  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,Microsoft Yahei,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: #fff;
  min-width: 1170px;
  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: 1170px;
  margin: 0 auto
}

.home-inner {
  max-width: 1200px;
}

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

.gray {
  color: #9fa3af
}

.red {
  color: #183883 !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: #183883;
}

::-moz-selection {
  color: #fff;
  background: #183883
}

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: #183883;
  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,.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,.page a.next,.page a.prev,.promotion-top .arrow-right,.qrcode-layer i,.select-tree li,.siderbar-qrcode,.tip-text {
  display: inline-block;
  background-image: url(../images/iconss.png);
  background-repeat: no-repeat
}

.nav-chat-num {
  display: none;
  min-width: 10px;
  height: 16px;
  line-height: 16px;
  padding: 0 2px;
  background: #317aff;
  border-radius: 3px;
  text-align: left;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: #fff;
  font-size: 12px;
  vertical-align: top;
  margin-top: 16px;
  position: absolute;
  left: 41px;
  top: 0
}

.nav-chat-num:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: solid 8px transparent;
  border-right-color: #317aff;
  position: absolute;
  left: -16px;
  top: 0
}

.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 -17px
}

.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
}

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

/*.btn:hover {
  background-color:#0068ed;
  border-color:#0068ed;
  color: #fff
}*/

.btn-outline {
  background: #fff;
  color: #3846dc
}

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

.btn-back:hover,.btn-delete:hover {
  background: #fff;
  color: #3846dc
}

.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: #3846dc;
  border-color: #3846dc;
  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 {
  content: "\2714";
  background-color: #3846dc;
  width: 12px;
  height: 12px;
  border: 0;
  background-position: -48px -144px;
  border-color: #3846dc;
  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 #3846dc solid;
  padding: 19px;
  color: #3846dc
}

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

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

.disabled {
     cursor: not-allowed;
    background: #8992f1;
  border: 1px #8992f1 solid;
}

.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: 1004
}

#header a {
  color: #fff
}

#header a:hover {
  color: #3846dc
}

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

.logo a {
display: block;
width: 110px;
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 li,.user-nav li {
display: inline-block;
vertical-align: top;
text-align: center;
font-size: 14px;
margin: 0 12px
}

.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: #3846dc
}

.nav li.cur a,.nav li.cur a:hover {
color: #3846dc!important
}
*/
#header .user-nav li.cur a,#header .user-nav li.cur a:hover {
  color: #3846dc
}

.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: 20px
}

.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: 40px
}

.user-nav .new {
  display: none;
  position: absolute;
  top: -5px;
  left: 55px;
  height: 14px;
  padding: 0 4px;
  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
}

#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: #3846dc
}

.nav-search {
  float: left;
  position: relative;
  width: 222px!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 #3846dc solid;
  width: 195px;
  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: #3846dc
}

.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;
  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%
}

#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;
  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
}

#footer {
  background: #fff;
  padding: 20px 0 10px;
  margin-top: 43px;
  position: relative;
  z-index: 22;
  color: #8d92a1;
  border-top: solid 1px #f6f6f8
}

#footer .home-inner {
  position: relative
}

.page-white #footer {
  margin-top: 0;
  position: static
}

.footer-icon {
  margin-top: 20px
}

.footer-social {
  position: absolute;
  font-size: 12px;
  text-align: right;
  right: 0;
  top: 0
}

.footer-social img {
  margin: 6px 0 7px 0;
  width: 88px;
  height: 16px
}

.footer-social p img {
  width: 100px;
  height: 100px
}

.footer-social p {
  text-align: right;
  padding: 0;
  font-size: 13px
}

.footer-social p span {
  font-size: 13px;
  padding-left: 5px
}

.footer-social a {
  -webkit-transition: none;
  transition: none
}

.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
}

.copyright img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: -5px 0 0 0;
  margin-right: 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: #3846dc
}

.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
}
}

.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 #3846dc 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 .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: 50px;
  right: 0;
  background-color: #fff;
  box-shadow: -1px 0 8px rgba(0,0,0,.03);
  height: 100%;
  z-index: 1003
}

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

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

#siderbar .siderbar-bottom li a,#siderbar .siderbar-top li a {
  display: block
}

#siderbar .siderbar-top li a i {
  display: block;
  width: 21px;
  height: 21px;
  margin: 0 auto 10px auto;
  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 .sider-template li:hover a {
  color: #54cbc4;
  cursor: pointer
}

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

#siderbar .siderbar-top li.active a {
  color: #54cbc4
}

#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: 60px;
  float: left;
  padding-top: 15px;
  text-align: center
}

.siderbar-bottom {
  position: absolute;
  width: 60px;
  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 {
  position: absolute;
  top: -100px;
  right: 100px
}

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

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

#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/ui/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: scroll;
  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: 155px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: middle
}

.sider-position-title {
  width: 211px;
  height: 20px;
  overflow: hidden
}

.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 #3846dc;
  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: #3846dc;
  margin-right: 4px
}

.interview-user-info .btn.btn-cancel:hover {
  border-color: #3846dc
}

#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: 60px;
  height: 100%;
  float: left
}

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

@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
}
}/*!
* 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/ui/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/ui/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 #3846dc;
  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: #3846dc
}

.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(../../boss/images/ui/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: #3846dc;
  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: #3846dc;
  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: #3846dc
}

.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: #3846dc
}

.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: #3846dc;
  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
}

.loader-gray-17 {
  width: 17px;
  height: 17px;
  overflow: hidden;
  display: inline-block;
  background: url(//static.zhipin.com/v2/web/boss/images/ui/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: #3846dc;
  background-color: #fff;
  border: 1px solid #3846dc
}

.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
}

.pop-payment .prop-order-type {
  height: 124px
}

.pop-payment .prop-type-article {
  line-height: 60px
}

.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
}

.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 .order-detail {
  padding: 0 30px
}

.pop-payment .order-detail dt {
  min-height: 54px;
  line-height: 54px;
  padding: 15px 0 11px 0
}

.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
}

.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: 2px 0 5px 20px;
  padding-left: 20px;
  display: none
}

.pop-payment .unfold .item-coupon-list {
  display: block
}

.pop-payment .coupon-selected {
  display: none
}

.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(//static.zhipin.com/v2/web/boss/images/prop/icons-direct-access.png) right -320px no-repeat
}

.pop-payment .item-coupon.unfold .coupon-left,.pop-payment .item-coupon.unfold .coupon-selected {
  background: url(//static.zhipin.com/v2/web/boss/images/prop/icons-direct-access.png) right -290px no-repeat
}

.pop-payment .bead-close {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  width: 26px;
  height: 28px;
  top: 0;
  right: 0;
  background: url(//static.zhipin.com/v2/web/boss/images/prop/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: 8px 9px 9px 0;
  cursor: pointer;
  line-height: 23px;
  padding: 0 14px;
  border: 1px solid #e2e4ec;
  background: url(//static.zhipin.com/v2/web/boss/images/prop/icons-direct-access.png) right -18px no-repeat
}

.pop-payment .item-coupon-list span.selected {
  background-position: right 12px;
  border-color: #3846dc;
  color: #3846dc
}

.icon-wx {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background: url(//static.zhipin.com/v2/web/boss/images/icons-payment.png);
  background-position: 0 0
}

.icon-zfb {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background: url(//static.zhipin.com/v2/web/boss/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
}

.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(../../boss/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 #3846dc;
  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 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: #3846dc;
  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
}

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 #3846dc;
  color: #3846dc;
  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(https://www.zhipin.com/v2/chat_v2/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: #3846dc;
  background: #3846dc
}

.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(https://www.zhipin.com/v2/chat_v2/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: #3846dc
}

.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(https://www.zhipin.com/v2/chat_v2/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: #3846dc
}

.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
}

.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(https://www.zhipin.com/v2/web/boss/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: 268px;
  position: absolute;
  left: 0;
  top: 0
}

.job-menu {
  background: #fff;
  color: #61687c;
  position: relative;
  z-index: 1002;
  box-shadow: 5px 5px 15px rgba(3,0,0,.04);
  padding-top: 8px
}

.promotion-four .job-menu {
  padding-top: 4px
}

.job-menu dl {
  padding: 0 0;
  zoom: 1;
  height: 44px
}

.job-menu dt {
  font-size: 18px;
  padding: 0 32px;
  line-height: 32px;
  padding-top: 8px
}

.job-menu dt .icon-arrow-right {
  float: right;
  background-position: 3px 0;
  margin-top: 5px;
  width: 12px
}

.job-menu dd .icon-arrow-right {
  float: right;
  background-position: -25px 0;
  margin-top: 5px;
  width: 12px
}

.job-menu dl.cur .icon-arrow-right {
  background-position: -25px -31px
}

.job-menu dd {
  padding: 8px 0 9px 20px;
  width: 233px;
  height: 27px
}

.job-menu a {
  color: #61687c;
  font-size: 13px;
  display: inline-block;
  line-height: 28px;
  margin-left: 4px;
  margin-right: 4px
}

.job-menu i {
  font-style: normal;
  font-size: 16px;
  position: relative;
  top: 2px
}

.job-menu a:hover {
  color: #61687c
}

.job-menu dl.cur {
  background: #5cc9b4;
  border-color: #d1d4db;
  border-right-color: #fff;
  position: relative;
  width: 268px;
  z-index: 10
}

.job-menu dl.cur dd a {
  color: #fff;
  -webkit-transition: none;
  transition: none
}

.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: #5cc9b4;
  width: 5px;
  top: 0;
  right: 0;
  z-index: 11
}

.job-menu .all-box {
  display: none
}

.job-menu .show-all {
  padding: 8px 0 9px 20px;
  width: 233px;
  border-top: dashed 1px #ecedef;
  margin-top: 14px;
  color: #00c2b3
}

.promotion-four .job-menu .show-all {
  margin-top: 0
}

.menu-sub {
  display: none;
  position: absolute;
  background: #fff;
  padding: 20px 30px 20px 10px;
  width: 648px;
  top: 3px;
  margin-top: -10px;
  left: 268px;
  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 h4 {
  float: left;
  width: 104px;
  font-size: 13px;
  padding-top: 2px;
  text-align: right;
  font-weight: 400
}

.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;
  color: #9fa3b0
}

.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: 292px;
  min-width: 697px;
  height: 468px
}

.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;
  height: 340px;
  position: relative
}

.promotion-four .promotion-main {
  height: 456px
}

.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
}

.common-tab-box {
  clear: both;
  margin-top: 20px;
  margin-bottom: 31px
}

.common-tab-box h3 {
  height: 45px;
  position: relative
}

.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
}

.common-tab-box h3 span.cur {
  color: #414a60
}

.common-tab-box ul {
  width: 100%;
  top: 47px;
  left: 0;
  background: #fff;
  display: none;
  border-top: solid 2px #63d4c7
}

.common-tab-box ul.cur {
  font-weight: 400;
  display: block
}

.common-tab-box .v-line {
  margin: 0 11px;
  border-color: #efeff1
}

.job-tab-box ul {
  height: 393px
}

.job-tab-box ul li {
  height: 131px;
  width: 33.33333333%;
  float: left
}

.job-tab-box li .sub-li {
  display: block;
  border-right: solid 2px #f6f6f8;
  border-bottom: solid 2px #f6f6f8;
  height: 100%;
  margin-right: -2px
}

.job-tab-box li .sub-li:hover {
  box-shadow: 5px 5px 20px rgba(0,0,0,.05);
  border-bottom-color: #eaebef;
  border-left-color: #edeef2;
  position: relative;
  z-index: 10
}

.job-tab-box li a {
  display: block
}

.job-tab-box li a.user-info:hover {
  background: #fafafa
}

.job-tab-box li a.job-info:hover p {
  color: #3846dc
}

.job-tab-box li a.job-info {
  height: 71px;
  padding-top: 10px
}

.job-tab-box li p {
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  color: #61687c;
  width: 220px;
  padding-right: 70px;
  margin: 0 auto 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative
}

.job-tab-box li .salary {
  color: #fc6c38;
  position: absolute;
  right: 0;
  top: 0
}

.job-tab-box li a.job-info p.job-text {
  font-size: 12px;
  color: #61687c;
  border-bottom: dashed 1px #e3e7ed;
  width: 290px;
  padding-right: 0;
  line-height: 28px
}

.job-tab-box a.user-info {
  padding: 7px 0 9px 0
}

.job-tab-box .user-info p {
  font-size: 14px;
  width: 290px;
  padding-right: 0
}

.job-tab-box .user-info img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 15px
}

.job-tab-box .user-info .user-text {
  margin-left: 10px;
  font-size: 12px;
  color: #8d92a1
}

.company-tab-box ul {
  height: 416px
}

.company-tab-box ul li {
  height: 138px;
  width: 25%;
  float: left
}

.company-tab-box li a {
  color: #414a60;
  display: block
}

.company-tab-box li .sub-li {
  display: block;
  border-left: solid 2px #f6f6f8;
  border-bottom: solid 2px #f6f6f8;
  height: 100%;
  margin-left: -2px
}

.company-tab-box li .sub-li:hover {
  box-shadow: 5px 5px 20px rgba(0,0,0,.05);
  border-bottom-color: #eaebef;
  border-left-color: #edeef2;
  position: relative;
  z-index: 10
}

.company-tab-box li .company-info {
  height: 75px;
  width: 205px;
  margin: 0 auto 0 auto;
  padding-top: 20px;
  border-bottom: dashed 1px #ededed
}

.company-tab-box li .company-info:hover {
  color: #3846dc
}

.company-tab-box li .company-info img {
  height: 55px;
  width: 55px;
  float: left;
  border-radius: 10px;
  border: solid 1px #f2f5fa
}

.company-tab-box li .conpany-text {
  margin-left: 65px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis
}

.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
}

.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
}

.company-tab-box li .conpany-text h4 a:hover {
  color: #61687c
}

.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) {
  .company-tab-box li .conpany-text p {
    overflow: hidden;
  text-overflow: ellipsis;
  display: block
}
}

@-moz-document url-prefix() {
  .company-tab-box li .conpany-text {
    margin-left: 65px;
  text-align: right;
  overflow: auto;
  text-overflow: unset
}

.company-tab-box li .conpany-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%
}
}

.company-tab-box li .about-info {
  color: #8d92a1;
  height: 42px;
  line-height: 42px;
  font-size: 12px
}

.company-tab-box li .about-info p {
  width: 205px;
  margin: 0 auto
}

.company-tab-box li .about-info:hover {
  background: #fafafa
}

.company-tab-box li .pull-right {
  text-align: right;
  float: right
}

.hotcity-tab-box {
  margin-top: 25px;
  margin-bottom: -20px;
  width: 1000px;
  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: 77px;
  width: 160px;
  margin: 0 8px 8px 0;
  position: relative
}

.hotcity-tab-box ul a img {
  display: block;
  width: 160px;
  height: 77px
}

.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: 170px;
  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 .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 .registe-step .code-form-box .row-code.nc-container .nc_scale {
  display: block
}

.top-sign-box .registe-step .code-form-box .row-code {
  display: block;
  position: relative;
  z-index: 101;
  margin: 0
}

.top-sign-box .code-form-box .sign-form {
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  height: 34px;
  width: 300px
}

.registe-step .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
}

.registe-step .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: 1004;
  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
}

.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 {
  
width: 766px;
  
position: relative;
  
font-size: 13px;
  
border-left: 1px solid #183883;
  
margin-top: 20px;
  
float: left;
}

.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;
}

#header .search-form-con {
  width: 222px
}

.search-form .ipt-wrap-hover,.search-form-con:hover .ipt-wrap {
  border-color: #183883!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: #183883 !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;
  background: #fff;
  border: 1px solid #183883;
  border-left: none;
  border-right: none;
}

.detail-search .ipt-wrap {
  border-color: #e3e7ed;
  width: 507px
}
.city-sel
.suggest-result {
  display: none;
  background: #fff;
  width: 581px;
  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: 536px;
  height: 42px;
  line-height: 30px;
  padding: 7px 15px;
  border: 0;
  font-size: 13px;
  color: #414a60
}

.detail-search .ipt-search {
  width: 435px;
  padding: 7px 15px
}

.detail-search .search-form {
  z-index: 1000
}

.btn-search {
  height: 42px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  background: #183883;.btn:hover
  border: 0;
  cursor: pointer;
  font-size: 0;
  width: 87px;
  padding: 0;
  min-width: 0;
  background-position: 35px -10px;
  min-width: 0;
  background-image: url(../images/iconsearch.png);
  display: inline-block;
  background-repeat: no-repeat;
 
}

.city-sel {
  display: block;
  width: 65px;
  height: 28px;
  border: 1px solid #3846dc;
  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 #3846dc;
  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 #3846dc;
  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;
  background-image: url(../images/iconsd.png);
}

.industry-sel .icon-arrow-down {
  position: absolute;
  right: 10px;
  top: 15px;
  background-image: url(../images/iconsd.png);
}

.position-sel .icon-arrow-down {
  position: absolute;
  right: 8px;
  top: 15px;
  background-image: url(../images/iconsd.png);
}

.show-city .city-sel .icon-arrow-down {
  background-position: 0 -2067px;
  background-image: url(../images/iconsd.png);
}

.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
}

.detail-search {
  width: 653px
}

.detail-search .search-form-con {
  width: 563px
}

.detail-search .search-form .ipt-wrap {
  width: 466px;
  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: #3846dc
}

.industry-box ul li a:hover {
  background: #f6f6f8
}

.show-industry .industry-box {
  display: block
}

.position-box {
  position: absolute;
  top: 45px;
  left: 477px;
  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);
  height: 110px;
}

#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;
  clear: both;
}

.filter-select-box .dropdown-wrap.cur .dropdown-menu {
  display: block!important
}

.filter-select-box .empty-filter {
  float: right;
  line-height: 40px;
  color: #8d92a1
}

.filter-select-box .dropdown-wrap {
  width: 140px;
  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: 60px;
  min-width: 60px;
  border: none;
  padding-top: 5px;
  font-size: 12px;
  padding-left: 3px;
  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.d-mx{
  width: 210px;
}

.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;
  background-image: url(../images/iconsd.png);
}

.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 {
  margin-top: 20px
}

.job-box.show-top {
  margin-top: 211px
}

.sider {
  float: right;
  width: 210px
}

.sider .nomargin {
  margin-top: 0
}

.sider .promotion-img img {
  width: 100%
}

.company-sider,.job-sider {
  float: right;
  width: 298px;
  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;
  position: relative;
  background-color: #fff;
  margin: 0 234px 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;
}

.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: #3846dc
}

.job-tab a.cur {
  color: #54cbc4;
  border-bottom-color: #3846dc
}

.job-tab .red-dot {
  margin-left: 5px;
  margin-top: -15px
}

.job-list li {
  height: 95px;
  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 .name {
  font-size: 16px;
  font-weight: 400;
  height: 26px;
  line-height: 26px
}

.job-list li .name .job-title {
  font-size: 16px;
  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 .title-box {
  height: 26px;
  white-space: nowrap;
  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 p {
  margin-top: 2px;
  font-size: 12px;
  color: #9fa3b0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.job-list li .info-primary p {
  margin-top: 2px
}

.job-primary {
  height: 50px;
  color: #4a4160;
  padding: 22px 0;
  margin: 0 30px;
  border-bottom: 1px #f2f2f5 solid;
  position: relative
}

.job-primary.job-detail-primary {
  height: auto
}

.job-primary .info-company,.job-primary .info-primary {
  float: left;
  color: #4a4160
}

.job-primary .info-primary {
  width: 335px
}

.job-primary .info-company {
  width: 360px
}

.job-primary .btn-startchat {
  float: right;
  margin-top: 8px
}

.job-primary .info-publis {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  width: 240px;
  text-overflow: ellipsis;
  text-align: right
}

.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
}

@-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-primary .info-detail {
  position: absolute;
  left: 195px;
  top: 0;
  width: 540px;
  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
}

.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
}

.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: #3846dc
}

.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-primary .info-primary .cur .info-detail {
  display: block
}

.company-job .info-detail {
  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: 15px
}

.sider-list h3 {
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  color: #54cbc4;
  padding-left: 25px;
  font-weight: 400;
  border-bottom: solid 2px #f2f2f5
}

.sider-list li {
  margin: 0 25px;
  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: 70px;
  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
}

.about-search a {
  height: 40px;
  line-height: 40px
}

.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.png) center center no-repeat;
  height: 204px;
  color: #fff;
  padding-top: 10px
}

.job-banner .job-author {
  padding-top: 15px
}

.job-banner .job-author .time {
  padding-top: 0;
  background-position: 0 -1190px;
  padding-left: 20px;
  color: #e3e7ed;
  font-size: 12px;
  background-image: url(../images/iconss.png);
}

.job-banner .name {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  padding: 5px 0 20px
}

.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
}

.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: 16px
}

.company-detail-grab .job-list {
  margin: 35px 0 0
}

.company-detail-grab .job-list .detail-op {
  padding-top: 0
}

.company-detail-grab .job-list .job-primary .info-primary {
  width: 470px
}

.company-detail-grab .job-list h3 {
  font-size: 14px
}

.company-detail-grab .job-list li:hover {
  background: 0 0
}

.company-detail-grab .job-list li:hover .job-title {
  color: #3846dc
}

.company-detail-grab .job-primary {
  margin: 0
}

.company-detail-grab .job-primary .info-publis p {
  margin-top: 15px
}

.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;
  border-right: 1px #f5f7f9 solid;
  margin-right: 322px;
  padding-bottom: 45px;
  min-height: 813px
}

.job-detail .detail-figure {
  position: absolute;
  top: -62px;
  left: 0
}

.job-detail .detail-figure img {
  width: 73px;
  height: 73px;
  border-radius: 100%
}

.job-detail .detail-op {
  float: left;
  width: 100%
}

.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: 265px;
  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: 654px;
  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: 250px;
  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
}

.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: #3846dc
}

.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: center
}

.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: 50px;
  background: #636b7c;
  margin: 0 35px
}

.company-tab {
  margin-bottom: -29px;
  margin-top: 0
}

.company-tab a {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  color: #fff;
  margin-right: 45px;
  padding: 10px 0
}

.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: 283px;
  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: 152px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.company-hotjob li p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.small-item li {
  width: 188px;
  height: 98px
}

.small-item li a {
  width: 152px
}

.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
}

.manager-list .info-user {
  font-size: 0;
  padding-bottom: 10px
}

.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
}

.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 20px;
  background: #fff;
  width: 980px;
  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: 20px;
  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
}

.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(/v2/web/boss/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: #3846dc
}

.detail-op .op-links .link-report {
  background-position: 0 6px
}

.detail-op .op-links .link-report:hover {
  background-position: 0 -34px;
  color: #3846dc
}

.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: #3846dc
}

#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: 55px;
  left: 56px
}

.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-top: 5px;
  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 .job-tags {
  margin-bottom: -10px;
  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: #3846dc;
  position: absolute;
  bottom: 4px;
  right: 0
}

.level-list {
  margin-top: 5px;
  height: 66px
}

.level-list li {
  display: inline-block;
  width: 246px;
  margin-top: 5px
}

.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
}

.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: 208px;
  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 #3846dc 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: 80px;
  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;
  line-height: 1.3;
}

.detail-content .suggest-result {
  width: 651px;
  left: 0
}

.detail-content .city-box {
  left: 425px
}

.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;
  border-radius: 8px;
  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: 610px
}

.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: #3846dc;
  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: 8px auto 6px auto;
  width: 1000px;
  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
}

.pos-bread {
  margin-top: 20px;
  color: #9fa3b0
}

.pos-bread a {
  color: #9fa3b0
}

.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
}

.job-banner .pos-bread {
  display: none
}

#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-top: 20px;
  padding-bottom: 10px
}

.promotion-job h3 {
  color: #424a5e;
  font-size: 15px;
  font-weight: 400;
  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: #3846dc
}

.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
}

.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-top: 15px!important
}

.promotion-img img {
  display: block;
  width: 298px
}

.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: #3846dc;
  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 .sign-wrap {
  position: static;
  margin: 16px 0 0;
  width: auto
}

.job-sider .sign-form {
  box-shadow: none;
  padding: 0;
  background: #f6f6f8;
  border-radius: 0;
  padding: 20px 25px 20px;
  width: auto
}

.job-sider .sign-form h3 {
  font-size: 20px;
  font-weight: 400
}

.job-sider .sign-form p {
  color: #a7abb7;
  margin-top: 5px
}

.job-sider .sign-form .tip-error {
  height: 25px;
  padding-top: 5px
}

.job-sider .sign-form .ipt-phone {
  width: 132px
}

.job-sider .sign-form .ipt-code {
  width: 86px
}

.job-sider .sign-form .ipt-sms {
  width: 191px
}

.job-sider .sign-form .form-row {
  margin-top: 20px
}

.job-sider .sign-form .tip-error {
  margin-bottom: -20px
}

.job-sider .sign-form .form-btn {
  margin-top: 20px
}

.job-sider .sign-form .text-tip {
  padding: 20px 0 0
}

.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: 298px;
  height: 184px;
  padding-top: 114px;
  background: url(../images/salary-miniapp.jpg) no-repeat center top;
  background-size: 100%
}

.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;
  width: 265px;
  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
}

.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
}

.licence {
  height: 100%
}



.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-x: 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: #3846dc
}

.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
}

.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/prop/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: #3846dc;
  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;
  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
}

.btn-allcity {
  position: absolute;
  right: 0;
  top: 2px
}

.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: #3846dc
}

.city-dialog .section-province li.active {
  background-color: #fff;
  color: #3846dc
}

.city-dialog .section-province li.active:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: #3846dc;
  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
}

.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
}

.dialog-uploadResume .dialog-container {
  padding: 23px 40px 21px 40px
}

.dialog-uploadResume .dialog-container input {
  display: none
}

.five-graph-test {
  padding: 20px 20px 28px 20px;
  width: 259px;
  height: 230px;
  text-align: center;
  box-shadow: 0 0 6px 0 rgba(0,0,0,.16)
}

.five-graph-test h4 {
  text-align: left;
  line-height: 20px
}

.five-graph-test p {
  font-size: 12px;
  color: #9fa3af;
  line-height: 17px;
  padding: 22px 0 10px
}

.five-graph-test i {
  display: block;
  width: 259px;
  height: 112px;
  background: url(../images/five-graph.png) no-repeat center;
  background-size: contain;
  margin-top: 11px
}

.five-graph-test .btn {
  width: 178px;
  height: 34px;
  line-height: 34px
}

.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 #3846dc
}

.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
}


.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 .title .edit {
  color: #8d92a1
}

.sider-resume .title .edit:hover {
  color: #3846dc
}

.resume-attachment {
  position: relative;
  margin: 0 0 18px;
  padding: 0 25px 10px;
  background-color: #fff
}

.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: #3846dc;
  float: right
}

.sider-resume .progress p {
  width: 80%;
  height: 100%;
  background-color: #3846dc;
  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: #3846dc;
  border: none;
  border-radius: 2px;
  font-size: 14px;
  color: #414a60;
  margin: 0 auto;
  color: #fff;
  cursor: pointer
}

.file-result:hover {
  background: #3846dc
}

.file-tip p {
  font-size: 12px;
  color: #d0d0d0;
  line-height: 20px;
  padding-top: 10px
}

.resume {
  padding: 28px 0;
  background-color: #fff;
  margin-right: 230px
}

.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-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: 8px
}

.resume-item .op {
  display: none;
  color: #9fa3b0;
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 8px
}

.resume-item .op:hover a {
  color: #18c3b1;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.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 {
  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: #3846dc;
  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: 450px
}

.history-project li .item-name .certified {
  margin-left: 30px;
  padding-left: 20px;
  background: url(../../boss/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(../../boss/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;
  display: inline-block;
  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 .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: #3846dc
}

.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;
  bottom: 10px;
  margin: 0
}

.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: #3846dc
}

.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: #3846dc
}

.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 {
  color: #202329;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 6px
}

.link-add .fz-resume {
  position: relative;
  bottom: 1px;
  margin-right: 5px
}

.link-add:hover {
  background-color: #f2f5f9;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

#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;
  position: relative;
  cursor: pointer
}

#resume-userinfo .userinfo-con .op {
  right: 10px
}

#resume-userinfo .userinfo-con:hover {
  background-color: #f2f5f9;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

#resume-userinfo .userinfo-con:hover .op {
  display: block
}

#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 .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
}

.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:hover .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 .vline {
  margin: 0 24px 0 28px
}

.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: #3846dc
}

.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 30px
}

#resume-history .item-primary>.link-add {
  margin: 0 30px;
  border-bottom: 6px #fff solid
}

#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 .op {
  display: none;
  color: #9fa3b0;
  font-size: 12px;
  position: absolute;
  right: 30px;
  top: 8px
}

#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
}

.upload-dialog-box p {
  padding-top: 10px
}

.upload-dialog-box .btn-file {
  margin-top: 20px
}

.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/ui/icon-chrysanthemum.gif) no-repeat;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -3px
}

.pop-resume-box {
  background: #fff;
  width: 1000px;
  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;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}

.annex-item:hover {
  background-color: #f2f5fa
}

.annex-item img {
  margin-right: 11px
}

.annex-item em {
  font-style: normal
}

.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-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: #3846dc!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 {
  padding: 0;
  margin: 0;
  text-align: left;
  color: #414a60;
  font-size: 14px;
  font-weight: 400;
  float: 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 {
  margin-top: 20px;
  text-align: center
}

.resume-refresh li.refresh-lines,.resume-refresh li.refresh-test {
  position: relative;
  background-color: #fff;
  width: 170px;
  height: 224px;
  padding: 20px;
  margin-bottom: 10px
}

.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: 170px;
  height: 89px;
  margin-top: 44px
}

.refresh-test p {
  font-size: 12px;
  color: #9fa3af;
  line-height: 17px;
  padding-top: 23px;
  padding-bottom: 8px
}

.refresh-text {
  text-align: left;
  padding: 10px 10px;
  font-size: 12px;
  line-height: 12px;
  color: #d1d4db
}

.refresh-text .refresh-free-count span {
  color: #3846dc
}

.refresh-btn,.refresh-btn-test {
  width: 148px;
  height: 34px;
  line-height: 34px;
  font-size: 14px
}

.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: #3846dc;
  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: #3846dc;
  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: #3846dc
}

.axis-active .my-yaxis,.resume-refresh .my-yaxis:hover {
  stroke: #c9efee;
  stroke-width: 2.5px;
  fill: #3846dc
}

.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: #3846dc
}

.axis-active.my-series-grey .similar-series {
  display: block
}

.my-series.dn {
  display: block
}

.axis-active .fresh-day {
  fill: #61687c
}

.chat-container {
  margin-top: 20px
}

.chat-controls a {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-image: url(/v2/web/boss/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(/v2/web//boss/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(/v2/web/boss/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(/v2/web//boss/images/emotions/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: #3846dc url(../images/newbg.png) center bottom no-repeat
}

.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
}

.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: #3846dc;
  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: #8d92a1;
  border-color: #8d92a1
}

.pop-sign-box .nc-container .nc_scale .scale_text2,.sign-wrap .nc-container .nc_scale .scale_text2 {
  text-align: center
}

.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
}

.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: #3846dc;
  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: #3846dc
}

.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 .sign-scan-help {
  position: absolute;
  width: 353px;
  height: 548px;
  left: 367px;
  top: -144px;
  display: none;
  z-index: 1;
  opacity: 0;
  margin-left: -10px
}

.sign-scan .sign-scan-help .scan-help-top {
  width: 353px;
  height: 79px;
  background: url(../images/icon-help-up.png) no-repeat;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  padding-top: 90px
}

.sign-scan .sign-scan-help .scan-help-top ul {
  border: 1px solid #53cac4;
  height: 29px;
  border-radius: 20px;
  overflow: hidden;
  width: 188px;
  margin: 0 auto;
  font-size: 0;
  position: relative;
  z-index: 1
}

.sign-scan .sign-scan-help .scan-help-top ul 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-scan .sign-scan-help .scan-help-top ul li.active {
  background-color: #e5f8f7
}

.sign-scan .sign-scan-help .scan-help-down {
  width: 353px;
  height: 381px;
  overflow: hidden;
  position: relative;
  margin-top: -2px
}

.sign-scan .sign-scan-help .scan-help-down li {
  width: 353px;
  height: 381px;
  position: absolute;
  top: 0;
  left: 0
}

.sign-scan .sign-scan-help .scan-help-down li img {
  width: 353px;
  height: 381px;
  display: block;
  border: none
}

.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 {
  padding-left: 30px;
  background: url(../images/icon/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
}

@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: #3846dc;
  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/wap/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/wap/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/wap/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
}
}

@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
}

.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: #3846dc;
  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: #3846dc
}

.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/icon/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
}

.sign-resume-wrapper .hide {
  display: none
}

.sign-resume-wrapper .header .logo {
  float: none;
  display: block;
  width: auto;
  height: 60px;
  padding: 56px 0 0 60px;
  background: 0 0;
  font-size: 0
}

.sign-resume-wrapper .header img {
  width: 60px;
  height: 60px;
  border: none
}

.sign-resume-wrapper .header span {
  display: inline-block;
  margin-left: 24px;
  padding-top: 5px;
  line-height: 26px;
  color: #414a60;
  font-size: 18px;
  font-weight: 400;
  vertical-align: top
}

.sign-resume-wrapper .page-loading,.sign-resume-wrapper .sign-resume-box,.sign-resume-wrapper .upload-resume {
  position: absolute;
  left: 50%;
  top: 45%
}

.sign-resume-wrapper .upload-resume {
  width: 390px;
  margin: -130px auto auto -235px;
  padding: 40px;
  background-color: #fff;
  text-align: center;
  border-radius: 4px
}

.sign-resume-wrapper .upload-resume h4 {
  line-height: 24px;
  font-size: 24px;
  font-weight: 400
}

.sign-resume-wrapper .upload-resume .content {
  margin-top: 24px;
  line-height: 24px
}

.sign-resume-wrapper .upload-resume .btn {
  display: block;
  width: 130px;
  margin: 44px auto 0;
  position: relative;
  overflow: hidden
}

.sign-resume-wrapper .upload-resume .btn input {
  position: absolute;
  width: 100%;
  height: 200%;
  top: -100%;
  left: 0;
  background: 0 0;
  opacity: 0;
  cursor: pointer
}

.sign-resume-wrapper .page-loading {
  margin: -15px auto auto -85px
}

.sign-resume-wrapper .page-loading .text {
  display: block;
  margin-top: 10px;
  color: #9fa3af;
  text-align: center
}

.sign-resume-wrapper .sign-resume-box h4 {
  line-height: 24px;
  font-size: 18px;
  font-weight: 400
}

.sign-resume-wrapper .sign-resume-box .sign-form {
  display: block;
  width: 440px;
  margin: -293px auto auto -260px;
  padding: 40px 40px 24px;
  border-radius: 0;
  box-shadow: none
}

.sign-resume-wrapper .sub-title {
  margin-top: 8px;
  color: #9fa3af
}

.sign-resume-wrapper .sign-resume-box form {
  padding: 0
}

.sign-resume-wrapper .form-row {
  position: relative
}

.sign-resume-wrapper .cell-title {
  float: left;
  width: 85px;
  height: 42px;
  padding-right: 30px;
  line-height: 42px;
  text-align: left
}

.sign-resume-wrapper .ipt-wrap {
  margin-left: 115px
}

.sign-resume-wrapper .sign-form .dropdown-select {
  position: absolute;
  top: 1px;
  left: 140px;
  height: 40px;
  z-index: 1;
  background: 0 0
}

.sign-resume-wrapper .sign-form .dropdown-menu {
  left: 112px
}

.sign-resume-wrapper .sign-form .btn-sms {
  right: 2px
}

.sign-resume-wrapper .row-tip-error {
  position: absolute;
  left: 115px;
  height: auto;
  padding-top: 0;
  line-height: inherit;
  color: #fc5b5c
}

.sign-resume-wrapper .form-footer {
  margin-top: 30px
}

.sign-resume-wrapper .form-footer .btns {
  text-align: right
}

.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 .sign-resume-box .analysis-result {
  width: 440px;
  margin: 10px 0 0 -260px;
  padding: 1px 40px;
  background: #fff;
  border-radius: 0;
  box-shadow: none
}

.sign-resume-wrapper .analysis-result li {
  position: relative;
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #eef0f5
}

.sign-resume-wrapper .analysis-result li:last-of-type {
  border: none
}

.sign-resume-wrapper .analysis-result div {
  position: absolute;
  top: 0;
  right: 0;
  color: #9fa3b0
}

.sign-resume-wrapper .analysis-result span {
  padding: 0 5px 0 10px
}

.sign-resume-wrapper .footer {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  text-align: center
}

.sign-resume-wrapper .text-tip {
  color: #9fa3af
}

.sign-resume-wrapper .footer a {
  padding-left: 10px;
  color: #3846dc
}

.sign-resume-wrapper .footer a:hover {
  color: #3846dc
}

body.semwrap {
  background-color: #a8acb7
}

.semwrap .main {
  width: 100%;
  height: 668px;
  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
}

.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;
  margin: 0
}

.semwrap .sign-form {
  border-radius: 0;
  height: 383px
}

.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: #3846dc
}

.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 #3846dc solid;
  color: #3846dc;
  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: #fff
}

.semwrap #footer .footer-img {
  margin-top: 48px;
  text-align: center
}

.semwrap #footer .copyright {
  text-align: center;
  color: #abacaf;
  margin-top: 76px;
  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: #3846dc;
  margin-left: 5px
}

.sem-overseas li .list-spec img {
  height: 91px
}

.semwrap7 {
  color: #fff;
  font-size: 15px
}

.semwrap7 #toast {
  color: #414a60
}

.semwrap7 #wrap {
  min-height: auto
}

.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: #3846dc;
  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: #3846dc;
  color: #fff;
  text-align: center
}

.semwrap7 #wrap button.item:hover,.semwrap7 #wrap button:hover {
  background-color: #3846dc;
  color: #fff;
  cursor: pointer
}

.semwrap7 .container {
  width: 1000px;
  height: 620px;
  margin: 48px auto 0
}

.semwrap7 .container .sem-title {
  width: 264px;
  height: 42px;
  margin-bottom: 33px;
  background: url(../images/sem/sem7/sem7-title.png) left top
}

.semwrap7 .slider-box .sem-search {
  height: 40px;
  padding: 2px;
  background-color: #3846dc;
  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: 40px;
  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 .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: rgba(7,8,68,.3)
}

.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: 100px;
  line-height: 21px;
  text-align: center
}

.semwrap7 .sem-content .item-2 img {
  width: 75%;
  margin: 14px auto 5px
}

.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: 242px;
  height: 64px;
  padding: 18px;
  text-align: right
}

.semwrap7 .sem-content .item-4 img {
  float: left;
  height: 100%
}

.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-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 .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;
  background-color: rgba(255,255,255,.1)
}

.semwrap7 .pop-layer {
  position: absolute;
  left: 98px;
  top: 52px;
  width: 386px;
  height: 246px;
  padding: 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: 126px;
  height: 52px;
  margin: -8px auto auto -12px;
  line-height: normal
}

.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: 15px;
  border-bottom: 1px dotted #e3e7ed;
  line-height: 13px;
  color: #61687c;
  font-size: 13px;
  letter-spacing: 1px
}

.semwrap7 .pop-layer-brand .hot-job {
  margin-top: 15px;
  line-height: 20px;
  font-size: 14px
}

.semwrap7 .pop-layer-brand .hot-job span {
  display: inline-block;
  width: 185px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.semwrap7 .pop-layer-brand button {
  margin: 11px auto 20px
}

.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: 30px;
  line-height: 25px;
  font-size: 18px;
  text-align: right;
  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-info {
  margin-top: 8px;
  line-height: 18px;
  color: #61687c;
  font-size: 13px;
  letter-spacing: 1px
}

.semwrap7 .pop-layer-job button {
  margin: 35px auto 20px
}

.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)
}

.semwrap7 .pop-sign {
  position: relative;
  z-index: 21;
  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/sem/sem7/sem7-01.jpg) no-repeat left top/cover
}

.semwrap7 .pop-sign .img-list .img-2 {
  background: transparent url(../images/sem/sem7/sem7-02.jpg) no-repeat left top/cover
}

.semwrap7 .pop-sign .img-list .img-3 {
  background: transparent url(../images/sem/sem7/sem7-03.jpg) no-repeat left top/cover
}

.semwrap7 .pop-sign .img-list .img-4 {
  background: transparent url(../images/sem/sem7/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 .tip-error {
  margin-bottom: -25px
}

.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 {
  padding: 0 40px
}

.semwrap7 .pop-sign .sign-form .form-row:first-of-type {
  margin-top: 20px
}

.semwrap7 .pop-sign .sign-form .sign-tab {
  height: 29px;
  padding: 10px 0 0
}

.semwrap7 .pop-sign .sign-form .tip-error {
  height: 24px;
  padding: 0;
  line-height: 24px;
  font-size: 12px
}

.semwrap7 .pop-sign .sign-form .row-code {
  font-size: 0
}

.semwrap7 .pop-sign .sign-form .sign-tab span {
  height: 29px
}

.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 .tip2 {
  top: 0;
  z-index: 20;
  width: 572px;
  height: 424px
}

.semwrap7 .tip2 .close {
  top: 23px;
  right: 18px
}

@-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: #3846dc 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: 0;
  width: 100%
}

.guide .header .logo {
  display: block;
  width: auto;
  height: 60px;
  margin-left: 60px;
  background: 0 0;
  color: #fff;
  font-size: 0
}

.guide .header .logo img {
  border: none
}

.guide .header .logo span {
  display: inline-block;
  margin-left: 24px;
  padding-top: 5px;
  line-height: 26px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  vertical-align: top
}

.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: 500px;
  margin: -350px 0 0 -250px
}

.guide .title-box {
  color: #fff
}

.guide .title-box .title {
  line-height: 36px;
  font-size: 18px;
  font-weight: 500
}

.guide .title-box .step {
  padding-right: 10px;
  font-size: 24px;
  font-weight: 500
}

.guide .title-box .sub-title {
  margin-bottom: 12px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 300
}

.guide .info-box-inner {
  background-color: #fbfbfd;
  border-radius: 10px
}

.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/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/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/icon-dot-arrow-s.png) repeat-y 4px 10px
}

.ie8 .guide .progress-box li {
  background: url(../images/icon/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: 420px;
  padding: 40px 40px 20px;
  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: #414a60;
  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: #9fa3b0;
  font-size: 12px;
  vertical-align: baseline
}

.guide .form-box .ipt {
  width: 390px;
  color: #414a60;
  padding: 6px 14px
}

.guide .form-box .ipt-short {
  width: 170px
}

.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 .skip {
  float: right;
  margin: -20px -40px 0 0;
  padding: 0 8px 0 13px;
  line-height: 23px;
  background-color: #e3e7ed;
  color: #8d92a1;
  font-size: 12px;
  border-radius: 12px 0 0 12px
}

.guide .form-box .skip:hover {
  background-color: #9fa3b0;
  color: #414a60
}

.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 .row-birthday.form-row .ipt-datetimepicker {
  min-width: 352px
}

.guide .form-box label {
  width: 198px;
  min-width: 0;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #9fa3b0;
  display: inline-block;
  position: relative;
  text-align: center
}

.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: #3846dc
}

.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 .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 #3846dc;
  color: #3846dc;
  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: 400px;
  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 {
  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 .datetimepicker,.guide .workstartpicker-wrap {
  width: 398px
}

.guide .datetimepicker td {
  padding: 0 21px
}

.guide .workstartpicker-wrap .content {
  padding: 0 21px
}

.guide .dropcity .city-selector-province {
  width: 200px
}

.guide .dropcity .city-selector-citys {
  margin-left: 202px
}

.guide .datetimepicker-dropdown-left-bottom {
  left: 521px!important
}

.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 {
  color: #9fa3b0;
  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
}

.guide .sign-resume-tips .toast-con {
  position: relative;
  padding: 0 60px 0 30px;
  line-height: 40px;
  border-radius: 20px;
  cursor: pointer
}

.guide .sign-resume-tips .close {
  position: absolute;
  top: 10px;
  right: 30px;
  width: 20px;
  height: 20px;
  background: url(../images/icon/icon-close.png) left top/100% auto
}

.guide .sign-resume-tips .toast-con:hover .close {
  background-position: 0 -80px
}

.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-bottom: 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
}

.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: #3846dc;
  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: #3846dc;
  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: #3846dc;
  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: #3846dc;
  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: 1000px;
  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 .dialog-con {
  font-size: 14px
}

.competitive-container {
  margin: 20px auto 0 auto;
  max-width: 1000px;
  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: #3846dc
}

.cgrey {
  color: #353b3d
}

.c-title {
  color: #3846dc
}

.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/competitive/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/competitive-tool.png) no-repeat
}

.ctv-l-b-r {
  background: url(../images/competitive/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/competitive/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: #3846dc
}

.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/competitive/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: #3846dc;
  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/competitive/dimensional-graph.png) no-repeat center
}

.deep-test {
  background: url(../images/competitive/deep-test.png) no-repeat center
}

.fast-test {
  background: url(../images/competitive/fast-test.png) no-repeat center
}

.dimensional-graph-hover {
  background: url(../images/competitive/dimensional-graph-hover.png) no-repeat center
}

.deep-test-hover {
  background: url(../images/competitive/deep-test-hover.png) no-repeat center;
  background-size: contain
}

.fast-test-hover {
  background: url(../images/competitive/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/competitive/kownAll.png) no-repeat center
}

.shop-props .wages {
  background: url(../images/competitive/wages.png) no-repeat center
}

.shop-props .recruit {
  background: url(../images/competitive/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/competitive/kownAll-hover.png) no-repeat center;
  background-size: contain
}

.shop-props .wages-hover {
  background: url(../images/competitive/wages-hover.png) no-repeat center;
  background-size: 85%
}

.shop-props .recruit-hover {
  background: url(../images/competitive/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/competitive/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/competitive/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/prop/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/prop/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: #3846dc;
  border-color: #3846dc;
  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: #3846dc;
  box-shadow: 2px 4px 6px rgba(93,213,200,.2);
  cursor: pointer
}

.layer-prop-purchase .purchase-container .item-hot {
  background: url(../images/prop/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
}


.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 234px 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: #3846dc
}

.satisfaction-feedback .satisfaction div:last-of-type {
  margin-right: 0
}

.satisfaction-feedback textarea {
  float: left;
  width: 322px;
  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 {
  width: 956px;
  margin: 0 auto;
  padding: 30px 22px;
  background-color: #fff
}

.company-search .filter-row {
  margin-bottom: 13px
}

.company-search .filter-row:last-of-type {
  margin-bottom: 0
}

.company-search .filter-row .title {
  float: left;
  width: 70px;
  color: #414a60
}

.company-search .filter-row .content {
  display: block;
  width: calc(100% - 70px);
  margin-left: 70px;
  font-size: 13px
}

.company-search .filter-row a {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 8px 0;
  color: #61687c
}

.company-search .filter-row a:hover {
  color: #3846dc
}

.company-search .expect {
  width: 956px;
  height: 44px;
  margin: 10px auto 2px;
  padding: 0 22px;
  background-color: #fff;
  font-size: 12px
}

.company-search .expect .company-count {
  float: right;
  height: 44px;
  line-height: 44px;
  color: #8d92a1
}

.company-search .expect .company-count span {
  padding: 0 4px
}

.company-search .expect-filter {
  line-height: 44px
}

.company-search .expect-filter span {
  line-height: 26px
}

.company-search .expect-dropdown-wrap {
  display: inline-block;
  position: relative;
  height: 44px;
  margin-left: 15px;
  line-height: 44px;
  cursor: pointer
}

.company-search .expect-dropdown-wrap .dropdown-select {
  color: #00c2b3
}

.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-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.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-x: 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-x: 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-x: hidden;
  white-space: nowrap
}

.company-search .company-list {
  width: 1000px;
  margin: 0 auto
}

.company-search .company-list ul {
  height: auto;
  overflow: hidden
}

.company-search .company-list li {
  height: 140px
}

.company-search .company-list .sub-li {
  height: 138px;
  width: 248px;
  background-color: #fff
}

.company-search .sub-li .company-info {
  width: 206px
}

.company-search .sub-li .about-info p {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.company-search .sub-li .h {
  color: #00c2b3;
  text-decoration: none
}

.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
}
.dropdowm-seltitem.d-mx{
  width: 235px;
}
.filter-select-box .dropdowm-seltitem.d-mx .ipt{
  width: 190px;
}