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

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

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

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

a:hover {
    color: #00d7c6;
    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;
    -moz-osx-font-smoothing: grayscale
}

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

body {
    background: #f6f6f8;
    min-width: 1224px;
    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: 1184px;
    margin: 0 auto
}

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

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

.gray {
    color: #9fa3af
}

.red {
    color: #fc703e !important
}

.text-blue {
    color: #00c2b3
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

@font-face {
    font-family: kanzhun-Regular;
    src: url(https://img.bosszhipin.com/static/file/2022/16a48d9v961651026858984.ttf) format('truetype')
}

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

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

.nav-chat-num {
    display: none;
    position: absolute;
    top: 9px;
    left: 34px;
    padding: 0 4px;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    height: 16px;
    background: #fe574a;
    border-radius: 9px 9px 9px 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 -2044px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ipt-long {
    width: 100%
}

.ipt-wrap {
    position: relative
}

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

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

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

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

.placeholder {
    color: #9fa3af !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.radio-list {
    white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-disabled {
    opacity: .6
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jconfirm {
    z-index: 1010
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#header a {
    color: #fff
}

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

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

.logo a {
    display: block;
    width: 104px;
    height: 22px;
    background: url(../../resource/img/logo.png) 0 0 no-repeat;
    background-size: 104px 22px
}

.ie .logo a {
    background: url(../../resource/img/logo.png) 0 0 no-repeat
}

.logo span {
    display: none
}

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

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

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

.nav li > a, .user-nav li > a {
    font-weight: 500
}

.user-nav li.nav-dot {
    color: #fff;
    margin: 0;
    font-size: 0;
    width: 1px;
    height: 8px;
    background: #fff;
    border-radius: 1px;
    margin-top: 21px
}

#header .inner {
    position: relative;
    box-sizing: border-box
}

#header .inner:before {
    content: ' ';
    height: 49px;
    width: 726px;
    display: block;
    position: absolute;
    left: 196px;
    top: 0;
    z-index: -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.user-nav {
    float: right;
    margin-left: 5px
}

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

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

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

.user-nav .btns .btn-outline {
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding: 0 11px;
    min-width: 0;
    margin-left: 10px;
    color: #fff;
    vertical-align: inherit;
    background: 0 0
}

.user-nav .btns .btn-outline:hover {
    background: rgba(0, 190, 189, .2)
}

.user-nav li.nav-figure {
    margin-right: 0;
    margin-left: 5px;
    position: relative;
    padding: 7px 0 6px
}

.user-nav li.nav-figure > a {
    border-radius: 6px;
    padding: 0 5px;
    height: 36px;
    display: flex;
    align-items: center;
    transition: all .2s linear
}

.user-nav li.nav-figure:hover > a {
    background: rgba(255, 255, 255, .2)
}

.user-nav li.nav-figure:hover:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 4px;
    background: 0 0;
    z-index: 2
}

#header .user-nav li.nav-figure:hover > a {
    color: #fff
}

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

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

.user-nav .btns .link-apply-job {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    height: 30px;
    width: 75px;
    transition: none
}

.user-nav .btns .link-apply-job:hover {
    background-position: -75px 0
}

.user-nav .btns .link-apply-job .new {
    top: -3px;
    right: -16px
}

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

.nav-figure .label-text {
    margin-top: -2px;
    line-height: 20px;
    padding-right: 4px;
    vertical-align: middle;
    max-width: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap
}

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

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

.nav-city .icon-poi {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    margin: 16px 3px 0 24px
}

.nav-city .nav-city-selected {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 84px;
    vertical-align: middle
}

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

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

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

.nav-figure .dropdown {
    display: none;
    position: absolute;
    width: 234px;
    left: auto;
    right: 0;
    top: 53px;
    z-index: 2;
    padding: 4px;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    border: 1px solid #ededed
}

#header .nav-figure .dropdown a {
    position: relative;
    padding: 12px 20px;
    line-height: 20px;
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff;
    border-radius: 4px;
    transition: all .2s linear
}

#header .nav-figure .dropdown a span {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    margin-top: 4px
}

#header .nav-figure .dropdown a:hover {
    color: #00a6a7;
    background: #f8f8f8;
    font-weight: 500
}

#header .nav-figure .dropdown a.link-logout:after, #header .nav-figure .dropdown a.link-recruit:after {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #f2f5fa;
    z-index: 1
}

#header .nav-figure .dropdown a.link-logout, #header .nav-figure .dropdown a.link-recruit {
    margin-top: 4px;
    padding-top: 16px
}

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

.nav-search {
    float: left;
    position: relative;
    width: 160px !important;
    padding-top: 10px !important;
    box-sizing: border-box;
    margin-left: 15px
}

.nav-search .btn-search {
    width: 16px;
    height: 16px;
    background-color: transparent;
    position: absolute;
    top: 16px;
    right: 8px;
    background: url(https://img.bosszhipin.com/static/file/2023/umua62pczi1679922532668.png) 0 0/16px auto no-repeat
}

.nav-search .ipt-search {
    border: 1px transparent solid;
    width: 100%;
    padding: 3px 12px;
    line-height: 20px;
    border-radius: 6px;
    font-size: 12px;
    background: rgba(255, 255, 255, .2);
    color: #fff;
    box-sizing: border-box;
    transition: all .2s linear
}

.nav-search .ipt-search:focus, .nav-search .ipt-search:hover {
    border-color: #00bebd
}

.nav-search .suggest-result {
    width: auto;
    left: 0;
    top: 49px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    border: 1px solid #ededed;
    overflow: hidden;
    z-index: 9
}

.nav-search .search-find-box {
    width: 300px;
    left: 0;
    top: 49px
}

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

.nav-search .suggest-result li {
    width: 172px;
    line-height: 20px;
    padding: 8px 12px;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.nav-search .suggest-result li:hover {
    background: #f8f8f8
}

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

#header .nav-search .search-find-box .search-find-title .clear-search-btn {
    color: #999
}

#header .nav-search .search-find-box .search-find-title .clear-search-btn:hover {
    color: #00a6a7
}

#header .nav-search .search-find-box .search-find-list a {
    background: #f8f8f8;
    border-radius: 6px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding: 2px 8px;
    float: left;
    margin: 4px 6px;
    transition: all .2s linear
}

#header .nav-search .search-find-box .search-find-list a:hover {
    color: #fff;
    background: #00bebd
}

#header .nav-search .search-find-box .switch-find-btn {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #00a6a7;
    line-height: 17px;
    transition: all .2s linear
}

#header .nav-search .search-find-box .switch-find-btn:hover {
    opacity: .8
}

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

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

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

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

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

#main, #wrap {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#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;
    box-sizing: border-box
}

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

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

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

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

.copyright span.renshe-phone {
    cursor: pointer
}

.icon-client-app {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border: 1px #eaebee solid;
    border-radius: 100%;
    margin-left: 23px;
    vertical-align: top
}

.icon-client-app:hover {
    border-color: #cbcdd4
}

.icon-client-app:hover .download-app-tip {
    display: block
}

.icon-client-app img.icon-image {
    width: 18px;
    height: auto;
    vertical-align: middle
}

.icon-client-app .download-app-tip {
    display: none;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -48px;
    background: #707070;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    padding: 1px 6px;
    white-space: nowrap
}

.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: #00bebd
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.page-loading .component-b, .page-loading .component-o, .page-loading .component-s1, .page-loading .component-s2 {
    display: inline-block;
    width: 40px;
    height: 42px;
    background: url(../images/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: auto;
    overflow-x: hidden
}

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

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

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

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

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

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

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

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

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

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

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

.sider-position-title .job-medium-icon.before-icon {
    margin-left: 0;
    margin-right: 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dialog-text-content .dialog-footer .btns .btn-sure {
    background: #00bebd;
    border-radius: 4px;
    border-color: #00bebd;
    transition: all .2s linear
}

.dialog-text-content .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8);
    border-color: rgba(0, 190, 189, .8)
}

.register-protocol-dialog .dialog-con {
    margin-right: -30px;
    padding-right: 30px;
    margin-top: -30px
}

.register-protocol-dialog .dialog-title {
    display: none
}

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

.geetest_holder.geetest_wind {
    height: 42px
}

.geetest_holder.geetest_wind .geetest_success_btn {
    border-color: #5dd5c8;
    background: #fff
}

.geetest_holder.geetest_wind .geetest_logo, .geetest_holder.geetest_wind .geetest_logo .geetest_success_logo {
    display: none
}

.geetest_holder.geetest_wind.geetest_detect .geetest_radar .geetest_dot, .geetest_reset_tip_content {
    background: #53cac3
}

.geetest_holder.geetest_wind .geetest_success_btn {
    border-color: #53cac3;
    background: #fff
}

.geetest_holder.geetest_wind .geetest_success_btn:hover {
    background: #f4fffe
}

.geetest_holder.geetest_wind .geetest_logo, .geetest_holder.geetest_wind.geetest_radar_error .geetest_radar_tip .geetest_radar_error_code {
    display: none
}

.geetest_holder.geetest_wind .geetest_radar_tip {
    text-align: center !important
}

.chat-bot-iframe-mask {
    z-index: 1005;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed;
    background: rgba(37, 40, 48, .7)
}

.chat-bot-iframe-mask .chat-bot-iframe {
    z-index: 1000;
    width: 780px;
    height: 677px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 0
}

.geetest_holder.geetest_silver .geetest_head .geetest_tips .geetest_tip_content {
    color: #000
}

.message-notice-toast {
    position: fixed;
    top: 80px;
    right: 20px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    z-index: 2000;
    cursor: pointer
}

.message-notice-toast a {
    display: flex;
    padding: 0 12px;
    align-items: center;
    color: #414b60
}

.message-notice-toast a:hover .name {
    color: #00c2b3
}

.message-notice-toast .avatar {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    margin: 12px 12px 12px 0
}

.message-notice-toast .avatar img {
    max-width: 100%;
    max-height: 100%
}

.message-notice-toast .toast-notice-main {
    display: flex;
    flex-direction: column
}

.message-notice-toast .name {
    display: block;
    max-width: 184px;
    font-size: 14px;
    color: #24272e;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.message-notice-toast .message-desc {
    width: 184px;
    font-size: 12px;
    color: #24272e;
    line-height: 17px;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.max-resume-dialog .dialog-container {
    padding: 20px;
    border-radius: 12px;
    margin: -175px 0 0 -250px
}

.max-resume-dialog .dialog-container p {
    font-size: 12px;
    color: #222;
    line-height: 14px;
    margin-top: 10px
}

.max-resume-dialog .dialog-container img {
    margin-top: 10px;
    width: 460px
}

.max-resume-dialog .dialog-footer .btns .btn {
    padding: 0 15px;
    border-radius: 4px;
    line-height: 32px;
    height: 32px;
    border: none
}

.dialog-map-commuting .dialog-container {
    width: 100%;
    height: 100%;
    margin: 0;
    box-shadow: none;
    position: relative;
    top: auto;
    left: auto;
    background: 0 0
}

.dialog-map-commuting .dialog-title .close {
    position: absolute;
    right: 70px;
    top: 70px;
    z-index: 10;
    width: 32px;
    height: 32px;
    background: rgb(0, 0, 0, .3);
    border-radius: 8px
}

.dialog-map-commuting .dialog-title .close:hover {
    background: rgb(0, 0, 0, .4)
}

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

.dialog-map-commuting .dialog-title .icon-close {
    width: 32px;
    height: 32px
}

.dialog-map-commuting .dialog-title .icon-close:after, .dialog-map-commuting .dialog-title .icon-close:before {
    background: #fff;
    left: 8px;
    top: 16px
}

.dialog-map-commuting .dialog-con {
    width: 100%;
    height: 100%
}

.dialog-map-commuting iframe {
    opacity: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: 0
}

.dialog-map-commuting .boss-loading {
    position: absolute;
    top: 60px;
    left: 60px;
    bottom: 60px;
    right: 60px;
    border-radius: 12px;
    background: #fff;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.dialog-map-commuting .boss-loading .component-b, .dialog-map-commuting .boss-loading .component-o, .dialog-map-commuting .boss-loading .component-s1, .dialog-map-commuting .boss-loading .component-s2 {
    display: inline-block;
    width: 40px;
    height: 42px;
    background: url(https://img.bosszhipin.com/static/file/2023/boss-ui-loading.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
}

.dialog-map-commuting .boss-loading .component-b {
    background-position: 0 0
}

.dialog-map-commuting .boss-loading .component-o {
    content: "";
    background-position: 0 -68px;
    margin-left: -4px;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}

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

.dialog-map-commuting .boss-loading .component-s2 {
    content: "";
    background-position: 0 -141px;
    margin-left: -4px;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

.salary-calculate-entry {
    width: 284px;
    margin-bottom: 16px;
    border-radius: 12px;
    padding: 16px 30px 30px;
    background: url(https://img.bosszhipin.com/static/file/2023/iy8js3rpk61678257588073.png) 0 0/100% auto no-repeat;
    box-sizing: border-box
}

.salary-calculate-entry .title {
    display: block;
    width: 96px;
    height: 23px;
    margin: 0 auto;
    background: url(https://img.bosszhipin.com/static/file/2023/n6n44gakxi1678257587854.png) 0 0/100% auto no-repeat
}

.salary-calculate-entry .salary-calculate-input {
    position: relative;
    width: 100%;
    height: 34px;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: all .2s linear
}

.salary-calculate-entry .salary-calculate-input:after {
    content: '元';
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 1;
    margin-top: -9px;
    font-size: 13px;
    font-weight: 500;
    color: #222;
    line-height: 18px
}

.salary-calculate-entry .salary-calculate-input input {
    font-size: 13px;
    color: #222;
    line-height: 28px;
    padding: 2px 12px;
    outline: 0;
    border: none;
    display: block;
    width: 100%;
    border-radius: 8px;
    box-sizing: border-box
}

.salary-calculate-entry .salary-calculate-input:focus, .salary-calculate-entry .salary-calculate-input:hover {
    border: 1px solid #00bebd
}

.salary-calculate-entry .salary-calculate-btn {
    display: block;
    margin-top: 12px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: #00bebd;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    transition: all .2s linear
}

.salary-calculate-entry .salary-calculate-btn:hover {
    background: rgb(0, 190, 189, .8)
}

@font-face {
    font-family: iboss;
    src: url(//img.bosszhipin.com/v2/upload/fonts/iboss/font_916585_h0y0u6lsf6a.woff2?t=1625797018984) format('woff2'), url(//img.bosszhipin.com/v2/upload/fonts/iboss/font_916585_h0y0u6lsf6a.woff?t=1625797018984) format('woff'), url(//img.bosszhipin.com/v2/upload/fonts/iboss/font_916585_h0y0u6lsf6a.ttf?t=1625797018984) format('truetype')
}

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

.iboss-bianzubeifen:before {
    content: "\e731"
}

.iboss-miniicon-wechat:before {
    content: "\e730"
}

.iboss-icon_information_nor:before {
    content: "\e72d"
}

.iboss-Group3:before {
    content: "\e72e"
}

.iboss-icon_get_nor:before {
    content: "\e72f"
}

.iboss-question-hover:before {
    content: "\e72c"
}

.iboss-question-primary:before {
    content: "\e72b"
}

.iboss-shipinyuyin:before {
    content: "\e72a"
}

.iboss-mianshijieshu:before {
    content: "\e727"
}

.iboss-lianxiren:before {
    content: "\e728"
}

.iboss-dizhi1:before {
    content: "\e729"
}

.iboss-info2:before {
    content: "\e725"
}

.iboss-comments:before {
    content: "\e726"
}

.iboss-danrenhuizong:before {
    content: "\e722"
}

.iboss-renyuanhuoyue:before {
    content: "\e723"
}

.iboss-zhiweijinzhan:before {
    content: "\e724"
}

.iboss-yibohui:before {
    content: "\e721"
}

.iboss-time-fill:before {
    content: "\e720"
}

.iboss-bianzu31x:before {
    content: "\e71f"
}

.iboss-info1:before {
    content: "\e71e"
}

.iboss-invoice-cancel:before {
    content: "\e71d"
}

.iboss-cebianlangongsizhuye:before {
    content: "\e71c"
}

.iboss-Drag:before {
    content: "\e719"
}

.iboss-Personalsigned:before {
    content: "\e71a"
}

.iboss-Company-signed:before {
    content: "\e71b"
}

.iboss-quxiao:before {
    content: "\e716"
}

.iboss-xiugai:before {
    content: "\e717"
}

.iboss-zhuanfa1:before {
    content: "\e718"
}

.iboss-beizhu:before {
    content: "\e712"
}

.iboss-lianxifangshi:before {
    content: "\e713"
}

.iboss-zhiwei:before {
    content: "\e714"
}

.iboss-shijian:before {
    content: "\e715"
}

.iboss-xuanzhongbufen1:before {
    content: "\e711"
}

.iboss-dianhua1:before {
    content: "\e710"
}

.iboss-jianli2:before {
    content: "\e70f"
}

.iboss-jianli1:before {
    content: "\e70e"
}

.iboss-shipin1:before {
    content: "\e709"
}

.iboss-yuyin1:before {
    content: "\e70c"
}

.iboss-shipin-jinzhi:before {
    content: "\e70d"
}

.iboss-yuyin-jinyin:before {
    content: "\e70a"
}

.iboss-yaoqingren:before {
    content: "\e70b"
}

.iboss-jianli:before {
    content: "\e708"
}

.iboss-weixin1:before {
    content: "\e706"
}

.iboss-dianhua:before {
    content: "\e707"
}

.iboss-niurenguanli1:before {
    content: "\e705"
}

.iboss-meirichakanshu:before {
    content: "\e700"
}

.iboss-meirigoutongshu:before {
    content: "\e701"
}

.iboss-gaoduanzhiwei:before {
    content: "\e702"
}

.iboss-zhuanshurenwujiangli:before {
    content: "\e703"
}

.iboss-VIPtequan:before {
    content: "\e704"
}

.iboss-shenhezhongicon:before {
    content: "\e6ff"
}

.iboss-invoice-cancellation:before {
    content: "\e6fd"
}

.iboss-invoice-ing2:before {
    content: "\e6fe"
}

.iboss-succeed:before {
    content: "\e6f3"
}

.iboss-fullscreen1:before {
    content: "\e6fb"
}

.iboss-fullscreen-hover:before {
    content: "\e6fc"
}

.iboss-invoice-no:before {
    content: "\e6f6"
}

.iboss-invoice-ok:before {
    content: "\e6f7"
}

.iboss-invoice-ing:before {
    content: "\e6fa"
}

.iboss-calendar-delete:before {
    content: "\e6ef"
}

.iboss-accomplish:before {
    content: "\e6f0"
}

.iboss-calendar-line:before {
    content: "\e6f1"
}

.iboss-packup:before {
    content: "\e6f2"
}

.iboss-notice:before {
    content: "\e6f4"
}

.iboss-show:before {
    content: "\e6f5"
}

.iboss-tishi:before {
    content: "\e6ee"
}

.iboss-iconxiazai:before {
    content: "\e6ec"
}

.iboss-iconguanbi:before {
    content: "\e6ed"
}

.iboss-buchongcailiao:before {
    content: "\e6eb"
}

.iboss-huati:before {
    content: "\e6e6"
}

.iboss-shuaxin1:before {
    content: "\e6e7"
}

.iboss-wenti:before {
    content: "\e6e8"
}

.iboss-get:before {
    content: "\e6e9"
}

.iboss-dianzan1:before {
    content: "\e6ea"
}

.iboss-duihao:before {
    content: "\e6e5"
}

.iboss-shuaxin:before {
    content: "\e6e4"
}

.iboss-tianxie2x:before {
    content: "\e6e3"
}

.iboss-dianzan:before {
    content: "\e6e2"
}

.iboss-gongjuxiang:before {
    content: "\e6e1"
}

.iboss-xingzhuangjiehe1:before {
    content: "\e6e0"
}

.iboss-tianjia1:before {
    content: "\e6de"
}

.iboss-chexiao:before {
    content: "\e6df"
}

.iboss-rukou1:before {
    content: "\e6dd"
}

.iboss-unchecked:before {
    content: "\e6dc"
}

.iboss-checked:before {
    content: "\e6db"
}

.iboss-prop-position:before {
    content: "\e6da"
}

.iboss-prop-services:before {
    content: "\e6d9"
}

.iboss-yibohuizhiwei-xuanzhong:before {
    content: "\e6d7"
}

.iboss-yibohuizhiwei:before {
    content: "\e6d8"
}

.iboss-info:before {
    content: "\e6d6"
}

.iboss-countdown:before {
    content: "\e6d5"
}

.iboss-lieqiguanli:before {
    content: "\e6d3"
}

.iboss-bianzu9:before {
    content: "\e6d4"
}

.iboss-daoxu:before {
    content: "\e6d1"
}

.iboss-zhengxu:before {
    content: "\e6d2"
}

.iboss-daishenhezhiwei:before {
    content: "\e6cb"
}

.iboss-paixu:before {
    content: "\e6cc"
}

.iboss-shanchujilu:before {
    content: "\e6cd"
}

.iboss-zaizhaozhiwei:before {
    content: "\e6ce"
}

.iboss-lietouyuangong:before {
    content: "\e6cf"
}

.iboss-tianjiatongshi:before {
    content: "\e6d0"
}

.iboss-shezhi1:before {
    content: "\e6ca"
}

.iboss-biaoqian:before {
    content: "\e6c9"
}

.iboss-icon-video:before {
    content: "\e6c8"
}

.iboss-offline-interview:before {
    content: "\e6c7"
}

.iboss-video-interview:before {
    content: "\e6c6"
}

.iboss-tongzhishux:before {
    content: "\e6c5"
}

.iboss-hebingxingzhuangx:before {
    content: "\e6c4"
}

.iboss-icon-tiaochawenjuan:before {
    content: "\e6c3"
}

.iboss-shengyinkai:before {
    content: "\e6c2"
}

.iboss-shengyinguan:before {
    content: "\e6c1"
}

.iboss-xingzhuangjiehe:before {
    content: "\e6c0"
}

.iboss-bianzu:before {
    content: "\e6bf"
}

.iboss-weixin:before {
    content: "\e6be"
}

.iboss-guanli:before {
    content: "\e6bd"
}

.iboss-zhibo:before {
    content: "\e6bc"
}

.iboss-xiazai1:before {
    content: "\e6b5"
}

.iboss-shangchuanchenggong:before {
    content: "\e6b4"
}

.iboss-bofang:before {
    content: "\e6b1"
}

.iboss-quanping2:before {
    content: "\e6b3"
}

.iboss-guanbi2:before {
    content: "\e6b6"
}

.iboss-shenhezhong:before {
    content: "\e6b7"
}

.iboss-shangchuanshibai:before {
    content: "\e6b8"
}

.iboss-zanting:before {
    content: "\e6b9"
}

.iboss-suoxiaoquanping:before {
    content: "\e6ba"
}

.iboss-zhiding1:before {
    content: "\e6bb"
}

.iboss-yanjing1:before {
    content: "\e6b2"
}

.iboss-tuijianliyou:before {
    content: "\e6ae"
}

.iboss-niurenbeizhu:before {
    content: "\e6b0"
}

.iboss-xinxi-copy:before {
    content: "\e6f9"
}

.iboss-xinxi:before {
    content: "\e635"
}

.iboss-jingyingniuren:before {
    content: "\e633"
}

.iboss-circle:before {
    content: "\e6af"
}

.iboss-cloud-sync:before {
    content: "\e6f8"
}

.iboss-diandiandian:before {
    content: "\e6ad"
}

.iboss-cloud:before {
    content: "\e61f"
}

.iboss-unhappy-face:before {
    content: "\e601"
}

.iboss-normal-face:before {
    content: "\e602"
}

.iboss-smile-face:before {
    content: "\e636"
}

.iboss-loading:before {
    content: "\e62e"
}

.iboss-erweimashuaxin:before {
    content: "\e61b"
}

.iboss-qiyepinpailiebiao:before {
    content: "\e605"
}

.iboss-pinpaijieshao:before {
    content: "\e606"
}

.iboss-pinpaibaohuzhengce:before {
    content: "\e618"
}

.iboss-renyuanguishuguanxi:before {
    content: "\e619"
}

.iboss-left-fill:before {
    content: "\e6ab"
}

.iboss-right-fill:before {
    content: "\e6ac"
}

.iboss-map-solid:before {
    content: "\e603"
}

.iboss-gongsi:before {
    content: "\e6a9"
}

.iboss-gongzuo:before {
    content: "\e6aa"
}

.iboss-quanping1:before {
    content: "\e6a7"
}

.iboss-xiazai:before {
    content: "\e6a8"
}

.iboss-suokai:before {
    content: "\e6a3"
}

.iboss-ruzhiguanli:before {
    content: "\e6a4"
}

.iboss-shanchu:before {
    content: "\e6a5"
}

.iboss-suoguan:before {
    content: "\e6a6"
}

.iboss-jiaoyujingli1:before {
    content: "\e6a1"
}

.iboss-gongzuojingyan1:before {
    content: "\e6a2"
}

.iboss-meiyong:before {
    content: "\e69f"
}

.iboss-youyong:before {
    content: "\e6a0"
}

.iboss-wenbenicon:before {
    content: "\e69e"
}

.iboss-jianlizhushou:before {
    content: "\e604"
}

.iboss-dianhuaicon:before {
    content: "\e69d"
}

.iboss-niurendianhua:before {
    content: "\e69c"
}

.iboss-jingying:before {
    content: "\e69b"
}

.iboss-xingbiao-xian:before {
    content: "\e699"
}

.iboss-xingbiao-mian:before {
    content: "\e69a"
}

.iboss-kefu:before {
    content: "\e698"
}

.iboss-xiayi:before {
    content: "\e696"
}

.iboss-shangyi:before {
    content: "\e697"
}

.iboss-bianji:before {
    content: "\e695"
}

.iboss-shezhi:before {
    content: "\e694"
}

.iboss-sousuoicon:before {
    content: "\e693"
}

.iboss-guanbi1:before {
    content: "\e690"
}

.iboss-suoxiao1:before {
    content: "\e691"
}

.iboss-fangda:before {
    content: "\e692"
}

.iboss-gongzuojingyan:before {
    content: "\e68c"
}

.iboss-jiaoyujingyan:before {
    content: "\e68d"
}

.iboss-dizhi:before {
    content: "\e68e"
}

.iboss-qiwangzhiwei:before {
    content: "\e68f"
}

.iboss-niurenguanliv:before {
    content: "\e68b"
}

.iboss-niurenguanli:before {
    content: "\e68a"
}

.iboss-niurenmeilai:before {
    content: "\e689"
}

.iboss-daochu:before {
    content: "\e688"
}

.iboss-xiaoxitongzhi:before {
    content: "\e687"
}

.iboss-duanxin:before {
    content: "\e686"
}

.iboss-niurenfenxiicon:before {
    content: "\e685"
}

.iboss-xinzhaohusvg:before {
    content: "\e684"
}

.iboss-icon_indeterminacy:before {
    content: "\e681"
}

.iboss-icon_man:before {
    content: "\e682"
}

.iboss-icon_women:before {
    content: "\e683"
}

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

.iboss-biaoqing:before {
    content: "\e680"
}

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

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

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

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

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

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

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

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

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

.iboss-warning-fill:before {
    content: "\e600"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*!
 * 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(https://static.zhipin.com/v2/web/boss/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(https://static.zhipin.com/v2/web/boss/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
    }
}

.dialog-prop-radius .dialog-container {
    border-radius: 12px
}

.dialog-prop-radius .dialog-title .icon-dialog {
    margin-top: 0
}

.dialog-icons-normal .dialog-container {
    border-radius: 12px
}

.dialog-icons-normal .dialog-title .icon-dialog {
    margin-top: 2px
}

.dialog-icons-normal .dialog-title .title {
    color: #222
}

.dialog-icons-normal .dialog-con {
    color: #999
}

.dialog-icons-normal .dialog-footer .btn {
    border-radius: 4px;
    padding: 0 20px
}

.dialog-icons-normal .dialog-footer .btn-cancel {
    color: #5c5e66;
    border: 1px solid #c1c6cc;
    transition: all .2s linear
}

.dialog-icons-normal .dialog-footer .btns .btn-outline.btn-cancel:hover {
    border: 1px solid #00b8bf;
    padding: 0 20px;
    line-height: 32px;
    height: 32px;
    color: #00a6a7
}

.dialog-icons-normal .dialog-footer .btn-sure {
    color: #fff;
    background: #00b8bf;
    transition: all .2s linear;
    border: 1px solid #00b8bf
}

.dialog-icons-normal .dialog-footer .btn-sure:hover {
    background: rgba(0, 166, 167, .8);
    border: 1px solid rgba(0, 166, 167, .8)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ipt-industry {
    cursor: pointer
}

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

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

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

.icon-toast-error, .icon-toast-info, .icon-toast-loading, .icon-toast-success, .icon-toast-warning {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 13px;
    margin-top: -2px;
    vertical-align: middle;
    background-image: url(https://static.zhipin.com/v2/web/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(https://static.zhipin.com/v2/web/boss/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(https://static.zhipin.com/v2/web/boss/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(https://static.zhipin.com/v2/web/boss/images/icons-prop.png) no-repeat;
    background-size: 65px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prop-ios .title {
    padding: 0
}

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

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

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

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

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

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

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

.prop-ios .ios-bg {
    width: 460px;
    height: 470px;
    cursor: pointer;
    background: url(https://static.zhipin.com/v2/web/boss/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 {
    margin-left: 10px;
    height: 119px;
    width: 440px;
    padding: 10px 12px !important;
    border: 1px solid #d4d5d6;
    resize: none;
    display: block;
    color: #414a60;
    border-radius: 8px;
    box-sizing: border-box
}

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

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

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

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

.pop-feedback a {
    color: inherit
}

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

.pop-feedback .tips {
    position: static
}

.pop-feedback .dialog-container {
    margin: -200px 0 0 -305px;
    width: 610px;
    border-radius: 12px
}

.pop-feedback.is-login .dialog-container {
    margin: -298px 0 0 -305px
}

.pop-feedback .dialog-title {
    height: 122px;
    border-radius: 12px 12px 0 0;
    background: url(https://img.bosszhipin.com/static/file/2023/gmezozfxzi1675678429486.png) 0 0/610px auto no-repeat
}

.pop-feedback .icon-close:after, .pop-feedback .icon-close:before {
    background: #999
}

.pop-feedback .dialog-title .title {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    line-height: 33px;
    padding: 30px 40px 0
}

.pop-feedback .dialog-title .tips {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    margin-top: 10px
}

.pop-feedback .dialog-title .close {
    top: 15px;
    right: 16px;
    background: 0 0
}

.pop-feedback .dialog-con {
    width: 530px;
    padding: 0 40px
}

.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: #333;
    font-weight: 500;
    text-align: left
}

.pop-feedback .sub-title .required-icon {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #fe574c;
    line-height: 20px;
    margin-right: 4px
}

.pop-feedback .sub-content {
    margin-left: 80px;
    font-size: 13px
}

.pop-feedback .text-error {
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 4px auto 6px;
    color: #fc6c38;
    font-size: 12px;
    padding-left: 80px
}

.pop-feedback .text-error .tips {
    font-size: 12px;
    color: #d1d4db
}

.pop-feedback .upload {
    margin-bottom: 30px
}

.pop-feedback .upload .upload-tips {
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin-top: 10px
}

.pop-feedback .upload .sub-content {
    padding: 10px;
    border-radius: 8px;
    transition: all .2s linear
}

.pop-feedback .upload .sub-content:hover {
    background: #f7f7f7
}

.pop-feedback .upload.has-upload .sub-content:hover {
    background: #fff
}

.pop-feedback .upload .upload-pics {
    font-size: 0;
    line-height: 98px
}

.pop-feedback .upload .upload-pic {
    display: inline-block;
    position: relative;
    z-index: 6;
    width: 98px;
    height: 98px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 8px;
    border: 1px solid #dedfe0;
    background: url(https://static.zhipin.com/v2/web/geek/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(https://static.zhipin.com/zhipin-geek/chat/v239/static/images/icon-close.d627ffbd.png) no-repeat 0 0/100% auto
}

.pop-feedback .upload .upload-pic .remove-pic:hover {
    background-position: 0 -32px
}

.pop-feedback .upload .upload-pic-btn-wrapper {
    display: inline-block;
    position: relative;
    z-index: 6;
    width: 98px;
    height: 98px;
    border-radius: 8px;
    border: 1px solid #00bebd;
    background: #fff;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden
}

.pop-feedback .upload .upload-pic-btn-wrapper:hover {
    background-color: rgba(0, 166, 167, .1)
}

.pop-feedback .upload .upload-pic-btn-wrapper .iboss-plus {
    display: block;
    font-size: 20px;
    color: #00bebd;
    margin: 25px auto 12px;
    width: 20px;
    height: 20px;
    line-height: 20px
}

.pop-feedback .upload .upload-pic-btn-wrapper em {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    font-style: normal
}

.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: 24px;
    margin-right: 40px
}

.pop-feedback .dialog-footer .btn {
    border-radius: 4px;
    padding: 0 20px
}

.pop-feedback .dialog-footer .btn-cancel {
    color: #5c5e66;
    border: 1px solid #c1c6cc;
    transition: all .2s linear
}

.pop-feedback .dialog-footer .btns .btn-outline.btn-cancel:hover {
    border: 1px solid #00b8bf;
    padding: 0 20px;
    line-height: 32px;
    height: 32px;
    color: #00a6a7
}

.pop-feedback .dialog-footer .btn-sure {
    color: #fff;
    background: #00b8bf;
    transition: all .2s linear;
    border: 1px solid #00b8bf
}

.pop-feedback .dialog-footer .btn-sure:hover {
    background: rgba(0, 166, 167, .8);
    border: 1px solid rgba(0, 166, 167, .8)
}

.pop-feedback input:focus, .pop-feedback textarea:focus {
    box-shadow: 0 1px 3px rgba(93, 213, 200, .4);
    border-color: #00d7c6
}

.pop-feedback .verify-box-new input {
    top: 0 !important
}

.pop-feedback .verify-box-new {
    position: relative;
    min-height: 44px;
    background: #e8e8e8;
    border-radius: 4px;
    width: 440px;
    margin-left: 90px
}

.pop-feedback .verify-box-new .verify-init-btn {
    line-height: 42px;
    height: 44px;
    border-radius: 4px
}

.pop-feedback .verify-box-new .verify-init-btn .verify-init-dot {
    top: 10px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind {
    height: 44px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
    top: 8px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_wait {
    margin: 8px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar {
    margin: 6px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar_btn {
    border-radius: 4px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar_tip, .pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_success_radar_tip {
    height: 44px;
    line-height: 42px;
    border-radius: 4px
}

.pop-feedback .verify-box-new:before {
    position: absolute;
    left: 50%;
    margin-left: -42px;
    content: '正在加载中';
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
    background-size: 16px;
    padding-right: 20px;
    line-height: 44px;
    color: #969696
}

.dialog-footer .btns .btn-outline:hover {
    height: 30px
}

.dialog-report-type-list .dialog-container {
    margin: 0;
    transform: translate(-50%, -50%);
    width: 660px;
    border-radius: 12px
}

.dialog-report-type-list .dialog-title .title {
    padding: 30px 40px 12px;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px
}

.dialog-report-type-list .dialog-con {
    padding-bottom: 20px;
    max-height: 500px;
    overflow: auto
}

.dialog-report-type-list .dialog-con .type-list .type-item {
    padding: 0 24px;
    font-weight: 400;
    margin: 0 16px;
    cursor: pointer;
    border-radius: 12px;
    transition: all .2s linear
}

.dialog-report-type-list .dialog-con .type-list .type-item:hover {
    background: #f7f7f7
}

.dialog-report-type-list .dialog-con .type-list .type-item:hover .right-icon {
    background-position: -6px -8px
}

.dialog-report-type-list .dialog-con .type-list .type-item .type-item-inner {
    height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    position: relative
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .first-title {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 20px
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .second-title {
    font-size: 12px;
    color: #666;
    margin-top: 8px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 546px
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .right-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.dialog-report-type-second .dialog-con {
    margin-top: 25px
}

.dialog-report-type-list .dialog-con .my-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 30px 40px 12px 40px;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    border-radius: 12px 12px 0 0;
    background: #fff
}

.dialog-report-type-list .dialog-con .back-to-first {
    width: 16px;
    height: 16px;
    background: rgba(0, 0, 0, .3);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    overflow: hidden;
    transition: all .2s linear
}

.dialog-report-type-list .dialog-con .back-to-first:after {
    content: ' ';
    display: block;
    width: 4px;
    height: 4px;
    margin-left: 3px;
    border-color: transparent transparent #fff #fff;
    border-width: 1px;
    border-style: solid;
    transform: rotate(45deg)
}

.dialog-report-type-list .dialog-con .back-to-first:hover {
    background: #00bebd
}

.dialog-report-type-list .dialog-con .my-title .title-text {
    margin-left: 8px
}

.pop-report .dialog-container {
    margin: 0;
    width: 610px;
    transform: translate(-50%, -50%);
    border-radius: 12px;
    background: #fff url(https://img.bosszhipin.com/static/file/2022/07ye2wi0b01663661547292.png) 0 0/100% auto no-repeat
}

.pop-report .dialog-con {
    padding: 0
}

.pop-report .icon-close:after, .pop-report .icon-close:before {
    background: #777
}

.pop-report .dialog-con .prop-inner {
    padding: 0 29px 0 43px;
    max-height: calc(100vh - 178px);
    overflow: overlay;
    overflow: auto
}

.pop-report .dialog-con .my-title {
    display: flex;
    align-items: center;
    padding: 30px 43px 18px 43px;
    font-size: 24px;
    font-weight: 600;
    color: #222;
    line-height: 33px
}

.pop-report .dialog-con .back-to-first {
    width: 16px;
    height: 16px;
    background: rgba(0, 0, 0, .3);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    overflow: hidden;
    transition: all .2s linear
}

.pop-report .dialog-con .back-to-first:after {
    content: ' ';
    display: block;
    width: 4px;
    height: 4px;
    margin-left: 3px;
    border-color: transparent transparent #fff #fff;
    border-width: 1px;
    border-style: solid;
    transform: rotate(45deg)
}

.pop-report .dialog-con .back-to-first:hover {
    background: #00bebd
}

.pop-report .dialog-con .my-title .title-text {
    margin-left: 8px
}

.pop-report .dialog-footer {
    padding: 10px 30px 30px 0;
    margin-top: 0
}

.pop-report .dialog-footer .btns .btn {
    border-radius: 6px;
    margin-left: 17px;
    padding: 3px 18px;
    transition: all .2s linear
}

.pop-report .dialog-footer .btns .btn-outline:hover {
    padding: 3px 18px;
    height: 32px;
    line-height: 32px;
    border-width: 1px;
    background: rgba(0, 190, 189, .1)
}

.pop-report .dialog-footer .btn-sure {
    color: #fff;
    background: #00bebd;
    border-color: #00bebd
}

.pop-report .dialog-footer .btn-sure:hover {
    background: rgba(0, 190, 189, .8);
    border-color: rgba(0, 190, 189, .8)
}

.pop-report .dialog-footer .btn-sure.btn-disabled {
    cursor: not-allowed;
    opacity: .5
}

.pop-report .form-row + .form-row {
    margin-top: 30px
}

.pop-report .form-row .t {
    float: left;
    width: 113px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 20px;
    padding-top: 10px
}

.pop-report .form-row .t-pic {
    padding-top: 38px
}

.pop-report .form-row .require-icon {
    position: absolute;
    left: -8px;
    color: #fe574a
}

.pop-report .form-row .report-first-title {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 20px;
    padding-top: 12px
}

.pop-report .form-row dd {
    display: inline-block
}

.pop-report .ipt-wrap {
    display: block;
    margin-left: 113px
}

.pop-report .ipt-wrap .ipt {
    padding: 11px 16px;
    border: 1px solid #d4d5d6;
    border-radius: 4px;
    min-width: auto;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    transition: all .2s linear
}

.pop-report .ipt-wrap .ipt:focus, .pop-report .ipt-wrap .ipt:hover {
    border-color: #00bebd;
    box-shadow: none
}

.pop-report .ipt-wrap textarea {
    height: 122px;
    resize: none;
    display: block
}

.pop-report input::-webkit-input-placeholder, .pop-report textarea::-webkit-input-placeholder {
    color: #999
}

.pop-report input::-ms-input-placeholder, .pop-report textarea:-ms-input-placeholder {
    color: #999
}

.pop-report input:-moz-placeholder, .pop-report textarea:-moz-placeholder {
    color: #999
}

.pop-report input::-moz-placeholder, .pop-report textarea::-moz-placeholder {
    color: #999
}

.pop-report .form-row-choice .expand-btn {
    width: 18px;
    height: 18px;
    margin-left: 8px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: absolute;
    top: 7px;
    right: 0;
    border: 1px solid #00bebd;
    box-sizing: border-box;
    transition: all .2s linear
}

.pop-report .form-row-choice .expand-btn:hover {
    border-color: rgba(0, 166, 167, .8)
}

.pop-report .form-row-choice .expand-btn:hover:before {
    border-color: transparent transparent rgba(0, 166, 167, .8) rgba(0, 166, 167, .8)
}

.pop-report .form-row-choice.is-pack .expand-btn:before {
    transform: rotate(-45deg);
    margin-top: -3px
}

.pop-report .form-row-choice.is-pack .report-second-title-list {
    max-height: 42px
}

.pop-report .form-row-choice .expand-btn:before {
    content: ' ';
    display: block;
    width: 4px;
    height: 4px;
    margin-left: 0;
    margin-top: 3px;
    border-color: transparent transparent #00bebd #00bebd;
    border-width: 1px;
    border-style: solid;
    transform: rotate(135deg)
}

.pop-report .form-row-choice {
    margin-top: 20px
}

.pop-report .form-row-choice + .form-row-choice {
    margin-top: 20px
}

.pop-report .form-row .choice-t-warp {
    position: relative
}

.pop-report .fact-sheet-title {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    font-weight: 500;
    display: block;
    margin-top: 30px
}

.pop-report .select-option-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 390px;
    padding-top: 10px;
    margin-bottom: -10px;
    margin-left: -12px;
    margin-right: -12px
}

.pop-report .select-option-list li {
    position: relative;
    max-width: 152px;
    font-size: 14px;
    color: #333;
    margin: 0 12px 8px
}

.pop-report .select-option-list li.show-tooltip .option-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pop-report .select-option-list li .option-name {
    position: relative;
    display: block;
    line-height: 20px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 24px;
    cursor: pointer;
    transition: all .2s linear
}

.pop-report .select-option-list.is-multiple li .option-name:before {
    border-radius: 4px
}

.pop-report .select-option-list.is-multiple li.is-check .option-name:after {
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    content: "";
    height: 8px;
    width: 4px;
    top: 4px;
    left: 5px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-sizing: content-box;
    border-radius: 0;
    background: 0 0
}

.pop-report .select-option-list li.is-check .option-name:after {
    content: ' ';
    position: absolute;
    top: 7px;
    left: 5px;
    z-index: 2;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 100%
}

.pop-report .select-option-list li.is-check .option-name:before {
    background: #00bebd;
    border: 1px solid #00bebd
}

.pop-report .select-option-list li .option-name:before {
    content: ' ';
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #d4d5d6;
    box-sizing: border-box;
    background: #fff
}

.pop-report .select-option-list li .option-name:hover:before {
    border-color: #00bebd
}

.pop-report .select-option-list li.show-extra .extra-input {
    display: block
}

.pop-report .select-option-list li.show-extra:before {
    content: ' ';
    position: absolute;
    z-index: 10;
    top: 21px;
    border-radius: 2px;
    left: 50%;
    width: 6px;
    height: 6px;
    border: 1px solid #d4d5d6;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    background: #fff;
    transform: rotate(45deg)
}

.pop-report .select-option-list li .extra-input {
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    width: 410px;
    height: 49px;
    z-index: 9;
    background: #fff
}

.pop-report .select-option-list li .extra-input input {
    outline: 0;
    border: 1px solid #d4d5d6;
    width: 100%;
    border-radius: 4px;
    padding: 12px 16px;
    line-height: 20px;
    box-sizing: border-box
}

.pop-report .select-option-list li .extra-input input:focus, .pop-report .select-option-list li .extra-input input:hover {
    border: 1px solid #d4d5d6;
    box-shadow: none
}

.pop-report .report-second-title-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 390px;
    overflow: hidden;
    margin-bottom: -10px
}

.pop-report .report-second-title-list .second-title-item {
    overflow: visible;
    margin: 0 10px 10px 0
}

.pop-report .report-second-title-list .second-title {
    font-size: 14px;
    color: #1d2129;
    line-height: 20px;
    padding: 5px 15px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d4d5d6;
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap
}

.pop-report .tooltip-black-title {
    background: #464646;
    border-radius: 2px;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 18px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1011;
    transform: translate(-50%, 0);
    word-break: break-all;
    max-width: 300px
}

.pop-report .report-second-title-list .second-title:hover {
    background: #e5f9f8;
    border: 1px solid #00bebd
}

.pop-report .report-second-title-list .second-title.active {
    color: #00a6a7;
    background: #e5f9f8;
    border: 1px solid #00bebd;
    font-weight: 500
}

.pop-report .report-second-title-list .second-title-item.has-arrow {
    position: relative
}

.pop-report .report-second-title-list .second-title-item.has-arrow:after {
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 34px;
    margin-left: -4px;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #f2f2f2
}

.pop-report .third-title-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 390px;
    box-sizing: border-box;
    padding: 10px 10px 0 10px;
    margin-top: 10px;
    background: #f2f2f2;
    border-radius: 8px;
    overflow: hidden
}

.pop-report .third-title-list .third-title {
    position: relative;
    font-size: 14px;
    color: #1d2129;
    line-height: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer
}

.pop-report .third-title-list .third-title:before {
    content: ' ';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #d4d5d6;
    vertical-align: middle;
    margin-right: 8px;
    transition: all .2s linear
}

.pop-report .third-title-list .third-title.active:before, .pop-report .third-title-list .third-title:hover:before {
    border-color: #00bebd
}

.pop-report .third-title-list .third-title.active:after {
    content: ' ';
    position: absolute;
    top: 6px;
    left: 4px;
    width: 10px;
    height: 10px;
    z-index: 1;
    border-radius: 100%;
    background: #00bebd
}

.pop-report .dropdown-menu ul::-webkit-scrollbar-track-piece, .pop-report textarea::-webkit-scrollbar-track-piece {
    background-color: #fff
}

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

.pop-report textarea::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #ccc
}

.pop-report .count-num {
    position: absolute;
    bottom: 1px;
    right: 10px;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    z-index: 1;
    padding: 2px 0 2px 5px;
    background-color: rgba(255, 255, 255, .5)
}

.pop-report .count-num em {
    color: #00a6a7
}

.pop-report .form-row {
    position: relative
}

.pop-report .text-error {
    display: block;
    color: #fe574a;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    padding-left: 113px
}

.pop-report .pic-error {
    padding-left: 0
}

.pop-report a {
    color: inherit
}

.pop-report .upload {
    display: block;
    margin-left: 113px;
    color: #00c2b3;
    position: relative
}

.pop-report .upload .upload-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    float: left;
    cursor: pointer;
    margin-bottom: 8px;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(0, 190, 189, 1);
    transition: all .2s linear;
    box-sizing: border-box
}

.pop-report .upload .upload-btn .icon-plus {
    width: 20px;
    height: 20px;
    background: url(../images/icon-plus@2x.png) no-repeat;
    background-size: contain;
    display: block
}

.pop-report .upload a {
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    margin-top: 15px;
    display: block;
    width: 100%;
    text-align: center
}

.pop-report .upload .upload-btn:hover {
    background: rgba(0, 190, 189, .1)
}

.pop-report .upload a .icon-toast-loading {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://img.bosszhipin.com/static/file/2022/14gh9y27171671433010637.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 {
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.pop-report .preview {
    width: 425px
}

.pop-report .preview ul {
    display: flex;
    width: 425px;
    flex-wrap: wrap;
    margin-bottom: -8px
}

.pop-report .preview li {
    position: relative;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin: 0 8px 8px 0;
    background-color: #9fa3b0
}

.pop-report .preview .link-close {
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background-image: url(https://img.bosszhipin.com/static/file/2022/qu1swb29as1671433103170.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100%
}

.pop-report .preview .link-close:hover {
    background-position: 0 -40px
}

.pop-report .preview img {
    max-width: 100%;
    max-height: 100%;
    display: block
}

.pop-report .verify-box {
    font-size: 0;
    vertical-align: middle
}

.pop-report .verify-box-new input {
    top: 0 !important
}

.pop-report .verify-box-new {
    position: relative;
    margin-left: 113px;
    min-height: 44px;
    background: #e8e8e8;
    border-radius: 4px
}

.pop-report .verify-box-new .verify-init-btn {
    line-height: 42px;
    height: 44px;
    border-radius: 4px
}

.pop-report .verify-box-new .verify-init-btn .verify-init-dot {
    top: 10px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind {
    height: 44px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
    top: 5px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_wait {
    margin: 12px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar {
    margin: 6px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar_btn {
    border-radius: 4px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar_tip, .pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_success_radar_tip {
    height: 44px;
    line-height: 42px;
    border-radius: 4px
}

.pop-report .verify-box-new:before {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    content: '正在加载中';
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
    background-size: 16px;
    padding-right: 20px;
    line-height: 44px;
    color: #969696
}

.pop-report input:focus, .pop-report textarea:focus {
    box-shadow: 0 1px 3px rgba(93, 213, 200, .4);
    border-color: #00d7c6
}

.pop-report .form-row.form-row-protocol {
    margin-top: 26px;
    margin-bottom: 20px
}

.pop-report .report-protocol {
    display: block;
    margin-left: 113px
}

.pop-report .report-protocol p {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 20px
}

.pop-report .report-protocol a {
    color: #00c4b3
}

.pop-report .report-protocol span {
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin-top: 0
}

.pop-report .form-row.option-detail-row {
    display: none
}

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

.pop-report .report-account {
    display: flex;
    align-items: center
}

.pop-report .report-account .ipt {
    width: 210px
}

.pop-report .report-account.is-edit .ipt {
    display: block
}

.pop-report .report-account.is-edit .account-text {
    display: none
}

.pop-report .report-account .ipt {
    display: none
}

.pop-report .report-account .account-text {
    display: block;
    width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: kanzhun-Regular, kanzhun;
    color: #222;
    line-height: 29px;
    font-size: 24px;
    padding: 7px 0 8px 0
}

.pop-report .report-account .modify-account-btn {
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    font-size: 14px;
    margin-left: 16px;
    transition: all .2s linear
}

.pop-report .report-account .modify-account-btn:hover {
    color: rgba(0, 166, 167, .8)
}

.pop-report .contract-account-tip {
    display: block;
    margin-left: 113px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 17px;
    margin-top: 12px
}

.dialog-back-to-type-list .dialog-container {
    padding: 30px;
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -70%)
}

.dialog-back-to-type-list .dialog-container .dialog-con {
    padding: 20px 0
}

.pop-report-extra .dialog-con .my-title {
    padding: 30px 40px 18px 40px
}

.pop-report-extra .dialog-con .my-title .icon-success {
    height: 20px
}

.pop-report-extra .dialog-con .prop-inner {
    padding: 0 40px
}

.pop-report-extra .prop-inner .extra-info-tip {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-top: 12px
}

.pop-report-extra .prop-inner .extra-option-wrapper {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 20px;
    margin-top: 8px
}

.pop-report-extra .prop-inner .form-row {
    margin-top: 0
}

.pop-report-extra .prop-inner .form-row + .form-row {
    margin-top: 30px
}

.pop-report-extra .dialog-footer {
    padding: 30px 40px
}

.pop-report-extra .form-row .choice-t-warp {
    width: 76px
}

.pop-report-extra .select-option-list {
    width: auto
}

.pop-report-extra .select-option-list li {
    margin: 0 10px 16px;
    max-width: none;
    display: flex;
    align-items: center
}

.pop-report-extra .select-option-list li .option-name {
    width: auto
}

.pop-report-extra .select-option-list li.show-extra:before {
    content: none
}

.pop-report-extra .select-option-list li .extra-input {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: 28px;
    margin-left: 8px;
    background: 0 0
}

.pop-report-extra .select-option-list li .extra-input input {
    border: 1px solid #d4d5d6;
    width: 160px;
    font-size: 12px;
    border-radius: 4px;
    padding: 3px 7px;
    line-height: 20px;
    box-sizing: border-box;
    background: #fff
}

.pop-report-extra .select-option-list li .error-text {
    display: none;
    position: absolute;
    left: 0;
    top: 28px;
    z-index: 1;
    font-size: 12px;
    line-height: 16px;
    color: #fe574c
}

.pop-report-extra .select-option-list li.has-error .error-text {
    display: block
}

.pop-report-extra .select-option-list li.has-error .extra-input input {
    border-color: #fe574c
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

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
}

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

.jconfirm .pop-payment .jconfirm-box div.content-pane {
    margin-bottom: 0
}

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

.jconfirm .pop-payment .jconfirm-box {
    border-radius: 0
}

.pop-payment .dialog-container {
    width: 400px;
    padding: 0;
    margin: -230px 0 0 -200px
}

.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: #5dd5c8;
    background-color: #fff;
    border: 1px solid #5dd5c8
}

.prop-order-info {
    text-align: center;
    padding: 20px 0 5px 0;
    border-bottom: 1px solid #f2f5fa
}

.prop-order-info .order-name {
    line-height: 30px
}

.prop-order-info .order-amount {
    font-size: 36px;
    line-height: 58px
}

.prop-order-info .order-amount i {
    font-size: 20px;
    font-style: normal;
    margin-right: 5px;
    vertical-align: middle
}

.prop-order-info .order-balance {
    font-size: 12px;
    padding-bottom: 12px
}

.pop-payment .prop-order {
    padding: 0 30px 22px 30px
}

.pop-payment .prop-buttons .btn-block {
    display: block;
    margin-bottom: 12px
}

.pop-payment .prop-order-type {
    overflow: hidden
}

.pop-payment .prop-type-article {
    line-height: 40px;
    padding-bottom: 5px
}

.pop-payment .prop-order-type p {
    width: 158px;
    height: 32px;
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d1d4db;
    box-sizing: content-box
}

.pop-payment .payment-wx.selected, .pop-payment .payment-wx:hover {
    color: #fff;
    border-color: #01c000;
    background-color: #01c000
}

.pop-payment .payment-wx.selected i, .pop-payment .payment-wx:hover i {
    background-position: -30px 0
}

.pop-payment .payment-zfb.selected, .pop-payment .payment-zfb:hover {
    color: #fff;
    border-color: #1c77fa;
    background-color: #1c77fa
}

.pop-payment .payment-zfb.selected i, .pop-payment .payment-zfb:hover i {
    background-position: -30px -30px
}

.pop-payment .prop-order-type i {
    margin-right: 12px;
    vertical-align: middle
}

.pop-payment .btn-block {
    width: 100%;
    height: 40px;
    padding: 0;
    line-height: 40px
}

.pop-payment .prop-buttons {
    padding-top: 15px
}

.pop-payment .order-detail {
    padding: 0 30px
}

.pop-payment .order-detail dt {
    min-height: 54px;
    line-height: 54px;
    padding: 10px 0 8px 0;
    box-sizing: content-box
}

.pop-payment .order-detail .item-prop {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 54px
}

.pop-payment .order-detail .item-prop p {
    padding-left: 8px;
    line-height: 24px;
    vertical-align: middle;
    max-width: 210px
}

.pop-payment .order-detail dt .item-name {
    font-weight: 700
}

.pop-payment .order-detail dt img {
    display: block;
    float: left;
    height: 54px;
    width: 54px
}

.pop-payment .order-detail dd {
    padding: 9px 0;
    border-top: 1px solid #eef0f7
}

.pop-payment .item-coupon-list {
    background: #f9fafb;
    margin: 8px 0 5px 0;
    padding-left: 20px;
    display: none;
    padding-top: 9px
}

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

.pop-payment .coupon-left {
    color: #fc6c38
}

.pop-payment .item-coupon .coupon-left, .pop-payment .item-coupon .coupon-selected {
    cursor: pointer;
    padding-right: 10px;
    background: url(//static.zhipin.com/v2/web/boss/images/prop/icons-direct-access.png) right -322px 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 -293px 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: 0 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: #6adbcf;
    color: #6adbcf
}

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

.payment-agreement {
    text-align: center;
    font-size: 12px
}

.payment-agreement a {
    color: #00c2b3;
    text-decoration: underline
}

.fl {
    float: left
}

.fr {
    float: right
}

.pay-active-list {
    padding-top: 4px
}

.pay-active-list li {
    overflow: hidden;
    font-size: 12px;
    padding: 4px 0;
    line-height: 20px
}

.pay-active-list .tag-desc {
    float: left;
    color: #fe7f7d;
    font-style: normal;
    padding: 0 8px;
    margin-right: 10px;
    background: #ffeeef
}

.pay-active-list .amount-desc {
    float: right;
    font-size: 14px
}

.pay-active-list .discount-desc {
    overflow: hidden;
    color: #8d92a1;
    padding: 0 20px 0 0
}

.prop-order .prop-qrcode-wrap {
    width: 132px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

.prop-order .prop-qrcode-wrap .prop-qr-code {
    display: none;
    width: 114px;
    height: 114px
}

.prop-order .prop-qrcode-wrap.is-expire .expire-time {
    display: inline-block
}

.prop-order .prop-qrcode-wrap.is-expire .prop-qr-code {
    display: block
}

.prop-order .prop-qrcode-wrap.is-expire .pasted-info {
    display: none
}

.prop-order .prop-qrcode-wrap.is-expire .prop-refresh {
    display: none
}

.prop-order .prop-qrcode-wrap .expire-time {
    display: none
}

.prop-order .prop-qrcode-wrap .pasted-info {
    display: inline-block
}

.prop-order .prop-qrcode-wrap .payment-check, .prop-order .prop-qrcode-wrap .payment-pattern {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 16px;
    margin: 8px 4px 0;
    text-align: center;
    white-space: nowrap
}

.prop-order .prop-qrcode-wrap .high-light {
    color: #00c2b3;
    cursor: pointer
}

.prop-order .prop-qrcode-wrap .payment-way {
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 17px;
    margin-top: 10px
}

.prop-order .prop-qrcode-wrap .pay-chanel-icon {
    height: 16px;
    margin: 0 3px;
    white-space: nowrap
}

.prop-order .payment-pattern {
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.prop-order .payment-pattern .already-pay {
    margin-left: 8px;
    cursor: pointer
}

.prop-order .prop-refresh {
    width: 132px;
    height: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea
}

.prop-order .prop-refresh i {
    cursor: pointer
}

.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(https://static.zhipin.com/v2/web/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(https://static.zhipin.com/v2/web/boss/images/Jcrop.gif);
    font-size: 0;
    position: absolute
}

.jcrop-vline {
    height: 100%;
    width: 1px !important
}

.jcrop-vline.right {
    right: 0
}

.jcrop-hline {
    height: 1px !important;
    width: 100%
}

.jcrop-hline.bottom {
    bottom: 0
}

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.jcrop-handle {
    background-color: #333;
    border: 1px #eee solid;
    width: 7px;
    height: 7px;
    font-size: 1px
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%
}

.jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px
}

.jcrop-dragbar.ord-n {
    margin-top: -4px
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0
}

.jcrop-dragbar.ord-w {
    margin-left: -4px
}

.jcrop-light .jcrop-hline, .jcrop-light .jcrop-vline {
    background: #fff;
    opacity: .7 !important
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    border-color: #fff;
    border-radius: 3px
}

.jcrop-dark .jcrop-hline, .jcrop-dark .jcrop-vline {
    background: #000;
    opacity: .7 !important
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    border-color: #000;
    border-radius: 3px
}

.solid-line .jcrop-hline, .solid-line .jcrop-vline {
    background: #fff
}

.jcrop-holder img, img.jcrop-preview {
    max-width: none
}

.avatar_layer {
    width: 410px;
    height: 480px;
    margin: -240px 0 0 -205px !important;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    display: none
}

.avatar_layer .hd {
    position: relative;
    height: 32px;
    line-height: 32px;
    border-top: 4px solid #53cac3;
    border-bottom: 1px solid #dce1e6;
    padding: 0 10px;
    overflow: hidden
}

.avatar_layer .hd .close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 12px;
    height: 12px;
    background: url(https://static.zhipin.com/v2/web/geek/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(https://static.zhipin.com/v2/web/geek/images/i_new.png) no-repeat 12px center #fff;
    border-radius: 5px;
    box-shadow: 0 1px 1px #dee1e3;
    color: #626672;
    padding: 0 12px 0 26px;
    display: inline-block
}

.avatar_layer .main .selectpic .sbox p {
    color: #626672;
    lin-height: 20px;
    margin-top: 10px
}

.avatar_layer .main .selectpic .sbox .selectfile {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block
}

.avatar_layer .main .selectpic .editbox {
    position: relative;
    height: 350px;
    background: no-repeat center center;
    display: none
}

.avatar_layer .main .selectpic .editbox .pop {
    position: absolute;
    z-index: 1;
    left: 180px;
    top: 150px;
    width: 10px;
    height: 10px
}

.avatar_layer .main .selectpic .editbox .pop .move-icon {
    position: absolute;
    z-index: 1;
    left: 60px;
    top: 60px;
    width: 30px;
    height: 30px;
    background: url(../images/prop/icon-move.png) no-repeat;
    background-size: cover
}

.avatar_layer .main .selectpic .editbox .pop .scale-icon {
    position: absolute;
    z-index: 1;
    left: -24px;
    top: -20px;
    width: 21px;
    height: 20px;
    background: url(../images/prop/icon-scale.png) no-repeat;
    background-size: cover
}

.avatar_layer .main .selectpic .editbox .pop i {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #54c3ba;
    border-radius: 50%
}

.ie .avatar_layer {
    width: 610px;
    height: 520px
}

.layer_btns {
    height: 30px;
    padding: 20px 0 0 16px;
    font-size: 0;
    text-align: center
}

.layer_btns a, .layer_btns span {
    width: 94px;
    height: 30px;
    line-height: 30px;
    background: #53cac3;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle
}

.layer_btns a.cancel {
    width: 92px;
    height: 28px;
    line-height: 28px;
    background: #f3f3f3;
    border: 1px solid #e5e5e5;
    color: #8a8a8a
}

.layer_btns .change {
    position: relative;
    color: #a8833b;
    background: #fdf8e3;
    display: none;
    cursor: pointer;
    overflow: hidden
}

.layer_btns .change .selectfile {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 200%;
    height: 200%;
    opacity: 0;
    display: block;
    cursor: pointer;
    color: transparent
}

input::-ms-clear, input::-ms-reveal {
    display: none
}

.guide_layer .default-avatar {
    text-align: left;
    position: absolute;
    top: 0;
    z-index: 2;
    font-size: 0
}

.guide_layer .default-avatar p {
    font-size: 14px;
    color: #414a60;
    margin-bottom: 20px;
    font-style: normal
}

.guide_layer .avatar-con {
    margin-right: -40px
}

.guide_layer .img-box {
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 34px;
    margin-bottom: 20px;
    display: inline-block;
    cursor: pointer
}

.guide_layer img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.guide_layer .img-checked {
    position: relative;
    border-color: #37e0d2
}

.guide_layer .img-checked .pop {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(93, 213, 200, .89) url(../images/guide.png) -52px -21px no-repeat
}

.guide_layer .img-box:hover {
    border-color: #37e0d2
}

.guide_layer .main .selectpic {
    background-color: #fff
}

.guide_layer .main .selectpic .editbox {
    background-color: #fff;
    z-index: 3
}

.guide_layer .main .selectpic .sbox {
    margin-top: 230px;
    position: relative
}

.guide_layer .main .selectpic .sbox p {
    margin-top: 22px;
    color: #9fa3b0;
    font-style: normal
}

.guide_layer .main .selectpic .sbox .btns {
    width: 118px;
    height: 32px;
    font-style: normal;
    border-radius: 0;
    border: 1px solid #5dd5c8;
    color: #5dd5c8;
    line-height: 32px;
    padding: 0;
    background-position: 34px center;
    padding-left: 20px
}

.guide_layer .main .selectpic .sbox .selectfile {
    width: 140px;
    height: 34px;
    left: 105px;
    cursor: pointer
}

.guide_layer .layer_btns {
    padding-left: 0
}

.profile_form {
    width: 560px;
    margin-bottom: 100px
}

.profile_form dd.cont {
    position: relative
}

.profile_form dd.cont .bg {
    width: 340px;
    height: 14px;
    position: absolute;
    top: 15px;
    left: 0;
    background: #e8eff2;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display: inline-block
}

.profile_form dd.cont .loading_bg {
    height: 14px;
    width: 0;
    background: -moz-linear-gradient(left, #57c6de, #14d9d1);
    background: -webkit-linear-gradient(left, #57c6de, #14d9d1);
    background: -o-linear-gradient(left, #57c6de, #14d9d1);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 0
}

.profile_form dd.cont .loading_val {
    font-size: 10px;
    color: #755a06;
    width: 38px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    top: -8px;
    left: -19px;
    background: #ffd75a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center
}

.profile_form dd.cont .loading_val i {
    height: 0;
    width: 0;
    border-width: 4px 6px 0 6px;
    border-style: solid dashed dashed dashed;
    border-color: #ffd75a transparent transparent transparent;
    display: block;
    margin: 0 0 0 13px
}

.profile_form .avatar_line {
    height: 94px
}

.profile_form .avatar_tit {
    line-height: 94px
}

.profile_form .avatar_box .avatar {
    width: 90px;
    height: 90px;
    border: 2px solid #d6d6d6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e2e2e2;
    float: left
}

.profile_form .avatar_box .sel_avatar {
    margin-left: 112px;
    line-height: 1
}

.profile_form .avatar_box .sel_avatar a {
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #59cac2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block
}

.profile_form .avatar_box .sel_avatar p {
    font-size: 12px;
    color: #b9b9b9;
    margin-top: 10px
}

.profile_form .length_tip {
    font-size: 14px;
    color: #b9b9b9;
    position: absolute;
    right: 15px;
    top: 0
}

.profile_form dl .num {
    top: 8px;
    right: 15px
}

.profile_form .team .num {
    top: inherit
}

.profile_form .team_tit {
    line-height: 1
}

.profile_form textarea {
    height: 112px
}

.profile_form .textarea_tip {
    font-size: 14px;
    color: #b9b9b9;
    position: absolute;
    right: 15px;
    top: 142px;
    line-height: 30px
}

.profile_form .submit_box {
    text-align: center;
    position: relative
}

.profile_form input.vali_btn {
    width: 220px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #59cac2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    margin: 40px auto 0;
    cursor: pointer
}

.profile_form input.vali_btn:hover {
    background: #46bab2
}

.profile_form input.vali_btn_b1 {
    width: 136px;
    height: 42px;
    background: #fff;
    border: 2px solid #9bb4bd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    color: #9bb4bd;
    text-align: center
}

.profile_form input.vali_btn_b1:hover {
    color: #fff;
    background: #9bb4bd
}

.profile_form input.preview {
    position: absolute;
    right: 0;
    top: 40px
}

.profile_form .sparklight_box {
    padding: 20px;
    background: #32323a;
    width: 380px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 55px;
    left: 0;
    display: none;
    z-index: 999
}

.profile_form .sparklight_box .jiao {
    position: absolute;
    width: 16px;
    height: 8px;
    background: url(https://www.xmxmxmabc.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: #53cac3;
    background: #53cac3
}

.profile_form .add_spark {
    position: relative
}

.profile_form .add_spark .add_ipt {
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 10px;
    position: relative;
    width: 198px;
    height: 26px;
    line-height: 26px
}

.profile_form .add_spark .add_ipt input {
    width: 148px;
    margin-right: 0;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    vertical-align: top;
    margin-top: 6px
}

.profile_form .add_spark .add_ipt .num {
    position: absolute;
    right: 10px;
    bottom: 10px;
    top: 5px;
    line-height: 14px
}

.profile_form .add_spark .add {
    background: url(https://www.xmxmxmabc.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: #53cac3
}

.p_dialog {
    width: 590px;
    background-color: #e9e9e9;
    background-color: rgba(233, 233, 233, .8);
    padding: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #666;
    -moz-box-shadow: 0 0 10px #666;
    -ms-box-shadow: 0 0 10px #666;
    box-shadow: 0 0 10px #666;
    display: none
}

.p_dialog .dialog_con {
    position: relative;
    border: 1px solid #a0a0a0;
    min-height: 100px;
    background-color: #fff;
    padding: 20px
}

.p_dialog .dialog_close, .p_dialog .fddialog_close {
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    background: transparent url(https://www.xmxmxmabc.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: #00d7c6
}

.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    padding: 0 5px;
    margin: 0;
    margin-top: -2px;
    width: 130px;
    max-width: inherit;
    line-height: 22px
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none
}

.bootstrap-tagsinput .tag {
    display: inline-block;
    margin-right: 2px;
    background-color: #eef0f5;
    border-radius: 15px;
    height: 20px;
    line-height: 20px;
    padding: 0 12px
}

.bootstrap-tagsinput .tag [data-role=remove] {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px -6px 0 5px;
    cursor: pointer;
    background: url(https://static.zhipin.com/v2/web/boss/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.xmxmxmabc.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
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0, 0);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

.fast-login-box {
    top: 112px;
    width: 320px;
    padding: 0;
    border-radius: 2px;
    background: #e8e8e8
}

.fast-login-box:after {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -45px;
    content: '正在加载中';
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
    background-size: 16px;
    padding-right: 20px;
    line-height: 34px;
    color: #969696;
    white-space: nowrap
}

.fast-login-box:before {
    content: '';
    position: absolute;
    top: -16px;
    right: 107px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 99
}

.fast-login-box .sign-form {
    display: block;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    height: 34px;
    width: 320px
}

.fast-login-box .code-form-title {
    display: block;
    margin: 13px 0 10px 18px
}

.fast-login-box .code-img img {
    width: 94px;
    height: 36px;
    display: block;
    margin-left: 18px
}

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

.fast-login-box .row-code.nc-container .nc_scale span {
    width: 40px;
    height: 32px;
    line-height: 32px
}

.fast-login-box .row-code.nc-container .nc_scale .scale_text {
    line-height: 34px
}

.fast-login-box .row-code.nc-container .nc_scale {
    height: 34px
}

.fast-login-box .row-code.nc-container .nc_scale {
    display: block
}

.fast-login-box .row-code {
    display: block;
    position: relative;
    z-index: 101;
    margin: 0
}

.fast-login-box .row-code {
    width: 320px
}

.fast-login-box .getcode-btn {
    display: none;
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    color: #54cbc4;
    top: 0;
    right: 92px;
    padding: 0 10px;
    line-height: 44px;
    height: 44px;
    z-index: 999;
    min-width: auto;
    background: 0 0;
    border: none
}

.fast-login-box .sign-form .row-code img {
    width: 92px !important;
    height: 42px !important
}

.fast-login-box .geetest_wind.geetest_fullpage_click.geetest_float .geetest_fullpage_click_box {
    top: 0 !important
}

.search-find-box {
    position: absolute;
    left: 120px;
    top: 58px;
    width: 660px;
    padding: 4px 16px 16px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 12px;
    overflow: hidden
}

.search-find-box .search-find-group {
    position: relative;
    margin-top: 8px
}

.search-find-box .search-find-title {
    display: block;
    font-size: 12px;
    color: #757575;
    line-height: 17px;
    padding: 8px 0
}

.search-find-box .search-find-title .clear-search-btn {
    float: right;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    transition: all .2s linear
}

.search-find-box .search-find-title .clear-search-btn:hover {
    color: #00a6a7
}

.search-find-box .search-find-list {
    overflow: hidden;
    margin-left: -6px;
    margin-right: -6px
}

.search-find-box .search-find-item {
    display: none
}

.search-find-box .search-find-item.active {
    display: block
}

.search-find-box .search-find-list a {
    background: #f8f8f8;
    border-radius: 6px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding: 2px 8px;
    float: left;
    margin: 4px 6px;
    word-break: break-all;
    transition: all .2s linear
}

.search-find-box .search-find-list a:hover {
    color: #fff;
    background: #00bebd
}

.search-find-box .search-find-list a.has-hot-word {
    display: flex;
    align-items: center
}

.search-find-box .search-find-list a.has-hot-word:after {
    content: ' ';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(https://img.bosszhipin.com/static/file/2023/g6ekwpgj3x1675251964669.png) 0 0/16px auto no-repeat
}

.search-find-box .switch-find-btn {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #00a6a7;
    line-height: 17px;
    transition: all .2s linear
}

.search-find-box .switch-find-btn:before {
    content: ' ';
    display: inline-block;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(https://img.bosszhipin.com/static/file/2023/6c9swnmxfg1675251970848.png) 0 0/16px auto no-repeat
}

.search-find-box .switch-find-btn:hover {
    opacity: .8
}

.search-find-box .switch-find-btn.rotate:before {
    animation: search-find-rotate .2s linear
}

@keyframes search-find-rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(180deg)
    }
}

.position-select-dropdown {
    border-radius: 8px;
    overflow: hidden
}

.position-select-dropdown:after {
    content: ' ';
    position: absolute;
    top: 4px;
    width: 4px;
    right: -4px;
    bottom: 0;
    z-index: 1;
    background: 0 0
}

.position-select-dropdown .position-select-dropdown__inner {
    height: 242px;
    padding: 4px 0;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08)
}

.position-select-dropdown .position-select-dropdown__item:hover .position-select-dropdown__title {
    color: #00a6a7;
    background: #f8f8f8
}

.position-select-dropdown .position-select-dropdown__item:hover .position-select-dropdown__title:after {
    background-position: -6px -8px
}

.position-select-dropdown .position-select-dropdown__title {
    position: relative;
    display: block;
    width: 168px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    height: 36px;
    line-height: 36px;
    padding: 0 24px 0 16px;
    background: #fff;
    cursor: pointer;
    transition: all .2s linear
}

.position-select-dropdown .position-select-dropdown__title:after {
    content: ' ';
    position: absolute;
    right: 16px;
    width: 4px;
    height: 7px;
    top: 14px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.position-select-dropdown .position-select-dropdown__child {
    display: none;
    position: absolute;
    top: 0;
    left: 172px;
    z-index: 1;
    width: 610px;
    padding: 4px 0;
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(153, 153, 153, .2);
    border-radius: 12px;
    overflow: hidden
}

.position-select-dropdown .position-select-dropdown__main {
    overflow: auto;
    overflow: overlay;
    height: 234px
}

.position-select-dropdown .position-select-title {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #12141a;
    line-height: 22px;
    padding: 12px 16px 4px 16px
}

.position-select-dropdown .position-select-dropdown__label {
    float: left;
    width: 122px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    padding-left: 6px;
    word-break: break-all;
    box-sizing: border-box;
    flex-shrink: 0
}

.position-select-dropdown .position-select-dropdown__grandson {
    padding: 12px 0 0 10px;
    display: flex
}

.position-select-dropdown .position-select-dropdown__grandson:last-child .position-select-dropdown__list:after {
    content: none
}

.position-select-dropdown .position-select-dropdown__list {
    position: relative;
    overflow: hidden;
    flex: 1
}

.position-select-dropdown .position-select-dropdown__list:after {
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 10px;
    z-index: 1;
    height: 1px;
    background: #f0f3fa
}

.position-select-dropdown .position-select-dropdown__list a {
    float: left;
    margin-bottom: 12px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
    color: #222;
    line-height: 18px;
    transition: all .2s linear
}

.position-select-dropdown .position-select-dropdown__list a:hover {
    color: #00a6a7
}

.satisfaction-collect-popper {
    position: fixed;
    right: 88px;
    bottom: 40px;
    z-index: 1004;
    width: 550px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(153, 153, 153, .2);
    border-radius: 12px;
    padding: 20px;
    box-sizing: border-box
}

.satisfaction-collect-popper .satisfaction-collect-close {
    position: absolute;
    z-index: 9;
    width: 24px;
    height: 24px;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.satisfaction-collect-popper .satisfaction-collect-close:after, .satisfaction-collect-popper .satisfaction-collect-close:before {
    content: " ";
    position: absolute;
    width: 16px;
    height: 1px;
    background: #999;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 4px;
    top: 12px;
    transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-close:after {
    transform: rotate(-45deg)
}

.satisfaction-collect-popper .satisfaction-collect-close:hover:after, .satisfaction-collect-popper .satisfaction-collect-close:hover:before {
    background: #666
}

.satisfaction-collect-popper .satisfaction-collect-title {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    padding-left: 12px;
    margin-bottom: 12px
}

.satisfaction-collect-popper .satisfaction-collect-title:before {
    content: ' ';
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    width: 4px;
    height: 16px;
    background: #00bebd;
    border-radius: 2px
}

.satisfaction-collect-popper .collect-reason-tip {
    font-size: 12px;
    color: #f53d47;
    line-height: 17px;
    font-weight: 400
}

.satisfaction-collect-popper .satisfaction-collect-extra {
    display: none;
    margin-top: 24px
}

.satisfaction-collect-popper .satisfaction-collect-level {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 12px
}

.satisfaction-collect-popper .satisfaction-collect-level li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50px;
    font-size: 13px;
    font-weight: 400;
    color: #999;
    line-height: 18px;
    cursor: pointer;
    white-space: nowrap;
    transition: color .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-level li.active, .satisfaction-collect-popper .satisfaction-collect-level li:hover {
    color: #666
}

.satisfaction-collect-popper .satisfaction-collect-level li + li {
    margin-left: 40px
}

.satisfaction-collect-popper .satisfaction-collect-level li:before {
    content: " ";
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://img.bosszhipin.com/static/file/2023/3vf0zpg1ju1675133526258.png) 0 0/50px auto no-repeat
}

.satisfaction-collect-popper .satisfaction-collect-level .level-1.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-1:hover:before {
    background-position: 0 -250px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-2:before {
    background-position: 0 -50px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-2.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-2:hover:before {
    background-position: 0 -300px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-3:before {
    background-position: 0 -100px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-3.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-3:hover:before {
    background-position: 0 -350px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-4:before {
    background-position: 0 -150px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-4.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-4:hover:before {
    background-position: 0 -400px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-5:before {
    background-position: 0 -200px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-5.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-5:hover:before {
    background-position: 0 -450px
}

.satisfaction-collect-popper .satisfaction-collect-level li .gif-animate {
    display: none;
    width: 50px;
    height: 50px
}

.satisfaction-collect-popper .satisfaction-collect-level li.has-animate:hover .gif-animate {
    display: block
}

.satisfaction-collect-popper .satisfaction-collect-level li.has-animate:hover:before {
    content: none
}

.satisfaction-collect-popper .satisfaction-collect-reason {
    overflow: hidden;
    margin: 8px
}

.satisfaction-collect-popper .satisfaction-collect-reason li {
    margin: 4px;
    float: left;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    padding: 1px 8px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-reason li.active, .satisfaction-collect-popper .satisfaction-collect-reason li:hover {
    color: #00a6a7;
    background: rgba(0, 190, 189, .1)
}

.satisfaction-collect-popper .satisfaction-collect-reason li.active {
    border: 1px solid #00bebd
}

.satisfaction-collect-popper .satisfaction-collect-textarea {
    display: block;
    width: 486px;
    height: 80px;
    padding: 10px 16px;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 13px;
    line-height: 20px;
    margin: 0 12px;
    box-sizing: border-box;
    outline: 0;
    resize: none;
    color: #666;
    border: 1px solid transparent;
    transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-textarea:focus, .satisfaction-collect-popper .satisfaction-collect-textarea:hover {
    border: 1px solid #00bebd
}

.satisfaction-collect-popper .satisfaction-collect-operate {
    display: none;
    text-align: right;
    margin: 16px 12px 0
}

.satisfaction-collect-popper .satisfaction-collect-btn {
    padding: 6px 30px;
    background: #00bebd;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-btn:hover {
    background: rgba(0, 190, 189, .8)
}

.satisfaction-collect-popper .satisfaction-collect-btn.is-disabled {
    opacity: .8;
    cursor: not-allowed
}

.satisfaction-collect-popper .satisfaction-collect-btn.is-disabled:hover {
    background: #00bebd
}

.satisfaction-collect-popper .satisfaction-collect-btn + .satisfaction-collect-btn {
    margin-right: 20px
}

.solar-banner-wrapper {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -50px;
    z-index: 1;
    width: 100px;
    height: 100px
}

.solar-banner-wrapper a {
    display: flex
}

.solar-banner-wrapper img {
    height: 100px;
    display: none
}

.solar-banner-wrapper .close-icon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    background: rgba(255, 255, 255, .5);
    border-radius: 100%;
    cursor: pointer
}

.solar-banner-wrapper .close-icon:after, .solar-banner-wrapper .close-icon:before {
    content: ' ';
    position: absolute;
    width: 8px;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 4px;
    top: 7.5px
}

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

.change-city-dialog.dialog-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.change-city-dialog .dialog-container {
    position: relative;
    top: auto;
    left: auto;
    width: 880px;
    margin: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff url(https://img.bosszhipin.com/static/file/2023/u05xfi3sxx1686903508127.png) 0 0/100% auto no-repeat
}

.change-city-dialog .dialog-title {
    height: 0
}

.change-city-dialog .dialog-title .close:hover {
    background: 0 0
}

.change-city-dialog .dialog-title .close:hover .icon-close:after, .change-city-dialog .dialog-title .close:hover .icon-close:before {
    background: rgba(255, 255, 255, .5)
}

.change-city-dialog .dialog-title .icon-close:after, .change-city-dialog .dialog-title .icon-close:before {
    background: #fff;
    transition: all .2s linear
}

.change-city-dialog .dialog-con {
    max-height: none
}

.change-city-dialog .change-city-header {
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 30px
}

.change-city-dialog .city-cascade-select {
    display: flex;
    align-items: center
}

.change-city-dialog .city-cascade-select .city-cascade-label {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin-right: 12px
}

.change-city-dialog .city-cascade-select .city-cascade-input {
    display: inline-block;
    position: relative;
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .6);
    cursor: pointer;
    transition: all .2s linear
}

.change-city-dialog .city-cascade-select .city-cascade-input.city {
    display: none
}

.change-city-dialog .city-cascade-select .city-cascade-input.show {
    display: inline-block
}

.change-city-dialog .city-cascade-select .city-cascade-input:hover {
    background: #fff
}

.change-city-dialog .city-cascade-select .city-cascade-input:hover:after {
    content: ' ';
    height: 4px;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: -4px;
    background: 0 0
}

.change-city-dialog .city-cascade-select .city-cascade-input:hover .city-current {
    color: #ccc
}

.change-city-dialog .city-cascade-select .city-cascade-input:hover .city-current:after {
    border-top: 4px solid #ccc
}

.change-city-dialog .city-cascade-select .city-cascade-input + .city-cascade-input {
    margin-left: 12px
}

.change-city-dialog .city-cascade-select .city-current {
    position: relative;
    display: block;
    width: 120px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    padding: 6px 20px 6px 12px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.change-city-dialog .city-cascade-select .city-current:after {
    content: ' ';
    position: absolute;
    right: 12px;
    top: 50%;
    z-index: 1;
    display: block;
    margin-top: -2px;
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff
}

.change-city-dialog .city-cascade-select .dropdown-list {
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    border: 1px solid #ededed;
    padding: 4px;
    max-height: 242px;
    box-sizing: border-box;
    overflow: auto;
    overflow: overlay
}

.change-city-dialog .city-cascade-select .dropdown-list li a {
    display: block;
    height: 36px;
    font-size: 14px;
    padding: 8px 12px;
    color: #333;
    line-height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .2s linear
}

.change-city-dialog .city-cascade-select .dropdown-list li:hover a, .change-city-dialog .city-cascade-select .dropdown-list ll.active a {
    background: #f8f8f8;
    color: #00a6a7;
    font-weight: 500
}

.change-city-dialog .select-city-wrapper + .select-city-wrapper {
    margin-left: 40px
}

.change-city-dialog .city-query-select {
    display: inline-block
}

.change-city-dialog .city-query-select .city-query-label {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin-right: 12px
}

.change-city-dialog .city-query-select .city-query-input {
    display: inline-block;
    width: 160px;
    height: 32px;
    position: relative;
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    transition: all .2s linear;
    vertical-align: middle
}

.change-city-dialog .city-query-select .city-query-input:after {
    content: ' ';
    position: absolute;
    right: 12px;
    top: 50%;
    z-index: 2;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2023/0hyz0a4xce1687155018594.png) 0 0/16px auto no-repeat
}

.change-city-dialog .city-query-input.is-focus:after, .change-city-dialog .city-query-input:hover:after {
    background-position: 0 -16px
}

.change-city-dialog .city-query-input.is-focus, .change-city-dialog .city-query-input:hover {
    background: #fff
}

.change-city-dialog .city-query-input.is-focus .city-current, .change-city-dialog .city-query-input:hover .city-current {
    color: #333
}

.change-city-dialog .city-query-input:hover .is-placeholder {
    color: #ccc
}

.change-city-dialog .city-query-select .city-current {
    position: relative;
    z-index: 1;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .6);
    display: block;
    width: 160px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    padding: 5px 20px 5px 12px;
    height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    outline: 0;
    background: 0 0;
    transition: all .2s linear
}

.change-city-dialog .city-query-select .is-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 160px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 20px 6px 12px;
    box-sizing: border-box
}

.change-city-dialog .city-query-select .dropdown-list {
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    border: 1px solid #ededed;
    padding: 4px;
    max-height: 242px;
    box-sizing: border-box;
    overflow: auto;
    overflow: overlay
}

.change-city-dialog .city-query-select .dropdown-list li a {
    display: block;
    height: 36px;
    font-size: 14px;
    padding: 8px 12px;
    color: #333;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    transition: all .2s linear;
    border-radius: 4px
}

.change-city-dialog .city-query-select .dropdown-list li a:hover {
    color: #00a6a7;
    background: #f8f8f8
}

.change-city-dialog .city-query-select .dropdown-list li .hight-light-text {
    text-decoration: none;
    color: #00a6a7
}

.change-city-dialog .change-city-body {
    position: relative;
    max-height: calc(100vh - 220px);
    background: #fff;
    border-radius: 12px;
    padding: 20px 30px 0;
    display: flex;
    flex-direction: column;
    overflow: auto;
    overflow: overlay
}

.change-city-dialog .hot-city-section {
    margin-bottom: 40px;
    flex-shrink: 0
}

.change-city-dialog .hot-city-section h3 {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin-bottom: 18px
}

.change-city-dialog .hot-city-section .hot-city-section__list {
    overflow: hidden;
    margin: -6px -30px -6px -3px
}

.change-city-dialog .hot-city-section .hot-city-section__list li {
    background: #f8f8f8;
    border-radius: 4px;
    float: left;
    margin: 6px 3px;
    transition: all .2s linear
}

.change-city-dialog .hot-city-section .hot-city-section__list a {
    font-size: 14px;
    color: #222;
    width: 76px;
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
    padding: 6px 2px;
    box-sizing: border-box
}

.change-city-dialog .hot-city-section .hot-city-section__list li.active, .change-city-dialog .hot-city-section .hot-city-section__list li:hover {
    color: #00a6a7;
    background: rgba(0, 190, 189, .1)
}

.change-city-dialog .hot-city-section .hot-city-section__list li.active a, .change-city-dialog .hot-city-section .hot-city-section__list li:hover a {
    color: #00a6a7
}

.change-city-dialog .char-index-select {
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    flex-shrink: 0
}

.change-city-dialog .char-index-select .char-index-select__label {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.change-city-dialog .char-index-select .char-index-select__list {
    flex: 1;
    display: block;
    padding: 0 20px;
    text-align: justify;
    height: 20px;
    line-height: 20px
}

.change-city-dialog .char-index-select .char-index-select__list:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    margin: 0;
    overflow: hidden
}

.change-city-dialog .char-index-select .char-index-select__list li {
    display: inline-block;
    font-size: 14px;
    color: #999;
    cursor: pointer;
    transition: all .2s linear
}

.change-city-dialog .char-index-select .char-index-select__list li.active, .change-city-dialog .char-index-select .char-index-select__list li:hover {
    color: #00a6a7
}

.change-city-dialog .city-group-section {
    position: relative;
    flex: 1;
    margin-right: -30px;
    padding-right: 30px;
    padding-bottom: 20px;
    overflow: auto;
    overflow: overlay;
    min-height: 110px
}

.change-city-dialog .city-group-item {
    position: relative;
    overflow: hidden;
    padding: 6px 16px 6px 22px;
    border-radius: 3px;
    box-sizing: border-box;
    max-height: 45px;
    transition: background .2s linear
}

.change-city-dialog .city-group-item .city-group-item__more:before {
    content: '更多'
}

.change-city-dialog .city-group-item.active, .change-city-dialog .city-group-item:hover {
    background: #f8f8f8
}

.change-city-dialog .city-group-item.active:before, .change-city-dialog .city-group-item:hover:before {
    background: #00bebd
}

.change-city-dialog .city-group-item.active .city-group-char, .change-city-dialog .city-group-item:hover .city-group-char {
    color: #00a6a7
}

.change-city-dialog .city-group-item + .city-group-item {
    margin-top: 8px
}

.change-city-dialog .city-group-item:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 6px;
    background: #f2f2f2
}

.change-city-dialog .city-group-char {
    float: left;
    font-size: 24px;
    font-weight: 600;
    color: #999;
    line-height: 32px
}

.change-city-dialog .city-group-item.has-more .city-group-item__more {
    display: block
}

.change-city-dialog .city-group-item__more {
    display: none;
    position: relative;
    float: right;
    color: #999;
    line-height: 20px;
    margin-top: 6px;
    transition: all .2s linear
}

.change-city-dialog .city-group-item__more:hover {
    color: #00a6a7
}

.change-city-dialog .city-group-item__more:hover:after {
    background-position: -6px -8px
}

.change-city-dialog .city-group-item__more:after {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 7px;
    margin-top: -2px;
    margin-left: 6px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg)
}

.change-city-dialog .city-group-item.expand {
    max-height: none
}

.change-city-dialog .city-group-item.expand .city-group-item__more:before {
    content: '收起'
}

.change-city-dialog .city-group-item.expand .city-group-item__more:after {
    transform: rotate(-90deg)
}

.change-city-dialog .city-group-item__list {
    margin-right: -10px;
    margin-left: 34px;
    overflow: hidden
}

.change-city-dialog .city-group-item__list li {
    float: left;
    margin: 6px 10px
}

.change-city-dialog .city-group-item__list li a {
    display: block;
    font-size: 14px;
    color: #222;
    line-height: 20px;
    transition: all .2s linear
}

.change-city-dialog .city-group-item__list li a.active, .change-city-dialog .city-group-item__list li a:hover {
    color: #00a6a7
}

.menu-all:after, .menu-sub li:after, .pop-sign:after {
    content: '';
    display: block;
    overflow: hidden;
    visibility: hidden;
    clear: both
}

.menu-all:after, .menu-sub li:after, .pop-sign:after {
    zoom: 1
}

.home-sider {
    width: 384px;
    position: absolute;
    left: 0;
    top: 0
}

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

.promotion-five .job-menu, .promotion-five .school-job-menu, .promotion-four .job-menu, .promotion-four .school-job-menu {
    padding-top: 0
}

.job-menu dl, .school-job-menu dl {
    padding: 0 0;
    zoom: 1;
    height: 42px
}

.promotion-four .job-menu dl, .promotion-four .school-job-menu dl {
    height: 41px
}

.promotion-five .job-menu dl, .promotion-five .school-job-menu dl {
    height: 44px
}

.promotion-six .job-menu dl {
    height: 44px
}

.promotion-seven .job-menu dl {
    height: 44px
}

.job-menu dd b, .school-job-menu dd b {
    float: left;
    font-weight: 600;
    color: #222;
    font-size: 15px
}

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

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

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

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

.job-menu dd, .school-job-menu dd {
    padding: 8px 20px 9px;
    height: 26px;
    overflow: hidden
}

.promotion-four .job-menu dd, .promotion-four .school-job-menu dd {
    padding: 7px 20px
}

.job-menu a, .school-job-menu a {
    color: #666;
    font-size: 13px;
    display: inline-block;
    line-height: 28px;
    margin-left: 16px
}

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

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

.job-menu dl.cur, .school-job-menu dl.cur {
    background: #00bebd;
    border-color: #d1d4db;
    border-right-color: #fff;
    position: relative;
    width: 100%;
    z-index: 10
}

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

.job-menu dl.cur dd > b, .school-job-menu dl.cur dd > b {
    color: #fff
}

.job-menu dl.cur dd i, .school-job-menu dl.cur dd i {
    color: #fff
}

.job-menu dl.cur dt {
    color: #18c3b1
}

.job-menu .menu-line {
    display: none
}

.job-menu dl.cur dt .icon-arrow-right {
    margin-right: 1px;
    background-position: 6px -28px
}

.job-menu dl.cur .menu-line {
    display: block;
    position: absolute;
    height: 100%;
    background: #00bebd;
    width: 5px;
    top: 0;
    right: 0;
    z-index: 11
}

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

.job-menu .show-all {
    border-top: dashed 1px #ecedef;
    color: #00a6a7;
    height: 45px;
    padding: 0 20px;
    line-height: 45px
}

.promotion-four .job-menu .show-all {
    margin-top: 0;
    line-height: 43px;
    height: 43px
}

.promotion-five .job-menu .show-all {
    margin-top: 0;
    line-height: 39px;
    height: 39px
}

.promotion-six .job-menu .show-all {
    margin-top: 20px
}

.promotion-seven .job-menu .show-all {
    margin-top: 2px
}

.menu-sub {
    display: none;
    position: absolute;
    background: #fff;
    padding: 20px 30px 20px 10px;
    width: 648px;
    top: 0;
    margin-top: -10px;
    left: 100%;
    z-index: 1;
    box-shadow: 0 1px 6px rgba(6, 0, 1, .1)
}

.job-menu dl.cur .menu-sub {
    display: block
}

.menu-sub li + li {
    padding-top: 10px
}

.menu-sub .menu-article {
    padding-left: 20px;
    height: 30px;
    font-size: 15px;
    font-weight: 700;
    color: #222
}

.menu-sub h4 {
    float: left;
    width: 104px;
    color: #666;
    font-size: 13px;
    padding-top: 2px;
    font-weight: 400;
    padding-left: 20px
}

.menu-sub h4 .icon-arrow-right {
    position: relative;
    top: 2px
}

.menu-sub .text {
    margin-left: 130px;
    border-bottom: solid 1px #f5f6f9;
    padding: 0 0 10px 1px
}

.menu-sub ul li:last-of-type .text {
    border: none
}

.menu-sub .text a {
    margin-left: 0;
    margin-right: 25px;
    color: #222
}

.menu-sub .text a.cur, .menu-sub .text a:hover {
    color: #18c3b1
}

.menu-all {
    padding: 0;
    width: 829px
}

.menu-all .sub-tab {
    width: 212px;
    float: left;
    background: #fdfdfe;
    border-right: 1px #d1d4db solid
}

.menu-all .sub-tab li {
    height: 104px;
    line-height: 104px;
    border-top: 1px #fdfdfe solid;
    border-bottom: 1px #fdfdfe solid;
    font-size: 18px;
    padding-top: 0;
    padding-left: 42px;
    cursor: pointer
}

.menu-all .sub-tab li.cur {
    border-top-color: #d1d4db;
    border-bottom-color: #d1d4db;
    background: #fff;
    color: #18c3b1;
    position: relative;
    padding-right: 1px;
    margin-right: -1px
}

.menu-all .sub-content {
    margin-left: 212px;
    width: 616px;
    overflow: auto
}

.menu-all .sub-content ul {
    overflow: hidden;
    display: none;
    padding-top: 20px
}

.menu-all .sub-content ul.show {
    display: block
}

.menu-all .sub-content li h4 {
    float: none;
    padding-top: 0;
    width: auto;
    text-align: left;
    margin-left: 15px
}

.menu-all .sub-content li {
    padding: 0 45px 10px
}

.menu-all .sub-content li .text {
    margin-left: 0;
    margin-top: 0
}

.search-box .select-tree li {
    background: 0 0
}

.home-sider .promotion-img img {
    width: 300px
}

.home-main {
    margin-left: 400px;
    min-width: 697px
}

.promotion-four .home-main {
    height: 582px
}

.home-main .search-box {
    margin-top: 0;
    padding-top: 20px
}

.home-main .search-box .btn-search {
    font-size: 0;
    width: 90px;
    padding: 0;
    min-width: 0
}

.home-main .search-box {
    width: 708px
}

.home-main .search-form .ipt-wrap {
    width: 324px
}

.home-main .search-form .ipt-search {
    width: 265px
}

.home-main .search-form .position-box {
    left: 419px
}

.home-main .search-form .search-form-con {
    float: left;
    width: 618px
}

.home-main .city-sel, .home-main .industry-sel, .home-main .position-sel, .home-main .search-form .ipt-wrap {
    border-color: #fff
}

.home-main .suggest-result {
    width: 523px
}

.search-hot {
    font-size: 13px;
    color: #9fa3b0;
    padding: 16px 0
}

.search-hot b {
    font-weight: 400;
    display: inline-block;
    margin-right: 5px
}

.search-hot a {
    display: inline-block;
    margin-right: 22px;
    color: #9fa3b0
}

.search-hot a:hover {
    color: #18c3b1
}

.slider-box {
    position: relative;
    overflow: hidden
}

.slider-main {
    overflow: hidden;
    width: 840px;
    height: 240px;
    position: relative;
    top: 0;
    left: 0
}

.slider-main li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 240px;
    font-size: 0;
    line-height: 0;
    width: 100%
}

.slider-main li img {
    width: 100%;
    height: 100%
}

.slider-main li.cur {
    display: block
}

.slider-dot {
    position: absolute;
    right: 20px;
    top: 218px
}

.slider-dot i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 7px;
    background: #fff;
    opacity: .2;
    cursor: pointer
}

.slider-dot i.cur {
    opacity: 1
}

.home-main .slider-dot {
    right: 18px;
    top: 44%
}

.home-main .slider-dot i {
    display: block;
    margin-left: 0;
    margin-bottom: 7px
}

.slider-nav {
    white-space: nowrap;
    font-size: 0
}

.slider-nav a {
    display: inline-block;
    width: 199px;
    height: 75px;
    padding: 20px 40px 0;
    background: #fff;
    border-right: 1px #f5f5f6 solid;
    border-bottom: 2px #fff solid
}

.slider-nav a.cur {
    border-bottom-color: #5acbc3
}

.slider-nav a b {
    font-size: 16px;
    font-weight: 400;
    color: #414a60
}

.slider-nav a span {
    display: block;
    font-size: 14px;
    color: #61687c
}

.slider-box .pic {
    width: 840px;
    height: 98px;
    margin: 20px auto 0;
    overflow: hidden
}

.slider-box .pic-all {
    width: 860px;
    overflow: hidden
}

.slider-box .pic a {
    width: 98px;
    height: 98px;
    float: left;
    margin-right: 10px;
    background: #fff;
    overflow: hidden;
    -webkit-transition: none;
    transition: none
}

.slider-box .pic a:hover .tit {
    color: #18c3b1
}

.slider-box .pic img {
    width: 98px;
    height: 98px;
    float: left
}

.slider-box .txt {
    margin-left: 98px;
    height: 98px;
    background: #fff
}

.slider-box .txt p {
    line-height: 60px
}

.slider-box .txt .tit {
    font-size: 18px;
    color: #414a60;
    margin-left: 18px;
    white-space: nowrap;
    overflow: hidden
}

.slider-box .txt .des {
    font-size: 14px;
    color: #61687c;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 18px
}

.promotion-main {
    font-size: 0;
    line-height: 0;
    height: 340px;
    position: relative
}

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

.promotion-five .promotion-main {
    height: 568px
}

.promotion-six .promotion-main {
    height: 684px
}

.promotion-seven .promotion-main {
    height: 798px
}

.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;
    table-layout: fixed
}

.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;
    width: 100% !important;
    height: auto
}

.promotion-main td a {
    display: block;
    width: 100% !important
}

.promotion-main td a:hover {
    background-color: #000
}

.promotion-main td a:hover img {
    opacity: .9
}

.home-box .job-list {
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 15px
}

.home-box .job-list li .company-logo {
    height: 60px;
    color: #61687c;
    font-size: 18px;
    width: auto;
    line-height: 80px
}

.home-box .job-list .info-primary p {
    margin-top: 12px
}

.home-box .job-list li .info-primary .saraly {
    font-size: 18px;
    margin-top: 14px
}

.home-box .job-list .company-text {
    padding-top: 3px
}

.link-all {
    color: #fff;
    font-size: 16px;
    text-align: center
}

.link-all a {
    display: block;
    height: 50px;
    line-height: 50px;
    background: #d3d5db;
    color: #fff
}

.link-all a:hover {
    background: #a8acb7
}

.hotjob {
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #9fa3b0;
    background-color: #f2f2f5;
    padding-left: 28px
}

.hotjob a {
    color: #9fa3b0;
    padding-right: 38px
}

.hotjob a:last-child {
    padding-right: 0
}

#main .banner {
    width: 100%;
    height: 354px;
    background-color: green;
    margin-bottom: 18px
}

#main .position-slide {
    width: 300px;
    background-color: #f8f9fb;
    float: left
}

.position-slide .position-list {
    width: 300px;
    padding: 26px 30px;
    height: 104px;
    box-sizing: border-box
}

.position-list .category {
    position: relative
}

.position-list .category a {
    font-size: 18px;
    color: #61687c
}

.position-list .category a:hover {
    color: #55cbc4;
    text-decoration: none;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.position-list .category .icon {
    width: 9px;
    height: 16px;
    background: url(../images/icons.png) 0 0 no-repeat;
    position: absolute;
    right: 0
}

.position-list .category-hot {
    width: 100%;
    overflow: hidden;
    height: 24px
}

.position-list .category-hot a {
    font-size: 14px;
    line-height: 24px;
    margin-right: 24px
}

.position-list .category-hot a:last-child {
    margin: 0
}

#main .home-list {
    margin: 0;
    margin-left: 330px;
    background: #fff
}

.position-card li {
    width: 756px;
    height: 124px;
    margin: 0 44px;
    padding-top: 25px;
    border-bottom: 2px solid #f8fafc
}

.position-card li p {
    margin-top: 0
}

.position-card .company-text p {
    margin-top: 20px
}

.footer-scan {
    position: fixed;
    width: 100%;
    height: 92px;
    bottom: 0;
    left: 0;
    background: #38c7b7 url(../images/footer-scan-bg.png) 0 bottom repeat-x;
    z-index: 22
}

.footer-scan .inner {
    width: auto
}

.footer-scan .btns {
    float: right;
    padding-top: 25px
}

.footer-scan .btns span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin-right: 20px
}

.footer-scan .btn-signup {
    background: #fff;
    color: #54cbc4;
    width: 118px
}

.footer-scan .footer-scan-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 35px;
    right: 45px;
    background: url(../images/footer-scan-close.png) center center no-repeat;
    cursor: pointer
}

.qrcode-scan {
    position: relative;
    width: 360px
}

.qrcode-scan-img {
    width: 100px;
    height: 100px;
    position: absolute;
    padding: 11px 8px;
    top: -45px;
    background: #38c7b7 url(../images/footer-scan-bg.png) 0 top repeat-x
}

.qrcode-scan img {
    width: 100px;
    height: 100px
}

.qrcode-scan h4 {
    padding-left: 135px;
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    padding-top: 20px
}

.qrcode-scan h4 a {
    color: #fff
}

.qrcode-scan p {
    padding-left: 135px;
    font-size: 12px;
    color: #fff
}

#pop-hide-container {
    display: none
}

.pop-feedback .dialog-footer .btns .btn-outline:hover {
    height: 30px;
    line-height: 30px
}

.pop-feedback input::-webkit-input-placeholder, .pop-feedback textarea::-webkit-input-placeholder {
    color: #d1d4db
}

.pop-feedback input:-ms-input-placeholder, .pop-feedback textarea::-webkit-input-placeholder {
    color: #d1d4db
}

.pop-feedback input:-moz-placeholder, .pop-feedback textarea::-webkit-input-placeholder {
    color: #d1d4db
}

.pop-feedback input::-moz-placeholder, .pop-feedback textarea::-webkit-input-placeholder {
    color: #d1d4db
}

.home-body {
    background: #f6f6f8
}

.home-site .common-tab-box {
    clear: both;
    margin-top: 30px;
    overflow: hidden
}

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

.home-site .common-tab-box h3 span {
    float: left;
    display: inline-block;
    margin-right: 40px;
    line-height: 45px;
    color: #8d92a1;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400
}

.home-site .common-tab-box h3 span.cur {
    color: #00c2b3
}

.home-site .common-tab-box ul {
    font-weight: 400;
    display: none;
    width: 110%;
    overflow: hidden
}

.home-site .common-tab-box ul.cur {
    display: block
}

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

.home-site .common-tab-more {
    text-align: center;
    margin-top: 4px
}

.home-site .common-tab-more .btn {
    width: 382px;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    background: #f6f6f8
}

.home-site .common-tab-more .btn-outline:hover {
    background: #5dd5c8
}

.home-site .job-tab-box {
    width: 100%;
    overflow: hidden
}

.home-site .job-tab-box ul {
    overflow: hidden
}

.home-site .job-tab-box ul li {
    height: 130px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff
}

.home-site .job-tab-box li .sub-li {
    display: block;
    height: 130px;
    width: 384px
}

.home-site .job-tab-box li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

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

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

.home-site .job-tab-box li a.job-info:hover p {
    color: #00d7c6
}

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

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

.home-site .job-tab-box li a.job-info .title-text {
    margin-left: 20px;
    max-width: 174px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.home-site .job-tab-box li a.job-info .title-text.no-medium {
    max-width: 234px
}

.home-site .job-tab-box li a.job-info .job-medium-icon {
    width: 46px;
    height: 16px;
    vertical-align: middle;
    margin-left: 10px
}

.home-site .job-tab-box li a.job-info .job-medium-icon.before-icon {
    margin-left: 0;
    margin-right: 10px
}

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

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

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

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

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

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

.footer-hot-city-guide .pos-bread {
    margin: auto;
    width: 1184px;
    padding-top: 4px;
    padding-bottom: 10px
}

.home-site .company-tab-box ul li {
    height: 140px;
    width: 284px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff
}

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

.home-site .company-tab-box li .sub-li {
    display: block;
    height: 140px;
    width: 284px
}

.home-site .company-tab-box li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

.home-site .company-tab-box li .company-info {
    height: 77px;
    margin: 0 20px;
    padding-top: 20px;
    border-bottom: dashed 1px #ededed
}

.home-site .company-tab-box li .company-info:hover {
    color: #00d7c6
}

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

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

.home-site .company-tab-box li .conpany-text p .industry {
    max-width: 59px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    position: relative;
    top: 3px
}

.home-site .company-tab-box li .conpany-text h4 {
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.home-site .company-tab-box li .conpany-text p {
    height: 40px;
    line-height: 41px;
    color: #898e9d;
    font-size: 12px;
    display: inline-block;
    white-space: nowrap
}

@media screen and (min-width: 0\0
) {
    .home-site .company-tab-box li .conpany-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
}

@-moz-document url-prefix() {
    .home-site .company-tab-box li .conpany-text {
        margin-left: 65px;
        text-align: right;
        overflow: auto;
        text-overflow: unset
    }
    .home-site .company-tab-box li .conpany-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }
}

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

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

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

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

.city-site .merge-city-job {
    width: 100%;
    overflow: hidden
}

.city-site .merge-city-job ul {
    overflow: hidden
}

.city-site .merge-city-job ul li {
    height: 130px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff
}

.city-site .merge-city-job li .sub-li {
    display: block;
    height: 130px;
    width: 384px;
    font-size: 0;
    padding: 16px 20px;
    box-sizing: border-box
}

.city-site .merge-city-job li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

.city-site .merge-city-job li a {
    display: inline-block
}

.city-site .merge-city-job li a.user-info:hover {
    background: #fafafa
}

.city-site .merge-city-job li a.job-info {
    padding-top: 17px;
    vertical-align: middle
}

.city-site .merge-city-job li p {
    line-height: 35px;
    font-size: 16px;
    color: #61687c;
    position: relative
}

.city-site .merge-city-job li .name .name-text {
    max-width: 192px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.city-site .merge-city-job li .name .name-text.no-medium {
    max-width: 240px
}

.city-site .merge-city-job li .name .job-medium-icon {
    height: 16px;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    top: -1px
}

.city-site .merge-city-job li .salary {
    color: #fc6c38;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job li a.job-info p.job-text {
    font-size: 13px;
    color: #8d92a1;
    padding-right: 0;
    line-height: 28px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job a.user-info {
    vertical-align: middle;
    margin-right: 20px;
    margin-left: 30px
}

.city-site .merge-city-job .user-info p {
    font-size: 14px;
    width: auto;
    padding-right: 0;
    border: 1px solid #f3f5fb;
    border-radius: 4px;
    line-height: normal
}

.city-site .merge-city-job .user-info img {
    width: 58px;
    height: 58px;
    vertical-align: middle
}

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

.city-site .merge-city-company ul li {
    height: 238px;
    width: 284px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff;
    position: relative
}

.city-site .merge-city-company li a {
    color: #414a60;
    display: block
}

.city-site .merge-city-company li .sub-li {
    display: block;
    height: 140px;
    width: 100%;
    height: 100%
}

.city-site .merge-city-company li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

.city-site .merge-city-company li .company-info {
    margin: 0 20px 10px;
    padding-top: 30px
}

.city-site .merge-city-company li .company-info:hover {
    color: #00d7c6
}

.city-site .merge-city-company li .company-info .img-box {
    text-align: center;
    margin-bottom: 14px
}

.city-site .merge-city-company li .company-info img {
    height: 58px;
    width: 58px;
    vertical-align: middle;
    border: 1px solid #f3f5fb;
    border-radius: 9px
}

.city-site .merge-city-company li .conpany-text {
    margin-bottom: 11px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.city-site .merge-city-company li .conpany-text p .industry {
    max-width: 59px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    position: relative;
    top: 3px
}

.city-site .merge-city-company li .conpany-text h4 {
    margin-bottom: 10px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.city-site .merge-city-company li .conpany-text h4 a:hover {
    color: #61687c
}

.city-site .merge-city-company li .conpany-text p {
    height: 18px;
    line-height: 18px;
    color: #898e9d;
    font-size: 12px;
    display: inline-block;
    white-space: nowrap
}

@media screen and (min-width: 0\0
) {
    .city-site .merge-city-company li .conpany-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
}

@-moz-document url-prefix() {
    .city-site .merge-city-company li .conpany-text {
        overflow: auto;
        text-overflow: unset
    }
    .city-site .merge-city-company li .conpany-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }
}

.city-site .merge-city-company li .about-info {
    width: 180px;
    height: 34px;
    color: #61687c;
    line-height: 34px;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #e3e7ed
}

.city-site .merge-city-company li .about-info:hover {
    border-color: #5dd5c8
}

.city-site .merge-city-company li .pull-right {
    text-align: right;
    float: right
}

.city-site.home-site .common-tab-box h3 span {
    margin-right: 74px
}

.hot-company-box ul li {
    height: 386px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    padding: 20px 0;
    background: #fff
}

.hot-company-box ul li .company-info-top {
    display: block;
    margin-bottom: 10px;
    height: 46px;
    padding: 0 20px;
    overflow: hidden
}

.hot-company-box ul li .company-info-top:hover h3 {
    color: #00d7c6
}

.hot-company-box ul li .company-info-top h3 {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #414a60;
    line-height: 22px;
    margin: 0 0 7px 0;
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hot-company-box ul li .company-info-top p {
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #8d92a1;
    line-height: 17px
}

.hot-company-box ul li .company-info-top .company-info {
    float: left;
    margin-left: 16px;
    width: 282px
}

.hot-company-box ul li .company-info-top .company-img {
    height: 46px;
    width: 46px;
    line-height: 46px;
    text-align: center;
    overflow: hidden;
    float: left
}

.hot-company-box ul li .company-info-top .company-img img {
    max-width: 100%;
    min-height: 100%;
    vertical-align: middle
}

.hot-company-box li .company-job-list {
    padding: 0 20px
}

.hot-company-box li .company-job-item {
    display: block;
    height: 98px;
    width: 344px;
    font-size: 0;
    padding: 16px 0;
    box-sizing: border-box;
    margin: 0
}

.hot-company-box li .company-job-item .job-info-top {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 12px
}

.hot-company-box li .company-job-item + .company-job-item {
    border-top: 1px solid #eef0f5
}

.hot-company-box li .company-job-item .job-info {
    display: block;
    padding: 0;
    width: 100%
}

.hot-company-box li .company-job-item .job-info:hover .name {
    color: #00c2b3
}

.hot-company-box li .company-job-item .guide-app-download-icon {
    display: inline-flex;
    width: 15px;
    height: 13px;
    background: url(../images/guide-add-download-icon.png) no-repeat;
    background-size: 100% 100%
}

.hot-company-box li .company-job-item .guide-app-download-icon:hover {
    background: url(../images/guide-add-download-icon-hover.png) no-repeat;
    background-size: 100% 100%
}

.hot-company-box li .company-job-item .job-info .name {
    position: relative;
    max-width: 200px;
    font-size: 15px;
    color: #414a60;
    margin-right: 8px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all linear .2s
}

.hot-company-box li .company-job-item .job-info .name .job-medium-icon {
    height: 16px;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    top: -1px
}

.hot-company-box li .company-job-item .job-info .salary {
    font-size: 15px;
    color: #fd7240;
    line-height: normal;
    flex: 1;
    text-align: right;
    max-width: none
}

.hot-company-box li .company-job-item .job-text {
    font-size: 13px;
    color: #8d92a1;
    padding-right: 0;
    line-height: 28px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-company-box li .company-job-item .job-text span {
    display: inline-block;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #8d92a1;
    line-height: 17px;
    padding: 4px 10px;
    border-radius: 3px;
    background-color: #f8f9fc
}

.hot-company-box li .company-job-item .job-text span + span {
    margin-left: 10px
}

.hot-company-box ul li .company-job-list {
    display: block
}

.hot-company-box ul li .more-job-btn {
    display: block;
    margin: 0 auto;
    width: 180px;
    height: 34px;
    text-align: center;
    border: 1px solid #5dd5c8;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #00c2b3;
    transition: all linear .2s
}

.hot-company-box ul li .more-job-btn:hover {
    color: #fff;
    background-color: #00c2b3;
    border-color: #00c2b3
}

.city-site .common-tab-box {
    clear: both;
    margin-top: 37px;
    overflow: hidden
}

.city-site .common-tab-box .box-title {
    font-size: 24px;
    text-align: center;
    position: relative;
    margin-bottom: 24px
}

.city-site .common-tab-box .box-title::after, .city-site .common-tab-box .box-title::before {
    content: '';
    display: inline-block;
    vertical-align: 8px;
    margin: 0 10px;
    width: 50px;
    height: 1px;
    background: #d1d4db
}

.city-site .common-tab-box h3 {
    height: 50px;
    position: relative;
    padding-left: 20px;
    background: #fff;
    margin-bottom: 10px;
    margin-right: -77px
}

.city-site .common-tab-box h3 span {
    position: relative;
    display: inline-block;
    margin-right: 77px;
    line-height: 50px;
    color: #8d92a1;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400
}

.city-site .common-tab-box h3 span .hot-icon {
    width: 30px;
    height: 14px;
    box-sizing: border-box;
    position: absolute;
    top: 12px;
    right: -28px;
    line-height: 13px;
    background-color: #ef505e;
    color: #fff;
    font-size: 12px;
    border-radius: 7px;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.city-site .common-tab-box h3 span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px
}

.city-site .common-tab-box h3 span.cur {
    color: #00c2b3;
    font-weight: 600
}

.city-site .common-tab-box h3 span.cur::after {
    background-color: #00c2b3;
    bottom: 0;
    left: 0
}

.city-site .common-tab-box ul {
    font-weight: 400;
    display: none;
    width: 110%;
    overflow: hidden
}

.city-site .common-tab-box ul.cur {
    display: block
}

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

.city-site .common-tab-box .sub-li:hover .job-info .name {
    color: #00c2b3
}

.city-site .common-tab-more {
    text-align: center;
    margin-top: 4px
}

.city-site .common-tab-more .btn {
    width: 216px;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    background: #5dd5c8;
    color: #fff
}

.city-site .common-tab-more .btn-outline:hover {
    background: #00c2b3;
    border-color: #00c2b3
}

.city-site .job-tab-box {
    width: 100%;
    overflow: hidden
}

.city-site .job-tab-box ul {
    overflow: hidden
}

.city-site .job-tab-box ul li {
    height: 130px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff
}

.city-site .job-tab-box li .sub-li {
    display: block;
    height: 130px;
    width: 384px;
    font-size: 0
}

.city-site .job-tab-box li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

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

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

.city-site .job-tab-box li a.job-info {
    padding-top: 17px;
    vertical-align: middle
}

.city-site .job-tab-box li p {
    line-height: 35px;
    font-size: 16px;
    color: #61687c;
    position: relative
}

.city-site .job-tab-box li .name .name-text {
    max-width: 192px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.city-site .job-tab-box li .name .name-text.no-medium {
    max-width: 240px
}

.city-site .job-tab-box li .name .job-medium-icon {
    width: 46px;
    height: 16px;
    vertical-align: middle;
    margin-left: 10px
}

.city-site .job-tab-box li .salary {
    color: #fc6c38;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .job-tab-box li a.job-info p.job-text {
    font-size: 14px;
    color: #61687c;
    padding-right: 0;
    line-height: 28px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .job-tab-box a.user-info {
    vertical-align: middle;
    margin-right: 20px;
    margin-left: 30px
}

.city-site .job-tab-box .user-info p {
    font-size: 14px;
    width: auto;
    padding-right: 0;
    border: 1px solid #f3f5fb;
    border-radius: 4px
}

.city-site .job-tab-box .user-info img {
    width: 58px;
    height: 58px;
    vertical-align: middle
}

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

.city-site .company-tab-box ul li {
    height: 238px;
    width: 284px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff;
    position: relative
}

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

.city-site .company-tab-box li .sub-li {
    display: block;
    height: 140px;
    width: 100%;
    height: 100%
}

.city-site .company-tab-box li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

.city-site .company-tab-box li .company-info {
    margin: 0 20px 10px;
    padding-top: 30px
}

.city-site .company-tab-box li .company-info:hover {
    color: #00d7c6
}

.city-site .company-tab-box li .company-info .img-box {
    text-align: center;
    margin-bottom: 14px
}

.city-site .company-tab-box li .company-info img {
    height: 58px;
    width: 58px;
    vertical-align: middle;
    border: 1px solid #f3f5fb;
    border-radius: 9px
}

.city-site .company-tab-box li .conpany-text {
    margin-bottom: 11px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.city-site .company-tab-box li .conpany-text p .industry {
    max-width: 59px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    position: relative;
    top: 3px
}

.city-site .company-tab-box li .conpany-text h4 {
    margin-bottom: 10px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.city-site .company-tab-box li .conpany-text p {
    height: 18px;
    line-height: 18px;
    color: #898e9d;
    font-size: 12px;
    display: inline-block;
    white-space: nowrap
}

@media screen and (min-width: 0\0
) {
    .city-site .company-tab-box li .conpany-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
}

@-moz-document url-prefix() {
    .city-site .company-tab-box li .conpany-text {
        overflow: auto;
        text-overflow: unset
    }
    .city-site .company-tab-box li .conpany-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }
}

.city-site .company-tab-box li .about-info {
    width: 180px;
    height: 34px;
    color: #61687c;
    line-height: 34px;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #e3e7ed
}

.city-site .company-tab-box li .about-info:hover {
    border-color: #5dd5c8
}

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

.city-site .merge-city-job-recommend {
    width: 100%;
    overflow: hidden;
    display: none
}

.city-site .merge-city-job-recommend ul {
    overflow: hidden
}

.city-site .merge-city-job-recommend ul li {
    height: 130px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff
}

.city-site .merge-city-job-recommend li .sub-li {
    display: block;
    height: 130px;
    width: 384px;
    font-size: 0;
    padding: 16px 20px;
    box-sizing: border-box
}

.city-site .merge-city-job-recommend li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

.city-site .merge-city-job-recommend li a {
    display: inline-block
}

.city-site .merge-city-job-recommend li a.user-info:hover {
    background: #fafafa
}

.city-site .merge-city-job-recommend li a.job-info {
    padding-top: 17px;
    vertical-align: middle
}

.city-site .merge-city-job-recommend li p {
    line-height: 35px;
    font-size: 16px;
    color: #61687c;
    position: relative
}

.city-site .merge-city-job-recommend li .name .name-text {
    max-width: 192px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.city-site .merge-city-job-recommend li .name .name-text.no-medium {
    max-width: 240px
}

.city-site .merge-city-job-recommend li .name .job-medium-icon {
    width: 46px;
    height: 16px;
    vertical-align: middle;
    margin-left: 10px
}

.city-site .merge-city-job-recommend li .salary {
    color: #fc6c38;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job-recommend li a.job-info p.job-text {
    font-size: 13px;
    color: #8d92a1;
    padding-right: 0;
    line-height: 22px;
    height: 22px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job-recommend a.user-info {
    display: block;
    margin-right: 20px;
    margin-left: 30px
}

.city-site .merge-city-job-recommend .user-info p {
    display: inline-block;
    font-size: 14px;
    width: auto;
    padding-right: 0;
    border-radius: 4px;
    line-height: normal
}

.city-site .merge-city-job-recommend .user-info img {
    width: 58px;
    height: 58px;
    vertical-align: middle
}

.city-site .merge-city-job-recommend .user-info .user-text {
    margin-left: 10px;
    font-size: 12px;
    color: #8d92a1
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top {
    display: flex;
    align-items: center;
    width: 100%
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .name {
    position: relative;
    max-width: 160px;
    font-size: 15px;
    color: #414a60;
    margin-right: 8px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .name-after-icon {
    height: 22px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 8px;
    font-size: 13px;
    font-style: normal;
    line-height: 22px;
    margin-right: 4px;
    background: #aaa;
    color: #fff;
    border-radius: 4px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .name-after-icon.name-icon-blue {
    border: none;
    color: #fff;
    background: linear-gradient(270deg, #f77949 0, #ff995e 100%)
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .salary {
    font-size: 15px;
    color: #fd7240;
    line-height: normal;
    flex: 1;
    text-align: right;
    max-width: none
}

.city-site .merge-city-job-recommend .sub-li a.job-info {
    padding: 0;
    width: 100%
}

.city-site .merge-city-job-recommend .sub-li-bottom a.user-info {
    margin: 0;
    padding-top: 12px
}

.city-site .merge-city-job-recommend .sub-li-bottom .user-info img {
    width: 30px;
    height: 30px;
    border: 1px solid #f3f5fb;
    margin-right: 10px;
    border-radius: 4px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom {
    border-top: 1px solid #eef0f5;
    margin-top: 8px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-info {
    font-size: 13px;
    color: #8d92a1;
    display: flex;
    align-items: center
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-info .name {
    margin-left: 10px;
    margin-right: 20px;
    color: #61687c;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .guide-app-download-icon {
    display: inline-flex;
    width: 15px;
    height: 13px;
    background: url(../images/guide-add-download-icon.png) no-repeat;
    background-size: 100% 100%
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .guide-app-download-icon:hover {
    background: url(../images/guide-add-download-icon-hover.png) no-repeat;
    background-size: 100% 100%
}

.city-site .merge-city-job li .sub-li .sub-li-top .guide-app-download-icon {
    display: inline-flex;
    width: 15px;
    height: 13px;
    background: url(../images/guide-add-download-icon.png) no-repeat;
    background-size: 100% 100%
}

.city-site .merge-city-job li .sub-li .sub-li-top .guide-app-download-icon:hover {
    background: url(../images/guide-add-download-icon-hover.png) no-repeat;
    background-size: 100% 100%
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place {
    float: right;
    height: 32px;
    line-height: 32px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place .name {
    margin-left: 2px;
    color: #61687c;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    vertical-align: middle
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place .job-card-location {
    display: inline-block;
    width: 10px;
    height: 12px;
    background: url(../images/job-card-location.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle
}

.city-site .merge-city-job-recommend .not-data {
    margin: auto;
    width: 193px;
    height: 232px;
    background: url(../images/tip-nodata.png) no-repeat;
    background-size: 100% 100%
}

.city-site .merge-city-job-recommend .not-data-text {
    margin: auto;
    width: 193px;
    text-align: center;
    color: #9fa3b0;
    font-size: 16px;
    margin-top: 10px
}

.city-site .merge-city-job-recommend h3 > span {
    margin-right: 50px
}

.dropdown-filter-geek-recommend {
    float: right;
    height: 100%;
    display: inline-flex;
    align-items: center;
    margin-right: 100px;
    color: #414a60;
    font-size: 14px;
    font-weight: 400
}

.dropdown-filter-geek-recommend .geek-img {
    display: inline-flex;
    align-items: center;
    height: 100%
}

.dropdown-filter-geek-recommend .geek-img img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 4px
}

.dropdown-filter-geek-recommend .select-label {
    cursor: pointer;
    position: relative;
    z-index: 3;
    height: 100%;
    display: inline-flex;
    align-items: center
}

.dropdown-filter-geek-recommend .select-label i {
    display: inline-block;
    margin: 2px 0 2px 10px;
    border-top: 4px solid #8d92a1;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.dropdown-filter-geek-recommend .select-label i.open {
    transform: rotate(180deg)
}

.dropdown-filter-geek-recommend .select-dropdown-menu {
    display: none;
    position: absolute;
    top: 49px;
    right: 0;
    background: #fff;
    z-index: 1;
    box-shadow: 0 3px 6px rgba(6, 0, 1, .05);
    border: 1px #e3e7ed solid
}

.dropdown-filter-geek-recommend .select-dropdown-menu > div {
    padding: 10px 10px;
    color: #8d92a1;
    white-space: nowrap
}

.dropdown-filter-geek-recommend .select-dropdown-menu > div.active {
    color: #414a60
}

.dropdown-filter-geek-recommend .select-dropdown-menu > div:hover {
    background: #f2f5f9
}

.job-daizhao-icon, .job-paiqian-icon {
    height: 22px;
    vertical-align: middle;
    margin-right: 8px
}

.guide-download-app-v62 {
    display: none;
    position: fixed;
    top: 122px;
    left: 112px;
    z-index: 999;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(227, 231, 237, 1);
    background: #fff;
    box-shadow: 5px 5px 15px rgba(227, 231, 237, 1);
    border-radius: 4px
}

.guide-download-app-v62 .app-icon-arrow {
    position: absolute;
    top: 20px;
    left: -6px;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(227, 231, 237, 1);
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    background: #fff
}

.guide-download-app-v62 .app-icon-v62 {
    width: 94px;
    height: 94px;
    background: url(../images/download-app-v63.png) no-repeat;
    background-size: 100% 100%;
    margin: 8px auto 0
}

.guide-download-app-v62 .app-icon-des-v62 {
    color: #00c2b3;
    font-size: 13px;
    text-align: center
}

.city-site .merge-city-job li .sub-li .sub-li-top {
    display: flex;
    width: 100%;
    align-items: center
}

.city-site .merge-city-job li .sub-li .sub-li-top .name {
    position: relative;
    max-width: 200px;
    font-size: 15px;
    color: #414a60;
    margin-right: 8px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job li .sub-li .sub-li-top .salary {
    font-size: 15px;
    color: #fd7240;
    line-height: normal;
    flex: 1;
    text-align: right;
    max-width: none
}

.city-site .merge-city-job .sub-li a.job-info {
    padding: 0;
    width: 100%
}

.city-site .merge-city-job .sub-li-bottom a.user-info {
    margin: 0
}

.city-site .merge-city-job .sub-li-bottom .user-info img {
    width: 30px;
    height: 30px
}

.city-site .merge-city-job li .sub-li .sub-li-bottom {
    border-top: 1px solid #eef0f5;
    display: flex;
    margin-top: 8px;
    padding-top: 12px
}

.city-site .merge-city-job li .sub-li .sub-li-bottom .sub-li-bottom-commany-info {
    font-size: 13px;
    color: #8d92a1;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job li .sub-li .sub-li-bottom .sub-li-bottom-commany-info .name {
    margin-left: 10px;
    margin-right: 20px;
    color: #61687c;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job li .sub-li .sub-li-bottom .sub-li-bottom-commany-info .type {
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job li .sub-li .sub-li-bottom .sub-li-bottom-commany-info .level {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#header .school-nav-box {
    width: 450px;
    padding: 5px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    display: none
}

#header .school-nav-box::before {
    content: '';
    position: absolute;
    width: 27px;
    height: 15px;
    left: 0;
    right: 0;
    top: -15px;
    margin: auto;
    background-image: url(../images/icon/dialog-arrow-up.png)
}

#header .school-nav-box .img-box {
    height: 92px
}

#header .school-nav-box .img-box.xiaoyuan {
    margin-bottom: 5px;
    background: url(../images/banner-xiaoyuan.jpg)
}

#header .school-nav-box .img-box.renshebu {
    margin-bottom: 5px;
    background: url(../images/banner-minying.jpg)
}

#header .school-nav-box .img-box.yangshi {
    margin-bottom: 5px;
    background: url(../images/banner-yangshi_v2.jpg)
}

#header .school-nav-box .img-box.fupin {
    margin-bottom: 0;
    background: url(../images/banner-fupin@1.5x.jpg) no-repeat;
    background-size: 100% 100%
}

.ie8 #header .school-nav-box .img-box.fupin {
    background-image: url(../images/banner-fupin@1x.jpg)
}

#header .overseas-nav-box {
    box-sizing: border-box;
    width: 232px;
    height: 90px;
    padding: 18px 24px 0 82px;
    position: absolute;
    background: linear-gradient(270deg, #cbf1ed 0, #fff 100%);
    box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .08);
    display: none;
    border-radius: 4px
}

#header .overseas-nav-box::before {
    content: '';
    position: absolute;
    width: 27px;
    height: 15px;
    left: 25px;
    right: 0;
    top: -11px;
    background-image: url(../images/icon/dialog-arrow-up.png);
    transform: scale(.5)
}

#header .overseas-nav-box .close {
    cursor: pointer;
    width: 8px;
    height: 8px;
    background-image: url(../images/icons-close.png);
    background-size: 100% auto;
    background-position: bottom;
    position: absolute;
    right: 9px;
    top: 9px
}

#header .overseas-nav-box .close:hover {
    background-position: top
}

#header .overseas-nav-box img {
    width: 73px;
    height: auto;
    position: absolute;
    left: 3px;
    top: 18px
}

#header .overseas-nav-box h4 {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 13px
}

#header .overseas-nav-box a {
    background-color: #5dd5c8;
    border-radius: 10.5px;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    float: right;
    color: #fff;
    cursor: pointer
}

#header .overseas-nav-box a:hover {
    color: #fff
}

.school-body {
    background: #eef0f5
}

.school-banner {
    height: 606px;
    max-width: 2000px;
    margin: 0 auto;
    background: url(../images/school-banner_v4.jpg) center no-repeat;
    position: relative
}

.school-bottom-banner {
    width: 1184px;
    margin: 30px auto 0
}

.school-bottom-banner img {
    width: 100%;
    display: block
}

.renshebu-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2022/qwsowuy0801654765334786.jpg);
    background-size: auto 100%;
    max-width: none
}

.renshebu-brqw-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2022/fydwrktxkl1651807240095.jpg);
    background-size: auto 100%;
    max-width: none
}

.renshebu-rlzy-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2022/xo4pa37twg1669361218340.jpeg);
    background-size: auto 100%;
    max-width: none
}

.cujiuye-rlzy-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2023/gelg3vj1sm1678254875426.jpeg);
    background-size: auto 100%;
    max-width: none
}

.huangpu-qxwg-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2023/lp09790n1k1680594147034.jpg);
    background-size: auto 100%;
    max-width: none
}

.gongxinbu-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2023/xgbjd7ujc61680594136907.jpeg);
    background-size: auto 100%;
    max-width: none
}

.zhuanjingtexin-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2023/xgo2r3qrkn1691403937210.jpg);
    background-size: auto 100%;
    max-width: none
}

.renshebu-zywldzcs-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2023/x7qvl6tw8q1678762678897.jpg);
    background-size: auto 100%;
    max-width: none
}

.zhejiang-bwgw-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2023/vhdwyvf1s21680003745550.jpg);
    background-size: auto 100%;
    max-width: none
}

.gongshang-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2022/ewrqi5fc5s1652928070304.jpg);
    background-size: auto 100%;
    max-width: none
}

.lxwjyzc-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2024/b63i5ffzc81722418700703.jpeg.webp);
    background-size: auto 100%;
    max-width: none
}

.renshebu-xyzp-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2023/p16h30ours1685411101901.jpg);
    background-size: auto 100%;
    max-width: none
}

.renshebu-zywl-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2023/01p6lf2yiu1686018863775.jpg);
    background-size: auto 100%;
    max-width: none
}

.yangshi-banner {
    background-image: url(../images/yangshi-banner_v2.jpg)
}

.renshebu-dzcsqj-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2023/adf75gbh8w1694662582988.jpg);
    background-size: auto 100%;
    max-width: none
}

.cyrensheju-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2022/5idu2d80en1654765727011.jpg);
    background-size: auto 100%
}

.ie8 .cyrensheju-banner {
    background-image: url(../images/cyrensheju-banner-new@1x.jpg)
}

.fupin-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2022/mvwd85mg7e1654757308975.jpg);
    background-size: auto 100%;
    max-width: none
}

.ie8 .fupin-banner {
    background-image: url(../images/fupin-banner@1x.jpg)
}

.youth-banner {
    background-image: url(https://img.bosszhipin.com/static/file/2022/lv06cdl0j41651200935888.jpg);
    background-size: auto 100%
}

.renshebu-banner .info-aside {
    display: none
}

.renshebu-brqw-banner .info-aside {
    display: none
}

.renshebu-rlzy-banner .info-aside {
    display: none
}

.cujiuye-rlzy-banner .info-aside {
    display: none
}

.huangpu-qxwg-banner .info-aside {
    display: none
}

.gongxinbu-banner .info-aside {
    display: none
}

.zhuanjingtexin-banner .info-aside {
    display: none
}

.renshebu-zywldzcs-banner .info-aside {
    display: none
}

.zhejiang-bwgw-banner .info-aside {
    display: none
}

.gongshang-banner .info-aside {
    display: none
}

.lxwjyzc-banner .info-aside {
    display: none
}

.renshebu-xyzp-banner .info-aside {
    display: none
}

.renshebu-zywl-banner .info-aside {
    display: none
}

.renshebu-dzcsqj-banner .info-aside {
    display: none
}

.school-banner .column-search-panel {
    position: absolute;
    bottom: 24px;
    width: 100%
}

.school-banner .column-search-panel.fixed {
    position: absolute;
    top: auto;
    left: auto;
    height: auto;
    box-shadow: none
}

.school-banner .column-search-panel .search-box {
    position: relative;
    width: 980px
}

.school-banner .column-search-panel .search-form-con {
    width: 850px
}

.school-banner .column-search-panel .school-typebox {
    position: absolute;
    width: 100%;
    top: -14px;
    left: 0;
    font-size: 0
}

.school-banner .column-search-panel .city-sel {
    padding: 10px 15px 10px 15px;
    width: 78px;
    border-color: transparent
}

.school-banner .column-search-panel .city-sel .label-text {
    width: 70px;
    text-overflow: ellipsis
}

.school-banner .column-search-panel .city-sel b {
    font-size: 16px
}

.school-banner .column-search-panel .city-sel .line {
    display: none;
    height: 32px
}

.school-banner .column-search-panel .city-sel .icon-arrow-down {
    right: -6px
}

.school-banner .column-search-panel .search-form .ipt-search {
    width: 636px
}

.school-banner .column-search-panel .search-form .btn-search {
    width: 130px
}

.school-banner .column-search-panel .suggest-result {
    width: 720px
}

.school-banner .column-search-panel .school-typebox .typebox-full, .school-banner .column-search-panel .school-typebox .typebox-intern {
    vertical-align: middle;
    display: inline-block;
    width: 98px;
    height: 34px;
    background: url(../images/school-search-type@2x.png) no-repeat;
    background-size: 250px 112px;
    cursor: pointer
}

.school-banner .column-search-panel .school-typebox .typebox-full {
    background-position: 0 -39px
}

.school-banner .column-search-panel .school-typebox .typebox-full.cur {
    background-position: 0 -78px
}

.school-banner .column-search-panel .school-typebox .typebox-full:hover {
    background-position: 0 0
}

.school-banner .column-search-panel .school-typebox .typebox-full.cur:hover {
    background-position: 0 -78px
}

.school-banner .column-search-panel .school-typebox .typebox-intern {
    margin-left: -11px;
    background-position: -152px -39px
}

.school-banner .column-search-panel .school-typebox .typebox-intern.cur {
    background-position: -152px -78px
}

.school-banner .column-search-panel .school-typebox .typebox-intern:hover {
    background-position: -152px 0
}

.school-banner .column-search-panel .school-typebox .typebox-intern.cur:hover {
    background-position: -152px -78px
}

.ie8 .school-banner .column-search-panel .school-typebox .typebox-full, .ie8 .school-banner .column-search-panel .school-typebox .typebox-intern {
    background-image: url(../images/school-search-type@1x.png)
}

.school-banner .info-aside {
    position: absolute;
    right: 40px;
    top: 233px
}

.school-banner .info-aside ul {
    background: #fff;
    border-radius: 3px;
    width: 122px;
    overflow: hidden
}

.school-banner .info-aside ul li.info-btn {
    display: none
}

.school-banner .info-aside ul li:hover {
    background-color: #f3f5fb
}

.school-banner .info-aside ul li.cur .text-wrapper {
    display: block
}

.school-banner .info-aside ul li a {
    text-align: center;
    display: block;
    padding: 9px 0
}

.school-banner .info-aside ul .text-wrapper {
    display: none;
    background: #fff;
    position: absolute;
    width: 410px;
    height: 300px;
    right: 124px;
    border-radius: 3px;
    top: 0;
    padding: 30px;
    box-sizing: border-box;
    color: #414a60
}

.school-banner .info-aside ul .text-wrapper > p {
    font-size: 16px;
    font-weight: 600
}

.school-banner .info-aside ul .text-wrapper .info-wrap {
    margin-top: 16px
}

.school-banner .info-aside ul .text-wrapper .info-wrap > p {
    margin-bottom: 5px
}

.school-banner .info-aside ul .text-wrapper .info-wrap .info-title {
    color: #8d92a1;
    font-size: 14px
}

.school-banner .info-aside ul .text-wrapper .info-wrap .info-text, .school-banner .info-aside ul .text-wrapper .info-wrap .info-title {
    float: left
}

.school-page.home-sider {
    padding-top: 36px;
    width: 240px;
    position: static
}

.school-page h3.section-title {
    display: inline-block;
    font-size: 16px;
    color: #414a60;
    height: 22px;
    line-height: 22px;
    margin-bottom: 20px
}

.school-page h3.section-title + h3 {
    display: inline-block;
    vertical-align: middle
}

.job-menu-school {
    background: #fff;
    position: relative;
    height: 276px
}

.job-menu-school dl {
    line-height: 50px;
    cursor: pointer
}

.job-menu-school dl.cur {
    background: #5dd5c8;
    color: #fff
}

.job-menu-school dl dd {
    padding-left: 30px
}

.job-menu-school dl.cur .menu-sub-school {
    display: block
}

.job-menu-school .menu-sub-school {
    display: none;
    background: #fff;
    width: 944px;
    height: 276px;
    position: absolute;
    left: 240px;
    top: 0;
    z-index: 1
}

.job-menu-school .menu-sub-school li {
    float: left;
    box-sizing: border-box;
    padding: 10px 0 10px 30px;
    line-height: 35px;
    height: 276px;
    position: relative
}

.job-menu-school .menu-sub-school li + li::before {
    content: '';
    width: 1px;
    height: 184px;
    position: absolute;
    top: 58px;
    left: 0;
    background: #e3e7ed
}

.job-menu-school .menu-sub-school li h4 {
    font-size: 15px;
    color: #414a60
}

.job-menu-school .menu-sub-school .text {
    width: 164px;
    float: left
}

.job-menu-school .menu-sub-school .text a {
    font-size: 14px;
    display: block;
    color: #61687c
}

.job-menu-school .menu-sub-school .text a:hover {
    color: #5dd5c8
}

.school-page.common-tab-box .section-title {
    margin-right: 16px
}

.school-page.common-tab-box .section-title + h3 {
    height: 34px
}

.school-page.common-tab-box .section-title + h3 span {
    color: #414a60;
    font-size: 14px;
    width: 80px;
    line-height: 34px;
    margin-right: 10px;
    text-align: center;
    border-radius: 6px;
    background: #fff
}

.school-page.common-tab-box .section-title + h3 span:hover {
    color: #5dd5c8
}

.school-page.common-tab-box .section-title + h3 span.cur {
    background: #5dd5c8;
    color: #fff
}

.school-page.company-tab-box ul li {
    width: 384px;
    height: 210px;
    position: relative
}

.school-page.company-tab-box li .sub-li {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 20px 20px 0 20px;
    box-sizing: border-box
}

.school-page.company-tab-box li .sub-li > .company-info {
    border: none;
    height: auto;
    padding: 0;
    margin: 0
}

.school-page.company-tab-box li .sub-li > .company-info:hover .company-info {
    color: #414a60
}

.school-page.company-tab-box li .sub-li .company-title img {
    width: 57px;
    height: 57px;
    border: none
}

.school-page.company-tab-box li .sub-li .company-title .conpany-text {
    text-align: left
}

.school-page.company-tab-box li .sub-li .company-title .conpany-text h4 {
    font-size: 15px
}

.school-page.company-tab-box li .sub-li .company-title + .company-info {
    border: none;
    padding-top: 0;
    margin: 0;
    line-height: 20px
}

.school-page.company-tab-box li .sub-li .company-title + .company-info:hover {
    color: #414a60
}

.school-page.company-tab-box li .sub-li .company-link {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    line-height: 52px;
    border-top: 1px dashed #eef0f5;
    height: 52px;
    text-align: center
}

.school-page.company-tab-box li .sub-li .company-link a {
    display: inline-block;
    font-size: 14px;
    margin-right: 40px;
    color: #61687c
}

.school-page.company-tab-box li .sub-li .company-link a:first-child {
    position: absolute;
    left: 0
}

.school-page.company-tab-box li .sub-li .company-link a:last-child {
    position: absolute;
    right: 0;
    margin-right: 0
}

.school-page.company-tab-box li .sub-li .company-link a:hover {
    color: #5dd5c8
}

.school-page.company-tab-box li .sub-li .company-link a span {
    margin-right: 5px
}

.school-page.company-tab-box li .sub-li .company-link.column-three {
    text-align: center
}

.school-page.company-tab-box li .sub-li .company-link.column-three a {
    margin-right: 0
}

.school-page.job-tab-box ul li {
    height: 140px
}

.school-page.job-tab-box li .sub-li span.title-text {
    max-width: 250px
}

.school-page.job-tab-box li .sub-li {
    height: 140px
}

.school-page.job-tab-box li a.job-info {
    height: 69px
}

.school-page.job-tab-box a.user-info {
    padding: 0
}

.school-page.job-tab-box a.user-info p {
    line-height: 60px;
    height: 60px
}

.school-page.common-tab-box .common-tab-more {
    margin: 24px 0 50px 0
}

.school-page.common-tab-box .common-tab-more .btn {
    width: 384px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    color: #00c2b3;
    border: none
}

.school-page.common-tab-box .common-tab-more .btn:hover {
    background: #00c2b3;
    color: #fff
}

.school-mask {
    height: 245px;
    background: url(../images/school-mask_v2.jpg) center no-repeat;
    box-sizing: border-box;
    padding: 52px 0 0 120px;
    color: #414a60
}

.school-mask p {
    font-size: 26px;
    margin-bottom: 21px
}

.school-mask ul {
    font-size: 18px;
    line-height: 28px
}

.school-mask ul li::before {
    content: '·';
    margin-right: 8px
}

@media screen and (max-width: 540px) {
    .home-body {
        min-width: 100%;
        background-color: #f7f7f7
    }

    #main.inner {
        width: 100%
    }

    #header {
        display: none
    }

    .school-banner {
        width: 100%;
        max-width: 100%
    }

    .yangshi-banner {
        background-image: url(../images/yangshi-banner-m.jpg);
        height: 75.2vw;
        background-size: contain
    }

    .school-page.home-sider {
        padding-top: 10px;
        width: auto
    }

    .school-page.common-tab-box {
        margin-top: 10px
    }

    .job-menu-school {
        padding: 10px 15px;
        height: 200px
    }

    .job-menu-school .menu-sub-school .text {
        width: auto
    }

    .job-menu-school dl {
        line-height: 36px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .job-menu-school dl dd {
        padding-left: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 10px;
        font-size: 13px
    }

    .job-menu-school .menu-sub-school {
        left: 180px;
        width: calc(100% - 180px);
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        height: 220px
    }

    .job-menu-school .menu-sub-school li {
        width: 100%;
        height: auto;
        line-height: 30px;
        font-size: 13px
    }

    .job-menu-school .menu-sub-school li + li::before {
        content: none
    }

    .school-page h3.section-title {
        display: block;
        margin-bottom: 0;
        padding: 10px 15px
    }

    .school-page h3.section-title::before {
        content: '';
        display: inline-block;
        width: 3px;
        vertical-align: middle;
        background: #5dd5c8;
        height: 16px;
        margin-right: 5px;
        margin-top: -2px
    }

    .school-page.common-tab-box .section-title + h3 {
        display: block;
        height: auto;
        padding-left: 15px
    }

    .school-page.common-tab-box .section-title + h3::after {
        content: '';
        display: block;
        clear: both
    }

    .school-page.common-tab-box .section-title + h3 span {
        margin-bottom: 10px;
        width: 60px;
        line-height: 26px;
        border-radius: 4px
    }

    .home-site .common-tab-box ul {
        width: 100%
    }

    .school-page.job-tab-box ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .school-page.job-tab-box ul li:last-of-type {
        margin-bottom: 0
    }

    .school-page.company-tab-box ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        height: 190px
    }

    .school-page.job-tab-box li a.job-info .title-text {
        margin-left: 20px;
        max-width: 220px
    }

    .home-site .job-tab-box li a.job-info p.job-text {
        width: auto;
        margin: 0 20px
    }

    .school-page.job-tab-box a.user-info p {
        width: auto;
        margin: 0 20px
    }

    .school-page.company-tab-box li .sub-li .company-title + .company-info {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 40px
    }

    .home-site .job-tab-box li .sub-li {
        width: 100%
    }

    #footer, .school-mask {
        display: none
    }

    #wrap {
        padding-bottom: 40px
    }
}

.hotcity-tab-box {
    margin-top: 25px;
    margin-bottom: -20px;
    width: 1184px;
    overflow: hidden
}

.hotcity-tab-box h4 {
    height: 35px;
    line-height: 35px
}

.hotcity-tab-box ul {
    width: 1515px;
    border: none
}

.hotcity-tab-box ul a {
    display: block;
    float: left;
    height: 80px;
    width: 194px;
    margin: 0 4px 4px 0;
    position: relative
}

.hotcity-tab-box ul a img {
    display: block;
    width: 100%;
    height: 100%
}

.hotcity-tab-box h3 {
    border: none
}

.hotcity-tab-box .model {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    display: none
}

.hotcity-tab-box a:hover .model {
    display: block
}

.slider-city {
    overflow: hidden;
    height: 164px;
    position: relative;
    top: 0;
    left: 0
}

.slider-city li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 2574px;
    position: relative
}

.slider-city li.cur {
    display: block
}

.city-page-btn {
    position: absolute;
    z-index: 20;
    top: 28px;
    width: 40px;
    height: 120px;
    cursor: pointer
}

.city-page-btn.prev {
    display: none;
    left: 0;
    background: rgba(0, 0, 0, .3) url(../images/city-prev.png) center center no-repeat
}

.city-page-btn.next {
    right: 0;
    background: rgba(0, 0, 0, .3) url(../images/city-next.png) center center no-repeat
}

.city-page-btn.prev:hover {
    background: rgba(0, 0, 0, .5) url(../images/city-prev.png) center center no-repeat
}

.city-page-btn.next:hover {
    background: rgba(0, 0, 0, .5) url(../images/city-next.png) center center no-repeat
}

.top-sign-box {
    background: #52cbc5;
    height: 115px;
    padding-top: 15px;
    position: relative;
    z-index: 1003
}

.top-sign-box .inner {
    height: 100%
}

.top-sign-box h2 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px
}

.top-sign-box .registe-step {
    margin-top: 21px
}

.top-sign-box .registe-step .step-form {
    position: relative
}

.top-sign-box .registe-step div {
    display: inline-block;
    vertical-align: middle
}

.registe-step .input-box {
    position: relative
}

.registe-step .input-box input {
    padding: 6px 10px 5px 10px;
    height: 25px;
    border: none;
    line-height: 25px;
    background: #fff;
    box-shadow: 1px 0 4px 0 rgba(86, 174, 164, .5);
    font-size: 12px;
    vertical-align: middle;
    width: 120px
}

.registe-step .input-box input.ipt-phone {
    width: 150px
}

.registe-step .step-num {
    font-family: AvenirNext-Medium;
    font-size: 50px;
    color: #fff;
    text-align: left;
    line-height: 50px;
    height: 50px;
    position: relative;
    top: -2px;
    width: 40px
}

.registe-step .step-text {
    margin: 0 25px 0 8px
}

.registe-step .step-text:last-of-type {
    margin: 0 0 0 8px
}

.registe-step .step-text h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px
}

.registe-step .step-text p {
    color: #99e0db;
    font-size: 12px
}

.registe-step .registe-btn {
    min-width: 80px;
    box-sizing: content-box;
    font-size: 12px;
    border: none;
    background: #67e9db
}

.ie7 .registe-step .registe-btn {
    position: relative;
    top: 11px;
    left: 5px
}

.registe-step .step-right {
    height: 34px;
    width: 18px;
    margin: 0 40px 0 40px;
    background: url(../images/step-right.png) no-repeat
}

.registe-step .step-ok {
    height: 28px;
    width: 34px;
    margin: 0 55px 0 0;
    background: url(../images/step-ok.png) no-repeat
}

.registe-step .show-code-box {
    color: #54cbc4;
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 6px
}

.top-sign-box .registe-step div.code-form-box, .top-sign-box.fast-register-box .code-form-box {
    display: none;
    position: absolute;
    width: 405px;
    height: 32px;
    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.fast-register-box .code-form-box {
    background: #e8e8e8
}

.top-sign-box.fast-register-box .code-form-box:after {
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -45px;
    content: '正在加载中';
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
    background-size: 16px;
    padding-right: 20px;
    line-height: 42px;
    color: #969696;
    white-space: nowrap
}

.top-sign-box .code-form-box .row-code.nc-container .nc_scale {
    display: block
}

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

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

.top-sign-box .code-form-box:before {
    content: '';
    position: absolute;
    top: -16px;
    right: 107px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 99
}

.top-sign-box .code-form-box .code-form-title {
    display: block;
    margin: 13px 0 10px 18px
}

.code-form-box .code-img img {
    width: 94px;
    height: 36px;
    display: block;
    margin-left: 18px
}

.code-form-box .code-input input {
    padding: 6px 10px 5px 10px;
    height: 23px;
    border: solid 1px #54cbc4;
    line-height: 23px;
    background: #fff;
    font-size: 12px;
    vertical-align: middle;
    width: 170px
}

.code-form-box .getcode-btn {
    width: 70px;
    min-width: 35px;
    background: #54cbc4;
    border: none;
    font-size: 12px
}

.code-form-box .row-code.nc-container .nc_scale span {
    width: 40px;
    height: 32px;
    line-height: 32px
}

.code-form-box .row-code.nc-container .nc_scale .scale_text {
    line-height: 34px
}

.code-form-box .row-code.nc-container .nc_scale {
    height: 34px
}

.code-form-box .getcode-btn {
    float: right;
    height: 34px;
    line-height: 34px;
    width: 80px
}

.top-sign-box .fill-btn {
    min-width: 146px;
    box-sizing: content-box;
    font-size: 12px;
    border: none;
    background: #67e9db;
    margin-left: 15px
}

.top-active-box {
    height: 120px;
    position: relative;
    z-index: 1005;
    background: #fff center center no-repeat
}

.top-active-box a {
    height: 100%;
    display: block
}

.top-active-box .active-close {
    position: absolute;
    z-index: 20;
    right: 30px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, .5) url(../images/active-close.png) center center no-repeat;
    border-radius: 50%;
    cursor: pointer;
    opacity: .5
}

.top-active-box .active-close:hover {
    opacity: .8
}

.fast-register-box.top-sign-box {
    height: 120px;
    background: #00b4b3;
    position: relative;
    z-index: 1004;
    padding-top: 0
}

.fast-register-box.top-sign-box .home-inner {
    width: 1084px
}

.fast-register-box .icon-tip {
    float: left;
    height: 120px;
    margin: 0 35px 0 0
}

.fast-register-box .btn-to-upload {
    font-size: 14px;
    display: block;
    width: 140px;
    margin: 0 auto;
    height: 34px;
    line-height: 34px;
    border-radius: 2px;
    color: #5dd5c8;
    background: #fff
}

.top-sign-box.fast-register-box .code-form-box {
    top: 112px;
    width: 320px;
    padding: 0;
    border-radius: 2px
}

.top-sign-box.fast-register-box .code-form-box .row-code {
    width: 320px
}

.top-sign-box.fast-register-box .code-form-box .getcode-btn {
    display: none;
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    color: #54cbc4;
    top: 0;
    right: 92px;
    padding: 0 10px;
    line-height: 32px;
    height: 32px;
    z-index: 999;
    min-width: auto;
    background: 0 0;
    border: none;
    width: auto
}

.fast-register-box .step-form {
    float: right;
    position: relative
}

.fast-register-box .step-form img {
    height: 26px;
    margin: 22px 0 8px 0
}

.fast-register-box .sign-form {
    display: block
}

.fast-register-box .input-box {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.fast-register-box .input-box input {
    padding: 6px 10px 5px 10px;
    height: 25px;
    border: none;
    line-height: 25px;
    background: #fff;
    box-shadow: 1px 0 4px 0 rgba(86, 174, 164, .5);
    font-size: 12px;
    vertical-align: middle
}

.fast-register-box .input-box input.ipt-phone {
    width: 150px
}

.fast-register-box .show-code-box {
    color: #54cbc4;
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 6px
}

.fast-register-box .registe-btn {
    min-width: 80px;
    box-sizing: content-box;
    font-size: 12px;
    vertical-align: middle;
    border: 1px solid #fff;
    height: 34px;
    line-height: 34px
}

.fast-register-box .fast-reg-desc {
    font-size: 16px;
    color: #fff;
    padding-top: 28px
}

.fast-register-box .fast-reg-desc p {
    display: inline-block
}

.fast-register-box .boss-count, .fast-register-box .position-count {
    font-size: 32px;
    line-height: 40px;
    margin-right: 6px;
    margin-left: -3px
}

.fast-register-box .fast-reg-desc .vline {
    height: 61px;
    vertical-align: top;
    margin: 20px 20px 0 20px
}

.column-search-panel {
    position: relative;
    z-index: 1003
}

.column-search-panel .logo {
    display: none;
    float: left
}

.column-search-panel.fixed .logo {
    display: block
}

.column-search-panel .logo a {
    display: block;
    width: 110px;
    height: 36px;
    margin-right: 30px;
    background: url(../images/logo-2x.png) 3px 7px no-repeat;
    background-size: 105px 19px
}

.column-search-panel.fixed div.search-form-con {
    width: 904px
}

.column-search-panel.fixed .search-form .ipt-wrap {
    width: 774px;
    overflow: hidden;
    position: static
}

.column-search-panel.fixed .ipt-search {
    width: 736px
}

.column-search-panel .logo span {
    display: none
}

.column-search-panel.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 1003;
    background: #fff;
    z-index: 1004;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .21)
}

.column-search-panel.fixed .search-box {
    width: 100%;
    padding-top: 25px;
    animation: showSearchBox .35s linear both
}

@keyframes showSearchBox {
    0% {
        transform: translate(0, -25px)
    }
    35.294117647058826% {
        transform: translate(0, -.4975000000000023px)
    }
    52.94117647058824% {
        transform: translate(0, -6.249600000000001px)
    }
    70.58823529411765% {
        transform: translate(0, -.6212437500000014px)
    }
    82.35294117647058% {
        transform: translate(0, -1.4882437500000023px)
    }
    88.23529411764706% {
        transform: translate(0, -.23424375000000097px)
    }
    94.11764705882352% {
        transform: translate(0, -.384999999999998px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.column-search-panel.fixed .search-hot {
    display: none
}

.column-search-panel .search-box {
    width: 934px;
    margin: 0 auto
}

.column-search-panel .search-form-con {
    width: 794px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .13)
}

.column-search-panel .btn-search {
    height: 50px;
    line-height: 50px;
    background-image: none;
    font-size: 16px;
    width: 140px;
    float: right
}

.column-search-panel .ipt-search {
    width: 626px;
    font-size: 16px;
    padding: 10px 19px
}

.column-search-panel .search-form .ipt-wrap {
    height: 48px;
    border-color: #fff
}

.column-search-panel .industry-box {
    width: 675px;
    left: auto;
    right: 0;
    top: 59px
}

.column-search-panel .search-form {
    height: 54px
}

.column-search-panel .search-hot {
    padding: 9px 0 26px 0
}

.column-search-panel .search-box .search-hot {
    height: 41px;
    margin-bottom: 20px;
    overflow: hidden;
    box-sizing: border-box;
    width: 794px
}

.column-search-panel .search-hot a {
    color: #00c2b3;
    margin-bottom: 10px
}

.column-search-panel .search-hot b {
    margin-right: 18px
}

.column-search-panel .position-sel {
    width: 99px;
    float: left;
    padding-top: 9px;
    padding-bottom: 11px;
    border-color: #fff;
    border-left: 1px solid #fff
}

.column-search-panel .position-sel b {
    font-size: 16px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.column-search-panel .position-sel .label-text {
    width: 80px
}

.column-search-panel .position-box {
    top: 50px;
    left: -1px
}

.column-search-panel.fixed .position-box {
    left: 139px
}

.column-search-panel .suggest-result {
    width: 664px;
    left: 128px;
    top: 50px
}

.column-search-panel.fixed .suggest-result {
    left: auto;
    width: 774px;
    right: 140px
}

.nav-city .city-box {
    top: 49px
}

.job-menu:hover {
    z-index: 1003
}

.zhipin-v1 .job-menu {
    padding-top: 4px
}

.zhipin-v1.promotion-four .job-menu {
    padding-top: 1px
}

.zhipin-v1 .job-menu a {
    margin-left: 0
}

.zhipin-v2.promotion-four .home-main {
    height: auto
}

.zhipin-v2.promotion-five .home-main {
    height: auto
}

.home-city-dialog .dialog-title .icon-close:after, .home-city-dialog .dialog-title .icon-close:before {
    background: #fff
}

.home-city-dialog .dialog-title .close:hover {
    background-color: unset
}

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

.home-city-dialog .dialog-title .icon-close {
    top: 5px
}

.home-city-dialog .title {
    background: #5dd5c8;
    color: #fff;
    background-image: url(../images/city-sites.png);
    background-repeat: no-repeat;
    background-position: 9px 7px
}

.home-city-dialog .content {
    margin-top: -15px;
    padding: 28px 30px 24px;
    border-radius: 12px 12px 0 0;
    background: #fff;
    max-height: calc(100% - 145px);
    overflow: auto;
    box-sizing: border-box
}

.home-city-dialog .content .content-prompt {
    display: none;
    height: 83px;
    border-bottom: 1px solid #dedede
}

.home-city-dialog .content .prompt-title {
    font-size: 16px;
    line-height: 30px
}

.home-city-dialog .content .prompt-desc {
    font-size: 14px;
    line-height: 30px
}

.home-city-dialog .content .cur-pos {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.home-city-dialog .content .cur-city {
    position: relative;
    margin: 16px 0 12px 0;
    width: 90px;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 190, 189, .1)
}

.home-city-dialog .content .cur-city a {
    color: #00a6a7
}

.home-city-dialog .content .cur-city:hover .city-name > a {
    color: #00a6a7
}

.home-city-dialog .content .cur-city .icon-poi {
    display: inline-block;
    vertical-align: text-top;
    width: 15px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/kgil4zsbaz1658715662776.png) 0 -16px/15px auto no-repeat;
    cursor: pointer
}

.home-city-dialog .content .cur-city .city-name {
    display: inline-block;
    margin-left: 8px
}

.home-city-dialog .title-content {
    display: inline-block
}

.home-city-dialog .title-main {
    margin-right: 10px
}

.home-city-dialog .title-sub {
    display: none
}

.home-city-dialog .dialog-container {
    width: 574px;
    max-height: 90%;
    margin: 0;
    border-radius: 12px;
    overflow: auto;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home-city-dialog .dialog-con {
    position: relative
}

.home-city-dialog .dialog-con .title {
    background: url(https://img.bosszhipin.com/static/file/2022/h2jks07fg11658717172935.png) 0 0/574px 160px no-repeat, linear-gradient(180deg, #00bebd 0, #fff 100%);
    height: 145px
}

.home-city-dialog .dialog-con .title-main {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    line-height: 33px;
    margin-top: 40px;
    margin-left: 6px
}

.home-city-dialog .dialog-con .title-main:after {
    content: '切换城市分站，让我们为您提供更准确的信息';
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin-top: 10px
}

.home-city-dialog h4 {
    font-size: 16px;
    line-height: 50px;
    padding-left: 30px;
    font-weight: 400
}

.home-city-dialog .content-title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.home-city-dialog .content-title .city-writing {
    color: #00a6a7
}

.home-city-dialog .city-writing {
    color: #53cac3
}

.home-city-dialog .city-wrapper {
    margin-top: 20px;
    font-size: 0
}

.home-city-dialog .city-wrapper + .city-wrapper {
    margin-top: 16px
}

.home-city-dialog .city-wrapper .city-list-label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin-bottom: 16px
}

.home-city-dialog .city-wrapper .city-list {
    margin-right: -8px;
    margin-left: -8px;
    width: 530px
}

.home-city-dialog .city-item {
    display: inline-block;
    margin: 0 8px 16px 8px;
    box-sizing: border-box;
    width: 90px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #d4d5d6;
    transition: all .2s linear
}

.home-city-dialog .city-item.current {
    border: 1px solid #00bebd;
    background: #fff
}

.home-city-dialog .city-item.current a {
    color: #fff
}

.home-city-dialog .city-item:hover {
    border-color: #00bebd;
    transition: all linear .2s;
    background: #fff
}

.home-city-dialog .city-item:hover a {
    color: #00a6a7
}

.home-city-dialog .city-item a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #1d2129;
    transition: all .2s linear
}

.home-city-dialog .content-footer {
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin-top: 2px
}

.page-returnee.fixed-header {
    padding-top: 49px
}

.page-returnee.fixed-header #header {
    position: fixed;
    top: 0;
    left: 0
}

.page-returnee .column-search-panel.fixed {
    top: 49px
}

.page-returnee .column-search-panel .search-box .search-hot {
    width: 830px
}

.page-returnee .top-banner {
    height: 180px;
    background: url(https://img.bosszhipin.com/static/file/2022/returnee-banner-bg.png) center center no-repeat;
    background-size: 1440px 180px;
    position: relative;
    z-index: 0
}

.top-banner.home-body-wrapper::before {
    top: 0
}

.page-returnee .banner-fill {
    position: absolute;
    top: 49px;
    left: 0;
    height: 180px;
    width: 100%;
    z-index: 0
}

.page-returnee .banner-fill::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 180px;
    background: #00bebd
}

.page-returnee .banner-fill::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 180px;
    background: #00a6a7
}

.page-returnee .search-box {
    padding-top: 40px
}

.page-returnee .slider-city {
    height: 144px
}

.page-returnee .banner-inner {
    width: 1184px;
    margin: 0 auto;
    position: relative
}

.page-returnee .top-slogan {
    position: absolute;
    top: 85px;
    left: 100px;
    width: 556px;
    height: 66px;
    background: url(https://img.bosszhipin.com/static/file/2022/returnee-banner-bg-desc.png) center center no-repeat;
    background-size: contain
}

.page-returnee .slider-wrapper {
    position: absolute;
    top: 35px;
    right: 0
}

.page-returnee .city-sel {
    height: 34px;
    line-height: 34px;
    border-color: #fff
}

.page-returnee .search-form-con:hover .city-sel {
    border-color: #53cac3
}

.page-returnee .city-sel .line {
    top: 12px
}

.page-returnee .common-tab-box.practice-pos {
    margin-top: 50px
}

.page-returnee .common-tab-box.merge-city-job.practice-pos .box-title {
    height: 20px;
    margin-bottom: 12px
}

.page-returnee .common-tab-box .box-title {
    margin-top: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #414a60;
    line-height: 20px;
    text-align: left;
    margin-bottom: 12px;
    position: relative;
    z-index: 50
}

.page-returnee .common-tab-box.merge-city-job {
    overflow: initial
}

.page-returnee .common-tab-box.merge-city-job .box-title {
    margin-bottom: 0
}

.page-returnee .common-tab-box .box-title .hot-pos {
    float: left
}

.page-returnee .common-tab-box .box-title .city-wrap {
    padding-left: 70px;
    position: relative
}

.page-returnee .common-tab-box.hot-pos-wrap .box-title {
    margin-top: 0
}

.page-returnee .common-tab-box.hot-pos-wrap .box-title .hot-pos {
    padding-top: 8px
}

.page-returnee .common-tab-box.hot-pos-wrap .box-title .city-wrap {
    padding-left: 60px
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li .sub-li-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 22px;
    overflow: hidden;
    flex: 1
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li .sub-li-info .boss-online-tag {
    display: inline-block;
    position: relative;
    height: 20px;
    background: #d8f9e5;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #1dc165;
    line-height: 20px;
    padding: 0 6px 0 16px;
    margin-left: 8px
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li .sub-li-top {
    margin-bottom: 12px
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li .sub-li-info .boss-online-tag:before {
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    left: 6px;
    border-radius: 100%;
    background: #45d283
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li .sub-li-top .salary {
    flex: none
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li a.job-info p.job-text {
    line-height: normal;
    padding-right: 0;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    word-break: break-all;
    max-width: none;
    white-space: normal
}

.page-returnee .common-tab-box .box-title .city-wrap .name {
    font-size: 13px;
    font-weight: 400;
    color: #19d7c8;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    width: fit-content;
    padding-bottom: 12px;
    width: 80px;
    padding-left: 10px;
    padding-top: 8px
}

.page-returnee .common-tab-box .box-title .city-wrap .name .text {
    float: left
}

.page-returnee .common-tab-box .box-title .city-wrap .name .city-list.show {
    display: block
}

.page-returnee .common-tab-box .box-title .city-wrap .name .city-list.hide {
    display: none
}

.page-returnee .common-tab-box .box-title .city-wrap .name .arrow {
    display: inline-block;
    height: 12px;
    width: 12px;
    background: url(../images/returnee/city-down-arrow.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 4px;
    margin-left: 4px
}

.page-returnee .common-tab-box .box-title .city-wrap .city-list {
    position: absolute;
    left: 0;
    top: 28px;
    background: #fff;
    box-shadow: 0 7px 20px 0 rgba(0, 0, 0, .07);
    width: 400px;
    z-index: 10
}

.page-returnee .common-tab-box .box-title .city-wrap .city-item {
    height: 40px;
    width: 100px;
    float: left;
    font-size: 13px;
    color: #8d92a1;
    line-height: 40px;
    text-align: center
}

.page-returnee .common-tab-box .box-title .city-wrap .city-item:hover {
    color: #00c2b3;
    cursor: pointer
}

.page-returnee .common-tab-box .box-title .city-wrap .city-item.cur {
    color: #00c2b3;
    background: #f8f9fb;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .5)
}

.page-returnee .common-tab-box .box-title:after, .page-returnee .common-tab-box .box-title:before, .page-returnee .common-tab-box h3 span:after {
    display: none
}

.page-returnee .common-tab-box h3 {
    background: 0 0;
    padding-left: 0;
    height: auto;
    margin-bottom: 0
}

.page-returnee .common-tab-box h3 span {
    min-width: 84px;
    height: 34px;
    padding: 0 6px;
    line-height: 34px;
    background: #fff;
    border-radius: 6px;
    text-align: center;
    margin-right: 8px;
    color: #414a60;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 16px
}

.page-returnee .common-tab-box h3 span.cur {
    background: #5dd5c8;
    color: #fff;
    font-weight: 400
}

.page-returnee .common-tab-box {
    margin-top: 6px
}

.page-returnee .merge-city-company {
    margin-top: 50px
}

.page-returnee .center-banner {
    margin-top: 50px;
    height: 128px;
    background: url(https://img.bosszhipin.com/static/file/2022/fqu5oc98v91643185010001.png) center center no-repeat;
    background-size: contain
}

.page-returnee .article-container {
    margin-top: 40px
}

.page-returnee .article-container .tab-container {
    height: 50px;
    background: #fff
}

.page-returnee .article-container .tab-container .tab-box {
    text-align: center;
    line-height: 50px
}

.page-returnee .article-container .tab-container .tab-box a {
    position: relative;
    height: 50px;
    line-height: 50px;
    display: inline-block
}

.page-returnee .article-container .tab-container .tab-box a + a {
    margin-left: 70px
}

.page-returnee .article-container .tab-container .tab-box a.cur {
    color: #00c2b3;
    font-weight: 500;
    position: relative
}

.page-returnee .article-container .tab-container .tab-box a.cur:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #5dd5c8;
    left: 0;
    bottom: 1px
}

.page-returnee .list-news {
    margin-top: 10px;
    display: none
}

.page-returnee .list-news li {
    padding: 20px;
    background: #fff
}

.page-returnee .list-news li + li {
    margin-top: 10px
}

.page-returnee .list-news li:last-of-type {
    border-bottom: 0
}

.page-returnee .list-news .img-wrap {
    float: left;
    width: 284px;
    height: 156px;
    position: relative
}

.page-returnee .list-news .img-wrap img {
    display: block;
    width: 100%
}

.page-returnee .list-news .img-wrap .badge {
    position: absolute;
    width: 56px;
    height: 24px;
    padding-left: 5px;
    top: 12px;
    left: -5px;
    background: url(../images/sub-icons.png) 0 0 no-repeat;
    font-size: 12px;
    color: #fff;
    line-height: 20px
}

.page-returnee .list-news .img-wrap .badge-pay {
    background-position: 0 -151px;
    -webkit-transition: none;
    transition: none
}

.page-returnee .list-news .img-wrap .img {
    display: block;
    width: 284px;
    height: 156px;
    overflow: hidden;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s
}

.page-returnee .list-news .img-wrap .img img {
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s
}

.page-returnee .list-news .img-wrap .img:hover img {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.page-returnee .list-news .text {
    margin-left: 330px
}

.page-returnee .list-news .text-title {
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-returnee .list-news .summary {
    height: 75px;
    line-height: 25px;
    color: #666;
    padding: 20px 0 0;
    margin-bottom: 15px;
    overflow: hidden
}

.page-returnee .list-news .img-wrap .img {
    display: block;
    width: 284px;
    height: 156px;
    overflow: hidden;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s
}

.page-returnee .list-news .img-wrap .img img {
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s
}

.page-returnee .list-news .img-wrap .img:hover img {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.page-returnee .load-more {
    display: block;
    height: 60px;
    line-height: 60px;
    border: 1px #f0f0f0 solid;
    text-align: center;
    color: #bbb;
    font-size: 16px;
    margin: 0
}

.page-returnee .load-more:hover {
    background: #fafafa;
    color: #53cac3;
    text-decoration: none
}

.page-returnee .list-news:nth-child(1) {
    display: block
}

.page-returnee .slider-wrapper {
    position: absolute;
    right: 0;
    bottom: 35px;
    display: inline-block;
    width: 400px;
    height: 230px;
    overflow: hidden
}

.page-returnee .slider-item {
    position: absolute;
    width: 400px;
    height: 230px;
    left: 0;
    top: 0;
    display: none
}

.page-returnee .slider-item:nth-child(1) {
    display: block
}

.page-returnee .slider-item a, .page-returnee .slider-item a img {
    display: block;
    width: 100%;
    height: 100%
}

.page-returnee .slider-page {
    width: 100%;
    position: absolute;
    bottom: 8px;
    left: 0;
    text-align: center;
    z-index: 11;
    font-size: 0
}

.page-returnee .slider-page span {
    display: inline-block;
    width: 18px;
    height: 3px;
    background: #c1c0be;
    cursor: pointer
}

.page-returnee .slider-page span + span {
    margin-left: 8px
}

.page-returnee .slider-page span.cur, .page-returnee .slider-page span:hover {
    background: #5dd5c8
}

.page-returnee .column-search-panel.fixed .search-form .ipt-wrap {
    width: 795px
}

.page-returnee .search-panel-new.fixed .search-form .ipt-wrap {
    width: auto
}

.page-returnee .search-panel-new.fixed .search-form .ipt-search {
    width: 476px
}

.page-returnee .search-panel-new.fixed .city-sel {
    border: 1px solid #e3e7ed;
    border-right: none
}

.search-panel-new.fixed .search-box {
    width: 736px;
    margin: 0;
    float: left
}

.search-panel-new.fixed .search-box.is-login {
    width: 883px
}

.search-panel-new.fixed .search-box.is-login div.search-form-con {
    width: 613px
}

.search-panel-new.fixed div.search-form-con {
    width: 466px;
    box-shadow: none;
    border-right: none;
    border-radius: 0
}

.search-panel-new.column-search-panel.fixed .suggest-result, .search-panel-new.fixed .search-box.is-login .search-find-box {
    left: auto;
    width: 336px;
    right: 130px
}

.search-panel-new.fixed .search-box.is-login .search-find-box, .search-panel-new.fixed .search-box.is-login .suggest-result {
    left: auto;
    width: 483px;
    right: 130px
}

.search-panel-new.fixed .position-sel {
    border: 1px solid #e3e7ed;
    border-right: none
}

.search-panel-new.fixed .search-form .ipt-wrap {
    width: auto;
    border: 1px solid #e3e7ed;
    border-right: none;
    border-left: none
}

.search-panel-new.fixed .is-login .search-form .ipt-wrap {
    width: auto
}

.search-panel-new.fixed .overseas-recruit.is-login .search-form .ipt-search {
    width: 606px
}

.search-panel-new.fixed .ipt-search {
    width: 298px
}

.search-panel-new.fixed .is-login .search-form .ipt-search {
    width: 445px;
    padding: 10px 19px
}

.search-panel-new.fixed .btn-search {
    width: 130px
}

.search-panel-new.fixed .search-box-scan {
    display: block;
    animation: showSearchBox .35s linear both
}

.search-panel-new .search-box-scan {
    display: none;
    margin-top: 35px
}

.search-panel-new .fast-login-box {
    height: auto;
    background-color: #fff;
    display: none;
    position: absolute;
    width: 405px;
    height: 34px;
    padding: 5px 7px;
    box-sizing: border-box;
    left: 24px;
    top: 48px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 15%)
}

.search-panel-new .fast-login-box .yidun_intellisense--light .yidun_classic-container {
    top: 0;
    bottom: auto
}

.fast-register-box .step-form .yidun_intellisense--light .yidun_classic-container {
    top: 0;
    bottom: auto
}

.search-panel-new .search-login-form {
    display: none;
    position: relative;
    width: 336px;
    margin-left: 14px;
    float: left;
    padding-top: 25px;
    padding-right: 98px
}

.search-panel-new .search-login-form .fast-login-box .getcode-btn {
    display: none
}

.search-panel-new .search-login-form .fast-login-box {
    top: 96px;
    width: 320px;
    padding: 0;
    border-radius: 2px
}

.search-panel-new .search-login-form .fast-login-box .row-code {
    width: 320px
}

.search-panel-new .search-login-form .input-box {
    border: 1px solid #e3e7ed;
    box-sizing: border-box;
    float: left;
    background-color: #fff;
    position: relative
}

.search-panel-new .btn-search {
    background-color: #5dd5c8
}

.search-panel-new .btn-search:hover {
    background-color: #6adbcf
}

.search-panel-new .btn-map-search {
    position: absolute;
    top: 50%;
    right: 148px;
    margin-top: -12px;
    height: 24px;
    font-size: 16px;
    color: #333;
    z-index: 1;
    display: flex;
    align-items: center;
    transition: all .2s linear
}

.search-panel-new .btn-map-search:before {
    content: ' ';
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    background: url(https://img.bosszhipin.com/static/file/2023/rnb8fa70bs1675773960493.png) 0 0/24px auto no-repeat
}

.search-panel-new .btn-map-search:hover {
    color: #00a6a7
}

.search-panel-new .btn-map-search:hover:before {
    background-position: 0 -24px
}

.search-panel-new .search-login-form .input-box + .input-box {
    margin-left: 4px
}

.search-panel-new .search-login-form .input-box:hover {
    border-color: #5dd5c8
}

.search-panel-new .search-login-form .input-box input {
    border: none;
    outline: 0;
    height: 20px;
    line-height: 20px;
    padding: 14px
}

.search-panel-new .search-login-form .input-box input.ipt-phone {
    width: 158px
}

.search-panel-new .search-login-form .input-box input.ipt-sms {
    width: 112px;
    padding: 14px;
    position: relative
}

.search-panel-new .search-login-form .input-box .code-box-show {
    color: #00c2b3;
    position: absolute;
    right: 14px;
    top: 14px;
    height: 20px;
    line-height: 20px;
    font-size: 13px
}

.search-panel-new .search-login-form .registe-btn {
    position: absolute;
    right: 0;
    top: 25px;
    min-width: auto;
    width: 94px;
    height: 48px;
    line-height: 48px;
    color: #00c2b3;
    font-size: 14px;
    border: 1px solid #5dd5c8;
    background-color: #fff;
    margin-left: 4px
}

.search-panel-new .search-box-scan .search-box-scan-container {
    top: -10px
}

.spring-holiday #header {
    background: #fb4e46;
    box-shadow: none
}

.spring-holiday #header .logo a {
    background: url(../../resource/img/logo.png) 0 0/104px 19px no-repeat
}

.spring-holiday #header .inner:before {
    content: none
}

.spring-holiday #header .user-nav .nav-chat-num {
    background: rgba(255, 255, 255, 1);
    color: #fb4e46
}

.spring-holiday .fast-register-box.top-sign-box {
    background: #fb4e46 linear-gradient(180deg, #fb4e46 5%, #ff9e70 92%)
}

.spring-holiday #header .user-nav .header-login-btn {
    border-color: #fff
}

.spring-holiday #header .user-nav .header-login-btn:hover {
    background: rgba(255, 255, 255, .2);
    color: #fff
}

.spring-holiday .fast-register-box.top-sign-box .home-inner {
    background: url(https://img.bosszhipin.com/static/file/2024/nbgej49ceg1707033247068.png) no-repeat center bottom/auto 120px;
    width: 1184px
}

.spring-holiday .fast-register-box.top-sign-box .home-inner .icon-tip {
    margin-left: 82px
}

.spring-holiday .fast-register-box .step-form {
    display: none
}

.dialog-account-safe .dialog-title h3.title {
    display: none
}

.dialog-account-safe .dialog-container {
    border-radius: 4px;
    padding: 160px 40px 30px 40px;
    margin: -150px 0 0 -240px;
    border-radius: 12px;
    width: 400px
}

.dialog-account-safe .dialog-title .close {
    z-index: 2
}

.dialog-account-safe .dialog-title .close:hover {
    background: 0 0;
    opacity: .8
}

.dialog-account-safe .dialog-container:before {
    content: ' ';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 188px;
    background: linear-gradient(180deg, #d1e8ff 0, #fff 100%);
    border-radius: 12px 12px 0 0
}

.dialog-account-safe .security-thumb-image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 160px;
    width: 480px;
    z-index: 1
}

.dialog-account-safe .dialog-con h3 {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 25px;
    min-height: 25px;
    text-align: center
}

.dialog-account-safe .dialog-con p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 12px;
    min-height: 24px;
    text-align: center;
    word-break: break-all
}

.dialog-account-safe .dialog-footer {
    margin-top: 20px;
    text-align: center
}

.dialog-account-safe .dialog-footer .btns .btn-sure {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 180px;
    padding: 10px 0;
    text-align: center;
    background: #00bebd;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    height: 20px;
    line-height: 20px;
    transition: all .2s linear;
    border: none
}

.dialog-account-safe .dialog-footer .btns .btn-sure:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 1;
    width: 68px;
    height: 23px;
    background: url(https://img.bosszhipin.com/static/file/2022/jevk1jdude1656663924811.png) 0 -161px/460px auto no-repeat
}

.dialog-account-safe .dialog-footer .btns .btn-sure:hover {
    opacity: .8
}

.continue-chat-dialog .dialog-container {
    border-radius: 8px;
    padding: 20px 30px;
    width: 470px;
    margin: -83px 0 0 -265px;
    overflow: hidden
}

.continue-chat-dialog .dialog-title .title {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px
}

.continue-chat-dialog .dialog-con {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    word-break: break-all
}

.continue-chat-dialog .dialog-container:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    z-index: -1;
    background: linear-gradient(181deg, #d6f9f7 0, #e5f9f8 28%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)
}

.continue-chat-dialog .dialog-footer {
    margin-top: 30px
}

.continue-chat-dialog .dialog-footer .btns .btn {
    border-radius: 4px;
    border: 1px solid #00bebd;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    padding: 6px 20px;
    height: auto;
    transition: all .2s linear;
    margin-left: 10px
}

.continue-chat-dialog .dialog-footer .btns .btn:hover {
    padding: 6px 20px;
    background: rgba(0, 190, 189, .2)
}

.continue-chat-dialog .dialog-footer .btns .btn-sure {
    background: #00bebd;
    color: #fff
}

.continue-chat-dialog .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8)
}

.dialog-violation-remind {
    display: flex;
    align-items: center;
    justify-content: center
}

.dialog-violation-remind .dialog-container {
    width: 510px;
    background: #fff linear-gradient(180deg, #d6ebff 0, rgba(214, 235, 255, 0) 88px);
    padding: 30px 40px 24px 34px;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    left: auto;
    top: auto
}

.dialog-violation-remind .dialog-title .title {
    font-size: 20px;
    font-weight: 500;
    color: #444;
    line-height: 20px;
    display: flex;
    align-items: center
}

.dialog-violation-remind .dialog-title .title:before {
    content: ' ';
    width: 18px;
    height: 22px;
    margin-right: 20px;
    display: block;
    background: url(https://img.bosszhipin.com/static/file/2022/icon-remind.png) center center/18px 22px no-repeat
}

.dialog-violation-remind .dialog-title .icon-close:after, .dialog-violation-remind .dialog-title .icon-close:before {
    transition: all .2s linear
}

.dialog-violation-remind .dialog-title .close:hover {
    background: 0 0
}

.dialog-violation-remind .dialog-con {
    margin-top: 14px;
    padding-left: 38px;
    padding-right: 30px;
    margin-right: -40px;
    max-height: 404px;
    overflow-y: auto
}

.dialog-violation-remind .dialog-con p {
    font-size: 14px;
    color: #757575;
    line-height: 24px
}

.dialog-violation-remind .dialog-con p.violation-job-info {
    margin-top: 0
}

.dialog-violation-remind .dialog-con p + p {
    margin-top: 10px
}

.dialog-violation-remind .dialog-con .font-hightlight {
    font-weight: 500;
    color: #444
}

.dialog-violation-remind .dialog-footer {
    margin-top: 20px
}

.dialog-violation-remind .dialog-footer .btns .btn-sure {
    border-radius: 4px;
    background: #00bebd;
    border-color: transparent;
    transition: all .2s linear
}

.dialog-violation-remind .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8)
}

.home-job-menu {
    color: #666;
    position: relative;
    z-index: 1002;
    background: #fff;
    border-radius: 12px;
    padding: 6px 0 0 0
}

.home-job-menu .job-menu-wrapper {
    height: 289px;
    padding: 0 3px;
    overflow: hidden
}

.promotion-four .home-job-menu .job-menu-wrapper {
    height: 400px
}

.promotion-four .home-job-menu .menu-sub {
    height: 425px
}

.promotion-five .home-job-menu .job-menu-wrapper {
    height: 489px
}

.promotion-five .home-job-menu .menu-sub {
    height: 514px
}

.promotion-six .home-job-menu .job-menu-wrapper {
    height: 569px
}

.promotion-six .home-job-menu .menu-sub {
    height: 594px
}

.promotion-seven .home-job-menu .job-menu-wrapper {
    height: 689px
}

.promotion-seven .home-job-menu .menu-sub {
    height: 714px
}

.home-job-menu dl.hide {
    display: none
}

.home-job-menu dd b {
    float: left;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.home-job-menu dd i {
    float: right;
    width: 4px;
    height: 7px;
    margin-top: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.home-job-menu dd i:before {
    content: none
}

.home-job-menu dl {
    height: 22px;
    transition: all .2s linear;
    border-radius: 8px;
    padding: 9px 17px
}

.home-job-menu dl:hover {
    box-shadow: 0 4px 16px 0 rgba(153, 153, 153, .2)
}

.home-job-menu dl:hover dd i {
    background-position: -6px -8px
}

.home-job-menu dd {
    position: relative;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.home-job-menu a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    height: 22px;
    line-height: 22px;
    margin-left: 20px
}

.home-job-menu a:hover {
    color: #00a6a7;
    font-weight: 500
}

.home-job-menu .job-menu-page {
    position: relative;
    height: 44px;
    padding: 0 20px;
    border-top: 1px dashed #e6e6e6;
    overflow: hidden
}

.home-job-menu .menu-page-info {
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    margin-top: 12px
}

.home-job-menu .menu-page-controller {
    float: right;
    margin-top: 10px
}

.home-job-menu .menu-page-btn {
    float: left;
    width: 24px;
    height: 24px;
    background: rgba(0, 190, 189, .1);
    border-radius: 6px;
    color: #00bebd;
    transition: all .2s linear;
    margin-left: 12px;
    text-align: center;
    line-height: 24px;
    cursor: pointer
}

.home-job-menu .menu-page-btn i {
    display: block;
    width: 5px;
    height: 8px;
    margin: 8px auto 0;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -5px 0/10px auto no-repeat
}

.home-job-menu .menu-page-btn.menu-page-prev {
    transform: rotate(180deg)
}

.home-job-menu .menu-page-btn i:before {
    content: none
}

.home-job-menu .menu-page-btn:hover {
    background: rgba(0, 190, 189, 1);
    color: #fff
}

.home-job-menu .menu-page-btn:hover i {
    background-position: 0 0
}

.home-job-menu dl:hover .menu-sub {
    display: block
}

.home-job-menu dl:hover:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -5px;
    width: 12px;
    z-index: 1
}

.home-job-menu .menu-sub {
    display: none;
    position: absolute;
    top: 0;
    left: 388px;
    padding: 16px 8px 10px 16px;
    margin-top: 0;
    width: 772px;
    height: 314px;
    overflow: overlay;
    overflow: auto;
    z-index: 1;
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(153, 153, 153, .2);
    border-radius: 12px;
    border: 1px solid #ebeef5
}

.home-job-menu .menu-sub .menu-article {
    font-size: 16px;
    font-weight: 500;
    color: #12141a;
    line-height: 22px;
    height: auto;
    padding-left: 0;
    margin-bottom: 4px
}

.home-job-menu .menu-sub h4 {
    float: left;
    width: 118px;
    padding-top: 12px;
    margin: 0;
    padding-left: 0;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px
}

.home-job-menu .menu-sub .text {
    margin-left: 124px;
    border-bottom: solid 1px #f0f3fa;
    padding: 6px 0
}

.home-job-menu .menu-sub .text a {
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 6px;
    margin-top: 6px;
    color: #222;
    font-size: 13px;
    height: 18px;
    line-height: 18px
}

.home-job-menu .menu-sub .text a:hover {
    color: #00a6a7;
    font-weight: 500
}

.home-job-menu .menu-sub li + li {
    padding-top: 0
}

.menu-sub h4 i {
    position: relative;
    top: 2px
}

.menu-sub ul li:last-of-type .text {
    border: none
}

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

#side-bar-box {
    position: fixed;
    bottom: 40px;
    right: 24px;
    z-index: 1004
}

.side-bar-wrapper .back-top {
    display: none;
    width: 44px;
    height: 24px;
    padding: 10px 0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .06)
}

.side-bar-wrapper .back-top.show {
    display: block
}

.side-bar-wrapper .back-top:before {
    content: ' ';
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background: url(https://img.bosszhipin.com/static/file/2022/9iumhezupm1651820282511.png) -312px 0/auto 24px no-repeat
}

.side-bar-wrapper .back-top:hover:before {
    background-position: -72px 0
}

.side-bar-wrapper .side-bar-bottom, .side-bar-wrapper .side-bar-top {
    margin-top: 12px;
    padding: 6px 0;
    width: 44px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .06);
    border-radius: 22px
}

.side-bar-wrapper > ul > li {
    position: relative;
    height: 24px;
    width: 44px;
    padding: 6px 0
}

.side-bar-wrapper > ul > li .side-popper {
    display: none;
    position: absolute;
    top: 50%;
    right: 48px;
    margin-top: -11px;
    white-space: nowrap;
    background: #707070;
    border-radius: 4px;
    padding: 2px 7px;
    font-size: 13px;
    font-weight: 400;
    color: #fbfbfb;
    line-height: 18px
}

.side-bar-wrapper > ul > li.side-feedback {
    height: auto;
    cursor: pointer
}

.side-bar-wrapper > ul > li .side-attr {
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin-top: 6px;
    text-align: center;
    transition: all .2s linear
}

.side-bar-wrapper > ul > li:hover .side-attr {
    color: #00a6a7
}

.side-bar-wrapper > ul > li:hover .side-popper {
    display: block
}

.side-bar-wrapper > ul > li > a {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background: url(https://img.bosszhipin.com/static/file/2022/9iumhezupm1651820282511.png) 0 0/auto 24px no-repeat;
    transition: none
}

.side-bar-wrapper ul > li.side-interest a {
    background-position: -264px 0
}

.side-bar-wrapper ul > li.side-interest.active a, .side-bar-wrapper ul > li.side-interest:hover a {
    background-position: -120px 0
}

.side-bar-wrapper ul > li.side-chat a {
    background-position: -360px 0
}

.side-bar-wrapper ul > li.side-chat.active a, .side-bar-wrapper ul > li.side-chat:hover a {
    background-position: -168px 0
}

.side-bar-wrapper ul > li.side-deliver a {
    background-position: -336px 0
}

.side-bar-wrapper ul > li.side-deliver.active a, .side-bar-wrapper ul > li.side-deliver:hover a {
    background-position: -48px 0
}

.side-bar-wrapper ul > li.side-interview a {
    background-position: -288px 0
}

.side-bar-wrapper ul > li.side-interview.active a, .side-bar-wrapper ul > li.side-interview:hover a {
    background-position: -144px 0
}

.side-bar-wrapper ul > li.side-service a {
    background-position: -240px 0
}

.side-bar-wrapper ul > li.side-service:hover a {
    background-position: -24px 0
}

.side-bar-wrapper ul > li.side-feedback a {
    background-position: -192px 0
}

.side-bar-wrapper ul > li.side-feedback:hover a {
    background-position: -96px 0
}

.side-bar-wrapper ul > li.side-other > a {
    background-position: -216px 0
}

.side-bar-wrapper ul > li.side-other:hover > a {
    background-position: 0 0
}

.side-bar-wrapper ul > li.side-other:hover .other-list {
    display: block
}

.side-bar-wrapper .other-list {
    display: none;
    position: absolute;
    top: 50%;
    right: 48px;
    margin-top: -20px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .06);
    border-radius: 12px;
    padding: 0 4px;
    white-space: nowrap;
    z-index: 1
}

.side-bar-wrapper .other-list:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -4px;
    width: 4px;
    z-index: 1
}

.side-bar-wrapper .other-list li {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    padding: 10px
}

.side-bar-wrapper .other-list li a {
    display: block;
    color: #333
}

.side-bar-wrapper .other-list li a:hover {
    color: #00a6a7
}

.side-bar-wrapper .other-list li a:hover .qrcode-layer {
    display: block
}

.side-bar-wrapper .other-list .qrcode-layer {
    bottom: 44px;
    right: 50%;
    top: auto;
    margin-right: -98px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    color: #666;
    overflow: hidden;
    font-size: 13px
}

.side-bar-wrapper .other-list .qrcode-layer img {
    margin: 0 auto
}

#side-bar-box .sider-title {
    position: relative;
    padding: 24px 16px 16px 16px;
    background: #fbfbfd;
    color: #12141a;
    font-size: 16px;
    line-height: 22px
}

#side-bar-box .sider-title:before {
    content: ' ';
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 1px;
    background: #f5f5f5;
    z-index: 1
}

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

#side-bar-box .sider-title a {
    font-size: 14px;
    color: #00a6a7;
    float: right
}

#side-bar-box .sider-title a:hover {
    opacity: .8
}

#side-bar-box .opacity {
    opacity: .5
}

#side-bar-box .user-avatar {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    vertical-align: middle
}

#side-bar-box .sider-detail {
    position: fixed;
    top: 49px;
    bottom: 0;
    right: 0;
    background: #fbfbfd;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 8px 40px 0 rgba(153, 153, 153, .3);
    z-index: 9
}

#side-bar-box .sider-detail ul {
    background-color: #fff
}

#side-bar-box .sider-detail ul li {
    transition: all .2s linear
}

#side-bar-box .sider-detail ul li:hover {
    background: #f7f7f7
}

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

#side-bar-box .sider-detail ul li:last-child a {
    border: none
}

#side-bar-box .sider-detail ul li h4 {
    font-size: 14px;
    color: #222;
    line-height: 22px;
    height: 22px;
    white-space: nowrap
}

#side-bar-box .user-text {
    font-size: 13px;
    color: #666;
    padding-left: 8px;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle
}

#side-bar-box .sider-position-title {
    width: 165px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    display: inline-block
}

#side-bar-box .sider-position-title .title-text {
    max-width: 98px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#side-bar-box .sider-position-title .title-text.no-medium {
    max-width: 165px
}

#side-bar-box .sider-position-title .job-medium-icon {
    height: 16px;
    vertical-align: middle;
    margin-left: 10px
}

#side-bar-box .sider-position-title .job-medium-icon.before-icon {
    margin-left: 0;
    margin-right: 10px
}

#side-bar-box .sider-degree {
    float: right;
    font-size: 16px;
    font-weight: 500;
    color: #fe574a;
    line-height: 22px
}

#side-bar-box .company-info {
    font-size: 13px;
    color: #999;
    padding: 8px 0;
    line-height: 18px
}

#side-bar-box .siderbar-more {
    display: block;
    font-size: 12px;
    color: #999;
    text-align: center;
    padding-top: 18px
}

#side-bar-box .interview-time {
    height: 40px;
    padding-left: 20px;
    background: #fbfbfd;
    font-size: 14px;
    color: #222;
    line-height: 40px
}

#side-bar-box .interview-time span {
    font-size: 12px;
    color: #999;
    padding-left: 10px
}

#side-bar-box .interview-info {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 24px;
    padding-top: 3px
}

#side-bar-box .interview-info span {
    color: #002c00
}

#side-bar-box .interview-user-info {
    padding-top: 14px
}

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

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

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

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

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

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

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

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

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

#side-bar-box .not-have {
    display: block;
    margin: 0 auto;
    background: url(https://img.bosszhipin.com/static/file/2022/pooxhxtvvc1653361386961.png) no-repeat center;
    width: 200px;
    height: 120px;
    background-size: 200px 120px
}

#side-bar-box .not-login {
    display: block;
    margin: 0 auto;
    background: url(https://img.bosszhipin.com/static/file/2022/pooxhxtvvc1653361386961.png) no-repeat center;
    width: 200px;
    height: 120px;
    background-size: 200px 120px
}

#side-bar-box .sider-error-tip {
    width: 100%;
    height: 228px
}

#side-bar-box .sider-error-tip p {
    color: #666;
    font-size: 14px
}

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

#side-bar-box .sider-detail ul li:hover button {
    display: block
}

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

#side-bar-box .interview-list li:last-child .interview-container {
    border: none
}

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

#side-bar-box .sider-load i {
    display: block;
    width: 310px;
    height: 29px;
    background: url(https://img.bosszhipin.com/static/file/2022/aue6ylox6q1653361437125.gif) no-repeat center;
    background-size: 29px 29px
}

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

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

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

.home-body-wrapper {
    background: #f2f4f7
}

.home-body-wrapper.fixed-header {
    padding-top: 49px
}

.home-body-wrapper.fixed-header #header {
    position: fixed;
    top: 0;
    left: 0
}

.home-body-wrapper:before {
    content: ' ';
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    height: 614px;
    background: linear-gradient(180deg, #00bebd 0, #88fffe 50%, #fff 100%);
    opacity: .1;
    z-index: -1
}

.home-body-wrapper.activity-common-viewer:before {
    position: fixed;
    background: url(https://img.bosszhipin.com/static/file/2022/8owuwvjn311657021918214.jpg) center top/cover no-repeat;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto
}

.home-body-wrapper.activity-common-viewer #wrap:before {
    content: ' ';
    position: fixed;
    bottom: 0;
    width: 500px;
    height: 262px;
    background: url(https://img.bosszhipin.com/static/file/2022/kbl1fcmiig1657009498199.png) center top/auto 100% no-repeat;
    left: 50%;
    margin-left: -1092px;
    z-index: -1
}

.home-body-wrapper.activity-common-viewer #wrap:after {
    content: ' ';
    position: fixed;
    bottom: 0;
    width: 500px;
    height: 362px;
    background: url(https://img.bosszhipin.com/static/file/2022/3yw2vbys711657009497859.png) center top/auto 100% no-repeat;
    right: 50%;
    margin-right: -1092px;
    z-index: -1
}

.home-body-wrapper .job-menu {
    border-radius: 12px
}

.home-body-wrapper .job-menu > dl:first-child {
    border-radius: 12px 0 0 0
}

.home-body-wrapper .job-menu .all-box dl:last-child {
    border-radius: 0 0 0 12px
}

.home-body-wrapper .menu-sub {
    border-radius: 12px
}

.home-body-wrapper .home-main .slider-box {
    border-radius: 12px
}

.home-body-wrapper .promotion-main {
    margin: -1px
}

.home-body-wrapper .promotion-main img {
    display: block;
    width: 100%;
    height: auto
}

.home-body-wrapper .promotion-main td {
    padding: 0;
    border: 2px solid transparent
}

.promotion-main td a, .promotion-main td img {
    display: block !important
}

.home-body-wrapper .promotion-main-new {
    opacity: 0;
    transition: all .2s linear
}

.home-body-wrapper .promotion-main-new.visible-show {
    opacity: 1
}

.home-body-wrapper .home-banner-container a:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    background: rgba(0, 0, 0, .1);
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all .2s linear
}

.home-body-wrapper .home-banner-container a:hover:after {
    opacity: 1
}

.home-body-wrapper .column-search-panel .logo a {
    background: url(../../resource/img/logo.png) 3px 7px/105px 19px no-repeat
}

.home-body-wrapper .column-search-panel .search-box {
    width: 900px;
    padding-top: 24px
}

.home-body-wrapper .column-search-panel.fixed {
    top: 49px
}

.home-body-wrapper .column-search-panel .logo {
    padding-top: 9px
}

.home-body-wrapper .column-search-panel.fixed .logo {
    display: none
}

.home-body-wrapper .column-search-panel.fixed .search-box {
    width: 780px
}

.home-body-wrapper .search-panel-new.fixed .ipt-search {
    width: 508px
}

.home-body-wrapper .search-panel-new.fixed div.search-form-con {
    left: 0;
    width: 660px;
    border-radius: 10px
}

.home-body-wrapper .search-panel-new .search-login-form {
    float: right;
    padding-right: 86px;
    width: auto;
    margin-left: 0;
    padding-top: 29px
}

.home-body-wrapper .search-panel-new .search-login-form .input-box {
    border: none
}

.home-body-wrapper .search-panel-new .search-login-form .input-box input {
    border: 1px solid #e6e6e6;
    transition: all .2s linear;
    border-radius: 8px
}

.home-body-wrapper .search-panel-new .search-login-form .input-box input:focus, .home-body-wrapper .search-panel-new .search-login-form .input-box input:hover {
    border-color: #00bebd
}

.home-body-wrapper .search-panel-new .search-login-form .input-box + .input-box {
    margin-left: 8px
}

.home-body-wrapper .search-panel-new .search-login-form .input-box input.ipt-phone {
    width: 130px
}

.home-body-wrapper .search-panel-new .search-login-form .input-box input.ipt-sms {
    width: 90px
}

.home-body-wrapper .search-panel-new .search-login-form .input-box .code-box-show {
    top: 12px;
    color: #00a6a7
}

.home-body-wrapper .search-panel-new .search-login-form .registe-btn {
    top: 28px;
    width: 76px;
    height: 42px;
    line-height: 42px;
    font-size: 13px;
    color: #00a6a7;
    border: 1px solid #00bebd;
    border-radius: 8px;
    transition: all .2s linear
}

.home-body-wrapper .search-panel-new .search-login-form .registe-btn:hover {
    background: rgba(0, 190, 189, .1)
}

.home-body-wrapper .search-panel-new .search-login-form .input-box input {
    padding: 11px 14px;
    border-radius: 8px
}

.home-body-wrapper .column-search-panel .search-form {
    box-shadow: 0 10px 30px 0 rgba(153, 153, 153, .2);
    border-radius: 10px
}

.home-body-wrapper .column-search-panel.fixed {
    box-shadow: 0 16px 40px 0 rgba(158, 158, 158, .2)
}

.home-body-wrapper .column-search-panel .position-sel {
    border-radius: 10px;
    border: none;
    padding: 11px 18px;
    width: 84px
}

.home-body-wrapper .column-search-panel .search-form-con {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 780px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #00bebd
}

.home-body-wrapper .search-panel-new .search-form-con {
    border-radius: 10px;
    box-shadow: none
}

.home-body-wrapper .column-search-panel .ipt-wrap {
    border-radius: 10px;
    height: 50px;
    border: none
}

.home-body-wrapper .column-search-panel .ipt-search {
    padding: 11px 18px
}

.home-body-wrapper .search-panel-new.fixed .is-login .search-form .ipt-search {
    padding: 11px 19px;
    width: 606px
}

.home-body-wrapper .column-search-panel .btn-search {
    width: 128px;
    background: #00bebd;
    border-radius: 0 10px 10px 0;
    font-size: 20px;
    height: 54px;
    line-height: 54px;
    font-weight: 700
}

.home-body-wrapper .column-search-panel .btn-search::before {
    content: '';
    width: 12px;
    height: 6px;
    display: inline-block
}

.home-body-wrapper .search-panel-new.fixed .position-sel, .home-body-wrapper .search-panel-new.fixed .search-form .ipt-wrap {
    border: none
}

.home-body-wrapper .search-form .position-sel-hover, .home-body-wrapper .search-form-con:hover .position-sel {
    border-color: transparent !important
}

.home-body-wrapper .position-sel b {
    color: #222
}

.home-body-wrapper .position-sel:hover b, .home-body-wrapper .show-position .search-form-con .position-sel b {
    color: #00a6a7
}

.home-body-wrapper .position-sel:hover i, .home-body-wrapper .show-position .search-form-con .position-sel i {
    background-position: -6px -8px
}

.home-body-wrapper .search-form .ipt-wrap-hover, .home-body-wrapper .search-form-con:hover .ipt-wrap {
    border-color: transparent !important
}

.home-body-wrapper .column-search-panel .position-box {
    top: 58px;
    left: 0
}

.home-body-wrapper .search-panel-new.fixed .search-box.is-login {
    width: 884px
}

.home-body-wrapper .column-search-panel.fixed .search-form {
    box-shadow: none;
    height: 54px
}

.home-body-wrapper .search-panel-new.fixed .search-box.is-login div.search-form-con {
    width: 764px;
    border-radius: 10px;
    left: 0
}

.home-body-wrapper .search-panel-new .search-box-scan {
    position: relative;
    text-align: left;
    height: 40px;
    line-height: 20px;
    margin-top: 32px;
    padding-left: 32px;
    font-weight: 500;
    line-height: 20px
}

.home-body-wrapper .search-box-scan .search-box-scan-icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px;
    z-index: 1;
    width: 22px;
    height: 32px;
    background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) 0 0/44px auto no-repeat;
    transition: none;
    margin-left: 0;
    margin-right: 0
}

.home-body-wrapper .search-box-scan:hover .search-box-scan-icon {
    background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) -22px 0/44px auto no-repeat
}

.home-body-wrapper .search-box-scan .search-box-scan-container {
    top: 50px;
    left: -104px
}

.home-body-wrapper .search-box-scan .search-box-scan-arrow {
    top: -4px;
    right: 60px;
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg)
}

.home-body-wrapper .column-search-panel.fixed .is-login .position-box {
    left: 0
}

.position-sel i {
    position: absolute;
    right: 8px;
    width: 16px;
    height: 16px
}

.home-body-wrapper .position-sel i {
    width: 4px;
    height: 7px;
    right: 14px;
}

.home-body-wrapper .position-sel i:before {
    content: none
}

.home-body-wrapper .guide-download-app-v62 {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    border: none
}

.home-body-wrapper .guide-download-app-v62 .app-icon-v62 {
    width: 84px;
    height: 84px;
    margin: 12px auto 0
}

.home-body-wrapper .guide-download-app-v62 .app-icon-arrow {
    border-color: transparent;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    left: -4px
}

.home-body-wrapper .guide-download-app-v62:before {
    content: ' ';
    position: absolute;
    top: 16px;
    left: 0;
    width: 12px;
    height: 16px;
    z-index: 2;
    background: #fff
}

.home-body-wrapper .guide-download-app-v62 .app-icon-des-v62 {
    font-size: 12px;
    color: #00a6a7;
    line-height: 17px;
    margin-top: 8px
}

.home-body-wrapper .column-search-panel .suggest-result {
    left: 122px;
    top: 58px;
    width: 658px;
    padding: 4px 0;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 12px;
    overflow: hidden
}

.home-body-wrapper .column-search-panel .suggest-result ul {
    max-height: 408px
}

.home-body-wrapper .column-search-panel .suggest-result li {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    padding: 0 16px;
    border: none;
    transition: all .2s linear
}

.home-body-wrapper .column-search-panel .suggest-result li.guess-like {
    display: block
}

.column-search-panel .suggest-result li.guess-like {
    display: none;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    color: #757575;
    cursor: default
}

.home-body-wrapper .column-search-panel .suggest-result li.guess-like:hover {
    background: 0 0
}

.home-body-wrapper .column-search-panel .suggest-result li.selected, .home-body-wrapper .column-search-panel .suggest-result li:hover {
    background: #f8f8f8
}

.home-body-wrapper .search-panel-new.column-search-panel.fixed .suggest-result, .home-body-wrapper .search-panel-new.fixed .search-box.is-login .search-find-box {
    width: 540px;
    right: 116px
}

.home-body-wrapper .search-panel-new.fixed .search-box.is-login .search-find-box, .home-body-wrapper .search-panel-new.fixed .search-box.is-login .suggest-result {
    width: 658px;
    right: 116px
}

.home-body-wrapper .search-box-scan {
    color: #00a6a7
}

.home-body-wrapper .fast-register-box .btn-to-upload {
    width: 130px;
    background: rgba(255, 255, 255, .8);
    border-radius: 8px;
    transition: all .2s linear;
    color: #00a6a7;
    font-size: 14px;
    border: none
}

.home-body-wrapper .fast-register-box .btn-to-upload:hover {
    background: #fff
}

.home-body-wrapper .fast-register-box .registe-btn {
    min-width: auto;
    width: 76px;
    border-radius: 8px;
    border: 1px solid #fff;
    background: 0 0;
    margin-left: 8px
}

.home-body-wrapper .fast-register-box .input-box input {
    font-size: 13px
}

.home-body-wrapper .top-sign-box .inner {
    position: relative
}

.home-body-wrapper .fast-register-box .step-form {
    font-size: 0;
    display: none
}

.home-body-wrapper .fast-register-box .input-box input.ipt-phone {
    width: 140px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .8)
}

.home-body-wrapper .fast-register-box .input-box input.ipt-sms {
    width: 100px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .8);
    margin-left: 8px
}

.home-body-wrapper .fast-register-box .show-code-box {
    color: #00a6a7;
    font-size: 13px;
    background: 0 0
}

.home-body-wrapper .fast-register-box .code-form-box {
    font-size: 14px;
    width: 288px
}

.home-body-wrapper .top-sign-box .sign-form {
    width: 288px
}

.home-body-wrapper .top-sign-box .code-form-box:before {
    right: 80px
}

.home-body-wrapper .top-sign-box.fast-register-box .code-form-box .row-code {
    width: 288px
}

.home-body-wrapper .index-banner-container {
    width: 1184px;
    margin: 16px auto
}

.home-body-wrapper .index-banner-container .index-banner-list {
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 12px
}

.home-body-wrapper .index-banner-container .index-banner-list li {
    flex: 1
}

.home-body-wrapper .index-banner-container .index-banner-list li.flex-2 {
    flex: 2
}

.home-body-wrapper .index-banner-container .index-banner-list li.flex-3 {
    flex: 3
}

.home-body-wrapper .index-banner-container .index-banner-list li + li {
    margin-left: 5px
}

.home-body-wrapper .index-banner-container .index-banner-list li a {
    position: relative;
    display: flex;
    width: 100%;
    height: 112px;
    align-items: center;
    justify-content: center
}

.home-body-wrapper .index-banner-container .index-banner-list li a:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .1);
    opacity: 0;
    transition: all .2s linear
}

.home-body-wrapper .index-banner-container .index-banner-list li a:hover:after {
    opacity: 1
}

.home-body-wrapper .index-banner-container .index-banner-list li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.home-body-wrapper .search-hot {
    color: #757575;
    font-size: 14px;
    padding: 16px 0 32px 0
}

.home-body-wrapper .search-hot b {
    margin-right: 12px
}

.home-body-wrapper .search-hot a {
    background: rgba(255, 255, 255, .8);
    border-radius: 6px;
    color: #00a6a7;
    font-size: 14px;
    line-height: 20px;
    padding: 2px 8px;
    margin-right: 12px
}

.home-body-wrapper .search-hot a:hover {
    color: #fcfcfd;
    background: #00bebd
}

.home-body-wrapper .merge-city-job-recommend h3 span {
    margin-right: 32px !important
}

.home-body-wrapper .dropdown-filter-geek-recommend {
    font-size: 14px;
    color: #666;
    margin-right: 67px
}

.home-body-wrapper .merge-city-job-recommend ul li {
    width: 384px;
    height: 136px;
    border-radius: 12px;
    overflow: hidden
}

.home-body-wrapper .merge-city-job-recommend li .sub-li {
    height: 136px;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    transition: all .2s linear
}

.home-body-wrapper .merge-city-job-recommend li .sub-li:hover {
    box-shadow: 0 16px 40px 0 rgba(138, 149, 158, .2)
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .job-info {
    padding: 16px 20px;
    box-sizing: border-box
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .job-info:hover .name {
    color: #00a6a7
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-top {
    margin-bottom: 12px
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-top .name {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    transition: all .2s linear
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-top .guide-app-download-icon {
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 -16px/16px auto no-repeat
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-top .guide-app-download-icon:hover {
    background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 0/16px auto no-repeat
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-top .salary {
    font-size: 16px;
    font-weight: 500;
    color: #fe574a;
    line-height: 22px
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom {
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    margin-top: 0;
    padding-top: 0;
    display: block;
    border: none
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom:hover p .name {
    color: #00a6a7
}

.home-body-wrapper .merge-city-job-recommend .sub-li-bottom a {
    height: 24px;
    display: block;
    padding: 12px 20px
}

.home-body-wrapper .merge-city-job-recommend .sub-li-bottom p {
    border: none;
    float: left;
    line-height: 24px;
    height: 24px
}

.home-body-wrapper .merge-city-job-recommend .sub-li-bottom .user-info img {
    width: 24px;
    height: 24px;
    margin-right: 0;
    vertical-align: middle;
    border: none
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom .name {
    display: inline-block;
    margin-left: 8px;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    color: #666;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    transition: all .2s linear
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place {
    float: right;
    font-size: 13px;
    color: #666;
    height: 24px;
    line-height: 24px
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place .job-card-location {
    display: none
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place i {
    vertical-align: middle
}

.home-body-wrapper .merge-city-job-recommend li a.job-info p.job-text {
    line-height: normal
}

.home-body-wrapper .merge-city-job-recommend .job-info .job-text span {
    display: inline-block;
    height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    padding: 2px 10px;
    border-radius: 4px;
    background: #f8f8f8
}

.home-body-wrapper .merge-city-job-recommend .job-info .job-text span + span {
    margin-left: 8px
}

.home-body-wrapper .common-tab-box {
    margin-top: 64px
}

.home-body-wrapper .common-tab-box .box-title {
    font-size: 32px;
    font-weight: 600;
    color: #222;
    line-height: 45px;
    margin-bottom: 12px
}

.home-body-wrapper .common-tab-more {
    margin-top: 8px
}

.home-body-wrapper .job-daizhao-icon, .home-body-wrapper .job-paiqian-icon {
    margin-right: 4px
}

.home-body-wrapper .common-tab-box h3 {
    background: 0 0;
    margin-bottom: 20px;
    margin-right: -48px;
    position: relative;
    padding-left: 0;
    overflow: hidden
}

.home-body-wrapper .common-tab-box h3:before {
    content: ' ';
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.home-body-wrapper .common-tab-box h3 span {
    color: #666;
    margin-right: 48px;
    font-size: 16px;
    transition: all .2s linear
}

.home-body-wrapper .common-tab-box h3 span:hover {
    color: #00bebd
}

.home-body-wrapper .common-tab-box h3 span.cur {
    font-weight: 600;
    color: #00a6a7
}

.home-body-wrapper .common-tab-box h3 span.cur:after {
    width: 28px;
    height: 3px;
    background: linear-gradient(90deg, #16d9d8 0, #00bebd 100%);
    border-radius: 2px;
    left: 50%;
    bottom: -1px;
    margin-left: -14px;
    z-index: 2
}

.home-body-wrapper .position-box .select-tree {
    border-radius: 8px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08)
}

.home-body-wrapper .position-box .select-tree ul {
    border: none;
    padding: 4px 8px;
    max-height: 286px;
    height: 286px;
    width: 145px;
    border-right: 1px solid #ededed;
    border-radius: 8px
}

.home-body-wrapper .position-box .select-tree ul.tree-3 {
    height: 286px
}

.home-body-wrapper .position-box .select-tree.tree-2-show .tree-1 {
    border-radius: 8px 0 0 8px
}

.home-body-wrapper .position-box .select-tree.tree-2-show .tree-2 {
    border-radius: 0 8px 8px 0
}

.home-body-wrapper .position-box .select-tree.tree-3-show .tree-2 {
    border-radius: 0
}

.home-body-wrapper .position-box .select-tree ul.tree-3 {
    border-radius: 0 8px 8px 0
}

.home-body-wrapper .position-box .select-tree ul.tree-2 {
    display: none
}

.home-body-wrapper .position-box .select-tree ul:last-child {
    border-right: none
}

.home-body-wrapper .position-box .select-tree li {
    position: relative;
    line-height: 36px;
    color: #333;
    font-size: 14px;
    transition: all .2s linear;
    padding: 0 16px 0 8px;
    border-radius: 4px
}

.home-body-wrapper .position-box .select-tree li:after {
    content: '';
    position: absolute;
    right: 8px;
    width: 4px;
    height: 7px;
    top: 14px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.home-body-wrapper .position-box .select-tree ul.tree-1 li:first-child:after, .home-body-wrapper .position-box .select-tree ul:last-child li:after {
    content: none
}

.home-body-wrapper .position-box .select-tree li.selected, .home-body-wrapper .position-box .select-tree li:hover {
    background: #f8f8f8;
    color: #00a6a7;
    font-weight: 500
}

.home-body-wrapper .position-box .select-tree li.selected:after, .home-body-wrapper .position-box .select-tree li:hover:after {
    background-position: -6px -8px
}

.home-body-wrapper .hot-job-box ul li {
    width: 384px;
    height: 136px;
    border-radius: 12px;
    overflow: hidden
}

.home-body-wrapper .hot-job-box li .sub-li {
    height: 136px;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    transition: all .2s linear
}

.home-body-wrapper .hot-job-box li .sub-li:hover {
    box-shadow: 0 16px 40px 0 rgba(138, 149, 158, .2)
}

.home-body-wrapper .hot-job-box li .sub-li .job-info {
    padding: 16px 20px;
    box-sizing: border-box
}

.home-body-wrapper .hot-job-box li .sub-li .job-info:hover .name {
    color: #00a6a7
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 22px;
    overflow: hidden;
    flex: 1
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-info .boss-online-tag {
    display: inline-block;
    position: relative;
    height: 20px;
    background: #d8f9e5;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #1dc165;
    line-height: 20px;
    padding: 0 6px 0 16px;
    margin-left: 8px
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-info .boss-online-tag:before {
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    left: 6px;
    border-radius: 100%;
    background: #45d283
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-top .salary {
    font-size: 16px;
    font-weight: 500;
    color: #fe574a;
    line-height: 22px;
    flex: none
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-top .name {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    transition: all .2s linear
}

.home-body-wrapper .common-tab-box .sub-li:hover .job-info .name {
    color: #222
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-top {
    margin-bottom: 12px
}

.home-body-wrapper .hot-job-box li a.job-info p.job-text {
    white-space: normal;
    padding-right: 0;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    word-break: break-all;
    max-width: none
}

.home-body-wrapper .hot-job-box .job-info .job-text span {
    display: inline-block;
    height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    padding: 2px 10px;
    border-radius: 4px;
    background: #f8f8f8
}

.home-body-wrapper .hot-job-box .job-info .job-text span + span {
    margin-left: 8px
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-bottom {
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    margin-top: 0;
    padding-top: 0;
    display: block;
    border: none
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-bottom:hover .name {
    color: #00a6a7
}

.home-body-wrapper .hot-job-box .sub-li-bottom a {
    height: 24px;
    display: block;
    padding: 12px 20px
}

.home-body-wrapper .hot-job-box .sub-li-bottom p {
    border: none;
    float: left;
    line-height: 24px;
    height: 24px
}

.home-body-wrapper .hot-job-box .sub-li-bottom a.user-info img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    border-radius: 2px
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-bottom .name {
    display: inline-block;
    margin-left: 8px;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    color: #666;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    transition: all .2s linear
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-bottom .sub-li-bottom-commany-info {
    float: right;
    font-size: 13px;
    color: #666;
    height: 24px;
    line-height: 24px
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-top .guide-app-download-icon {
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 -16px/16px auto no-repeat
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-top .guide-app-download-icon:hover {
    background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 0/16px auto no-repeat
}

.home-body-wrapper .common-tab-box .box-title:after, .home-body-wrapper .common-tab-box .box-title:before {
    content: none
}

.home-body-wrapper .common-tab-more .btn {
    width: 184px;
    text-align: center;
    background: rgba(0, 190, 189, .1);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #00a6a7;
    height: 40px;
    line-height: 40px;
    border: none
}

.home-body-wrapper .common-tab-more .btn:hover {
    background: #00bebd;
    color: #fff;
    border-color: #00bebd
}

.hot-company-wrapper {
    margin-top: 64px
}

.hot-company-wrapper .box-title {
    font-size: 32px;
    font-weight: 600;
    color: #222;
    line-height: 45px;
    margin-bottom: 24px;
    text-align: center
}

.hot-company-wrapper ul {
    margin-right: -16px;
    overflow: hidden
}

.hot-company-wrapper ul li {
    height: 388px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff;
    border-radius: 12px;
    overflow: hidden
}

.hot-company-wrapper ul li .company-info-top {
    display: block;
    height: 44px;
    padding: 16px 20px;
    overflow: hidden;
    background: linear-gradient(90deg, #f2fafa 0, #fcfbfa 100%)
}

.hot-company-wrapper ul li .company-info-top:hover h3 {
    color: #00a6a7
}

.hot-company-wrapper ul li .company-info-top h3 {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    line-height: 22px;
    margin: 0 0 4px 0;
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hot-company-wrapper ul li .company-info-top p {
    height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #999;
    line-height: 18px
}

.hot-company-wrapper ul li .company-info-top .company-info {
    float: left;
    margin-left: 16px;
    width: 282px
}

.hot-company-wrapper ul li .company-info-top .company-img {
    height: 44px;
    width: 44px;
    line-height: 44px;
    overflow: hidden;
    float: left;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.hot-company-wrapper ul li .company-info-top .company-img img {
    max-width: 100%;
    min-height: 100%;
    display: block;
    border-radius: 4px
}

.hot-company-wrapper li .company-job-list {
    padding: 4px 20px 12px
}

.hot-company-wrapper li .company-job-item {
    display: block;
    height: auto;
    width: 344px;
    font-size: 0;
    padding: 12px 0;
    box-sizing: border-box;
    margin: 0
}

.hot-company-wrapper li .company-job-item .job-info-top {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 12px
}

.hot-company-wrapper li .company-job-item .job-info {
    display: block;
    padding: 0;
    width: 100%
}

.hot-company-wrapper li .company-job-item .job-info:hover .name {
    color: #00a6a7
}

.hot-company-wrapper li .company-job-item .guide-app-download-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 -16px/16px auto no-repeat
}

.hot-company-wrapper li .company-job-item .guide-app-download-icon:hover {
    background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 0/16px auto no-repeat
}

.hot-company-wrapper li .company-job-item .job-info .name {
    position: relative;
    max-width: 200px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all linear .2s
}

.hot-company-wrapper li .company-job-item .job-info .name .job-medium-icon {
    height: 16px;
    vertical-align: middle;
    margin-left: 8px;
    position: relative;
    top: -1px
}

.hot-company-wrapper li .company-job-item .job-info .name .job-medium-icon.before-icon {
    margin-left: 0;
    margin-right: 8px
}

.hot-company-wrapper li .company-job-item .job-info .salary {
    font-size: 16px;
    color: #fe574a;
    line-height: 22px;
    flex: 1;
    text-align: right;
    max-width: none;
    font-weight: 500
}

.hot-company-wrapper li .company-job-item .job-text {
    font-size: 13px;
    color: #666;
    padding-right: 0;
    line-height: normal;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-company-wrapper li .company-job-item .job-text span {
    display: inline-block;
    height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    padding: 2px 10px;
    border-radius: 4px;
    background: #f8f8f8
}

.hot-company-wrapper li .company-job-item .job-text span + span {
    margin-left: 8px
}

.hot-company-wrapper ul li .company-job-list {
    display: block
}

.hot-company-wrapper ul li .more-job-btn {
    display: block;
    margin: 0 auto;
    width: 122px;
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid rgba(0, 190, 189, .6);
    font-size: 14px;
    font-weight: 400;
    color: #00a6a7;
    transition: all .2s linear
}

.hot-company-wrapper ul li .more-job-btn:hover {
    color: #fff;
    background-color: #00bebd;
    border-color: #00bebd
}

.rank-company-wrapper {
    margin-top: 64px
}

.rank-company-wrapper .box-title {
    font-size: 32px;
    font-weight: 600;
    color: #222;
    line-height: 45px;
    margin-bottom: 24px;
    text-align: center
}

.rank-company-wrapper ul {
    margin-right: -16px;
    overflow: hidden
}

.company-rank-card {
    margin-bottom: 16px;
    position: relative;
    width: 384px;
    height: 396px;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    float: left;
    margin: 0 16px 16px 0
}

.company-rank-card .company-rank-header {
    padding: 16px 20px;
    height: 72px;
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px;
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    box-sizing: border-box
}

.company-rank-card .company-rank-header .icon {
    position: absolute;
    right: 0;
    top: -1px;
    display: inline-block;
    width: 180px;
    height: 72px
}

.company-rank-card .company-rank-header .icon.icon-collect-company {
    background: url(https://img.bosszhipin.com/static/file/2023/it3jvgsha71678444106568.png) 0 0 no-repeat;
    background-size: 180px 72px
}

.company-rank-card .company-rank-header .icon.icon-hot-company {
    background: url(https://img.bosszhipin.com/static/file/2023/yof6xztswu1678444106921.png) 0 0 no-repeat;
    background-size: 180px 72px
}

.company-rank-card .company-rank-header .icon.icon-quick-rise {
    background: url(https://img.bosszhipin.com/static/file/2023/8c5kxn9fwo1678444106805.png) 0 0 no-repeat;
    background-size: 180px 72px
}

.company-rank-card .company-rank-list {
    position: relative;
    margin-top: -12px;
    padding: 4px 4px;
    border-radius: 12px;
    background: #fff;
    width: 384px;
    height: 268px;
    z-index: 2;
    box-sizing: border-box
}

.company-rank-card .company-rank-list .company-rank-item {
    padding: 16px 16px;
    width: 376px;
    height: 88px;
    border-radius: 12px;
    cursor: pointer;
    transition: all linear .2s;
    box-sizing: border-box
}

.company-rank-card .company-rank-list .company-rank-item:hover {
    background: #f8f8f8
}

.company-rank-card .company-rank-list .company-rank-item:hover .company-rank-name {
    color: #00a6a7
}

.company-rank-card .company-rank-list .company-rank-item:hover .company-rank-tags span {
    background: #ededed
}

.company-rank-card .company-rank-list .company-rank-logo {
    float: left;
    border: 1px solid #fff;
    border-radius: 8px;
    overflow: hidden
}

.company-rank-card .company-rank-list .company-rank-logo img {
    width: 56px;
    height: 56px;
    vertical-align: middle
}

.company-rank-card .company-rank-list .company-rank-desc {
    margin-left: 72px;
    padding-top: 2px
}

.company-rank-card .company-rank-list .company-rank-desc .company-rank-name {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.company-rank-card .company-rank-list .company-rank-desc .company-rank-tags {
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.company-rank-card .company-rank-list .company-rank-desc .company-rank-tags span {
    display: inline-block;
    margin-right: 6px;
    padding: 2px 8px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    background: #f8f8f8;
    border-radius: 4px
}

.company-rank-card .company-rank-list .company-rank-desc .company-rank-nums {
    font-size: 14px;
    color: #414a60
}

.company-rank-card .company-rank-list .company-rank-desc .company-rank-nums .highlight {
    color: #00a6a7;
    font-weight: 700
}

.company-rank-card .company-rank-footer {
    padding-top: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 68px;
    text-align: center;
    box-sizing: border-box
}

.company-rank-card .company-rank-footer .more-btn {
    display: inline-block;
    padding: 0 20px;
    height: 32px;
    line-height: 30px;
    border-radius: 8px;
    border: 1px solid #00bebd;
    background: #fff;
    cursor: pointer;
    color: #00a6a7;
    transition: all .2s linear;
    box-sizing: border-box
}

.company-rank-card .company-rank-footer .more-btn:hover {
    color: #fff;
    background-color: #00bebd;
    border-color: #00bebd
}

.hot-city-box {
    margin-top: 64px;
    margin-bottom: 21px;
    overflow: visible
}

.hot-city-box h3 {
    font-size: 26px;
    font-weight: 600;
    color: #222;
    line-height: 37px;
    text-align: center;
    margin-bottom: 24px
}

.hot-city-box ul a {
    border-radius: 8px;
    overflow: hidden
}

.hot-city-box .model {
    display: block;
    opacity: 0;
    transition: all .2s linear
}

.hot-city-box a:hover .model {
    opacity: 1
}

.hot-city-box .slider-city-wrapper {
    position: relative
}

.hot-city-box .slider-city {
    border-radius: 8px
}

.hot-city-box .city-page-btn {
    width: 30px;
    height: 56px;
    background: #fff;
    border-radius: 15px;
    top: 50%;
    margin-top: -28px;
    color: #848899;
    transition: all .2s linear
}

.hot-city-box .city-page-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -4px;
    width: 5px;
    height: 9px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 -16px/10px auto no-repeat
}

.hot-city-box .city-page-btn.next i {
    transform: rotate(180deg);
    margin-left: -2px
}

.hot-city-box .city-page-btn:hover i {
    background-position: 0 -8px
}

.hot-city-box .city-page-btn i:before {
    content: none
}

.hot-city-box .city-page-btn:hover {
    background: #00bebd;
    color: #fff
}

.hot-city-box .city-page-btn.prev {
    left: -38px
}

.hot-city-box .city-page-btn.next {
    right: -38px
}

.home-body-wrapper #footer {
    background: #313438;
    color: rgba(255, 255, 255, .5)
}

.home-body-wrapper .footer-about dl dt {
    color: rgba(255, 255, 255, .8)
}

.home-body-wrapper .footer-about dl dd a, .home-body-wrapper .footer-about dl dd p {
    color: rgba(255, 255, 255, .5)
}

.home-body-wrapper .copyright a {
    color: rgba(255, 255, 255, .5)
}

.home-body-wrapper .copyright a:hover, .home-body-wrapper .footer-about dl dd a:hover {
    color: #00bebd
}

.home-body-wrapper #footer .icon-app, .home-body-wrapper #footer .icon-client-app, .home-body-wrapper #footer .icon-weibo, .home-body-wrapper #footer .icon-weixin {
    border: none;
    background-color: rgba(255, 255, 255, .1)
}

.home-body-wrapper .links-friends-wrapper {
    background: #313438;
    border-top: 1px solid #46494c;
    padding: 7px 0 6px 0
}

.home-body-wrapper .links-friends-wrapper .links .links-item a {
    color: rgba(255, 255, 255, .5)
}

.home-body-wrapper .links-friends-wrapper .links .links-item a:hover {
    color: #00bebd
}

.home-body-wrapper .links-friends-wrapper .links {
    margin: 0 auto
}

.home-body-wrapper .links-friends-wrapper .links label, .home-body-wrapper .links-friends-wrapper .links label:hover {
    color: rgba(255, 255, 255, .5)
}

.home-body-wrapper .links-friends-wrapper .links .links-item {
    margin-bottom: 12px
}

.home-body-wrapper .links-friends dt {
    color: rgba(255, 255, 255, .5)
}

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

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

.school-main-page .top-banner {
    height: 180px;
    background: linear-gradient(90deg, #00bebd 0, #00a6a7 100%)
}

.school-main-page .top-banner .img {
    background: url(https://img.bosszhipin.com/static/file/2022/n77e402fln1657505842097.png) center/auto 180px no-repeat;
    height: 180px;
    background-size: auto 100%;
    background-position: center
}

.school-main-page .school-banner {
    background: #eef0f5;
    height: auto;
    margin: 53px auto 50px
}

.school-main-page .school-banner .column-search-panel {
    position: relative;
    bottom: 0
}

.main-screen {
    display: flex;
    height: 340px
}

.main-screen .left {
    position: relative;
    z-index: 2;
    width: 284px;
    margin-right: 16px
}

.main-screen .job-menu-school {
    height: auto;
    margin-bottom: 16px
}

.main-screen .job-menu-school dl.cur {
    background: #1dbeb4
}

.main-screen .job-menu-school dl {
    font-size: 15px;
    font-weight: 700
}

.main-screen .job-menu-school .menu-sub-school {
    height: 340px;
    z-index: 10
}

.main-screen .job-menu-school .menu-sub-school .text {
    font-weight: 400
}

.main-screen .student-active {
    background-color: #fff;
    padding: 20px 30px 31px;
    height: 174px;
    box-sizing: border-box
}

.main-screen .student-active .title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 14px;
    line-height: 21px
}

.main-screen .student-active ul {
    overflow: auto;
    height: 88px;
    margin-right: -30px;
    padding-right: 30px
}

.main-screen .student-active li {
    line-height: 20px
}

.main-screen .student-active li + li {
    margin-top: 14px
}

.main-screen .student-active li a {
    color: #61687c
}

.main-screen .student-active li a:hover {
    color: #6adbcf
}

.main-screen .school-job-menu {
    width: 284px;
    background: #fff
}

.main-screen .school-job-menu .job-menu-tab {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #ecf0f4;
    color: #3f4b62
}

.main-screen .school-job-menu .job-menu-tab li {
    float: left;
    margin: 0 16px;
    cursor: pointer;
    transition: all .2s linear
}

.main-screen .school-job-menu .job-menu-tab li:first-child {
    margin-left: 24px
}

.main-screen .school-job-menu .job-menu-tab li span {
    display: inline-block
}

.main-screen .school-job-menu .job-menu-tab li:hover {
    color: #00c2b3
}

.main-screen .school-job-menu .job-menu-tab li.active span {
    position: relative;
    color: #00c2b3;
    transition: all .2s linear
}

.main-screen .school-job-menu .job-menu-tab li.active span:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #00c2b3
}

.main-screen .school-job-menu .job-menu-list {
    height: 252px;
    overflow: auto;
    overflow: overlay
}

.main-screen .school-job-menu .job-menu-list ul {
    display: none
}

.main-screen .school-job-menu .job-menu-list ul.active {
    display: block
}

.main-screen .school-job-menu .job-menu-list li {
    float: left;
    width: 88px;
    height: 36px;
    padding: 0 24px;
    cursor: pointer
}

.main-screen .school-job-menu .job-menu-list li a {
    display: inline-block;
    max-width: 81px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    margin-left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    transition: color .2s linear
}

.main-screen .school-job-menu .job-menu-list .job-menu-cluster > li {
    width: 236px
}

.main-screen .school-job-menu .job-menu-list .job-menu-cluster li a {
    max-width: 229px
}

.main-screen .school-job-menu .job-menu-list li:hover a {
    color: #00c2b3
}

.main-screen .school-job-menu .job-menu-list li.active {
    position: relative;
    background: rgba(0, 194, 179, .1);
    color: #00c2b3
}

.main-screen .school-job-menu .job-menu-list li.active a {
    color: #00c2b3
}

.main-screen .school-job-menu .job-menu-list li:after {
    opacity: 0;
    content: ' ';
    position: relative;
    top: -1px;
    vertical-align: middle;
    border: solid #00c2b3;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    margin-left: 2px;
    transition: all .2s linear;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.main-screen .school-job-menu .job-menu-list li.active:after {
    opacity: 1
}

.main-screen .expand-menu-container {
    display: none;
    position: absolute;
    top: 0;
    left: 284px;
    width: 899px;
    border-left: 1px solid #ecf0f4;
    z-index: 8;
    background: #fff;
    box-shadow: 1px 0 0 0 #ecf0f4
}

.main-screen .expand-menu-container .expand-menu-list li {
    display: none
}

.main-screen .expand-menu-container .expand-menu-list li.active {
    display: block
}

.main-screen .expand-menu-container a {
    line-height: 20px;
    word-break: break-all;
    color: #666;
    transition: all .2s linear
}

.main-screen .expand-menu-container a:hover {
    color: #00a6a7;
    font-weight: 500
}

.main-screen .expand-menu-container .menu-item-title {
    display: block;
    padding: 16px 16px 12px;
    padding-right: 16px;
    padding-top: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 500;
    color: #12141a;
    line-height: 22px
}

.main-screen .expand-menu-container .menu-item-body {
    height: 290px;
    overflow: auto;
    overflow: overlay
}

.main-screen .expand-menu-container .menu-item-recommend {
    position: relative;
    margin: 0 16px;
    background: rgba(0, 189, 190, .1);
    padding: 3px 0;
    border-radius: 8px
}

.main-screen .expand-menu-container .menu-item-recommend .menu-recommend-label {
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    padding-left: 8px;
    float: left
}

.main-screen .expand-menu-container .menu-recommend-list {
    float: left;
    padding-left: 140px
}

.main-screen .expand-menu-container .menu-recommend-list a {
    float: left;
    font-weight: 500;
    color: #00a6a7;
    margin: 5px 12px;
    transition: all .2s linear
}

.main-screen .expand-menu-container .menu-recommend-list a:hover {
    opacity: .8
}

.main-screen .expand-menu-container .menu-item-content {
    margin: 8px 0;
    padding: 0 16px;
    font-size: 0
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container {
    position: relative;
    display: inline-block;
    width: 20%;
    vertical-align: top;
    overflow: hidden;
    font-size: 14px
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container a {
    transition: color .2s linear
}

.main-screen .expand-menu-container .menu-sub-container:nth-child(5n+2) .menu-sub-list {
    left: -153px
}

.main-screen .expand-menu-container .menu-sub-container:nth-child(5n+3) .menu-sub-list {
    left: -306px
}

.main-screen .expand-menu-container .menu-sub-container:nth-child(5n+4) .menu-sub-list {
    left: -459px
}

.main-screen .expand-menu-container .menu-sub-container:nth-child(5n) .menu-sub-list {
    left: -612px
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container.expand {
    overflow: visible
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container.expand > a {
    height: 44px;
    color: #00a6a7;
    font-weight: 500
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container.expand > a:after {
    content: ' ';
    position: absolute;
    bottom: 8px;
    height: 3px;
    background: linear-gradient(90deg, #16d9d8 0, #00bebd 100%);
    border-radius: 2px;
    left: 0;
    right: 0;
    z-index: 1
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container.expand .menu-sub-list {
    display: block
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container .menu-sub-list {
    display: none;
    position: relative;
    width: 766px;
    background: #f8f8f8;
    border-radius: 8px;
    padding: 5px 0;
    margin-bottom: 8px
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container .menu-sub-list a {
    display: inline-block;
    margin: 5px 8px
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container > a {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 0
}

.main-screen .expand-menu-container .expand-sub-cluster {
    display: none;
    margin: 0 24px
}

.main-screen .expand-menu-container .expand-sub-cluster.active {
    display: block
}

.main-screen .expand-menu-container .expand-sub-cluster ul {
    position: relative
}

.main-screen .expand-menu-container .expand-sub-cluster ul:before {
    content: ' ';
    height: 1px;
    position: absolute;
    left: 0;
    right: -24px;
    background: #ecf0f4;
    top: 40px
}

.main-screen .expand-menu-container .expand-sub-cluster li {
    float: left;
    line-height: 35px;
    height: 340px;
    position: relative
}

.main-screen .expand-menu-container .expand-menu-cluster li h4 {
    font-size: 14px;
    font-weight: 500;
    height: 39px;
    line-height: 39px;
    padding: 0 8px
}

.main-screen .expand-menu-container .expand-menu-cluster .text {
    height: 300px;
    width: 170px;
    float: left
}

.main-screen .expand-menu-container .expand-menu-cluster .text a {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    width: 144px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 0;
    border-radius: 4px
}

.main-screen .expand-menu-container .expand-menu-cluster .text a:hover {
    background: #f8f8f8;
    border-radius: 4px;
    color: #00a6a7;
    font-weight: 500
}

.school-body-wrapper .main-screen .expand-menu-container .expand-sub-cluster ul {
    padding: 0 16px;
    height: 316px;
    overflow: auto;
    overflow: overlay;
    box-sizing: border-box
}

.school-body-wrapper .main-screen .expand-menu-container .expand-sub-cluster ul:before {
    content: none
}

.school-body-wrapper .main-screen .expand-menu-container .expand-sub-cluster {
    margin: 0;
    padding: 11px 0;
    box-sizing: border-box
}

.school-body-wrapper .main-screen .expand-menu-container .expand-sub-cluster li {
    float: none;
    height: auto
}

.school-body-wrapper .main-screen .expand-menu-container .expand-sub-cluster li:after {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    clear: both
}

.school-body-wrapper .main-screen .expand-menu-container .expand-menu-cluster li h4 {
    width: 15%;
    font-weight: 500;
    color: #222;
    line-height: 36px;
    height: 36px;
    float: left;
    padding: 0
}

.school-body-wrapper .main-screen .expand-menu-container .text-list {
    width: 85%;
    float: left
}

.school-body-wrapper .main-screen .expand-menu-container .text-list a {
    width: 25%;
    display: block;
    float: left;
    text-align: left;
    margin: 0;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    transition: all .2s linear;
    padding: 0 8px;
    box-sizing: border-box
}

.school-body-wrapper .main-screen .expand-menu-container .text-list a:hover {
    color: #00a6a7;
    font-weight: 500;
    background: #f8f8f8
}

.main-screen .student-activity {
    position: relative;
    width: 284px;
    margin-top: 5px
}

.main-screen .student-activity .student-activity-slide {
    position: relative;
    padding-top: 2px;
    height: 23px;
    max-height: 148px;
    overflow: hidden
}

.main-screen .student-activity .student-activity-slide:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #00c0b5 0, #0dcaf4 100%);
    z-index: 2
}

.main-screen .student-activity .look-more {
    position: absolute;
    top: 21px;
    right: 8px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 18px;
    z-index: 2
}

.main-screen .student-activity .look-more:after {
    position: relative;
    top: 1px;
    content: ' ';
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(https://img.bosszhipin.com/static/file/2022/hwu0zp979b1643448973740.png) center center/100%
}

.main-screen .student-activity .student-activity-title {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 18px;
    background: url(https://img.bosszhipin.com/static/file/2022/n5pktid42k1643452315580.png) top left/64px auto no-repeat
}

.main-screen .student-activity:before {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #00c0b5 0, #0dcaf4 100%);
    top: 7px;
    height: 12px
}

.main-screen .student-activity .student-activity-list {
    position: relative;
    background: linear-gradient(90deg, #00c0b5 0, #0dcaf4 100%);
    line-height: 18px;
    padding-top: 1px;
    padding-bottom: 6px
}

.main-screen .student-activity.expand .student-activity-list li {
    margin-top: 6px
}

.main-screen .student-activity.expand .student-activity-list li:first-child {
    margin-top: 0
}

.main-screen .student-activity .student-activity-list li {
    display: block;
    font-size: 13px;
    font-weight: 400
}

.main-screen .student-activity .student-activity-list li a {
    display: inline-block;
    max-width: 224px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    padding-left: 10px
}

.main-screen .student-activity .student-activity-list li a:hover {
    color: #00655d
}

.main-screen .swiper-container {
    width: 884px;
    position: relative;
    z-index: 1
}

.main-screen .swiper-slide a {
    display: inline-block;
    position: relative
}

.main-screen .swiper-masking {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    z-index: 2;
    display: none
}

.main-screen .swiper-wrapper {
    height: auto !important
}

.main-screen .swiper-slide {
    box-sizing: border-box;
    height: 340px !important
}

.main-screen .swiper-slide img {
    width: 100%;
    height: 100%
}

.main-screen .prev {
    background: url(../images/school/swiper-left.png) center no-repeat;
    position: absolute;
    top: 126px;
    left: 0;
    width: 34px;
    height: 80px
}

.main-screen .next {
    background: url(../images/school/swiper-right.png) center no-repeat;
    position: absolute;
    top: 126px;
    right: 0;
    width: 34px;
    height: 80px
}

.main-screen .next, .main-screen .prev {
    background-color: rgba(0, 0, 0, .2);
    z-index: 3;
    display: none
}

.main-screen .next:hover, .main-screen .prev:hover {
    background-color: rgba(0, 0, 0, .3)
}

.main-screen .next:hover, .main-screen .prev:hover {
    filter: brightness(120%)
}

.main-screen .swiper-pagination {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, .04) 0, rgba(0, 0, 0, .4) 100%);
    height: 65px;
    position: absolute;
    z-index: 20;
    bottom: 0;
    right: 0;
    left: unset;
    text-align: right;
    padding: 32px 10px 0 0;
    box-sizing: border-box
}

.main-screen .swiper-pagination-switch {
    display: inline-block;
    width: 20px;
    height: 6px;
    background: #fff;
    border-radius: 0;
    opacity: .4;
    cursor: pointer;
    margin-right: 10px
}

.main-screen .swiper-active-switch {
    background: #5dd5c8;
    opacity: 1
}

.main-screen .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
    margin-right: 10px
}

.school-zhibo {
    margin-top: 40px;
    padding-bottom: 20px
}

.school-zhibo .section-title {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px
}

.swiper-zhibo {
    position: relative
}

.swiper-zhibo .zhibo {
    width: 100%;
    height: 247px;
    overflow: hidden
}

.job-strategy .swiper-zhibo .zhibo {
    height: 285px
}

.swiper-zhibo .swiper-container {
    position: relative;
    z-index: 1;
    margin: 0 -8px
}

.swiper-zhibo .swiper-wrapper {
    height: auto !important
}

.swiper-zhibo .swiper-slide {
    box-sizing: border-box;
    height: 247px !important;
    width: 300px;
    padding: 0 8px
}

.swiper-zhibo .img-wrap {
    width: 100%;
    height: 159px;
    position: relative;
    cursor: pointer
}

.swiper-zhibo .label {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 60px;
    height: 22px;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    background-color: #5dd5c8;
    border-radius: 2px;
    z-index: 2
}

.swiper-zhibo .img-wrap .label img {
    width: 12px;
    height: 12px;
    margin-left: 3px;
    line-height: 22px;
    position: absolute;
    right: 10px;
    top: 4px
}

.swiper-zhibo .label.label-live {
    width: auto;
    padding: 0 24px 0 10px
}

.swiper-zhibo .label.label-notice {
    background-color: #ef602c
}

.swiper-zhibo .label.label-can-into {
    background-color: #5e96f2
}

.swiper-zhibo .label.label-replay {
    background-color: #8a7ee4
}

.swiper-zhibo .img-wrap img {
    height: 100%;
    width: 100%
}

.swiper-zhibo .img-wrap .layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/school/stop.png) no-repeat center;
    background-color: rgba(0, 0, 0, .2)
}

.swiper-zhibo .img-wrap .hover-code {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5);
    padding-top: 23px;
    box-sizing: border-box;
    transition: opacity .2s linear
}

.swiper-zhibo .swiper-slide:hover .hover-code {
    opacity: 1
}

.swiper-zhibo .img-wrap .hover-code p {
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    margin-bottom: 5px;
    text-align: center
}

.swiper-zhibo .img-wrap .hover-code img {
    width: 90px;
    height: 90px;
    background: #fff;
    margin: 0 auto;
    display: block
}

.swiper-zhibo .swiper-slide .content {
    background: #fff;
    padding: 15px 20px 20px;
    cursor: pointer
}

.swiper-zhibo .swiper-slide .content .title {
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 12px;
    transition: all .2s linear
}

.swiper-zhibo .swiper-slide .content .text {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #61687c
}

.swiper-zhibo .prev {
    display: none;
    background: url(../images/school/swiper-left.png) center no-repeat;
    position: absolute;
    top: 83px;
    left: -44px;
    width: 34px;
    height: 80px
}

.swiper-zhibo .next {
    background: url(../images/school/swiper-right.png) center no-repeat;
    position: absolute;
    top: 83px;
    right: -44px;
    width: 34px;
    height: 80px
}

.swiper-zhibo .next, .swiper-zhibo .prev {
    background-color: rgba(0, 0, 0, .07);
    z-index: 2;
    transition: all .2s linear
}

.swiper-zhibo .next:hover, .swiper-zhibo .prev:hover {
    background-color: rgba(0, 0, 0, .1)
}

.swiper-zhibo .next:hover, .swiper-zhibo .prev:hover {
    filter: brightness(120%)
}

.swiper-zhibo .swiper-pagination {
    position: absolute;
    z-index: 20;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.swiper-zhibo .swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #fff;
    margin: 0 15px;
    opacity: .3;
    cursor: pointer
}

.swiper-zhibo .swiper-active-switch {
    opacity: 1
}

.job-guide {
    margin-bottom: 50px
}

.job-guide h3 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #414a60
}

.job-guide .job-guide-list {
    overflow: hidden
}

.job-guide .job-guide-list li {
    float: left;
    width: 344px;
    height: 100px;
    color: #fff;
    padding-left: 40px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.job-guide .job-guide-list li + li {
    margin-left: 16px
}

.job-guide .job-guide-list li:hover {
    background-size: 120%
}

.job-guide .job-guide-list li:hover p:after {
    opacity: 1
}

.job-guide .job-guide-list li a {
    display: block;
    width: 344px;
    height: 100px
}

.job-guide .job-guide-list li span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    margin-top: 25px
}

.job-guide .job-guide-list li p {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    margin-top: 10px
}

.job-guide .job-guide-list li p:after {
    content: '';
    display: inline-block;
    opacity: 0;
    width: 12px;
    height: 12px;
    transition: all .2s linear;
    position: relative;
    top: 1px;
    background: url(https://img.bosszhipin.com/static/file/2022/hwu0zp979b1643448973740.png) center center/100%
}

.job-guide .job-guide-list .job-guide-bag {
    background: url(https://img.bosszhipin.com/static/file/2022/j886nicyeo1644235861593.jpg) center center/100%
}

.job-guide .job-guide-list .job-guide-interview {
    background: url(https://img.bosszhipin.com/static/file/2022/63kudhc0l61643453985105.jpg) center center/100%
}

.job-guide .job-guide-list .job-guide-baike {
    background: url(https://img.bosszhipin.com/static/file/2022/e7qe14ocju1643453985232.jpg) center center/100%
}

.resume-template {
    margin-bottom: 44px
}

.resume-template h3 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #414a60
}

.resume-template .resume-template-banner {
    position: relative;
    width: 1184px;
    height: 120px;
    background: url(https://img.bosszhipin.com/static/file/2022/fmg6m9vnqc1643448811943.jpg) center center/100%;
    overflow: hidden
}

.resume-template .resume-template-banner span {
    display: block;
    margin-top: 29px;
    font-size: 22px;
    font-weight: 500;
    color: #414a60;
    line-height: 30px;
    margin-left: 40px
}

.resume-template .resume-template-banner p {
    font-size: 16px;
    font-weight: 400;
    color: #414a60;
    line-height: 22px;
    margin-top: 7px;
    margin-left: 40px
}

.resume-template .resume-template-banner .make-btn {
    position: absolute;
    top: 40px;
    right: 80px;
    padding: 9px 48px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    background: linear-gradient(225deg, #00a6a7 0, #00bebd 100%);
    box-shadow: 0 14px 10px -8px rgba(0, 170, 171, .75);
    border-radius: 2px;
    transition: all .2s linear
}

.resume-template .resume-template-banner .make-btn:hover {
    opacity: .8
}

.job-strategy {
    margin-bottom: 50px
}

.job-strategy .section-title {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #414a60
}

.job-strategy .swiper-zhibo .swiper-slide {
    height: 285px !important
}

.job-strategy .swiper-zhibo .swiper-slide .content {
    height: 108px
}

.job-strategy .swiper-zhibo .swiper-slide .img-wrap {
    height: 177px;
    overflow: hidden
}

.job-strategy .img-wrap .zhibo-img {
    transition: all .2s linear
}

.job-strategy .img-wrap:hover .zhibo-img {
    transform: scale(1.1);
    transform-origin: 50% 50%
}

.school-hotcom-li {
    position: relative
}

.school-hotcom-li .label-xiaozhao {
    position: absolute;
    width: 50px;
    height: 24px;
    top: 0;
    right: 0;
    background: url(../images/school/label-xiaozhao.png);
    background-size: contain
}

.school-live {
    margin-top: 40px;
    padding-bottom: 12px
}

.school-live .has-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
    font-size: 16px;
    cursor: pointer
}

.school-live .has-more .arrow {
    width: 4px;
    height: 8px;
    margin-left: 8px;
    display: inline-block;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.school-live .has-more:hover {
    color: #00a6a7
}

.school-live .has-more:hover .arrow {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.school-live h3 {
    font-size: 16px;
    font-weight: 500;
    color: #414a60;
    line-height: 20px;
    margin-bottom: 14px
}

.school-live .swiper-school-live {
    position: relative
}

.swiper-school-live .swiper-nav {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    width: 30px;
    height: 56px;
    background: #fff;
    border-radius: 15px;
    cursor: pointer;
    transition: all .2s linear
}

.swiper-school-live .swiper-nav:hover {
    background: #00bebd
}

.swiper-school-live .swiper-nav img {
    width: 34px;
    display: block;
    margin-top: 22px
}

.swiper-school-live .swiper-nav.next {
    right: -38px
}

.swiper-school-live .swiper-nav.prev {
    left: -38px
}

.swiper-school-live .swiper-nav.next:after {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -1px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #000;
    border-radius: 2px;
    transition: all .2s linear
}

.swiper-school-live .swiper-nav.next:hover:after {
    border-left-color: #fff
}

.swiper-school-live .swiper-nav.prev:after {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -8px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000;
    border-left: 5px solid transparent;
    border-radius: 2px;
    transition: all .2s linear
}

.swiper-school-live .swiper-nav.prev:hover:after {
    border-right-color: #fff
}

.swiper-school-live .swiper-container {
    position: relative;
    z-index: 1
}

.swiper-school-live .live-list {
    margin-left: -8px;
    margin-right: -8px
}

.swiper-school-live .live-item .live-item-tag {
    position: absolute;
    bottom: 12px;
    right: 20px;
    z-index: 2;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    color: #00a6a7;
    line-height: 18px;
    padding: 2px 8px;
    max-width: 228px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.swiper-school-live .live-item .live-item-tag.notice {
    background: rgba(250, 119, 71, .1);
    color: #f46935;
    padding-left: 8px;
    padding-right: 8px;
    max-width: 248px
}

.swiper-school-live .live-item .live-item-tag.notice:before {
    content: ' ';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background: url(https://img.bosszhipin.com/static/file/2022/ewb1mwjih91658115663148.png) 0 0/12px auto no-repeat
}

.swiper-school-live .live-item .live-item-tag.live-record {
    color: #4096f5;
    background: rgba(64, 150, 245, .1)
}

.swiper-school-live .live-item .live-item-tag.live-record:before {
    content: ' ';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background: url(https://img.bosszhipin.com/static/file/2022/ewb1mwjih91658115663148.png) 0 -12px/12px auto no-repeat
}

.swiper-school-live .live-item .living-icon {
    position: relative;
    display: inline-block;
    height: 12px;
    margin-right: 6px;
    vertical-align: text-top
}

.swiper-school-live .live-item .living-icon-col {
    display: inline-block;
    width: 3px;
    height: 100%;
    margin: 0 1px;
    background: #00bebd;
    border-radius: 2px;
    animation: linear .6s infinite living-icon-ani;
    transform-origin: bottom;
    border-radius: 1px 1px 0 0
}

.swiper-school-live .live-item .living-icon-col:first-child {
    animation-delay: -.2s;
    margin-left: 0
}

.swiper-school-live .live-item .living-icon-col:last-child {
    animation-delay: .2s;
    margin-right: 0
}

@keyframes living-icon-ani {
    from {
        transform: scaleY(.5)
    }
    50% {
        transform: scaleY(1)
    }
    to {
        transform: scaleY(.5)
    }
}

.swiper-school-live .live-item {
    display: block;
    position: relative;
    width: 284px;
    overflow: hidden;
    margin: 8px;
    float: left;
    border-radius: 12px;
    transition: all .2s linear
}

.swiper-school-live .live-item:after {
    content: ' ';
    position: absolute;
    width: 80px;
    height: 80px;
    top: 39px;
    left: 50%;
    margin-left: -40px;
    background: url(https://img.bosszhipin.com/static/file/2022/s8o6146qt51643447385978.png) center center/100%;
    z-index: 4;
    opacity: 0;
    transition: all .2s linear
}

.swiper-school-live .live-item:hover:after {
    opacity: 1
}

.swiper-school-live .live-item:hover {
    box-shadow: 0 16px 12px 0 rgba(153, 153, 153, .2);
    position: relative;
    z-index: 1
}

.swiper-school-live .live-item:hover:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 78px;
    right: 0;
    z-index: 3;
    background: rgba(0, 0, 0, .2);
    transition: background .2s linear
}

.swiper-school-live .live-item:hover .info-main span {
    color: #00a6a7
}

.swiper-school-live .live-item .live-image {
    height: 158px;
    width: 284px;
    display: block;
    margin: 0 auto
}

.swiper-school-live .live-item .info-content {
    height: 62px;
    padding-top: 16px;
    background: #fff
}

.swiper-school-live .live-item .info-logo {
    display: none
}

.swiper-school-live .live-item .info-main {
    padding: 0 20px
}

.swiper-school-live .live-item .info-main span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.swiper-school-live .live-item .info-main p {
    max-width: 120px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
    transition: all .2s linear
}

.swiper-school-live .live-item .live-time {
    position: absolute;
    display: block;
    right: 4px;
    bottom: 82px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .6);
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 17px;
    z-index: 1;
    padding: 2px 4px
}

.swiper-school-live .live-item .company-logo-box {
    width: 38px;
    height: 38px;
    border-radius: 4px;
    float: left;
    margin: 4px 8px 0 16px
}

.swiper-school-live .live-item .company-logo-box img {
    width: 38px;
    height: 38px;
    display: block;
    border-radius: 4px
}

.school-body-wrapper {
    background: #f2f4f7
}

.school-body-wrapper.fixed-header {
    padding-top: 49px
}

.school-body-wrapper.fixed-header #header {
    position: fixed;
    top: 0;
    left: 0
}

.school-body-wrapper:before {
    content: ' ';
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    height: 614px;
    background: linear-gradient(180deg, #00bebd 0, #88fffe 50%, #fff 100%);
    opacity: .1;
    z-index: -1
}

.school-body-wrapper .school-banner {
    background: 0 0;
    margin: 52px auto 40px
}

.school-body-wrapper.promotion-four .main-screen {
    height: 454px
}

.school-body-wrapper.promotion-four .main-screen .school-job-menu .job-menu-list {
    height: 401px
}

.school-body-wrapper.promotion-four .main-screen .expand-menu-container .menu-item-body {
    height: 402px
}

.school-body-wrapper.promotion-four .main-screen .expand-menu-container .expand-sub-cluster ul {
    height: 430px
}

.school-body-wrapper .main-screen .left {
    width: 384px
}

.school-body-wrapper .main-screen .school-job-menu {
    width: 384px
}

.school-body-wrapper .slider-box {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    flex: 1
}

.school-body-wrapper .promotion-main {
    margin: -2px -2px 2px
}

.school-body-wrapper .promotion-main img {
    display: block;
    width: 100%;
    height: auto
}

.school-body-wrapper .promotion-main td {
    padding: 0;
    border: 2px solid transparent
}

.school-body-wrapper .promotion-main td a, .school-body-wrapper .promotion-main td img {
    display: block !important;
    height: auto
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox {
    width: 204px;
    border-radius: 12px;
    background: #fff;
    top: -12px;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox a {
    width: 50%;
    float: left
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-full, .school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-intern {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 36px;
    height: 46px;
    text-align: center;
    background: #fff;
    display: block;
    background-position: 0 0;
    width: 100%;
    margin: 0;
    transition: all .2s linear
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-full {
    border-radius: 12px 12px 0 0
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-full:hover, .school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-intern:hover {
    color: #00a6a7;
    font-weight: 500
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-full.cur, .school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-intern.cur {
    color: #fff;
    background: #00bebd;
    font-weight: 500
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-intern.cur {
    border-radius: 12px 12px 0 0
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-full:before {
    content: '找全职'
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-intern:before {
    content: '找实习'
}

.school-body-wrapper .school-banner .column-search-panel .city-sel {
    border-radius: 12px 0 0 12px;
    border: none !important;
    padding: 11px 15px
}

.school-body-wrapper .school-banner .column-search-panel .city-sel .label-text {
    line-height: 28px
}

.school-body-wrapper .school-banner .column-search-panel .city-sel .icon-arrow-down {
    width: 4px;
    height: 7px;
    top: 20px;
    right: 14px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg)
}

.school-body-wrapper .school-banner .column-search-panel .city-sel b {
    color: #222;
    font-size: 16px
}

.school-body-wrapper .school-banner .column-search-panel .city-sel:hover b {
    color: #00a6a7
}

.school-body-wrapper .school-banner .column-search-panel .city-sel:hover .icon-arrow-down {
    background-position: -6px -8px
}

.school-body-wrapper .school-banner .column-search-panel .suggest-result {
    top: 58px;
    left: 122px;
    width: 658px;
    padding: 4px 0;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 12px;
    overflow: hidden
}

.school-body-wrapper .suggest-result ul {
    max-height: 408px
}

.school-body-wrapper .suggest-result li {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    padding: 0 16px;
    border: none;
    transition: all .2s linear
}

.school-body-wrapper .suggest-result li:hover {
    background: #f8f8f8
}

.school-body-wrapper .column-search-panel .logo a {
    display: none;
    background: url(../../resource/img/logo.png) 3px 7px/105px 19px no-repeat
}

.school-body-wrapper .column-search-panel .search-box {
    width: 900px;
    padding-top: 24px
}

.school-body-wrapper .column-search-panel.fixed {
    top: 49px
}

.school-body-wrapper .column-search-panel .logo {
    padding-top: 9px
}

.school-body-wrapper .column-search-panel.fixed .search-box {
    width: 780px
}

.school-body-wrapper .search-panel-new.fixed .ipt-search {
    width: 516px
}

.school-body-wrapper .search-panel-new.fixed div.search-form-con {
    left: 0;
    width: 660px;
    border-radius: 10px
}

.school-body-wrapper .search-panel-new .search-login-form {
    float: right;
    padding-right: 86px;
    width: auto;
    margin-left: 0;
    padding-top: 29px
}

.school-body-wrapper .search-panel-new .search-login-form .input-box {
    border: none
}

.school-body-wrapper .search-panel-new .search-login-form .input-box input {
    border: 1px solid #e6e6e6;
    transition: all .2s linear;
    border-radius: 8px
}

.school-body-wrapper .search-panel-new .search-login-form .input-box input:focus, .school-body-wrapper .search-panel-new .search-login-form .input-box input:hover {
    border-color: #00bebd
}

.school-body-wrapper .search-panel-new .search-login-form .input-box + .input-box {
    margin-left: 8px
}

.school-body-wrapper .search-panel-new .search-login-form .input-box input.ipt-phone {
    width: 130px
}

.school-body-wrapper .search-panel-new .search-login-form .input-box input.ipt-sms {
    width: 90px
}

.school-body-wrapper .search-panel-new .search-login-form .input-box .code-box-show {
    top: 12px;
    color: #00a6a7
}

.school-body-wrapper .search-panel-new .search-login-form .registe-btn {
    top: 28px;
    width: 76px;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    color: #00a6a7;
    border: 1px solid #00bebd;
    border-radius: 8px;
    transition: all .2s linear
}

.school-body-wrapper .search-panel-new .search-login-form .registe-btn:hover {
    background: rgba(0, 190, 189, .1)
}

.school-body-wrapper .search-panel-new .search-login-form .input-box input {
    padding: 11px 14px;
    border-radius: 8px
}

.school-body-wrapper .column-search-panel .search-form {
    box-shadow: 0 10px 30px 0 rgba(153, 153, 153, .2);
    border-radius: 10px;
    height: 54px
}

.school-body-wrapper .column-search-panel.fixed {
    box-shadow: 0 16px 40px 0 rgba(158, 158, 158, .2)
}

.school-body-wrapper .column-search-panel .search-form-con {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 780px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #00bebd;
    box-shadow: none
}

.school-body-wrapper .search-panel-new .search-form-con {
    border-radius: 10px;
    box-shadow: none
}

.school-body-wrapper .column-search-panel .ipt-wrap {
    border-radius: 10px;
    height: 50px;
    border: none
}

.school-body-wrapper .column-search-panel .ipt-search {
    padding: 11px 18px
}

.school-body-wrapper .search-panel-new.fixed .is-login .search-form .ipt-search {
    padding: 11px 19px;
    width: 622px
}

.school-body-wrapper .column-search-panel .search-form .btn-search {
    width: 128px;
    background: #00bebd;
    border-radius: 0 10px 10px 0;
    font-size: 20px;
    height: 54px;
    line-height: 54px
}

.school-body-wrapper .search-panel-new.fixed .search-form .ipt-wrap {
    border: none
}

.school-body-wrapper .search-form .ipt-wrap-hover, .school-body-wrapper .search-form-con:hover .ipt-wrap {
    border-color: transparent !important
}

.school-body-wrapper .search-panel-new.fixed .search-box.is-login {
    width: 900px
}

.school-body-wrapper .search-panel-new.fixed .search-box.is-login {
    width: 884px
}

.school-body-wrapper .column-search-panel.fixed .search-form {
    box-shadow: none;
    height: 54px
}

.school-body-wrapper .search-panel-new.fixed .search-box.is-login div.search-form-con {
    width: 764px;
    border-radius: 10px;
    left: 0
}

.school-body-wrapper .search-panel-new .search-box-scan {
    position: relative;
    text-align: left;
    height: 40px;
    line-height: 20px;
    margin-top: 32px;
    padding-left: 32px;
    font-weight: 500;
    line-height: 20px
}

.school-body-wrapper .search-box-scan .search-box-scan-icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px;
    z-index: 1;
    width: 22px;
    height: 32px;
    background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) 0 0/44px auto no-repeat;
    transition: none;
    margin-left: 0;
    margin-right: 0
}

.school-body-wrapper .search-box-scan:hover .search-box-scan-icon {
    background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) -22px 0/44px auto no-repeat
}

.school-body-wrapper .search-box-scan .search-box-scan-container {
    top: 50px;
    left: -104px
}

.school-body-wrapper .search-box-scan .search-box-scan-arrow {
    top: -4px;
    right: 60px;
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg)
}

.school-body-wrapper .school-banner .column-search-panel.fixed {
    position: fixed;
    top: 49px;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    z-index: 1004;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .21)
}

.school-body-wrapper .school-banner .column-search-panel.fixed .school-typebox {
    display: none
}

.school-body-wrapper .column-search-panel .btn-search:before {
    content: '';
    width: 10px;
    height: 6px;
    display: inline-block
}

.school-body-wrapper .column-search-panel .suggest-result {
    left: 122px;
    top: 54px;
    width: 658px;
    padding: 4px 0;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 12px;
    overflow: hidden
}

.school-body-wrapper .column-search-panel .suggest-result ul {
    max-height: 408px
}

.school-body-wrapper .column-search-panel .suggest-result li {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    padding: 0 16px;
    border: none;
    transition: all .2s linear
}

.school-body-wrapper .column-search-panel .suggest-result li.guess-like {
    display: block
}

.column-search-panel .suggest-result li.guess-like {
    display: none;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    color: #757575;
    cursor: default
}

.school-body-wrapper .column-search-panel .suggest-result li.guess-like:hover {
    background: 0 0
}

.school-body-wrapper .column-search-panel .suggest-result li.selected, .school-body-wrapper .column-search-panel .suggest-result li:hover {
    background: #f8f8f8
}

.search-panel-new.column-search-panel.fixed .search-find-box, .search-panel-new.column-search-panel.fixed .suggest-result {
    width: 540px;
    right: 116px;
    left: auto
}

.school-body-wrapper .search-panel-new.fixed .search-box.is-login .search-find-box, .school-body-wrapper .search-panel-new.fixed .search-box.is-login .suggest-result {
    width: 658px;
    right: 116px;
    left: auto
}

.school-body-wrapper .search-box-scan {
    color: #00a6a7
}

.school-body-wrapper .main-screen .swiper-container {
    border-radius: 12px
}

.school-body-wrapper .main-screen .swiper-pagination {
    height: 38px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 100%);
    border-radius: 0 0 12px 12px;
    padding: 16px 20px
}

.school-body-wrapper .main-screen .swiper-pagination-switch {
    border-radius: 3px;
    margin-right: 8px;
    vertical-align: top;
    opacity: 1;
    background: rgba(255, 255, 255, .4)
}

.school-body-wrapper .main-screen .swiper-active-switch {
    width: 40px;
    background: #fff
}

.school-body-wrapper .main-screen .swiper-masking {
    display: none !important
}

.school-body-wrapper .main-screen .school-job-menu {
    border-radius: 12px;
    box-shadow: none
}

.school-body-wrapper .main-screen .next, .school-body-wrapper .main-screen .prev {
    width: 30px;
    height: 56px;
    background: rgba(0, 0, 0, .3);
    border-radius: 15px;
    top: 50%;
    margin-top: -28px;
    cursor: pointer
}

.school-body-wrapper .main-screen .next:hover, .school-body-wrapper .main-screen .prev:hover {
    background: rgba(0, 0, 0, .4);
    transition: all .2s linear
}

.school-body-wrapper .main-screen .prev {
    left: 10px
}

.school-body-wrapper .main-screen .next {
    right: 10px
}

.school-body-wrapper .main-screen .prev:before {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    margin-top: 23px;
    margin-left: 7px;
    border-left: 5px solid transparent;
    border-right: 5px solid rgba(255, 255, 255, .4);
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    transition: all .2s linear
}

.school-body-wrapper .main-screen .next:before {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    margin-top: 23px;
    margin-left: 13px;
    border-right: 5px solid transparent;
    border-left: 5px solid rgba(255, 255, 255, .4);
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    transition: all .2s linear
}

.school-body-wrapper .main-screen .prev:hover:before {
    border-right: 5px solid rgba(255, 255, 255, 1)
}

.school-body-wrapper .main-screen .next:hover:before {
    border-left: 5px solid rgba(255, 255, 255, 1)
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab {
    height: 49px;
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    line-height: 49px;
    color: #222;
    font-size: 16px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab li {
    position: relative;
    width: 50%;
    margin: 0;
    text-align: center;
    transition: none
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-major:after {
    content: ' ';
    position: absolute;
    top: 19px;
    right: 0;
    width: 2px;
    height: 10px;
    background: #e0e0e0;
    border-radius: 1px;
    z-index: 1
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-cluster span:before {
    background-position: 0 -32px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-cluster.active span:before, .school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-cluster:hover span:before {
    background-position: 0 -48px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-major.active span:before, .school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-major:hover span:before {
    background-position: 0 -16px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab li span:before {
    display: inline-block;
    content: ' ';
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/hzdzqozseo1660283831564.png?v=1) 0 0/16px auto no-repeat;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 6px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab li.active span, .school-body-wrapper .main-screen .school-job-menu .job-menu-tab li:hover span {
    font-weight: 500;
    color: #00a6a7
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab li.active span:after {
    content: none
}

.school-body-wrapper .main-screen .expand-menu-container {
    width: 796px;
    left: 388px;
    box-shadow: 0 10px 40px 0 rgba(153, 153, 153, .2);
    border-radius: 12px;
    border: 1px solid #ebeef5
}

.school-body-wrapper .main-screen .expand-menu-container .menu-item-body {
    height: 288px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list {
    height: 287px;
    padding: 2px 6px;
    overflow: visible
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list ul:after {
    content: ' ';
    clear: both;
    width: 0;
    height: 0;
    display: table
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li {
    position: relative;
    padding: 0 20px;
    border-radius: 8px;
    width: 80px;
    transition: all .2s linear;
    margin-right: 6px;
    margin-top: 6px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li:hover {
    background: #f8f8f8
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li a {
    min-width: 88px;
    color: #333
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li:nth-child(3n) {
    margin-right: 0
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li.active {
    background: rgba(0, 190, 189, .1)
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li.active a, .school-body-wrapper .main-screen .school-job-menu .job-menu-list li:hover a {
    color: #00a6a7
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li:after {
    position: absolute;
    top: 14px;
    right: 12px;
    z-index: 1;
    border: none;
    width: 4px;
    height: 7px;
    padding: 0;
    margin: 0;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
    transform: none
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list .job-menu-cluster > li {
    width: 332px;
    margin: 0;
    margin-top: 6px
}

.school-body-wrapper .main-screen .expand-menu-container .expand-menu-cluster .text {
    width: 168px
}

.school-body-wrapper .swiper-school-live .swiper-container {
    padding-bottom: 20px;
    margin-left: -8px;
    margin-right: -8px
}

.school-body-wrapper .swiper-school-live .swiper-slide {
    padding: 0 8px;
    width: 1184px !important
}

.school-body-wrapper .school-live {
    margin-top: 64px;
    padding-bottom: 0;
    margin-bottom: -12px
}

.school-body-wrapper .school-live h3 {
    font-size: 28px;
    font-weight: 600;
    color: #222;
    line-height: 40px
}

.school-body-wrapper .common-tab-box {
    margin-top: 48px
}

.school-body-wrapper .school-page h3.section-title {
    font-size: 28px;
    font-weight: 600;
    color: #222;
    line-height: 40px;
    height: 40px;
    margin-bottom: 20px;
    margin-right: 40px
}

.school-body-wrapper .school-page.common-tab-box .section-title + h3 {
    height: 40px
}

.school-body-wrapper .school-page.common-tab-box .section-title + h3 span {
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    background: 0 0;
    border-radius: 6px;
    padding: 4px 16px;
    margin-right: 12px;
    width: auto;
    line-height: 22px;
    transition: all .2s linear
}

.school-body-wrapper .school-page.common-tab-box .section-title + h3 span:hover {
    color: #00a6a7
}

.school-body-wrapper .school-page.common-tab-box .section-title + h3 span.cur {
    background: #00bebd;
    color: #fff
}

.school-body-wrapper .common-tab-box, .school-body-wrapper .common-tab-box ul {
    overflow: visible
}

.school-body-wrapper .common-tab-box ul:after {
    content: ' ';
    clear: both;
    display: block;
    width: 0;
    height: 0
}

.school-body-wrapper .school-page.company-tab-box ul li {
    height: 174px
}

.school-body-wrapper .school-page.company-tab-box ul li {
    border-radius: 12px
}

.school-body-wrapper .school-page.company-tab-box li .sub-li {
    border-radius: 12px;
    transition: all .2s linear
}

.school-body-wrapper .school-page li .sub-li:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 16px 40px 0 rgba(153, 153, 153, .3)
}

.school-body-wrapper .school-hotcom-li .label-xiaozhao {
    border-radius: 0 12px 0 12px;
    background: #e5f8f8;
    color: #00a6a7;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    padding: 3px 13px 4px;
    width: auto;
    height: auto
}

.school-body-wrapper .school-hotcom-li .label-xiaozhao:before {
    content: '校招'
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-title img {
    width: 54px;
    height: 54px;
    border-radius: 12px;
    border: 1px solid #f8f8f8
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-title .conpany-text {
    margin-left: 68px;
    height: 56px
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-title .conpany-text h4 {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    height: 22px;
    transition: all .2s linear
}

.school-body-wrapper .school-page li .sub-li:hover .company-title .conpany-text h4 {
    color: #00a6a7
}

.school-body-wrapper .company-tab-box li .conpany-text .company-text-tag {
    height: 22px;
    overflow: hidden;
    white-space: normal;
    line-height: 22px;
    margin-top: 12px;
    display: block
}

.school-body-wrapper .company-tab-box li .conpany-text .company-text-tag span {
    display: inline-block;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    padding: 2px 8px
}

.school-body-wrapper .company-tab-box li .conpany-text .company-text-tag span + span {
    margin-left: 8px
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-title + .company-info {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    margin: 16px 0
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link {
    border-top: none;
    left: 0;
    right: 0;
    padding: 0 20px;
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    border-radius: 0 0 12px 12px;
    height: 48px;
    line-height: 48px;
    text-align: center
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a {
    transition: all .2s linear
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a:first-child {
    position: absolute;
    left: 20px
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a:last-child {
    position: static
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a:nth-child(3) {
    position: absolute;
    right: 20px
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a:after {
    content: ' ';
    display: inline-block;
    width: 5px;
    height: 8px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -5px 0/10px auto no-repeat;
    opacity: 0;
    transition: all .2s linear
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a:hover {
    color: #00a6a7;
    font-weight: 500
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a:hover:after {
    opacity: 1
}

.school-body-wrapper .school-page.job-tab-box ul li {
    height: 136px;
    border-radius: 12px
}

.school-body-wrapper .school-page.job-tab-box .sub-li {
    height: 136px;
    transition: all .2s linear;
    border-radius: 12px
}

.school-body-wrapper .job-tab-box li p {
    height: 22px;
    line-height: 22px
}

.school-body-wrapper .job-tab-box li .sub-li .guide-app-download-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    margin-left: 6px;
    background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 -16px/16px auto no-repeat
}

.school-body-wrapper .job-tab-box li .sub-li .guide-app-download-icon:hover {
    background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 0/16px auto no-repeat
}

.school-body-wrapper .job-tab-box li p {
    height: 22px;
    line-height: 22px;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #61687c;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden;
    word-break: break-all;
    position: relative
}

.school-body-wrapper .job-tab-box li .sub-li-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 22px;
    overflow: hidden;
    flex: 1
}

.school-body-wrapper .job-tab-box li .sub-li-info .boss-online-tag {
    display: inline-block;
    position: relative;
    height: 20px;
    background: #d8f9e5;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #1dc165;
    line-height: 20px;
    padding: 0 6px 0 16px;
    margin-left: 8px
}

.school-body-wrapper .job-tab-box li .sub-li-info .boss-online-tag:before {
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    left: 6px;
    border-radius: 100%;
    background: #45d283
}

.school-body-wrapper .job-tab-box li .salary {
    font-size: 16px;
    font-weight: 500;
    color: #fe574a;
    position: static;
    top: initial;
    right: initial
}

.school-body-wrapper .job-tab-box li .job-text-tag {
    display: block;
    height: 22px;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    padding: 0 20px;
    margin-top: 12px
}

.school-body-wrapper .job-tab-box li .job-text-tag span {
    float: left;
    height: 22px;
    background: #f8f8f8;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px
}

.school-body-wrapper .job-tab-box li .job-text-tag span + span {
    margin-left: 8px
}

.school-body-wrapper .school-page.job-tab-box li a.job-info {
    padding-top: 16px;
    padding-bottom: 16px;
    height: auto
}

.school-body-wrapper .job-tab-box li a.job-info .title-text {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin: 0;
    max-width: 200px
}

.school-body-wrapper .school-page.job-tab-box .sub-li:hover a.job-info .title-text {
    color: #00a6a7
}

.school-body-wrapper .school-page.job-tab-box a.user-info {
    border-radius: 0 0 12px 12px
}

.school-body-wrapper .school-page.job-tab-box a.user-info p {
    display: block;
    height: 48px;
    line-height: 48px;
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    border-radius: 0 0 12px 12px;
    width: auto;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 400;
    color: #666
}

.school-body-wrapper .job-tab-box .user-info img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 4px
}

.school-body-wrapper .job-tab-box .user-info .user-text {
    float: right;
    color: #666
}

.school-body-wrapper .school-page.common-tab-box .common-tab-more {
    margin-top: 8px;
    margin-bottom: 40px
}

.school-body-wrapper .school-page.common-tab-box .common-tab-more .btn {
    width: 184px;
    height: 40px;
    background: rgba(0, 190, 189, .1);
    border-radius: 8px;
    line-height: 40px;
    color: #00a6a7;
    transition: all .2s linear;
    font-size: 14px;
    font-weight: 400
}

.school-body-wrapper .school-page.common-tab-box .common-tab-more .btn:hover {
    color: #fff;
    background: rgba(0, 190, 189, 1)
}

.school-body-wrapper .job-tools {
    margin-bottom: 40px
}

.school-body-wrapper .job-tools h3 {
    font-size: 28px;
    font-weight: 600;
    color: #222;
    line-height: 40px;
    margin-bottom: 20px
}

.school-body-wrapper .job-tools .job-tools-list {
    overflow: hidden
}

.school-body-wrapper .job-tools .job-tools-list li {
    position: relative;
    width: 584px;
    height: 140px;
    float: left;
    border-radius: 12px;
    padding-left: 0;
    transition: all .2s linear;
    overflow: hidden
}

.school-body-wrapper .job-tools .job-tools-list li:hover span {
    color: #00a6a7
}

.school-body-wrapper .job-tools .job-tools-list li a {
    display: block;
    height: 100%;
    padding-left: 30px;
    overflow: hidden;
    transition: all .2s linear
}

.school-body-wrapper .job-tools .job-tools-list li span {
    display: block;
    margin-top: 40px;
    font-size: 24px;
    font-weight: 600;
    color: #222;
    line-height: 20px;
    transition: all .2s linear
}

.school-body-wrapper .job-tools .job-tools-list li p {
    font-size: 16px;
    color: #222;
    line-height: 20px;
    margin-top: 20px
}

.school-body-wrapper .job-tools .job-tools-list li + li {
    margin-left: 16px
}

.school-body-wrapper .job-tools .job-tools-list .job-tools-salary a {
    background: url(https://img.bosszhipin.com/static/file/2023/vzqteeww411678347840180.png) center right/auto 140px no-repeat
}

.school-body-wrapper .job-tools .job-tools-list .job-tools-evaluation a {
    background: url(https://img.bosszhipin.com/static/file/2023/9thr3vm1r21678347736453.png) center right/auto 140px no-repeat
}

.school-body-wrapper .job-guide {
    margin-bottom: 40px
}

.school-body-wrapper .job-guide .job-guide-list {
    overflow: visible
}

.school-body-wrapper .job-guide .job-guide-list:after {
    content: ' ';
    display: block;
    clear: both;
    width: 0;
    height: 0
}

.school-body-wrapper .job-guide h3 {
    font-size: 28px;
    font-weight: 600;
    color: #222;
    line-height: 40px
}

.school-body-wrapper .job-guide .job-guide-list li {
    position: relative;
    width: 384px;
    height: 136px;
    border-radius: 12px;
    padding-left: 0;
    transition: all .2s linear;
    overflow: hidden;
    background: 0 0
}

.school-body-wrapper .job-guide .job-guide-list li a {
    position: relative;
    z-index: 1
}

.school-body-wrapper .job-guide .job-guide-list li span {
    margin-top: 40px;
    font-size: 22px;
    font-weight: 500;
    color: #222;
    line-height: 20px
}

.school-body-wrapper .job-guide .job-guide-list li p {
    font-size: 16px;
    font-weight: 400;
    color: #222;
    line-height: 20px;
    margin-top: 16px
}

.school-body-wrapper .job-guide .job-guide-list li p:after {
    background: 0 0;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    border-left: 4px solid #222;
    margin-left: 4px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.school-body-wrapper .job-guide .job-guide-list li:hover a {
    background-size: auto 120%
}

.school-body-wrapper .job-guide .job-guide-bag a {
    background: url(https://img.bosszhipin.com/static/file/2022/8a39plukqx1658136367815.png) center right/auto 136px no-repeat
}

.school-body-wrapper .job-guide .job-guide-bag:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(135deg, #fff 0, #fef3f2 100%)
}

.school-body-wrapper .job-guide li.job-guide-bag span {
    color: #f37636
}

.school-body-wrapper .job-guide .job-guide-interview a {
    background: url(https://img.bosszhipin.com/static/file/2022/6vkv43lhdq1658136368042.png) center right/auto 136px no-repeat
}

.school-body-wrapper .job-guide .job-guide-interview:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(90deg, #fff 0, #ebfff8 100%)
}

.school-body-wrapper .job-guide li.job-guide-interview span {
    color: #00a3a7
}

.school-body-wrapper .job-guide .job-guide-baike a {
    background: url(https://img.bosszhipin.com/static/file/2022/54v60zekcu1658136368151.png) center right/auto 136px no-repeat
}

.school-body-wrapper .job-guide .job-guide-baike:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(135deg, #fff 0, #e2edff 100%)
}

.school-body-wrapper .job-guide li.job-guide-baike span {
    color: #496fd5
}

.school-body-wrapper .job-guide .job-guide-list li a {
    height: 100%;
    width: 354px;
    padding-left: 30px;
    overflow: hidden
}

.school-body-wrapper .job-guide .job-guide-list li:hover {
    box-shadow: 0 16px 40px 0 rgba(138, 149, 158, .2)
}

.school-body-wrapper .job-strategy {
    margin-bottom: 0
}

.school-body-wrapper .job-strategy .section-title {
    font-size: 28px;
    font-weight: 600;
    color: #222;
    line-height: 40px;
    margin-top: 40px
}

.school-body-wrapper .job-strategy .swiper-zhibo .zhibo {
    height: auto;
    width: auto;
    margin-left: -8px;
    margin-right: -8px
}

.school-body-wrapper .swiper-zhibo .swiper-container {
    padding-bottom: 40px;
    margin: 0;
    border-radius: 12px
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide {
    width: 284px !important;
    height: auto !important;
    transition: all .2s linear;
    padding: 0;
    margin: 0 8px;
    border-radius: 12px
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide:hover {
    box-shadow: 0 16px 12px 0 rgba(153, 153, 153, .2)
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide:hover .content .text {
    opacity: 1
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide a {
    position: relative;
    border-radius: 12px;
    display: block
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide .img-wrap {
    height: 160px;
    border-radius: 12px 12px 0 0
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide .content {
    height: auto;
    border-radius: 0 0 12px 12px
}

.school-body-wrapper .swiper-zhibo .swiper-slide .content {
    padding: 16px 20px
}

.school-body-wrapper .swiper-zhibo .swiper-slide .content .title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin-bottom: 0
}

.school-body-wrapper .swiper-zhibo .swiper-slide .content .text {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 27px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    border-radius: 12px;
    height: auto;
    -webkit-line-clamp: 8;
    background: #fff;
    transition: all .2s linear;
    word-break: break-all
}

.school-body-wrapper .swiper-zhibo .swiper-slide .content .text:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 27px;
    z-index: 2;
    background: #fff
}

.school-body-wrapper .swiper-zhibo .swiper-nav {
    width: 30px;
    height: 56px;
    background: #fff;
    border-radius: 15px;
    top: 50%;
    margin-top: -48px;
    cursor: pointer;
    transition: all .2s linear
}

.school-body-wrapper .swiper-zhibo .swiper-nav:hover {
    background: #00bebd;
    filter: none
}

.school-body-wrapper .swiper-zhibo .prev {
    left: -38px
}

.school-body-wrapper .swiper-zhibo .next {
    right: -38px
}

.school-body-wrapper .swiper-zhibo .next:after {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -1px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #000;
    border-radius: 2px;
    transition: all .2s linear
}

.school-body-wrapper .swiper-zhibo .next:hover:after {
    border-left-color: #fff
}

.school-body-wrapper .swiper-zhibo .prev:after {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -8px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000;
    border-left: 5px solid transparent;
    border-radius: 2px;
    transition: all .2s linear
}

.school-body-wrapper .swiper-zhibo .prev:hover:after {
    border-right-color: #fff
}

.school-body-wrapper .resume-template {
    margin-bottom: 0
}

.school-body-wrapper .resume-template h3 {
    font-size: 28px;
    font-weight: 600;
    color: #222;
    line-height: 40px
}

.school-body-wrapper .resume-template .resume-template-banner {
    height: 200px;
    background: linear-gradient(48deg, #fff 0, #e5fefd 100%);
    border-radius: 12px
}

.school-body-wrapper .resume-template .resume-template-banner span {
    margin-top: 30px;
    font-size: 24px;
    font-weight: 500;
    color: #222;
    line-height: 33px
}

.school-body-wrapper .resume-template .resume-template-banner p {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 22px;
    margin-top: 15px
}

.school-body-wrapper .resume-template .resume-template-banner .make-btn {
    position: static;
    display: inline-block;
    margin-top: 30px;
    margin-left: 40px;
    background: linear-gradient(225deg, #00a6a7 0, #00bebd 100%);
    border-radius: 8px;
    box-shadow: none
}

.school-body-wrapper .resume-template .resume-template-banner .make-btn:hover {
    background: linear-gradient(225deg, #00bebd 0, #00a6a7 100%);
    opacity: 1
}

.school-body-wrapper .resume-template .template-resume-animate {
    position: absolute;
    width: 664px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden
}

.school-body-wrapper .resume-template .resume-animate-one {
    position: absolute;
    right: 90px;
    top: 0;
    z-index: 2;
    width: 486px;
    height: 1512px;
    -webkit-animation: animate-slide-up 60s linear infinite normal;
    -moz-animation: animate-slide-up 60s linear infinite normal;
    -o-animation: animate-slide-up 60s linear infinite normal;
    -ms-animation: animate-slide-up 60s linear infinite normal;
    animation: animate-slide-up 60s linear infinite normal
}

.school-body-wrapper .resume-template .resume-animate-one:before {
    content: ' ';
    display: block;
    width: 486px;
    height: 756px;
    background: url(https://img.bosszhipin.com/static/file/2022/7p6aqdunv51658140073953.png) 0 -34px/100% auto no-repeat
}

.school-body-wrapper .resume-template .resume-animate-one:after {
    content: ' ';
    display: block;
    width: 486px;
    height: 756px;
    background: url(https://img.bosszhipin.com/static/file/2022/7p6aqdunv51658140073953.png) 0 -34px/100% auto no-repeat
}

.school-body-wrapper .resume-template .resume-animate-two {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 664px;
    height: 1452px;
    -webkit-animation: animate-slide-down 30s linear infinite normal;
    -moz-animation: animate-slide-down 30s linear infinite normal;
    -o-animation: animate-slide-down 30s linear infinite normal;
    -ms-animation: animate-slide-down 30s linear infinite normal;
    animation: animate-slide-down 30s linear infinite normal
}

.school-body-wrapper .resume-template .resume-animate-two:before {
    content: ' ';
    display: block;
    width: 664px;
    height: 726px;
    background: url(https://img.bosszhipin.com/static/file/2022/gdjyi1xrpr1658140074326.png) 0 0/100% auto no-repeat
}

.school-body-wrapper .resume-template .resume-animate-two:after {
    content: ' ';
    display: block;
    width: 664px;
    height: 726px;
    background: url(https://img.bosszhipin.com/static/file/2022/gdjyi1xrpr1658140074326.png) 0 0/100% auto no-repeat
}

@-webkit-keyframes animate-slide-down {
    0% {
        top: 0
    }
    100% {
        top: -726px
    }
}

@-moz-keyframes animate-slide-down {
    0% {
        top: 0
    }
    100% {
        top: -726px
    }
}

@-o-keyframes animate-slide-down {
    0% {
        top: 0
    }
    100% {
        top: -726px
    }
}

@-ms-keyframes animate-slide-down {
    0% {
        top: 0
    }
    100% {
        top: -726px
    }
}

@-webkit-keyframes animate-slide-down {
    0% {
        top: 0
    }
    100% {
        top: -726px
    }
}

@-moz-keyframes animate-slide-down {
    0% {
        top: 0
    }
    100% {
        top: -726px
    }
}

@-o-keyframes animate-slide-down {
    0% {
        top: 0
    }
    100% {
        top: -726px
    }
}

@-ms-keyframes animate-slide-down {
    0% {
        top: 0
    }
    100% {
        top: -726px
    }
}

@keyframes animate-slide-down {
    0% {
        top: 0
    }
    100% {
        top: -726px
    }
}

@keyframes animate-slide-up {
    from {
        top: -756px
    }
    to {
        top: 0
    }
}

.school-body-wrapper .school-mask {
    border-radius: 12px
}

.school-body-wrapper .resume-template .line-circle {
    position: absolute;
    top: 50%;
    right: 428px;
    width: 332px;
    height: 332px;
    margin-top: -166px;
    z-index: 1
}

.school-body-wrapper .resume-template .line-circle-one {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -166px;
    z-index: 1;
    opacity: .16;
    border: 1px solid #92cdca;
    border-radius: 100%;
    width: 332px;
    height: 332px
}

.school-body-wrapper .resume-template .line-circle-two {
    position: absolute;
    top: 50%;
    right: 42px;
    margin-top: -124px;
    z-index: 1;
    opacity: .16;
    border: 1px solid #92cdca;
    border-radius: 100%;
    width: 248px;
    height: 248px
}

.school-body-wrapper .resume-template .line-circle-three {
    position: absolute;
    top: 50%;
    right: 100px;
    margin-top: -80px;
    z-index: 1;
    opacity: .16;
    border: 1px solid #92cdca;
    border-radius: 100%;
    width: 160px;
    height: 160px
}

.school-body-wrapper .city-letter-show.city-dialog .dialog-container {
    border-radius: 12px
}

.school-body-wrapper #footer {
    margin-top: 40px
}

.school-body-wrapper #footer {
    background: #313438;
    color: rgba(255, 255, 255, .5)
}

.school-body-wrapper .footer-about dl dt {
    color: rgba(255, 255, 255, .8)
}

.school-body-wrapper .footer-about dl dd a, .school-body-wrapper .footer-about dl dd p {
    color: rgba(255, 255, 255, .5)
}

.school-body-wrapper .copyright a {
    color: rgba(255, 255, 255, .5)
}

.school-body-wrapper .copyright a:hover, .school-body-wrapper .footer-about dl dd a:hover {
    color: #00bebd
}

.school-body-wrapper #footer .icon-app, .school-body-wrapper #footer .icon-client-app, .school-body-wrapper #footer .icon-weibo, .school-body-wrapper #footer .icon-weixin {
    border: none;
    background-color: rgba(255, 255, 255, .1)
}

.page-gongsi.fixed-header {
    padding-top: 49px
}

.page-gongsi.fixed-header #header {
    position: fixed;
    top: 0;
    left: 0
}

.page-gongsi:before {
    content: ' ';
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    height: 614px;
    background: linear-gradient(180deg, #00bebd 0, #88fffe 50%, #fff 100%);
    opacity: .1;
    z-index: -1
}

.page-gongsi #header .nav-search {
    display: none
}

.page-gongsi .column-search-panel .logo a {
    background: url(../../resource/img/logo.png) 3px 7px/105px 19px no-repeat
}

.page-gongsi .column-search-panel .search-box {
    width: 900px;
    padding-top: 24px
}

.page-gongsi .column-search-panel.fixed {
    top: 49px
}

.page-gongsi .column-search-panel .logo {
    padding-top: 9px
}

.page-gongsi .column-search-panel.fixed .logo {
    display: none
}

.page-gongsi .column-search-panel.fixed .search-box {
    width: 780px
}

.page-gongsi .search-panel-new.fixed .ipt-search {
    width: 508px
}

.page-gongsi .search-panel-new.fixed div.search-form-con {
    left: 0;
    width: 660px;
    border-radius: 10px
}

.page-gongsi .search-panel-new .search-login-form {
    float: right;
    padding-right: 86px;
    width: auto;
    margin-left: 0;
    padding-top: 29px
}

.page-gongsi .search-panel-new .search-login-form .input-box {
    border: none
}

.page-gongsi .search-panel-new .search-login-form .input-box input {
    border: 1px solid #e6e6e6;
    transition: all .2s linear;
    border-radius: 8px
}

.page-gongsi .search-panel-new .search-login-form .input-box input:focus, .page-gongsi .search-panel-new .search-login-form .input-box input:hover {
    border-color: #00bebd
}

.page-gongsi .search-panel-new .search-login-form .input-box + .input-box {
    margin-left: 8px
}

.page-gongsi .search-panel-new .search-login-form .input-box input.ipt-phone {
    width: 130px
}

.page-gongsi .search-panel-new .search-login-form .input-box input.ipt-sms {
    width: 90px
}

.page-gongsi .search-panel-new .search-login-form .input-box .code-box-show {
    top: 12px;
    color: #00a6a7
}

.page-gongsi .search-panel-new .search-login-form .registe-btn {
    top: 28px;
    width: 76px;
    height: 42px;
    line-height: 42px;
    font-size: 13px;
    color: #00a6a7;
    border: 1px solid #00bebd;
    border-radius: 8px;
    transition: all .2s linear
}

.page-gongsi .search-panel-new .search-login-form .registe-btn:hover {
    background: rgba(0, 190, 189, .1)
}

.page-gongsi .search-panel-new .search-login-form .input-box input {
    padding: 11px 14px;
    border-radius: 8px
}

.page-gongsi .column-search-panel .search-form {
    box-shadow: 0 10px 30px 0 rgba(153, 153, 153, .2);
    border-radius: 10px
}

.page-gongsi .column-search-panel.fixed {
    box-shadow: 0 16px 40px 0 rgba(158, 158, 158, .2)
}

.page-gongsi .column-search-panel .position-sel {
    border-radius: 10px;
    border: none;
    padding: 11px 18px;
    width: 84px
}

.page-gongsi .column-search-panel .search-form-con {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 780px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #00bebd
}

.page-gongsi .search-panel-new .search-form-con {
    border-radius: 10px;
    box-shadow: none
}

.page-gongsi .column-search-panel .ipt-wrap {
    border-radius: 10px;
    height: 50px;
    border: none
}

.page-gongsi .column-search-panel .ipt-search {
    padding: 11px 18px
}

.page-gongsi .search-panel-new.fixed .is-login .search-form .ipt-search {
    padding: 11px 19px;
    width: 606px
}

.page-gongsi .column-search-panel .btn-search {
    width: 128px;
    background: #00bebd;
    border-radius: 0 10px 10px 0;
    font-size: 20px;
    height: 54px;
    line-height: 54px;
    font-weight: 700
}

.page-gongsi .column-search-panel .btn-search::before {
    content: '';
    width: 12px;
    height: 6px;
    display: inline-block
}

.page-gongsi .search-panel-new.fixed .position-sel, .page-gongsi .search-panel-new.fixed .search-form .ipt-wrap {
    border: none
}

.page-gongsi .search-form .position-sel-hover, .page-gongsi .search-form-con:hover .position-sel {
    border-color: transparent !important
}

.page-gongsi .position-sel b {
    color: #222
}

.page-gongsi .position-sel:hover b, .page-gongsi .show-position .search-form-con .position-sel b {
    color: #00a6a7
}

.page-gongsi .position-sel:hover i, .page-gongsi .show-position .search-form-con .position-sel i {
    background-position: -6px -8px
}

.page-gongsi .search-form .ipt-wrap-hover, .page-gongsi .search-form-con:hover .ipt-wrap {
    border-color: transparent !important
}

.page-gongsi .column-search-panel .position-box {
    top: 50px;
    left: 0
}

.page-gongsi .search-panel-new.fixed .search-box.is-login {
    width: 884px
}

.page-gongsi .column-search-panel.fixed .search-form {
    box-shadow: none;
    height: 54px
}

.page-gongsi .search-panel-new.fixed .search-box.is-login div.search-form-con {
    width: 764px;
    border-radius: 10px;
    left: 0
}

.page-gongsi .search-panel-new .search-box-scan {
    position: relative;
    text-align: left;
    height: 40px;
    line-height: 20px;
    margin-top: 32px;
    padding-left: 32px;
    font-weight: 500;
    line-height: 20px
}

.page-gongsi .search-box-scan .search-box-scan-icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px;
    z-index: 1;
    width: 22px;
    height: 32px;
    background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) 0 0/44px auto no-repeat;
    transition: none;
    margin-left: 0;
    margin-right: 0
}

.page-gongsi .search-box-scan:hover .search-box-scan-icon {
    background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) -22px 0/44px auto no-repeat
}

.page-gongsi .search-box-scan .search-box-scan-container {
    top: 50px;
    left: -104px
}

.page-gongsi .search-box-scan .search-box-scan-arrow {
    top: -4px;
    right: 60px;
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg)
}

.page-gongsi .column-search-panel.fixed .is-login .position-box {
    left: 0
}

.position-sel i {
    position: absolute;
    right: 8px;
    width: 16px;
    height: 16px
}

.page-gongsi .position-sel i {
    width: 4px;
    height: 7px;
    right: 14px;
    transform: rotate(90deg)
}

.page-gongsi .position-sel i:before {
    content: none
}

.page-gongsi .guide-download-app-v62 {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    border: none
}

.page-gongsi .guide-download-app-v62 .app-icon-v62 {
    width: 84px;
    height: 84px;
    margin: 12px auto 0
}

.page-gongsi .guide-download-app-v62 .app-icon-arrow {
    border-color: transparent;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    left: -4px
}

.page-gongsi .guide-download-app-v62:before {
    content: ' ';
    position: absolute;
    top: 16px;
    left: 0;
    width: 12px;
    height: 16px;
    z-index: 2;
    background: #fff
}

.page-gongsi .guide-download-app-v62 .app-icon-des-v62 {
    font-size: 12px;
    color: #00a6a7;
    line-height: 17px;
    margin-top: 8px
}

.page-gongsi .column-search-panel .suggest-result {
    left: 122px;
    top: 58px;
    width: 658px;
    padding: 4px 0;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 12px;
    overflow: hidden
}

.page-gongsi .column-search-panel .search-find-box {
    left: 122px;
    top: 58px;
    width: 658px
}

.page-gongsi .column-search-panel .suggest-result ul {
    max-height: 408px
}

.page-gongsi .column-search-panel .suggest-result li {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    padding: 0 16px;
    border: none;
    transition: all .2s linear
}

.page-gongsi .column-search-panel .suggest-result li.guess-like {
    display: block
}

.column-search-panel .suggest-result li.guess-like {
    display: none;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    color: #757575;
    cursor: default
}

.page-gongsi .column-search-panel .suggest-result li.guess-like:hover {
    background: 0 0
}

.page-gongsi .column-search-panel .suggest-result li.selected, .page-gongsi .column-search-panel .suggest-result li:hover {
    background: #f8f8f8
}

.page-gongsi .search-panel-new.column-search-panel.fixed .search-find-box, .page-gongsi .search-panel-new.column-search-panel.fixed .suggest-result {
    width: 540px;
    right: 116px
}

.page-gongsi .search-panel-new.fixed .search-box.is-login .search-find-box, .page-gongsi .search-panel-new.fixed .search-box.is-login .suggest-result {
    width: 658px;
    right: 116px
}

.page-gongsi .search-box-scan {
    color: #00a6a7
}

.page-gongsi .fast-register-box.top-sign-box {
    background: linear-gradient(90deg, #00bebd 0, #00a6a7 100%)
}

.page-gongsi .fast-register-box .btn-to-upload {
    width: 130px;
    background: rgba(255, 255, 255, .8);
    border-radius: 8px;
    transition: all .2s linear;
    color: #00a6a7;
    font-size: 14px;
    border: none
}

.page-gongsi .fast-register-box .btn-to-upload:hover {
    background: #fff
}

.page-gongsi .fast-register-box .registe-btn {
    min-width: auto;
    width: 76px;
    border-radius: 8px;
    border: 1px solid #fff;
    background: 0 0;
    margin-left: 8px
}

.page-gongsi .fast-register-box .input-box input {
    font-size: 13px
}

.page-gongsi .fast-register-box .step-form {
    font-size: 0
}

.page-gongsi .fast-register-box .input-box input.ipt-phone {
    width: 140px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .8)
}

.page-gongsi .fast-register-box .input-box input.ipt-sms {
    width: 100px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .8);
    margin-left: 8px
}

.page-gongsi .fast-register-box .show-code-box {
    color: #00a6a7;
    font-size: 13px;
    background: 0 0
}

.page-gongsi .fast-register-box .code-form-box {
    font-size: 14px
}

.page-gongsi .column-search-panel.fixed {
    height: 94px
}

.page-gongsi .vline {
    position: relative;
    top: -1px
}

.page-gongsi .select-tree {
    top: 10px
}

.page-gongsi .column-search-panel.fixed {
    top: 49px;
    box-shadow: none
}

.page-gongsi .column-search-panel {
    background-color: #fff
}

.page-gongsi .column-search-panel .search-form {
    box-shadow: none
}

.page-gongsi .company-search .filter-condition {
    padding: 20px 0
}

.page-gongsi .column-search-panel .search-box {
    margin: 0
}

.page-gongsi .company-search .company-list .tip-nodata {
    width: 200px;
    height: 122px;
    margin: 0 auto 20px;
    background: url(https://img.bosszhipin.com/static/file/2022/a01kqbjd7l1655973421679.png) center center no-repeat;
    background-size: 100%
}

.page-gongsi .data-tips .data-blank b {
    color: #666
}

.page-gongsi .text-blue {
    color: #00a6a7
}

.page-gongsi .vline {
    margin: 0 4px
}

.page-gongsi .company-search .sub-li .h {
    color: #00a6a7;
    font-size: 14px
}

.page-gongsi .company-search .sub-li .h:hover {
    font-weight: 500
}

.page-gongsi .company-search .top-filter-bar {
    top: 143px
}

.page-gongsi .company-search .dropdown-wrap .arrow {
    transition: none;
    -webkit-transition: none;
    position: relative;
    top: -1px
}

.page-gongsi .company-search .filter-row .reset {
    float: right;
    cursor: pointer;
    color: #999
}

.page-gongsi .company-search .filter-row .reset:hover {
    color: #00a6a7
}

.page-gongsi .home-site .company-tab-box li .conpany-text {
    text-align: left;
    margin-left: 68px
}

.page-gongsi .home-site .company-tab-box li {
    border-radius: 12px;
    background: #fff;
    margin: 0 16px 21px 0
}

.page-gongsi .home-site .company-tab-box li .sub-li {
    border-radius: 12px
}

.page-gongsi .home-site .company-tab-box li .sub-li:hover {
    box-shadow: 0 16px 40px 0 rgb(138 149 158 / 20%);
    transition: all .4s
}

.page-gongsi .home-site .company-tab-box li .company-info {
    border-bottom: none
}

.page-gongsi .home-site .company-tab-box li .about-info {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #666;
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    border-radius: 0 0 12px 12px
}

.page-gongsi .company-search .filter-row .title {
    color: #222;
    font-weight: 500;
    font-size: 16px;
    margin-right: 10px
}

.page-gongsi .company-search .filter-row a {
    margin-right: 2px
}

.page-gongsi .company-search .filter-row .content {
    color: #333;
    font-size: 14px
}

.page-gongsi .company-search .filter-condition .selected {
    color: #00a6a7;
    font-weight: 700;
    font-size: 14px
}

.page-gongsi .company-search .filter-row a:hover {
    color: #00a6a7
}

.page-gongsi .company-search .filter-row a {
    color: #222
}

.page-gongsi .home-site .company-tab-box li .sub-li .conpany-text h4 {
    margin-bottom: 9px;
    color: #222;
    font-weight: 500
}

.page-gongsi .home-site .company-tab-box li .company-info img {
    width: 54px;
    height: 54px
}

.page-gongsi .home-site .company-tab-box li .sub-li .conpany-text h4:hover {
    color: #00a6a7
}

.page-gongsi .home-site .company-tab-box li .sub-li .conpany-text span {
    display: inline-block;
    color: #666;
    padding: 0 8px;
    background: #f8f8f8;
    font-size: 13px;
    border-radius: 4px;
    max-width: 66px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px
}

.page-gongsi .home-site .company-tab-box li .sub-li .conpany-text span + span {
    margin-left: 8px
}

.page-gongsi .links-container {
    padding-bottom: 12px
}

.page-gongsi #footer {
    margin-top: 14px
}

.page-gongsi #footer .pos-bread {
    display: none
}

.page-gongsi .pos-bread {
    width: 1184px;
    margin: 0 auto
}

.page-gongsi .pos-bread a:hover {
    text-decoration: none;
    color: #00a6a7
}

.page-gongsi .pos-bread .last {
    color: #00a6a7
}

.page-gongsi .pos-bread .split-line {
    display: inline-block;
    width: 1px;
    height: 7px;
    background: #999;
    margin: 0 5px 0 1px
}

.page-gongsi #footer .company-links-container {
    display: none
}

.page-gongsi .links-container {
    background-color: unset;
    border-top: none
}

.page-gongsi .links-container .links-box {
    width: 1184px;
    min-height: 146px;
    background: #fff;
    border-radius: 12px
}

.page-gongsi #footer {
    background: #313438
}

.page-gongsi .footer-about dt {
    color: #fff
}

.page-gongsi .links-box .title-box {
    padding: 0 20px;
    margin-right: 0;
    position: relative
}

.page-gongsi .links-box .title-box::after {
    content: '';
    width: 1144px;
    height: 1px;
    position: absolute;
    left: 20px;
    bottom: 0;
    background-color: #e6e6e6;
    z-index: 1;
    box-sizing: border-box
}

.page-gongsi .links-box .title-box .title-item {
    margin-right: 32px;
    font-size: 16px;
    color: #333
}

.page-gongsi .links-box .title-box .title-item::after {
    width: 28px;
    height: 3px;
    margin-left: 15px;
    z-index: 2
}

.page-gongsi .links-box .links-wrapper {
    padding: 18px 20px 0
}

.page-gongsi .company-search .expect {
    margin: 22px auto
}

.page-gongsi .company-search .expect a {
    font-size: 14px;
    margin-right: 10px
}

.page-gongsi .company-search .expect a:hover {
    color: #00a6a7;
    font-weight: 500
}

.page-gongsi .company-search .expect .container {
    width: 286px;
    height: 36px;
    background: rgba(0, 190, 189, .1);
    border-radius: 8px
}

.page-gongsi .company-search .top-filter-bar .expect .container-bar {
    width: 286px;
    height: 36px;
    display: inline-block;
    background: rgba(0, 190, 189, .1);
    border-radius: 8px
}

.page-gongsi .company-search .top-filter-bar .expect .container-bar a {
    font-size: 14px;
    color: #666;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    margin-right: 0
}

.page-gongsi .company-search .top-filter-bar .expect .container-bar .defalut {
    width: 140px;
    height: 32px;
    background: #fff;
    border-radius: 6px;
    margin: 2px 10px 2px 2px;
    color: #00a6a7;
    font-weight: 700
}

.page-gongsi .company-search .expect .expect-ops-wrapper {
    display: inline-block;
    position: relative;
    max-width: 176px;
    z-index: 11;
    vertical-align: middle;
    top: -1px
}

.page-gongsi .company-search .top-filter-bar .expect .expect-ops-wrapper.cur {
    padding: 0
}

.page-gongsi .company-search .expect .expect-ops-wrapper:hover:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    height: 4px;
    bottom: -4px;
    background: 0 0
}

.page-gongsi .company-search .expect .expect-ops-wrapper.cur .expect-ops-current, .page-gongsi .company-search .expect .expect-ops-wrapper:hover .expect-ops-current {
    background: linear-gradient(90deg, #16d9d8 0, #00bebd 100%);
    color: #fff
}

.page-gongsi .company-search .expect .expect-ops-wrapper.cur .expect-ops-current:after, .page-gongsi .company-search .expect .expect-ops-wrapper:hover .expect-ops-current:after {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 0/8px auto no-repeat
}

.page-gongsi .company-search .expect .expect-ops-wrapper:hover .expect-ops-dropdown {
    display: block
}

.page-gongsi .company-search .expect .expect-ops-wrapper .expect-ops-current {
    position: relative;
    display: block;
    color: #666;
    border-radius: 6px;
    padding: 4px 27px 4px 12px;
    line-height: 20px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-gongsi .company-search .expect .expect-ops-wrapper .expect-ops-current:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 50%;
    margin-top: -3px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg)
}

.page-gongsi .company-search .expect .expect-ops-wrapper .expect-ops-dropdown {
    display: none;
    position: absolute;
    z-index: 9;
    top: 32px;
    left: 0;
    width: 176px;
    max-height: 188px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    border: 1px solid #ededed;
    padding: 4px;
    overflow: auto
}

.page-gongsi .company-search .expect .expect-ops-wrapper .expect-ops-dropdown a {
    display: block;
    line-height: 20px;
    border-radius: 4px;
    padding: 8px 12px;
    margin: 0
}

.page-gongsi .company-search .top-filter-bar .expect .expect-ops-wrapper .expect-ops-dropdown a {
    margin: 0
}

.page-gongsi .company-search .expect .expect-ops-wrapper .expect-ops-dropdown a:hover {
    background: #f8f8f8;
    color: #00a6a7;
    font-weight: 500
}

.page-gongsi .company-search .expect .expect-ops-wrapper .expect-ops-dropdown a.active {
    background: #f8f8f8;
    color: #00a6a7;
    font-weight: 500
}

.page-gongsi .company-search .expect .container a.cur {
    background-color: #fff;
    color: #00a6a7;
    width: 140px;
    line-height: 32px;
    margin-top: 2px;
    margin-left: 2px;
    border-radius: 6px;
    font-weight: 700;
    text-align: center;
    display: inline-block
}

.page-gongsi .company-search .expect .container-login {
    background-color: rgba(255, 255, 255, .6);
    padding: 10px 4px 10px 10px;
    border-radius: 8px
}

.page-gongsi .company-search .expect .container-login img {
    width: 23px;
    height: 23px;
    position: relative;
    top: 8px;
    left: 3px
}

.page-gongsi .company-search .expect .container-login a.default {
    color: #222;
    padding: 6px 10px 6px 7px
}

.page-gongsi .company-search .expect .container-login a.default:hover {
    color: #222;
    font-weight: 400
}

.page-gongsi .company-search .expect .container-login a {
    font-size: 14px;
    color: #666;
    padding: 6px 10px;
    cursor: pointer
}

.page-gongsi .company-search .expect .container-login > a:last-child {
    margin-right: 0
}

.page-gongsi .company-search .expect .container-login a:hover {
    color: #00a6a7
}

.page-gongsi .company-search .expect .container-login a.cur {
    background-image: linear-gradient(90deg, #16d9d8 0, #00bebd 97%);
    color: #fff;
    line-height: 28px;
    margin-top: 2px;
    margin-left: 2px;
    border-radius: 6px;
    font-weight: 700
}

.page-gongsi .company-search .top-filter-bar .expect .container-login a {
    margin-right: 15px
}

.page-gongsi .company-search .top-filter-bar .expect .container-login a.cur {
    color: #fff
}

.page-gongsi .company-search .filter-bar-right {
    flex-shrink: 0
}

.page-gongsi .company-search .top-filter-bar.show {
    height: 46px
}

.page-gongsi .company-search .top-filter-bar .expect .container {
    height: 36px;
    margin: 0;
    border-radius: 4px;
    position: relative;
    display: inline-block;
    top: -3px
}

.page-gongsi .company-search .filter-bar-right .arrow {
    border: none;
    width: 4px;
    height: 7px;
    margin: 0 10px;
    transform: rotate(90deg);
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.page-gongsi .company-search .filter-bar-right .dropdown-select:hover {
    color: #00a6a7;
    background: #e5f8f8
}

.page-gongsi .company-search .filter-bar-right .dropdown-select {
    display: inline-block;
    padding: 0 6px 0 15px
}

.page-gongsi .company-search .filter-bar-right .dropdown-select:hover .arrow {
    transform: rotate(270deg);
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.page-gongsi .company-search .filter-bar-right .dropdown-wrap {
    text-align: right
}

.page-gongsi .dropdown-menu ul {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ededed;
    padding: 5px 0
}

.page-gongsi .company-search .filter-bar-right .dropdown-filter-city li, .page-gongsi .company-search .filter-bar-right .dropdown-industry li {
    margin: 0;
    height: 36px;
    line-height: 36px;
    float: left
}

.page-gongsi .company-search .filter-bar-right .dropdown-industry ul {
    right: 174px
}

.page-gongsi .company-search .filter-bar-right .dropdown-filter-city ul {
    right: 96px
}

.page-gongsi .dropdown-menu ul {
    left: -5px
}

.page-gongsi .company-search .filter-bar-right .dropdown-wrap {
    width: auto;
    max-width: 114px
}

.page-gongsi .company-search .filter-bar-right .dropdown-menu {
    min-width: 114px
}

.page-gongsi .company-search .filter-bar-right .dropdown-filter-city .dropdown-menu, .page-gongsi .company-search .filter-bar-right .dropdown-industry .dropdown-menu {
    width: 480px
}

.page-gongsi .page-gongsi .company-search .filter-bar-right .dropdown-select {
    background: #e5f8f8
}

.page-gongsi .company-search .filter-bar-right .dropdown-select.selected .arrow {
    transform: rotate(90deg);
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.page-gongsi .company-search .top-filter-bar {
    font-size: 14px;
    color: #666
}

.page-gongsi .company-search .filter-bar-right .dropdown-filter-city li a, .page-gongsi .company-search .filter-bar-right .dropdown-industry li a {
    padding: 0 15px
}

.page-gongsi .company-search .dropdown-menu {
    position: absolute
}

.page-gongsi .company-search .dropdown-menu a {
    padding: 0 10px
}

.page-gongsi .company-search .dropdown-menu li {
    text-align: left;
    margin: 0 5px
}

.page-gongsi .company-search .filter-bar-right .selected .close {
    display: none
}

.page-gongsi .company-search .filter-bar-right .selected {
    color: #00a6a7;
    display: block
}

.company-search .filter-bar-right .dropdown-menu li {
    line-height: 36px;
    margin: 0 5px
}

.page-gongsi .company-search .dropdown-menu li:hover {
    background: #f8f8f8;
    border-radius: 4px
}

.page-gongsi .company-search .dropdown-menu li:hover a {
    color: #00a6a7
}

.page-gongsi .company-search .filter-bar-right {
    line-height: 34px
}

.page-gongsi .company-search .top-filter-bar .expect .container-login {
    background-color: #fff;
    padding: 7px 12px 7px 0;
    border-radius: 4px;
    top: 5px
}

.page-gongsi .company-search .top-filter-bar .expect a:hover {
    font-weight: 700;
    color: #00a6a7
}

.page-gongsi .company-search .top-filter-bar .expect .cur {
    color: #fff;
    font-weight: 700;
    background: linear-gradient(90deg, #16d9d8 0, #00bebd 100%);
    border-radius: 6px;
    padding: 5px 8px
}

.page-gongsi .company-search .filter-bar-right .dropdown-select {
    height: 32px;
    background: #f8f8f8;
    border-radius: 4px
}

.page-gongsi .links-box .links-wrapper .links-content a {
    color: #666;
    margin: 0 28px 0 0;
    line-height: 26px
}

.page-gongsi .links-box .links-wrapper .links-content a:hover {
    color: #00a6a7
}

.page-gongsi .links-box .title-box .title-item.cur {
    color: #00a6a7;
    font-weight: 700
}

.page-gongsi .links-box .title-box .title-item:hover {
    color: #00a6a7
}

.page-gongsi .links-box .title-box .title-item.cur::after {
    width: 28px;
    height: 3px;
    background: linear-gradient(90deg, #16d9d8 0, #00bebd 100%);
    border-radius: 2px;
    position: absolute;
    top: 30px
}

.page-gongsi #footer.company-gongsi-hot-footer {
    color: hsla(0, 0%, 100%, .5);
    background-color: #313438;
    margin-top: 0
}

.page-gongsi #footer .icon-client-app, .page-gongsi .icon-app, .page-gongsi .icon-weibo, .page-gongsi .icon-weixin {
    border: none;
    background-color: hsla(0, 0%, 100%, .1)
}

.page-gongsi .copyright span {
    color: #8d92a1
}

.page-gongsi .footer-about dl dt {
    color: hsla(0, 0%, 100%, .8)
}

.page-gongsi .copyright a, .page-gongsi .footer-about dl dd a, .page-gongsi .footer-about dl dd p {
    color: hsla(0, 0%, 100%, .5)
}

.page-gongsi .copyright a, .page-gongsi .footer-about dl dd a, .page-gongsi .footer-about dl dd p {
    color: hsla(0, 0%, 100%, .5)
}

.page-gongsi .copyright a:hover, .page-gongsi .footer-about dl dd a:hover {
    color: #00a6a7
}

.page-gongsi .page {
    padding: 15px 0 40px 0
}

.page-gongsi .page a {
    color: #666
}

.page-gongsi .page a.next, .page-gongsi .page a.prev {
    border: none;
    border-radius: 6px
}

.page-gongsi .page a.prev {
    background-image: none;
    position: relative
}

.page-gongsi .page a.prev:hover::after {
    width: 5px;
    height: 8px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 -8px/10px auto no-repeat;
    transform: rotate(0)
}

.page-gongsi .page a.next:hover::after {
    width: 5px;
    height: 8px;
    top: 10px;
    right: 10px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 -8px/10px auto no-repeat;
    transform: rotate(180deg)
}

.page-gongsi .page a.prev::after {
    position: absolute;
    content: '';
    width: 4px;
    height: 7px;
    top: 9px;
    right: 12px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(180deg)
}

.page-gongsi .page a.next {
    background-image: none;
    position: relative
}

.page-gongsi .page a.next::after {
    position: absolute;
    content: '';
    width: 4px;
    height: 7px;
    top: 10px;
    right: 11px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.page-gongsi .page a:hover {
    color: #fff;
    border-color: #00bebd;
    background-color: #00bebd
}

.page span, .page-gongsi .page a {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 6px;
    margin: 0 2px
}

.page-gongsi .page span {
    line-height: 20px;
    cursor: pointer;
    border: none;
    color: #333;
    background-color: transparent
}

.page-gongsi .page span:hover {
    color: #00bebd
}

.page-gongsi .page a.cur {
    background: #00bebd;
    border-color: #00bebd;
    color: #fff
}

.page-gongsi .company-search .page {
    background: 0 0
}

.page-gongsi .links-container {
    margin-top: 0
}

.page-gongsi .data-tips {
    border-radius: 8px;
    margin-bottom: 16px
}

.page-gongsi .position-box .select-tree {
    border-radius: 8px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08)
}

.page-gongsi .position-box .select-tree ul {
    border: none;
    padding: 4px 8px;
    max-height: 286px;
    height: 286px;
    width: 145px;
    border-right: 1px solid #ededed;
    border-radius: 8px
}

.page-gongsi .position-box .select-tree ul.tree-3 {
    height: 286px
}

.page-gongsi .position-box .select-tree.tree-2-show .tree-1 {
    border-radius: 8px 0 0 8px
}

.page-gongsi .position-box .select-tree.tree-2-show .tree-2 {
    border-radius: 0 8px 8px 0
}

.page-gongsi .position-box .select-tree.tree-3-show .tree-2 {
    border-radius: 0
}

.page-gongsi .position-box .select-tree ul.tree-3 {
    border-radius: 0 8px 8px 0
}

.page-gongsi .position-box .select-tree ul.tree-2 {
    display: none
}

.page-gongsi .position-box .select-tree ul:last-child {
    border-right: none
}

.page-gongsi .position-box .select-tree li {
    position: relative;
    line-height: 36px;
    color: #333;
    font-size: 14px;
    transition: all .2s linear;
    padding: 0 16px 0 8px;
    border-radius: 4px
}

.page-gongsi .position-box .select-tree li:after {
    content: '';
    position: absolute;
    right: 8px;
    width: 4px;
    height: 7px;
    top: 14px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.page-gongsi .position-box .select-tree ul.tree-1 li:first-child:after, .page-gongsi .position-box .select-tree ul:last-child li:after {
    content: none
}

.page-gongsi .position-box .select-tree li.selected, .page-gongsi .position-box .select-tree li:hover {
    background: #f8f8f8;
    color: #00a6a7;
    font-weight: 500
}

.page-gongsi .position-box .select-tree li.selected:after, .page-gongsi .position-box .select-tree li:hover:after {
    background-position: -6px -8px
}

.condition-insdustry:after, .job-time:after {
    content: '';
    display: block;
    overflow: hidden;
    visibility: hidden;
    clear: both
}

.condition-insdustry, .job-tags, .job-time {
    zoom: 1
}

.search-box {
    padding-top: 20px;
    width: 884px;
    position: relative;
    font-size: 13px
}

.search-box-new {
    padding-top: 32px;
    width: auto
}

.search-box-new .search-form {
    width: 884px;
    float: left
}

.search-box-new .search-box-scan {
    z-index: 1001
}

.company-detail-grab .search-box {
    margin-top: 35px;
    padding-top: 0;
    width: auto;
    font-size: 14px
}

.search-form {
    position: relative;
    zoom: 1;
    z-index: 1000
}

.search-form-shadow {
    box-shadow: 0 1px 5px rgba(83, 202, 195, .5)
}

.nav-search .search-form-shadow {
    box-shadow: none
}

.search-form-con {
    float: left;
    width: 794px
}

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

.search-form .ipt-wrap-hover, .search-form-con:hover .ipt-wrap {
    border-color: #53cac3 !important;
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    -o-transition: all linear .1s;
    transition: all linear .1s
}

.search-form .city-sel-hover, .search-form .industry-sel-hover, .search-form .position-sel-hover, .search-form-con:hover .city-sel, .search-form-con:hover .industry-sel, .search-form-con:hover .position-sel {
    border-color: #53cac3 !important;
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    -o-transition: all linear .1s;
    transition: all linear .1s
}

.search-form .ipt-wrap {
    background: #fff;
    border: 1px solid #53cac3;
    border-left: none;
    border-right: none;
    height: 42px;
    overflow: hidden
}

.detail-search .ipt-wrap {
    border-color: #e3e7ed;
    width: 507px
}

.suggest-result {
    display: none;
    background: #fff;
    width: 698px;
    position: absolute;
    left: 94px;
    top: 44px;
    z-index: 1;
    border: 1px #f2f2f5 solid;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .06)
}

.nav-search .suggest-result {
    border: none
}

.suggest-result ul {
    max-height: 250px;
    overflow: auto
}

.suggest-result li {
    line-height: 50px;
    padding: 0 30px;
    border-bottom: 1px #f8f9fc solid;
    cursor: pointer;
    color: #61687c
}

.suggest-result li.selected, .suggest-result li:hover {
    color: #18c3b1;
    background-color: #f8f9fb
}

.suggest-result li .h, .suggest-result li .text-blue {
    font-style: normal;
    color: #00bebd;
    text-decoration: none
}

.suggest-result li.blank-data {
    color: #9fa3af
}

.suggest-result li:last-of-type {
    border-bottom: 0
}

.ipt-search {
    width: 323px;
    height: 28px;
    line-height: 30px;
    padding: 7px 15px;
    border: 0;
    font-size: 13px;
    color: #414a60
}

.search-job-list-wrap .search-form .ipt-wrap .ipt-search {
    width: 470px
}

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

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

.btn-search {
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    background: #55cbc4;
    border: 0;
    cursor: pointer;
    font-size: 0;
    width: 90px;
    padding: 0;
    min-width: 0;
    background-position: 34px -138px;
    min-width: 0
}

.city-sel {
    display: block;
    width: 78px;
    height: 28px;
    border: 1px solid #53cac3;
    border-right: none;
    line-height: 30px;
    float: left;
    padding: 6px 15px 8px 15px;
    background-color: #fff;
    position: relative;
    cursor: pointer
}

.industry-sel {
    display: block;
    width: 70px;
    height: 28px;
    border: 1px solid #53cac3;
    border-left: none;
    border-right: none;
    line-height: 30px;
    float: right;
    padding: 6px 15px 8px 15px;
    background-color: #fff;
    position: relative;
    cursor: pointer
}

.position-sel {
    display: block;
    width: 68px;
    height: 28px;
    border: 1px solid #53cac3;
    border-left: none;
    border-right: none;
    line-height: 30px;
    float: right;
    padding: 6px 15px 8px 15px;
    background-color: #fff;
    position: relative;
    cursor: pointer
}

.detail-search .city-sel {
    border-color: #e3e7ed;
    position: absolute;
    right: 90px;
    top: 0
}

.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: 68px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis
}

.position-sel .label-text {
    width: 52px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}

.industry-sel .label-text {
    width: 55px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}

.city-sel .icon-arrow-down {
    position: absolute;
    right: 7px;
    top: 15px
}

.industry-sel .icon-arrow-down {
    position: absolute;
    right: 10px;
    top: 15px
}

.position-sel .icon-arrow-down {
    position: absolute;
    right: 8px;
    top: 15px
}

.show-city .city-sel .icon-arrow-down {
    background-position: 0 -2067px
}

.city-box {
    display: none;
    position: absolute;
    width: 298px;
    background: #fff;
    top: 45px;
    left: 0;
    z-index: 1;
    color: #9fa3b0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.dorpdown-province {
    float: left;
    width: 150px;
    height: 302px;
    overflow: auto
}

.dorpdown-city li, .dorpdown-province li {
    padding-left: 28px;
    line-height: 50px;
    cursor: pointer
}

.dorpdown-province li.cur {
    background: #f1f3f6
}

.dorpdown-city li.cur {
    background: #f1f3f6
}

.dorpdown-city li:hover {
    background: #edf0f3
}

.dorpdown-city {
    margin-left: 150px;
    background: #f8f9fa;
    height: 302px;
    overflow: auto
}

.dorpdown-city ul {
    display: none
}

.dorpdown-city ul.show {
    display: block
}

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

.company-detail-grab .city-sel {
    position: absolute;
    right: 90px;
    top: 0
}

.company-detail-grab .search-form-con {
    width: 746px
}

.company-detail-grab .search-form .ipt-wrap {
    border-left: 1px solid #53cac3
}

.company-detail-grab .search-form .btn-search {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat
}

.detail-search {
    width: auto
}

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

.detail-search .search-form .ipt-wrap {
    border-left: 1px solid #e3e7ed;
    width: auto
}

.industry-box {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    top: 55px;
    left: 0;
    z-index: 1;
    color: #9fa3b0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.industry-box:before {
    content: '';
    position: absolute;
    top: -17px;
    right: 145px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 9999
}

.industry-box ul {
    padding: 25px 0 15px 55px
}

.industry-box ul li {
    width: 155px;
    display: inline-block;
    margin-bottom: 12px
}

.industry-box ul li a {
    padding-left: 5px;
    display: block;
    color: #8d92a1;
    transition: none;
    -webkit-transition: none
}

.industry-box ul li.cur a {
    color: #00d7c6
}

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

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

.position-box {
    position: absolute;
    top: 45px;
    left: 596px;
    display: none;
    height: 250px;
    width: 506px
}

.position-box .select-tree ul.tree-3 {
    height: 250px
}

.position-box .select-tree {
    display: inline-block;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    zoom: 1
}

.position-box .select-tree:after {
    content: '';
    display: block;
    overflow: hidden;
    visibility: hidden;
    clear: both;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.position-box .select-tree ul {
    float: left;
    position: unset
}

.position-box .dropdown-menu {
    display: block
}

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

.show-position .position-box {
    width: auto;
    height: auto
}

.position-box .select-tree ul.tree-2 {
    left: 166px
}

.position-box .select-tree ul.tree-3 {
    left: 332px;
    border-top: none
}

.search-job-list-wrap .industry-box {
    max-height: 258px;
    overflow: overlay;
    overflow: auto
}

.search-job-list-wrap .industry-box ul {
    padding: 25px 0 15px 35px
}

.search-box .search-banner {
    position: absolute;
    left: 786px;
    top: 20px
}

.search-box .search-box-login {
    position: relative;
    width: 282px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #fff;
    border: 1px solid #53cac3;
    color: #53cac3;
    font-size: 14px;
    cursor: pointer;
    float: left;
    margin-left: 16px
}

.search-box .search-box-login a {
    display: block;
    color: #53cac3;
    font-size: 14px
}

.search-box .search-box-login-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/box-login-icon.png) center/100% no-repeat;
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin-right: 10px
}

.search-box .search-box-login:hover .search-box-login-close {
    display: block
}

.search-box .search-box-login .search-box-login-close {
    display: none;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 18px;
    height: 18px;
    background: url(../images/search-box-login-close.png) center/100% no-repeat;
    cursor: pointer
}

.search-box-scan {
    position: relative;
    float: right;
    color: #53cac3;
    font-size: 13px;
    margin-top: 7px;
    cursor: pointer;
    line-height: 18px;
    height: 30px;
    overflow: hidden
}

.search-box-scan .search-box-scan-icon {
    display: inline-block;
    width: 20px;
    height: 30px;
    margin-left: 8px;
    background: url(../images/phone-normal.png) center/100% no-repeat;
    margin-right: 8px;
    vertical-align: middle;
    transition: all .15s linear
}

.search-box-scan:hover .search-box-scan-icon {
    background: url(../images/phone-hover.png) center/100% no-repeat
}

.search-box-scan:hover {
    overflow: unset
}

.search-box-scan:hover .search-box-scan-container {
    opacity: 1
}

.search-box-scan .search-box-scan-container {
    opacity: 0;
    position: absolute;
    top: -7px;
    left: -182px;
    z-index: 99;
    width: 178px;
    height: 194px;
    background: #fff;
    border: 1px solid #eee;
    transition: all .15s linear
}

.search-box-scan .search-box-scan-arrow {
    position: absolute;
    top: 18px;
    right: -4px;
    width: 4px;
    height: 4px;
    border: 1px solid #eee;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    background: #fff
}

.search-box-scan .search-box-scan-qrcode {
    color: #53cac3;
    font-size: 13px;
    line-height: 18px;
    text-align: center
}

.search-box-scan .search-box-scan-qrcode:before {
    content: ' ';
    display: block;
    width: 126px;
    height: 126px;
    margin: 20px auto 3px;
    background: url(../images/boss-download-qrcode.png) center/100% no-repeat
}

.condition-box {
    background: #fff;
    margin-top: 10px;
    font-size: 12px
}

.condition-box dl {
    border-bottom: 1px #eef0f5 solid;
    margin: 0 0;
    display: none
}

.condition-box dl:after, .suggest-result dl:after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.condition-box dt {
    float: left;
    width: 50px;
    line-height: 52px;
    font-size: 16px;
    color: #4a4160
}

.condition-box dd {
    padding-top: 2px;
    margin-bottom: 0;
    margin-left: -12px
}

.condition-box dd a {
    display: inline-block;
    background: #fff;
    padding: 0 11px;
    border: 1px #fff solid;
    margin: 0;
    height: 36px;
    line-height: 36px
}

.condition-box dd a:hover {
    color: #fc6c38
}

.condition-box dd .icon-arrow-right {
    margin: 0;
    vertical-align: middle
}

.condition-box dd .vline {
    background: #e9eaef;
    margin: 0 3px
}

.condition-box .condition-city dd a.selected {
    border: 1px #eef0f5 solid;
    border-bottom: solid 1px #fff;
    position: relative;
    top: 1px;
    color: #fc6c38;
    margin: 0 15px
}

.condition-box dd a.disabled {
    color: #414a60;
    border: none;
    cursor: default
}

.condition-box dd a .fz-close-small {
    margin: 0 -4px 0 2px;
    cursor: pointer
}

.condition-box dd a.noborder {
    border-left-color: #fff
}

.condition-box dd .hot-text {
    padding-left: 25px
}

.condition-box .btn-all {
    float: right;
    cursor: pointer
}

.condition-box .btn-all .icon-arrow-down {
    vertical-align: middle;
    margin-left: 10px
}

.condition-box dl.condition-area, .condition-box dl.condition-district {
    margin: 0;
    padding: 0;
    border-bottom: 0;
    background: #fff;
    transition: none;
    -webkit-transition: none
}

.condition-city .link-area, .condition-city .link-district {
    transition: none;
    -webkit-transition: none
}

.condition-area dt, .condition-district dt {
    width: 50px;
    white-space: nowrap
}

.condition-area dd, .condition-district dd {
    margin-bottom: 0;
    padding-bottom: 2px
}

.condition-area dd a, .condition-district dd a {
    background: 0 0;
    border: none
}

.condition-district dd a.selected {
    color: #fc6c38
}

.condition-area dd a.selected {
    color: #fc6c38
}

.condition-box dl.show-condition-area, .condition-box dl.show-condition-district {
    display: block;
    border-bottom: 1px #eef0f5 solid
}

.condition-insdustry dd {
    height: 26px;
    overflow: hidden
}

.condition-insdustry dd.show-all-insdustry {
    height: auto
}

.show-all-insdustry .btn-all {
    color: #fc6c38
}

.show-all-insdustry .btn-all .icon-arrow-down {
    background-position: 1px -87px
}

#filter-box {
    background: #fff;
    position: relative;
    z-index: 999;
    box-shadow: 0 3px 6px rgba(6, 0, 1, .05)
}

#filter-box.show-top {
    position: fixed;
    width: 100%;
    top: 0
}

#filter-box.show-top .condition-box {
    display: none
}

#filter-box.show-top .filter-select-box {
    margin-top: 5px
}

.filter-select-box {
    height: 40px;
    font-size: 12px
}

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

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

.filter-select-box .dropdown-wrap {
    width: 160px;
    float: left;
    position: relative
}

.filter-select-box .dropdown-select {
    width: 120px;
    min-width: 120px;
    border: none;
    padding-top: 5px;
    font-size: 12px;
    padding-bottom: 3px;
    position: unset
}

.filter-select-box .ipt {
    width: 75px;
    min-width: 75px;
    border: none;
    padding-top: 5px;
    font-size: 12px;
    padding-left: 0;
    padding-right: 3px;
    color: #414a60
}

.filter-select-box .dropdown-menu-open .dropdown-menu {
    display: block;
    width: 125px
}

.filter-select-box .ipt:focus, .radio-checked {
    box-shadow: none
}

.filter-select-box .dropdown-menu {
    position: absolute;
    width: 100%;
    left: 0
}

.filter-select-box .dropdown-menu ul {
    max-height: 400px;
    box-shadow: 0 3px 6px rgba(6, 0, 1, .05);
    top: 3px;
    border-top: 1px #e3e7ed solid
}

.filter-select-box .dropdown-menu ul a {
    display: block;
    color: #8d92a1
}

.filter-select-box .dropdown-select .icon-select-arrow {
    left: 0;
    top: 6px;
    position: relative
}

.filter-select-box .ipt.selected-box {
    width: auto;
    min-width: auto;
    padding-left: 0;
    padding-right: 15px;
    display: inline-block;
    color: #fc6c38
}

.filter-select-box .ipt.selected-box a {
    color: #fc6c38;
    font-size: 15px
}

.filter-select-box .ipt.selected-box a:hover {
    color: #ff6d39
}

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

.filter-select-box .dropdown-menu li a {
    transition: none !important;
    -webkit-transition: none !important
}

.job-box {
    margin-top: 30px
}

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

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

.sider .nomargin {
    margin-top: 0
}

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

.company-sider, .job-sider {
    float: right;
    width: 284px;
    padding-bottom: 40px
}

.sider .fill-resume {
    padding: 15px 25px;
    background: #fff;
    margin-bottom: 15px
}

.sider .fill-resume img {
    float: right;
    margin: 4px 15px 0 0
}

.sider .fill-resume h3 {
    height: 25px;
    line-height: 25px;
    color: #61687c
}

.sider .fill-resume p {
    height: 27px;
    line-height: 27px;
    color: #6b7184
}

.sider .fill-resume .btn {
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    border-radius: 100px
}

.sider .vip-guide {
    width: 244px;
    height: 160px;
    padding: 20px;
    background: url(../images/job/vip-guide.png) no-repeat;
    background-size: 100%
}

.sider .vip-guide .title {
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #fff;
    line-height: 25px
}

.sider .vip-guide .desc {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    opacity: .85;
    margin-top: 4px
}

.sider .vip-guide .btn {
    margin-top: 13px;
    background-color: #ffba54;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #120f0a;
    border: 1px solid #ffba54;
    padding: 0;
    line-height: 28px;
    width: 78px;
    height: 28px
}

.subscribe-wechat-wrapper {
    position: relative;
    background-color: #fff;
    margin: 0 300px 6px 0;
    height: 128px
}

.subscribe-wechat-wrapper .close {
    position: absolute;
    z-index: 100;
    top: 3px;
    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 24px 4px auto
}

.subscribe-wechat-wrapper dl img {
    display: block;
    width: 86px;
    height: 86px
}

.subscribe-wechat-wrapper dd {
    color: #9fa3af;
    font-size: 12px;
    text-align: center;
    line-height: 16px
}

.subscribe-wechat-wrapper dt {
    width: 86px;
    height: 86px
}

.subscribe-wechat-wrapper .title {
    display: inline-block;
    margin: 36px 10px 10px 16px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.subscribe-wechat-wrapper .sub-title {
    display: inline-block;
    color: #9fa3af;
    font-size: 12px
}

.subscribe-wechat-wrapper i.icon {
    float: left;
    width: 64px;
    height: 64px;
    background: url(https://res.zhipin.com/web/geek/resource/icon-subscribe.png) center;
    background-size: contain;
    margin-top: 32px;
    margin-left: 32px
}

.subscribe-wechat-wrapper p {
    margin: 0 260px 0 110px;
    color: #9fa3af;
    font-size: 14px;
    line-height: 20px
}

.subscribe-wechat-wrapper p span {
    color: #54cbc4;
    font-size: 15px
}

.sub-layer {
    position: absolute;
    z-index: -1;
    width: 312px;
    height: 392px;
    right: -304px;
    top: -16px;
    background: url(https://res.zhipin.com/web/geek/resource/bg-subscribe-1.png) center;
    background-size: contain;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.subscribe-wechat-wrapper:hover .sub-layer {
    opacity: 1;
    z-index: 200
}

.sub-layer .sub-container {
    margin: 97px 52px 86px 60px;
    background: #fff;
    border-radius: 6px;
    padding: 10px
}

.sub-layer .sub-container .title {
    font-weight: 500;
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    display: block;
    padding: 10px;
    padding-bottom: 0
}

.sub-layer .sub-container .item + .item {
    margin-top: 6px
}

.sub-layer .sub-container .content {
    padding: 0 10px
}

.sub-layer .sub-container .info {
    margin: 0;
    margin-top: 9px;
    margin-bottom: 16px;
    line-height: 17px;
    padding: 0 10px;
    font-size: 12px;
    color: #2c4381
}

.sub-layer .sub-container .t {
    float: left;
    color: #999;
    font-size: 11px;
    line-height: 16px
}

.sub-layer .sub-container .c {
    font-size: 11px;
    line-height: 16px;
    color: #333;
    margin-left: 60px;
    vertical-align: top
}

.sub-layer .sub-container .c.red {
    margin-left: 36px;
    color: red !important
}

.sub-layer .sub-container .bottom {
    border-top: 1px solid #f3f3f3;
    margin-top: 16px;
    padding: 12px 9px;
    background: #fff url(https://res.zhipin.com/web/geek/resource/text-subscribe.png) center 7px no-repeat;
    background-size: contain;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.job-list {
    background: #fff;
    margin-right: 234px
}

.job-tab {
    line-height: 43px;
    border-bottom: 2px #f2f2f5 solid;
    padding: 0 30px
}

.job-tab a {
    display: inline-block;
    margin-right: 36px;
    font-size: 15px;
    color: #9fa3b0;
    border-bottom: 2px transparent solid;
    position: relative;
    margin-bottom: -2px
}

.job-tab a:hover {
    color: #00d7c6
}

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

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

.job-list li {
    height: 88px;
    cursor: pointer
}

.job-list li:hover {
    background-color: #f8f9fb;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.job-list li:hover .job-primary .btn-startchat {
    display: inline-block
}

.job-list li:hover .info-publis {
    display: none
}

.job-list li .name {
    font-size: 16px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.job-list li .name .job-title {
    font-size: 16px;
    color: #00c2b3;
    font-weight: 400;
    max-width: 170px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.job-list li .name a {
    height: 26px;
    display: inline-block;
    line-height: 26px
}

.job-list li .name span.red {
    height: 26px;
    display: inline-block;
    line-height: 26px;
    position: relative;
    vertical-align: middle
}

.job-list li .name .red {
    padding-left: 8px
}

.job-list li .primary-wrapper {
    vertical-align: top;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.job-list li .primary-wrapper .job-title {
    font-size: 16px;
    color: #00c2b3;
    font-weight: 400;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.job-list li .primary-wrapper .primary-box {
    display: inline-block;
    line-height: 26px
}

.job-list li .name .title-box {
    height: 26px;
    white-space: nowrap;
    display: inline-block;
    line-height: 26px
}

.job-list li .primary-wrapper span.red {
    height: 26px;
    display: inline-block;
    line-height: 26px;
    position: relative;
    vertical-align: middle
}

.job-list li .name .job-name-after {
    height: 16px;
    vertical-align: middle;
    margin: -2px 0 0 10px;
    display: inline-block;
    padding: 0 5px;
    border: #5e96f2 solid 1px;
    border-radius: 2px;
    font-size: 12px;
    font-style: normal;
    color: #4a89f1;
    line-height: 16px
}

.job-list li p {
    font-size: 12px;
    color: #9fa3b0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.job-list .job-list-more {
    margin-top: 20px;
    text-align: center
}

.job-list .job-list-more .btn {
    height: 32px;
    line-height: 32px;
    width: 284px
}

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

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

.job-primary .info-primary {
    width: 290px;
    float: left
}

.job-primary .info-company {
    vertical-align: top;
    width: 240px
}

.job-primary .info-company .company-logo {
    display: inline-block
}

.search-job-list-wrap .job-primary {
    height: 130px;
    box-sizing: border-box;
    padding: 0
}

.search-job-list-wrap .job-primary .job-medium-icon {
    position: absolute;
    left: -30px;
    width: 36px
}

.search-job-list-wrap .job-primary .info-primary {
    width: auto;
    height: 70px;
    padding-top: 20px;
    float: none
}

.search-job-list-wrap .job-list {
    background: 0 0;
    margin-right: 300px
}

.search-job-list-wrap .job-list li {
    height: 130px;
    cursor: pointer;
    margin-bottom: 10px;
    background: #fff
}

.search-job-list-wrap .job-list li:hover {
    background: #fff
}

.search-job-list-wrap .job-list li .primary-wrapper {
    float: left;
    width: 460px
}

.search-job-list-wrap .job-list li .job-primary .info-append {
    height: 40px;
    line-height: 40px;
    margin: 0 -30px;
    padding: 0 30px;
    background: #f8f9fc
}

.search-job-list-wrap .job-list li .job-primary .info-append .tags {
    float: left;
    width: 389px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 85px;
    font-size: 0;
    height: 40px
}

.search-job-list-wrap .job-list li .job-primary .info-append .tags .tag-item {
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    padding: 0 8px;
    border: 1px solid #eee;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 9px;
    color: #61687c
}

.search-job-list-wrap .job-list li .job-primary .info-append .info-desc {
    font-size: 13px;
    float: left;
    width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #61687c
}

.search-job-list-wrap .job-list li .primary-wrapper .job-name-after {
    height: 16px;
    vertical-align: middle;
    margin-top: 2px;
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    border: 1px solid #5e96f2;
    border-radius: 2px;
    color: #4a89f1
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title {
    font-size: 0;
    max-width: 460px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name {
    margin-right: 10px;
    display: block
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name {
    max-width: 171px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area {
    max-width: 214px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area, .search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    float: left
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name a {
    color: #00c2b3
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper {
    margin-right: 10px;
    float: left
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::after, .search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::before {
    font-size: 16px;
    vertical-align: middle
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::before {
    content: '[';
    float: left
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::after {
    content: ']'
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-pub-time {
    font-size: 13px;
    color: #8d92a1;
    overflow: hidden;
    padding-top: 1px;
    display: block;
    text-overflow: ellipsis
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit {
    height: 26px;
    overflow: hidden
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .red {
    float: left;
    margin-right: 12px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .red + p {
    float: left;
    font-size: 14px;
    margin-right: 13px;
    margin-top: 0;
    max-width: 169px;
    color: #61687c
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .info-publis {
    width: auto;
    text-align: left;
    float: left;
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: 12px;
    height: 21px;
    line-height: 21px;
    margin-top: 1px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .info-publis .name {
    font-weight: 400;
    height: 21px;
    line-height: 21px;
    max-width: 150px;
    color: #6c7388
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .info-publis .name .vline {
    margin: -2px 5px 0;
    height: 10px
}

.search-job-list-wrap .job-list .company-list .company-name a {
    font-size: 16px;
    line-height: 22px
}

.search-job-list-wrap .job-primary .info-company {
    width: 350px;
    float: right
}

.search-job-list-wrap .job-primary .info-company .company-text {
    width: auto;
    float: left
}

.search-job-list-wrap .job-primary .info-company .company-logo {
    float: right;
    width: 54px;
    height: 54px;
    border: 1px solid #f3f5fb;
    border-radius: 9px
}

.search-job-list-wrap .job-primary .info-company .company-logo + p {
    font-size: 14px
}

.search-job-list-wrap .job-primary .info-company .company-text .name {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 3px;
    overflow: visible
}

.search-job-list-wrap .job-primary .info-company .company-text .name + p {
    color: #61687c;
    max-width: 270px
}

.search-job-list-wrap .job-primary .info-company .company-text .name + p .false-link {
    color: #61687c
}

.search-job-list-wrap .job-primary .info-company .company-text .name a {
    color: #00c2b3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 196px;
    vertical-align: middle
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-tag {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #eef0f5 url(../images/job/icon-shield.png) 6px 3px/13px 10px no-repeat;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    color: #8d92a1;
    font-size: 12px;
    padding-left: 22px;
    padding-right: 6px;
    margin-left: 10px;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-tag:hover {
    background: rgba(0, 190, 189, .1) url(../images/job/icon-shield-hover.png) 6px 3px/13px 10px no-repeat;
    color: #00a6a7;
    overflow: visible
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-tag:hover:before {
    content: ' ';
    position: absolute;
    top: -12px;
    height: 12px;
    left: 0;
    right: 0
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-tag:hover .shield-popper {
    opacity: 1
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-popper {
    opacity: 0;
    position: absolute;
    bottom: 28px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #707070;
    color: #fff;
    padding: 12px 104px 12px 20px;
    cursor: default;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-popper:after {
    content: ' ';
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -8px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 4px solid #707070
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-popper span {
    display: block;
    line-height: 22px;
    font-size: 14px;
    word-break: break-all;
    white-space: normal;
    width: 214px
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-popper a {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 20px;
    width: 70px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #00bebd;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-popper a:hover {
    background: #5dd5c8
}

.search-job-list-wrap .job-primary .info-publis {
    width: 205px
}

.search-job-list-wrap .job-primary .info-publis h3 {
    font-size: 12px
}

.search-job-list-wrap .job-primary .primary-wrapper .info-detail .job-title {
    color: #fff;
    max-width: unset;
    display: block;
    margin-bottom: 5px
}

.search-job-list-wrap .job-primary .icon-chat {
    width: 13px;
    height: 13px;
    vertical-align: -2px;
    margin: 0 6px 0 0;
    border-radius: 0
}

.search-job-list-wrap .job-primary .icon-chat-hover {
    margin: 0
}

.search-job-list-wrap .job-primary .btn-startchat {
    display: none;
    width: 87px;
    min-width: auto;
    height: 21px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 21px
}

.search-job-list-wrap .company-list .company-item {
    background: #fff;
    margin-bottom: 10px;
    padding: 34px 0 34px 30px;
    min-height: 120px;
    box-sizing: border-box
}

.search-job-list-wrap .company-list .company-item:hover {
    background: #fff
}

.search-job-list-wrap .company-list .company-item .company-left {
    padding-left: 79px
}

.search-job-list-wrap .company-list .company-item .company-left img {
    width: 58px;
    height: 58px;
    top: -3px;
    border: 1px solid #f3f5fb;
    border-radius: 9px
}

.search-job-list-wrap .company-list .company-item .company-left .company-name {
    color: #00c2b3;
    font-size: 18px
}

.search-job-list-wrap .company-list .company-item .company-left .company-name:hover {
    color: #00c2b3 !important
}

.search-job-list-wrap .company-list .company-item .company-left .company-info {
    font-size: 14px;
    color: #8d92a1
}

.search-job-list-wrap .company-list .company-item .company-right {
    top: 29px
}

.search-job-list-wrap .info-detail-top .detail-top-right .btn {
    display: inline-block !important;
    width: auto
}

.search-job-list-wrap .job-primary .info-detail-top .detail-top-title {
    max-width: 250px
}

.job-primary .info-primary .primary-wrapper .primary-box.cur .info-detail {
    display: block
}

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

.user-center .job-primary .info-publis {
    width: 205px
}

.job-primary .info-publis img {
    width: 20px;
    height: 20px;
    border-radius: 40px;
    vertical-align: middle;
    margin: -3px 10px 0 0
}

.job-primary .info-publis h3 {
    font-size: 13px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

@-moz-document url-prefix() {
    .job-primary .info-publis {
        text-align: right;
        overflow: auto;
        text-overflow: unset
    }
    .job-primary .info-publis h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%
    }
}

.job-primary .info-publis p {
    text-align: right
}

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

.job-primary .info-detail {
    position: absolute;
    white-space: normal;
    right: -30px;
    top: 0;
    width: 500px;
    height: auto;
    display: none;
    padding: 0;
    color: #abafba;
    background: rgba(244, 247, 252, 1);
    box-shadow: 0 4px 8px 0 rgba(65, 74, 96, .2);
    z-index: 1001
}

.company-job .job-list .job-primary .boss-online-tag {
    margin-left: 0;
    margin-right: 10px
}

.company-hotjob .boss-online-tag, .job-detail .boss-online-tag, .job-primary .boss-online-tag {
    display: inline-block;
    position: relative;
    height: 20px;
    background: #d8f9e5;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #1dc165;
    line-height: 20px;
    padding: 0 6px 0 16px;
    margin-left: 10px
}

.company-hotjob .boss-online-tag {
    margin-left: 8px;
    float: left;
    margin-top: 1px
}

.company-hotjob .boss-online-tag:before, .job-detail .boss-online-tag:before, .job-primary .boss-online-tag:before {
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    left: 6px;
    border-radius: 100%;
    background: #45d283
}

.job-primary .online-apply-tag {
    display: inline-block;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    font-size: 16px;
    color: #00a6a7;
    line-height: 22px;
    margin-left: 16px;
    padding: 0 8px;
    vertical-align: middle
}

.ie .job-primary .info-detail {
    background: #707789
}

.job-primary .name .info-detail .job-title {
    color: #fff;
    max-width: unset;
    display: block;
    margin-bottom: 5px
}

.job-primary .info-detail h4 {
    font-size: 12px;
    color: #fff
}

.job-primary .info-detail h4 span {
    border: solid 1px #fff;
    border-radius: 3px;
    font-weight: 400;
    display: inline-block;
    height: 19px;
    line-height: 20px;
    padding: 0 5px;
    margin-right: 10px
}

.job-primary .info-detail .tags {
    font-size: 12px;
    color: #fff
}

.job-primary .info-detail .tags span {
    border: solid 1px #fff;
    border-radius: 3px;
    font-weight: 400;
    display: inline-block;
    height: 19px;
    line-height: 20px;
    padding: 0 5px;
    margin-right: 10px
}

.job-primary .info-primary .info-detail p {
    color: #fff;
    margin: 7px 0 0 0;
    line-height: 21px;
    height: 45px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.job-primary .info-primary h3 a.cur .info-detail {
    display: block
}

.company-detail-grab .job-list li:hover .info-publis {
    display: block
}

.company-detail-grab .job-list li .name .job-title {
    max-width: 420px
}

.company-detail-grab .job-list li .primary-wrapper .job-title {
    max-width: 420px
}

.company-detail-grab .job-primary .info-primary {
    width: auto
}

.company-detail-grab .job-primary .info-publis {
    width: 175px
}

.company-detail-grab .job-primary .company-tab {
    margin: -20px 0 -10px;
    clear: left
}

.company-detail-grab .company-banner .info-primary p {
    margin-bottom: 8px;
    font-size: 14px
}

.company-detail-grab .company-banner .tag-container {
    margin: 8px 0 15px;
    width: 800px
}

.company-detail-grab .company-banner .tag-container .job-tags span {
    border: 1px solid #666972;
    color: #e7e7e7
}

.company-detail-grab .company-banner .tag-container-hasmore .job-tags span {
    border: 1px solid #5ed5c8;
    color: #5ed5c8
}

.tag-container-hasmore .job-tags {
    height: 26px;
    overflow: hidden
}

.tag-container-hasmore .tag-more {
    top: 0
}

.tag-container-hasmore .tag-more .tag-all {
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 100;
    width: 635px;
    height: auto;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    padding: 30px;
    padding-bottom: 10px;
    box-sizing: border-box;
    margin-right: 0;
    overflow: initial
}

.tag-container-hasmore .tag-more:hover .tag-all {
    display: block
}

.company-sider .sider-company {
    border-bottom: 0;
    margin-bottom: 16px
}

.company-sider .sider-company p.gray {
    margin-bottom: 0
}

.company-detail-grab .job-list li .job-primary .info-primary .cur .info-detail {
    display: block
}

.job-primary .info-detail-top {
    position: relative;
    height: 74px;
    padding: 20px
}

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

.info-detail-top .detail-top-right .btn {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    font-size: 13px;
    min-width: 85px;
    margin-top: 0;
    border-radius: 0
}

.info-detail-top .detail-top-right .link-like {
    display: inline-block;
    margin-left: 0;
    font-size: 13px;
    background: url(../images/icons-like-2.png) no-repeat 0 -73px;
    color: #5dd5c8;
    padding-left: 20px;
    -webkit-transition: none;
    transition: none;
    margin-right: 25px
}

.info-detail-top .detail-top-right .link-like:hover {
    background-position: 0 -106px;
    color: #5dd5c8
}

.info-detail-top .detail-top-left .link-like {
    display: inline-block;
    margin-left: 0;
    font-size: 13px;
    background: url(../images/like-white-icon.png) no-repeat 0 4px;
    background-size: 17px;
    color: #5dd5c8;
    padding-left: 20px;
    -webkit-transition: none;
    transition: none;
    margin-right: 25px
}

.info-detail-top .detail-top-left .link-like.active, .info-detail-top .detail-top-left .link-like:hover {
    background-position: 0 -106px;
    color: #5dd5c8;
    background: url(../images/like-active-icon.png) no-repeat 0 4px;
    background-size: 17px
}

.info-detail-top .detail-top-left {
    color: #8d92a1
}

.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;
    color: #51586d
}

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

.name .info-detail .detail-bottom .btn-startchat {
    position: absolute;
    background: #00bebd;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    height: 21px;
    min-width: auto;
    width: auto;
    box-sizing: border-box;
    display: block;
    padding: 2px 8px 2px 29px;
    top: 0;
    right: 24px;
    z-index: 1;
    border: none;
    transition: all .2s linear
}

.name .info-detail .detail-bottom .btn-startchat:hover {
    background: #47cfcf
}

.name .info-detail .detail-bottom .btn-startchat:before {
    content: " ";
    position: absolute;
    width: 13px;
    height: 12px;
    top: 5px;
    left: 8px;
    z-index: 1;
    background: url(https://img.bosszhipin.com/static/file/2022/mikp4dmkmu1655206943355.png) -17px -15px/30px auto no-repeat
}

.company-job .job-list {
    background: 0 0
}

.company-job .job-list li {
    height: 112px;
    background: #fff;
    margin-bottom: 10px
}

.company-job .job-list li .job-primary {
    border: none;
    padding-top: 30px
}

.company-job .job-list li .job-primary .name {
    font-size: 0
}

.company-job .job-list li .job-primary .name .title-box span {
    vertical-align: middle
}

.company-job .job-list li .job-primary .name .title-box span + span {
    margin-left: 10px
}

.company-job .job-list li .job-primary .name .title-box .job-title {
    max-width: 192px
}

.company-job .job-list li .job-primary .name .title-box .job-area {
    display: inline-block;
    color: #00c2b3;
    font-size: 16px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 10px
}

.company-job .job-list li .job-primary .name .title-box .job-pub-time {
    font-size: 13px;
    color: #8d92a1
}

.company-job .job-list li .job-primary .info-publis .name {
    font-size: 14px;
    height: 50px;
    line-height: 50px
}

.company-job .job-list li .job-primary .info-primary .cur .info-detail {
    display: block
}

.company-job .job-list li .job-primary .info-primary .name + p {
    font-size: 14px;
    color: #61687c;
    margin-top: 5px
}

.company-job .job-list li .job-primary .info-primary .name + p .red {
    font-size: 16px;
    margin-right: 16px
}

.company-job .job-list li .startchat-box {
    padding-top: 3px;
    top: 35px
}

.company-job .info-detail {
    width: 458px;
    white-space: normal;
    padding-top: 10px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(65, 74, 96, .2)
}

.company-job .info-detail .detail-bottom-title {
    font-size: 16px
}

.company-job .info-detail .detail-bottom-title:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 14px;
    background: #55cbc4;
    vertical-align: middle;
    margin: -2px 8px 0 0
}

.company-job .info-detail .detail-bottom-labels {
    font-size: 0;
    margin-top: 10px
}

.company-job .info-detail .detail-bottom-labels .detail-bottom-label {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    font-size: 12px;
    padding: 0 12px;
    margin-right: 20px;
    min-width: auto;
    background: #fff;
    border: 1px solid #d1d4db
}

.company-list .company-item {
    padding: 25px;
    position: relative;
    cursor: pointer
}

.company-list .company-item:hover {
    background: #fafafb
}

.company-item .company-left {
    position: relative;
    padding-left: 58px;
    width: 520px
}

.company-item .company-left img {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    position: absolute;
    left: 0
}

.company-item .company-left .company-info {
    font-size: 13px;
    color: #9b9fa9
}

.company-item .company-left .company-name {
    font-size: 16px;
    color: #414a60
}

.company-item .company-left .company-name:hover {
    color: #57cbc4 !important
}

.company-item .company-right {
    position: absolute;
    width: 145px;
    right: 20px;
    top: 20px
}

.company-item .company-right .count-item {
    width: 52px;
    font-size: 13px;
    display: inline-block;
    text-align: center
}

.company-item .company-right .count-item:hover .count-about, .company-item .company-right .count-item:hover .count-text {
    color: #57cbc4 !important
}

.company-item .company-right .count-text {
    font-size: 18px;
    padding-top: 6px
}

.company-item .company-right .count-about {
    color: rgba(65, 74, 96, .5);
    font-size: 13px
}

.company-item .company-right .vline {
    height: 45px;
    position: relative;
    top: -13px;
    background: #a0a4af;
    opacity: .3;
    margin: 0 14px
}

.about-job {
    padding: 15px 0 0;
    background: #f2f2f5
}

.sider-list {
    background: #fff;
    margin-bottom: 16px
}

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

.sider-list li {
    margin: 0 30px;
    border-bottom: solid 1px #eef0f5;
    padding: 8px 0 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sider-list li:last-of-type {
    border: none
}

.sider-list li h4 {
    font-weight: 400;
    padding-right: 90px;
    position: relative;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden
}

.sider-list li .salary {
    position: absolute;
    color: #fc6c38;
    right: 0
}

.sider-list li p {
    line-height: 22px;
    color: #8d92a1;
    font-size: 12px;
    margin-bottom: 6px
}

.sider-list .icon-arrow-right {
    position: relative;
    top: 11px;
    color: #a2a6b3;
    float: right
}

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

.about-search a:hover {
    transition: auto
}

.about-search a:hover .icon-arrow-right {
    background-position: 4px -915px
}

.company-card {
    border-bottom: 20px #f2f2f5 solid;
    padding: 30px 40px
}

.company-card:hover {
    background-color: #f8f9fb;
    cursor: pointer
}

.company-card .btns {
    float: right
}

.company-card .btns p {
    text-align: right;
    padding-bottom: 5px
}

.company-card .btns .btn {
    margin-left: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    letter-spacing: 0;
    min-width: 90px
}

.company-card .company-logo {
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 0
}

.company-card .company-logo img {
    width: 60px;
    height: 60px;
    display: block
}

.company-card .info-primary h3 {
    margin-left: 80px;
    font-weight: 400;
    font-size: 20px;
    padding-bottom: 12px
}

.company-card .info-primary p {
    margin-left: 80px
}

.company-header {
    background: #fff;
    margin-top: 20px;
    min-height: 100px;
    padding: 30px 40px
}

.company-figure {
    width: 100px;
    float: left
}

.company-figure img {
    display: block;
    width: 100px;
    height: 100px
}

.company-header .text {
    margin-left: 132px
}

.company-header .text .title {
    font-size: 24px;
    font-weight: 400;
    padding-top: 4px
}

.company-header .text p {
    padding-top: 10px
}

.company-logo {
    width: 62px;
    display: inline-block;
    vertical-align: top;
    margin-left: 23px
}

.company-logo img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    border: 1px solid #f2f5fa
}

.company-text {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.job-tags {
    padding-top: 15px
}

.job-tags .job-author {
    float: right;
    text-align: right
}

.job-tags span {
    display: inline-block;
    border: 1px #d1d4da solid;
    padding: 0 12px;
    line-height: 20px;
    border-radius: 15px;
    margin-right: 15px;
    margin-top: 6px;
    font-size: 12px;
    color: #9fa3af;
    margin-bottom: 10px
}

.job-time {
    padding-top: 4px;
    margin-bottom: -2px
}

.job-tags .time, .job-time .time {
    font-size: 12px;
    color: #d1d4da;
    border: 0;
    padding: 0
}

.job-tags .time {
    margin-top: 10px
}

.job-list .job-author p {
    padding-top: 0;
    margin-top: 0;
    color: #4a4160
}

.job-author img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    vertical-align: middle;
    margin-left: 35px
}

.job-banner {
    background: #444c60 url(../images/detail-bg.jpg) center center no-repeat;
    height: 204px;
    color: #fff;
    padding-top: 10px
}

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

.job-banner .job-author .time {
    padding-top: 0;
    background-position: 0 -1190px;
    padding-left: 20px;
    color: #e3e7ed;
    font-size: 12px
}

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

.company-banner .name h1, .job-banner .name h1 {
    font-size: 24px;
    display: inline-block;
    font-weight: 400;
    margin-right: 10px;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 400px
}

.job-banner .name a {
    color: #fff
}

.job-banner .name .badge {
    font-size: 14px;
    vertical-align: middle;
    margin-top: -19px
}

.job-banner .vline {
    background: #9fa3b0
}

.job-banner .info-primary p {
    color: #fff
}

.job-banner .job-tags {
    padding-top: 8px;
    height: 27px;
    overflow: hidden;
    display: inline-block
}

.job-banner .info-company {
    padding-top: 36px;
    color: #fff;
    max-width: 570px
}

.detail-grab .job-banner {
    padding-top: 20px;
    height: 161px
}

.detail-grab .job-banner .info-company {
    padding-top: 0;
    width: 495px
}

.detail-grab .job-banner .info-company p {
    overflow: unset;
    white-space: normal
}

.detail-grab .job-banner .info-primary .name {
    padding: 8px 0 10px;
    line-height: 35px
}

.detail-grab .detail-op {
    padding-top: 10px;
    position: relative;
    z-index: 10
}

.detail-grab .pop-detail .jconfirm-box .buttons .btn {
    float: right
}

.job-banner .company-logo {
    width: 102px;
    padding-top: 6px;
    float: right
}

.company-detail-grab .company-banner {
    padding: 35px 0 10px
}

.company-detail-grab .promotion-job li .name {
    font-size: 15px;
    padding-bottom: 2px
}

.company-detail-grab .promotion-job li .gray {
    font-size: 12px
}

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

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

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

.company-detail-grab .job-list h3 {
    margin-top: 0;
    padding-bottom: 0;
    font-size: 14px
}

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

.company-detail-grab .job-list li:hover .job-title {
    color: #00d7c6
}

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

.company-detail-grab .job-primary .info-publis h3 {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    float: right;
    text-align: left
}

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

.company-detail-grab .promotion-job li:last-of-type {
    border-bottom: 1px #f5f7f9 solid
}

.job-banner .company-logo img {
    width: 100px;
    height: 100px;
    border: 0
}

.job-banner .info-company p {
    padding-bottom: 0;
    padding-top: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.job-banner .info-company h3, .job-banner .info-company p {
    margin-right: 138px
}

.job-banner .info-company p a {
    color: #fff
}

.job-detail {
    position: relative;
    padding-right: 25px;
    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: 60px;
    height: 60px;
    border-radius: 100%;
    vertical-align: top
}

.job-detail .detail-op {
    float: left;
    width: 100%;
    padding-top: 0;
    margin-bottom: 10px
}

.job-detail .detail-op .name {
    margin-top: 5px
}

.job-detail .detail-op .boss-desc {
    padding: 2px 7px;
    background: rgba(58, 152, 252, .1);
    border-radius: 11px;
    color: #3a98fc;
    font-size: 12px;
    margin-left: 18px;
    display: inline-block;
    vertical-align: middle;
    line-height: 17px
}

.job-detail .detail-op .name .geek-evaluate {
    display: inline-block;
    margin-left: 7px
}

.job-detail .detail-op .name .geek-evaluate .evaluate-star {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/job/star@2x.png) center center no-repeat;
    background-size: 18px 18px;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -3px
}

.job-detail .detail-op .name .geek-evaluate .evaluate-score {
    color: #9fa3b0;
    font-size: 18px;
    margin-right: 2px
}

.job-detail .detail-op .name .geek-evaluate .evaluate-top-score {
    color: #9fa3b0;
    font-size: 12px;
    letter-spacing: 1px
}

.ranking-tag-icon {
    position: relative;
    top: -1px;
    display: inline-block;
    white-space: nowrap;
    border-radius: 2px;
    border: 1px solid #333;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 12px;
    padding: 2px 4px;
    margin-left: 10px;
    vertical-align: middle
}

.job-detail .detail-op p {
    margin-top: 0
}

.job-detail .detail-op .btns {
    padding-top: 21px
}

.job-detail .detail-content {
    clear: left
}

.job-detail .links {
    width: auto;
    margin-top: 25px
}

.job-detail .recommend-box {
    margin-top: 20px;
    position: relative
}

.job-detail .recommend-box h3 {
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: 400
}

.job-detail .recommend-box .recommend-li {
    width: 357px;
    padding: 9px 25px 8px 35px;
    float: left;
    height: 50px
}

.job-detail .recommend-box .name {
    font-size: 15px;
    position: relative;
    padding-right: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.job-detail .recommend-box .name .red {
    position: absolute;
    right: 0
}

.job-detail .recommend-box .recommend-li p {
    color: #8d92a1
}

.job-detail .slider-main {
    width: auto;
    height: 391px;
    border: solid 1px #eef0f5
}

.job-detail .slider-main ul li {
    margin-top: 12px;
    border-bottom: solid 1px #eef0f5;
    padding-bottom: 5px;
    height: 335px
}

.job-detail .slider-main li {
    height: auto
}

.job-detail .swiper-container .swiper-slide {
    margin-left: -2px
}

.job-detail .recommend-box .swiper-container {
    border: solid 1px #eef0f5
}

.job-detail .recommend-box .swiper-pagination {
    bottom: 0;
    padding: 6px 0;
    border-top: solid 1px #eef0f5
}

.job-detail .recommend-box .btn-direction {
    display: inline-block;
    bottom: 10px;
    top: unset;
    background: url(../images/icons.png) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    z-index: 9999
}

.job-detail .recommend-box .btn-prev {
    background-position: 15px -1478px;
    left: 10px
}

.job-detail .recommend-box .btn-next {
    background-position: 15px -1528px;
    right: 10px
}

.job-detail .recommend-box .swiper-pagination-bullet-active {
    background: #54cbc4
}

.job-detail .recommend-box .slider-dot {
    position: absolute;
    bottom: 5px;
    right: 350px;
    top: unset;
    width: 126px
}

.job-detail .recommend-box .slider-dot i {
    height: 10px;
    width: 10px;
    margin-right: 12px;
    border: solid 1px #e5e8ee;
    opacity: 1
}

.job-detail .recommend-box .slider-dot i {
    border-radius: 100px
}

.job-detail .recommend-box .slider-dot i.cur {
    background: #54cbc4;
    border-color: #54cbc4
}

.job-detail .slider-main li {
    font-size: 12px;
    line-height: 25px
}

.job-detail .recommend-box .recommend-noslider ul {
    width: 100%;
    overflow: hidden
}

.job-detail .recommend-box .recommend-noslider ul li {
    width: 130%;
    overflow: hidden
}

.job-detail .recommend-box .recommend-noslider .recommend-li {
    padding: 9px 114px 8px 0
}

.job-detail-float {
    float: left;
    margin-right: 0;
    width: 836px
}

.smallbanner {
    width: 100%;
    height: 80px;
    background: #444c60 url(../images/detail-bg.jpg) center center no-repeat;
    color: #fff;
    position: fixed;
    z-index: 1001;
    top: 0;
    display: none
}

.smallbanner .detail-op {
    padding: 0
}

.smallbanner .detail-op .btns {
    float: right;
    margin-top: 21px;
    padding: 0
}

.smallbanner .detail-op .op-links {
    display: none
}

.smallbanner .btn-outline {
    background: 0 0;
    color: #fff;
    margin-right: 18px
}

.smallbanner .btn-outline:hover {
    background: #6adbcf
}

.smallbanner .btn-disabled:hover {
    background: 0 0
}

.smallbanner .name {
    font-size: 24px;
    line-height: 80px
}

.smallbanner .name a {
    color: #fff;
    line-height: 80px
}

.smallbanner .name span {
    vertical-align: middle;
    margin-top: -3px
}

.company-banner {
    background-color: #444c5f;
    background-position: center 0;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    color: #fff;
    padding: 29px 0
}

.company-banner .job-primary {
    border: none;
    padding: 0;
    margin: 0
}

.company-banner .info-company {
    float: none
}

.company-banner .company-logo {
    float: left
}

.company-banner .company-logo {
    width: 80px;
    height: 100px;
    float: right;
    margin-left: 57px
}

.company-banner .company-logo img {
    width: 80px;
    height: 80px;
    border: 0
}

.company-banner .info-primary {
    height: 100px;
    overflow: hidden;
    color: #fff;
    max-width: 800px
}

.company-banner .name {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    padding: 3px 0 15px
}

.company-banner .info-primary h1, .company-banner .info-primary p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-banner .info-primary p {
    padding-bottom: 9px
}

.company-banner .info-primary .vline {
    background: #878d9b
}

.company-banner .company-stat {
    float: right;
    color: #fff;
    padding-top: 0
}

.company-banner .inner {
    position: relative
}

.company-banner .update-time {
    position: absolute;
    right: 0;
    bottom: -29px;
    color: #d1d4da
}

.dark-text, .light-text {
    padding: 65px 0
}

.dark-text .info-primary p, .dark-text .name {
    color: #424a5e
}

.dark-text .company-tab, .light-text .company-tab {
    margin-top: 43px
}

.dark-text .company-tab a {
    color: #424a5e;
    opacity: .8
}

.dark-text .company-tab a.cur {
    color: #424a5e
}

.light-text .company-tab a {
    color: #fff;
    opacity: .8
}

.light-text .company-tab a.cur {
    color: #fff
}

.dark-text .company-stat, .light-text .company-stat {
    display: none
}

.dark-text .company-tab, .light-text .company-tab {
    margin-bottom: -66px
}

.company-stat span {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    line-height: 1.3
}

.company-stat span a {
    color: #fff
}

.company-stat span b {
    display: block;
    font-size: 36px;
    color: #54cbc4;
    font-weight: 400;
    line-height: 36px;
    padding-bottom: 8px;
    text-align: right
}

.company-stat .vline {
    height: 56px;
    background: #636b7c;
    margin: 11px 0 0;
    visibility: hidden
}

.company-stat .vline + span {
    width: 176px
}

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

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

.company-tab a.cur {
    color: #18c3b1;
    border-bottom: 3px #62d5c8 solid
}

.company-tab a.disabled {
    cursor: default;
    color: #9fa3af
}

.company-hotjob {
    background: #f2f2f5;
    padding: 25px 0 18px;
    overflow: hidden
}

.company-hotjob h3 {
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 20px
}

.company-hotjob ul {
    font-size: 0;
    white-space: nowrap
}

.company-hotjob li {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px
}

.company-hotjob li a {
    display: block;
    width: 342px;
    padding: 19px 20px 17px;
    border: 1px #fff solid;
    background: #fff
}

.company-hotjob li a:hover {
    background: #f8f9fb;
    border-color: #f8f9fb
}

.company-hotjob li .name {
    padding-bottom: 10px
}

.company-hotjob li .salary {
    color: #fc703e;
    float: right;
    font-size: 16px
}

.company-hotjob li .name b {
    font-weight: 400;
    font-size: 16px;
    display: block;
    max-width: 226px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

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

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

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

.company-products li {
    min-height: 60px;
    overflow: hidden;
    padding: 14px 0
}

.company-products li:last-of-type {
    padding-bottom: 0
}

.company-products .figure {
    width: 60px;
    height: 60px;
    float: left
}

.company-products .figure img {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background-color: #f7f7f7
}

.company-products .text {
    margin-left: 80px;
    font-size: 16px
}

.company-products .text .name {
    line-height: 24px;
    padding-bottom: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-products .text p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px
}

.company-products-new li {
    min-height: 75px;
    overflow: hidden;
    padding: 30px 0;
    border-bottom: 1px solid #f2f2f2
}

.company-products-new > ul > li:first-child {
    padding-top: 14px
}

.company-products-new li:last-of-type {
    padding-bottom: 0;
    border-bottom: none
}

.company-products-new .figure {
    width: 75px;
    height: 75px;
    float: left
}

.company-products-new .figure img {
    width: 75px;
    height: 75px;
    border-radius: 8px;
    background-color: #f7f7f7
}

.company-products-new .text {
    margin-left: 96px;
    font-size: 16px
}

.company-products-new .text .name {
    color: #414a60;
    font-size: 15px;
    font-size: 500;
    line-height: 21px;
    margin-top: 14px;
    padding-bottom: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-products-new .text p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px
}

.company-products-new .text .company-product-slogan {
    font-size: 13px;
    line-height: 18px
}

.company-products-new .company-product-intro {
    width: 100%;
    position: relative;
    max-height: 141px;
    font-size: 14px;
    font-weight: 400;
    color: #51586d;
    line-height: 34px;
    word-break: break-all;
    word-wrap: break-word;
    margin-top: 20px;
    overflow: hidden;
    float: left
}

.company-products-new .company-product-intro.expand {
    max-height: none
}

.company-products-new .company-product-intro.expand .more-view:after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 0
}

.company-products-new .company-product-intro .more-view {
    display: none;
    position: absolute;
    right: 0;
    bottom: 9px;
    z-index: 10;
    padding-left: 22px;
    padding-right: 4px;
    color: #00a6a7;
    transition: all .2s linear;
    background: url(../images/layer-more.png) left center no-repeat;
    line-height: 20px
}

.company-products-new .company-product-intro .more-view:after {
    content: ' ';
    position: relative;
    top: -4px;
    vertical-align: middle;
    border: solid #00a6a7;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    margin-left: 8px;
    transition: all .2s linear;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all .2s linear
}

.company-products-new .company-product-intro .more-view:hover:after {
    border-color: #00c2b3
}

.company-products-new .company-product-intro .more-view:hover {
    color: #00c2b3
}

.company-products-new .company-product-images {
    float: left;
    margin-top: 20px;
    margin-bottom: -12px;
    width: 100%
}

.company-products-new .company-product-images li {
    float: left;
    margin-bottom: 12px;
    margin-right: 12px;
    width: 120px;
    height: 120px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f5f5f6;
    text-align: center;
    line-height: 120px;
    position: relative;
    padding: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.company-products-new .company-product-images li img {
    width: 100%;
    max-height: 100%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    z-index: 2;
    object-fit: cover;
    vertical-align: middle
}

.company-sider .job-sec h3 {
    font-size: 15px;
    margin-top: 0
}

.company-sider .manager-list h3 {
    position: relative
}

.manager-list .slider-dot {
    width: 100%;
    top: -30px;
    right: auto;
    left: -7px
}

.manager-list .slider-dot i {
    display: inline-block;
    width: 14px;
    height: 10px;
    border-bottom: 2px #c6c8cf solid;
    margin-right: 8px;
    cursor: pointer;
    opacity: 1
}

.manager-list .slider-dot i.cur {
    border-bottom-color: #62d5c8;
    width: 19px
}

.manager-list .manager-inner {
    position: relative;
    height: auto !important
}

.manager-list li {
    display: none;
    padding-top: 13px
}

.manager-list li.cur {
    display: block !important
}

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

.manager-list .info-user img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    vertical-align: top
}

.manager-list .info-user p {
    display: inline-block;
    margin-left: 20px;
    max-width: 216px
}

.manager-list .info-user .name {
    display: block;
    font-size: 20px;
    padding-bottom: 10px
}

.manager-list .info-user .job-title {
    display: block;
    font-size: 16px
}

.more-view .fz-slidedown {
    background-position: 5px -786px;
    vertical-align: middle
}

.more-view .fz-slideup {
    background-position: 5px -810px;
    vertical-align: middle
}

.manager-list li .fold-text {
    max-height: 108px
}

.company-sider .picture-list h3 {
    margin-top: 5px
}

.picture-list {
    padding-bottom: 15px;
    position: relative
}

.picture-list .slider-main {
    position: relative;
    width: 298px;
    height: 165px !important;
    margin-top: 15px
}

.picture-list li {
    position: absolute;
    top: 0;
    left: 0;
    height: 165px;
    display: none;
    cursor: pointer
}

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

.talent-train .talent-train-tags {
    position: relative;
    margin-top: 10px
}

.talent-train .talent-train-tags.expand ul {
    max-height: none
}

.talent-train .talent-train-tags ul {
    overflow: hidden;
    max-height: 120px
}

.talent-train .talent-train-tags li {
    padding: 0 4px;
    width: 82px;
    height: 28px;
    line-height: 28px;
    background: #f6f6f8;
    border-radius: 2px;
    float: left;
    margin: 0 12px 12px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #414a60
}

.talent-train .talent-train-tags li:nth-child(3n) {
    margin-right: 0
}

.talent-train .talent-train-tags .more-view {
    display: none;
    position: absolute;
    right: 0;
    bottom: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #a5a9b4;
    line-height: 24px
}

.talent-train .talent-train-tags .more-view i {
    position: relative;
    top: -1px
}

.talent-train .talent-train-tags .more-view:hover {
    color: #414a60
}

.talent-train .talent-train-text {
    font-size: 14px;
    font-weight: 400;
    color: #61687c;
    line-height: 30px;
    margin-top: 8px;
    margin-bottom: 15px;
    max-height: 91px;
    word-break: break-all;
    overflow: hidden
}

.talent-train .talent-train-text.expand {
    max-height: none
}

.talent-train .talent-train-text .more-view {
    display: none;
    position: absolute;
    right: 0;
    bottom: 1px;
    color: #a5a9b4;
    padding-left: 22px;
    z-index: 10;
    background: url(../images/layer-more.png) left center no-repeat
}

.talent-train .talent-train-text .more-view i {
    position: relative;
    top: -1px
}

.talent-train .talent-train-text .more-view:hover {
    color: #a5a9b4;
    color: #414a60
}

.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 .home-inner {
    margin-top: 18px
}

.company-job .nojob-text {
    margin-top: 28px;
    margin-bottom: 12px
}

.company-job .job-category {
    padding: 20px 0 15px 30px;
    background: #fff;
    width: 1154px;
    margin: 0 auto;
    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;
    width: 884px;
    padding: 0
}

.company-job .job-list li .name .job-title {
    max-width: 230px
}

.company-job .job-list .job-primary .info-primary {
    width: 305px
}

.company-job .job-author {
    float: right;
    width: 390px;
    padding-top: 20px
}

.company-job .job-author .time {
    float: right;
    font-size: 12px;
    color: #9fa3af;
    margin-top: 20px
}

.company-job .job-author img {
    margin-left: 0;
    margin-right: 15px
}

.company-job .job-list p {
    margin-top: 14px
}

.company-job .job-list p.salary {
    color: #fc6c38;
    font-size: 18px
}

.company-job .job-list-none {
    min-height: 85px;
    padding-top: 175px;
    background: url(../images/job-none.png) no-repeat center 40px #fff;
    text-align: center;
    font-size: 16px;
    color: #61687c
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translate3d(0, -5px, 0) scale(1, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1, 1)
    }
}

.company-job .job-category-label {
    float: left;
    width: 90px;
    white-space: nowrap
}

.company-job .job-category-items {
    margin-left: 90px
}

.company-job .job-filter {
    display: none;
    margin-bottom: -15px
}

.company-job .job-filter-show .job-filter {
    display: block
}

.company-job .job-category .job-filter-more {
    position: absolute;
    bottom: 20px;
    right: 30px;
    font-size: 14px;
    color: #54cbc4;
    margin: 0;
    padding-right: 23px;
    background: url(../images/jop-filter.png) no-repeat right 16px;
    cursor: pointer
}

.company-job .job-category .job-filter-more:before {
    content: '更多筛选条件'
}

.company-job .job-filter-show .job-filter-more {
    background-position: right -34px;
    bottom: 5px
}

.company-job .job-filter-show .job-filter-more:before {
    content: '收起'
}

.company-job .job-select {
    display: inline-block;
    position: relative;
    margin: 0 70px 0 0
}

.company-job .job-selected {
    padding: 0 24px 5px 0;
    position: relative;
    cursor: pointer;
    transition: all linear .2s
}

.company-job .job-selected.is-selected {
    color: #18c3b1
}

.company-job .job-selected.is-selected:after {
    border-color: #18c3b1 transparent transparent transparent
}

.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-select.open .job-selected.is-selected:after {
    border-color: transparent transparent #18c3b1 transparent
}

.company-job .job-selected:hover {
    color: #18c3b1
}

.company-job .job-selected:hover:after {
    border-color: #18c3b1 transparent transparent transparent
}

.company-job .job-options {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 10px 0 4px;
    width: 140px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    transform-origin: 50% 0;
    animation: slideIn .2s both;
    max-height: 350px;
    overflow-y: auto
}

.company-job .open .job-options {
    display: block
}

.company-job .job-options a {
    display: block;
    margin: 0 0 6px !important;
    height: 42px;
    line-height: 42px;
    padding: 0 0 0 16px;
    font-size: 13px;
    color: #8d92a1;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.company-job .job-category.job-filter-show .job-options a.last-child, .company-job .job-category.job-filter-show .job-options a:last-child {
    margin: 0 0 6px
}

.company-job .job-options a.cur, .company-job .job-options a:hover {
    background: #f3f5f9
}

.company-job .job-list .data-tips {
    min-height: auto;
    padding: 55px 0
}

.detail-op {
    padding-top: 34px;
    padding-bottom: 0
}

.detail-op .btns {
    float: right;
    padding-top: 4px;
    text-align: right
}

.detail-op .btns .btn {
    margin-left: 20px
}

.detail-op .btns .btn:first-of-type {
    margin-left: 0
}

.detail-op .name {
    font-size: 20px;
    color: #424a5e;
    font-weight: 400
}

.detail-op .name .icon-report {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(https://static.zhipin.com/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: url(../images/like-white-icon.png) no-repeat 0 5px;
    background-size: 15px;
    color: #5dd5c8
}

.detail-op .op-links .link-like.active, .detail-op .op-links .link-like:hover {
    background: url(../images/like-active-icon.png) no-repeat 0 5px;
    background-size: 15px;
    color: #5dd5c8
}

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

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

.detail-op .op-links .link-wechat-share {
    position: relative;
    background-position: 0 -138px
}

.detail-op .op-links .link-wechat-share:hover {
    background-position: 0 -166px;
    color: #5dd5c8
}

#wechat-qrcode-layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%
}

#wechat-qrcode-wrap {
    display: none;
    float: left;
    position: absolute;
    top: 36px;
    left: -38px;
    z-index: 10;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    background-color: #fff
}

#wechat-qrcode-wrap .arrow {
    display: block;
    position: relative;
    z-index: 11;
    width: 20px;
    height: 10px;
    margin: -10px auto 0 auto
}

#wechat-qrcode-wrap .arrow-shadow {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 10px 8px 20px 3px #000
}

#wechat-qrcode-wrap .arrow-noumenon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent
}

#wechat-qrcode-wrap .qrcode {
    display: block;
    position: relative;
    z-index: 12;
    width: 100%;
    padding: 15px 0;
    background-color: #fff
}

#wechat-qrcode-wrap .qrcode-img {
    display: block;
    position: relative;
    z-index: 13;
    width: 150px;
    height: 150px;
    margin: 0 auto
}

#wechat-qrcode-wrap .brand-logo {
    display: block;
    position: absolute;
    z-index: 14;
    top: 56px;
    left: 56px;
    border-radius: 200px;
    width: 68px;
    height: 68px
}

.chat-list li {
    margin-top: 30px
}

.detail-op p {
    margin-top: 8px
}

.btn-loading:hover {
    background-color: #fff;
    color: #62d5c8;
    cursor: default
}

.job-sec {
    position: relative
}

.chat-sider h3, .job-sec h3, .secretary-sec h3 {
    font-size: 18px;
    font-weight: 400;
    color: #424a5e;
    line-height: 50px;
    padding: 0 0 10px 0;
    margin-bottom: 0;
    background: url(../images/line-sec.png) 0 45px no-repeat
}

.job-sec .text, .secretary-sec .text {
    color: #51586d;
    line-height: 36px
}

.job-sec h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    color: #424a5e
}

.job-sec h3 {
    font-weight: 700;
    font-size: 15px;
    color: #424a5e
}

.job-sec h3 .recommend-title {
    width: 180px
}

.job-sec .job-tags {
    padding-top: 4px
}

.secretary-sec h3 {
    background: 0 0;
    margin: 0
}

.secretary-sec .text {
    border-bottom: 1px #f2f2f5 solid;
    padding-bottom: 20px
}

.secretary-sec .text:last-of-type {
    border-bottom: 0
}

.job-sec .fold-text {
    max-height: 181px;
    overflow: hidden;
    position: relative
}

.job-sec .fold-text .more-view {
    position: absolute;
    bottom: 7px;
    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 .fold-text .more-view:hover {
    color: #4a4e52
}

.job-sec .look-all {
    color: #5dd5c8;
    position: absolute;
    bottom: 4px;
    right: 0
}

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

.level-list li {
    display: inline-block;
    width: 246px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.level-list span {
    display: inline-block;
    margin-right: 7px;
    color: #8d92a1
}

.level-list .res-time {
    width: 155px;
    float: right
}

.level-list .company-type {
    width: 350px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.level-list .manage-state {
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.job-sec.company-info .text {
    height: auto;
    overflow: hidden
}

.job-sec.company-info .look-all {
    padding-left: 20px;
    line-height: 30px
}

.job-sec.company-info .look-all span {
    color: #61687c !important
}

.job-sec .company-tags {
    margin: 15px 0 10px
}

.job-sec .company-tags span {
    display: inline-block;
    margin: 6px 15px 5px 0;
    padding: 0 12px;
    border: 1px solid #d1d4da;
    line-height: 20px;
    color: #9fa3af;
    font-size: 12px;
    border-radius: 15px
}

.job-recomend {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px #f5f7f9 solid
}

.detail-search h3, .job-recomend h3 {
    color: #4a4e52;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px
}

.company-hotjob .more, .detail-search .more, .job-recomend .more, .promotion-job .more, .recruiter-list .more {
    float: right;
    font-size: 14px;
    color: #9fa3b0;
    background-position: right -1581px;
    padding-right: 28px;
    margin-right: -10px;
    font-weight: 400
}

.company-hotjob .more:hover, .detail-search .more:hover, .job-recomend .more:hover, .promotion-job .more:hover, .recruiter-list .more:hover {
    color: #4a4e52
}

.job-recomend ul {
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

.job-recomend li {
    width: 269px;
    margin-right: 14px;
    display: inline-block;
    font-size: 14px
}

.job-recomend li a {
    display: block;
    height: 60px;
    padding: 15px 11px;
    border: 1px #e3e7ed solid
}

.job-recomend li a:hover {
    border: 1px #5dd5c8 solid
}

.job-recomend li .name {
    font-size: 14px;
    margin-bottom: -4px;
    margin-top: -4px
}

.job-recomend li a:hover .name {
    color: #414a60
}

.job-recomend li .name b {
    display: inline-block;
    font-weight: 400;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-top: -2px
}

.job-recomend .company-logo {
    float: left;
    margin-left: 0
}

.job-recomend .company-logo img {
    width: 60px;
    height: 60px
}

.job-recomend .info-primary {
    margin-left: 73px
}

.job-recomend .info-primary p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px
}

.company-info-list .company-info-item + .company-info-item {
    margin-top: 30px
}

.company-info-item span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #414a60;
    line-height: 21px;
    margin-bottom: 10px
}

.company-info-item .text {
    color: #51586d
}

.company-certification .certification-container {
    margin-top: 4px;
    margin-bottom: 15px
}

.company-certification .company-certification-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 8px;
    cursor: pointer;
    vertical-align: middle;
    background: url(../images/info-primary-icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.company-certification .certification-tags {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    overflow: hidden
}

.company-certification .certification-tags li {
    float: left;
    margin: 10px;
    padding: 2px 12px;
    height: 17px;
    line-height: 17px;
    background: #fff;
    border-radius: 11px;
    border: 1px solid #8d92a1;
    font-size: 12px;
    color: #51586d;
    font-weight: 400
}

.company-certification .certification-text {
    display: none
}

.detail-content .text {
    word-break: break-all;
    word-wrap: break-word
}

.detail-content .detail-hasmore .text {
    min-height: 40px
}

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

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

.company-business {
    overflow: hidden
}

.company-business h4 {
    font-size: 16px;
    margin-bottom: 13px
}

.company-business h4 span {
    float: right;
    font-size: 14px;
    color: #9fa3b0
}

.business-detail {
    border: 1px #d9dadf solid;
    padding: 15px 25px;
    padding-right: 12px;
    height: 46px
}

.business-detail label {
    float: right;
    width: 54px;
    cursor: pointer;
    color: #9fa3b0;
    position: relative;
    top: 5px
}

.business-detail label:hover, .company-equity .equity-expand-btn label:hover {
    color: #4a4e52
}

.business-detail .fz-slidedown {
    background-position: 5px -786px;
    vertical-align: middle
}

.business-detail .fz-slideup {
    background-position: 5px -810px;
    vertical-align: middle
}

.business-detail ul {
    font-size: 0
}

.business-detail li {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    font-size: 14px;
    padding: 10px 0
}

.business-detail .t {
    color: #9fa3b0;
    padding-right: 0
}

.business-detail li.col-two {
    width: 440px
}

.business-detail li.col-code {
    width: 290px
}

.business-detail li.col-three {
    width: 786px
}

.business-detail li.col-auto {
    width: auto;
    display: block
}

.show-business-all {
    height: auto !important
}

.company-detail-grab .company-banner.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1006
}

.company-detail-grab .company-tab a.cur {
    border-bottom: none
}

.company-detail-grab .company-tab a {
    position: relative;
    padding-bottom: 16px
}

.company-detail-grab .company-tab a.cur:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #62d5c8
}

.company-detail-grab .company-equity .equity-detail {
    border: 1px solid #dfe0e4;
    border-radius: 10px
}

.company-detail-grab .company-equity .equity-detail .equity-table {
    width: 100%;
    font-size: 14px;
    color: #9fa3b0;
    line-height: 26px
}

.company-detail-grab .company-equity .equity-detail .equity-table th {
    font-weight: 400;
    text-align: left;
    padding: 7px 7px 6px;
    border-bottom: 1px solid #dfe0e4
}

.company-detail-grab .company-equity .equity-detail .equity-table td {
    padding: 7px 7px 6px
}

.company-detail-grab .company-equity .equity-detail .equity-table .column-1 {
    padding-left: 26px
}

.company-detail-grab .company-equity .equity-detail .equity-table .column-2 {
    width: 280px
}

.company-detail-grab .company-equity .equity-detail .equity-table .row-3 ~ tr {
    display: none
}

.company-detail-grab .company-equity .equity-detail .equity-table .equity-expand-btn label {
    cursor: pointer
}

.company-detail-grab .company-equity .equity-detail .equity-table .equity-expand-btn .fz {
    vertical-align: middle;
    width: 24px;
    height: 24px
}

.company-detail-grab .company-equity .equity-detail .equity-table .equity-expand-btn .fz-slidedown {
    background-position: 5px -786px
}

.company-detail-grab .company-equity .equity-detail .equity-table .equity-expand-btn .fz-slideup {
    background-position: 5px -810px
}

.company-detail-grab .user-note {
    margin-top: 32px;
    margin-bottom: -20px;
    font-size: 12px;
    line-height: 17px;
    color: #b1b5c0
}

.special-text .info-primary p, .special-text .name {
    color: #414a60
}

.special-text .company-tab a {
    color: #414a60
}

.special-text .company-tab a.cur {
    color: #414a60
}

.special-text .job-primary .vline {
    background-color: #fff
}

.special-hotjob li {
    width: 218px;
    height: 98px;
    margin-right: 18px;
    box-shadow: 0 0 4px rgba(38, 42, 57, .1)
}

.special-hotjob li a {
    border: 1px solid #fff;
    padding: 17px;
    width: 182px
}

.special-hotjob li a:hover {
    border-color: #5dd5c8;
    background-color: #fff
}

.special-hotjob li a:hover b {
    color: #414a60
}

.code-box {
    width: 38px;
    height: 148px;
    background-color: #fff;
    border: #edeef1 1px solid;
    border-right: none;
    position: absolute;
    right: 0;
    top: 75px;
    overflow: hidden;
    color: #9fa3b0;
    font-size: 16px;
    cursor: pointer;
    -moz-transition: all linear .5s;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.code-box span {
    width: 18px;
    display: inline-block;
    line-height: 19px;
    padding: 37px 10px;
    position: absolute;
    background-color: #fff;
    right: 0;
    z-index: 10
}

.code-box:hover {
    width: 178px;
    border-color: #fff
}

.code-box:hover img {
    right: 41px
}

.code-box img {
    margin-top: 6px;
    width: 140px;
    height: 140px;
    margin-right: -8px;
    position: absolute;
    right: -74px;
    -moz-transition: all linear .5s;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.company-job .update-time {
    margin: 0 auto 30px;
    color: #9fa3b0;
    width: 1184px
}

.job-box .pos-bread + .update-time {
    color: #9fa3b0;
    font-size: 12px;
    margin-top: 24px
}

.links {
    position: relative;
    height: auto;
    overflow: hidden;
    margin: 30px auto 6px auto;
    width: 1184px;
    font-size: 12px;
    height: 27px;
    overflow: hidden
}

.links label {
    position: absolute;
    right: 0;
    top: 0;
    color: #9fa3b0;
    cursor: pointer
}

.links .links-item {
    margin-bottom: 20px
}

.company-detail-grab .links {
    margin-bottom: 0
}

.company-detail-grab .links .links-item:last-of-type {
    margin-bottom: 0
}

.links dt {
    color: #4a4e52;
    font-size: 15px
}

.links .links-item a {
    color: #9fa3b0;
    font-size: 12px;
    margin-right: 26px;
    display: inline-block
}

.links .links-item a:hover, .links label:hover {
    color: #4a4e52
}

.links .links-item a:hover {
    text-decoration: underline
}

.links .fz-slidedown {
    background-position: 5px -786px;
    vertical-align: middle
}

.links .fz-slideup {
    background-position: 5px -810px;
    vertical-align: middle
}

.links .links-item:first-child dd {
    width: 90%
}

.links-friends {
    height: auto
}

.links-friends dt {
    float: left;
    width: 78px;
    font-size: 12px
}

.links-friends dd {
    margin-left: 85px;
    width: auto !important;
    margin-right: 55px
}

.job-box .satisfaction-feedback {
    margin-bottom: 20px
}

.pos-bread {
    color: #9fa3b0
}

.pos-bread .link-redirect {
    display: inline;
    font-size: 12px;
    font-weight: 400
}

.pos-bread a {
    color: #9fa3b0;
    vertical-align: middle
}

.pos-bread a:hover {
    color: #4a4e52;
    text-decoration: underline
}

.pos-bread .icon-arrow-right {
    margin: -2px 5px 0 6px;
    vertical-align: middle
}

.job-box .pos-bread {
    margin-bottom: -24px;
    font-size: 12px
}

.job-box .pos-bread + .gray {
    font-size: 12px
}

.job-box .city-job-guide {
    margin-bottom: 0
}

.company-new .pos-bread {
    margin-bottom: 0
}

.job-box .city-job-guide {
    margin-top: 10px
}

.search-job-list-wrap .pos-bread {
    margin-bottom: 0
}

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

.company-detail-grab .pos-bread {
    margin-top: 40px
}

#footer .links {
    margin-top: 10px;
    clear: both
}

#footer .links dt, #footer .links label {
    color: #eeeff3
}

#footer .links dt {
    width: 71px
}

#footer .links dd {
    margin-left: 71px
}

#footer .links dd a {
    color: #eeeff3
}

#footer .links .links-item {
    margin-bottom: 0
}

.promotion-download {
    padding: 30px;
    background: #d1d4db;
    margin-top: 40px
}

.promotion-qrcode {
    color: #fff;
    float: left
}

.promotion-qrcode img {
    width: 106px;
    height: 106px;
    display: block
}

.promotion-download .text {
    float: right;
    text-align: right;
    height: 106px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    color: #fff
}

.promotion-download .text a {
    color: #fff
}

.promotion-download .text .link-row {
    padding-top: 30px
}

.link-download {
    display: inline-block;
    background-position: 102px -752px;
    padding-right: 25px
}

.promotion-job {
    margin-bottom: 20px;
    padding-bottom: 10px
}

.promotion-job h3 {
    color: #424a5e;
    font-size: 15px;
    font-weight: 500;
    padding: 7px 0 5px
}

.promotion-job li {
    border-bottom: 1px #f5f7f9 solid;
    padding-bottom: 18px
}

.promotion-job li:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    overflow: hidden
}

.promotion-job li .name {
    font-size: 15px;
    color: #424a5e;
    padding: 20px 0 12px
}

.promotion-job li .name a:hover {
    color: #6adbcf
}

.promotion-job li:last-of-type {
    border-bottom: 0
}

.promotion-job li .gray a {
    color: #9fa3af
}

.promotion-job li .gray a:hover {
    color: #4a4e52
}

.promotion-job .info-primary {
    float: none
}

.promotion-job .name a {
    color: #424a5e
}

.promotion-job .company-logo {
    padding-top: 20px;
    float: right
}

.promotion-job .company-logo img {
    border-radius: 10px;
    display: block
}

.company-detail-grab .promotion-job .company-logo img {
    width: 56px;
    height: 56px
}

.promotion-job .view-more a, .recruiter-list .view-more a {
    display: block;
    border: 1px #e3e7ed solid;
    height: 40px;
    text-align: center
}

.promotion-job .view-more .more, .recruiter-list .view-more .more {
    float: none;
    display: inline-block;
    font-style: normal;
    margin-top: 7px
}

.promotion-img {
    margin-bottom: 16px !important
}

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

.company-detail-grab .promotion-job .option {
    float: right;
    margin-top: 17px
}

.company-detail-grab .promotion-job .option i {
    cursor: pointer
}

.company-detail-grab .promotion-job .option i:hover {
    color: #5dd5c8
}

.company-detail-grab .promotion-job h3 {
    margin-right: 40px
}

.company-detail-grab .promotion-job .promotion-job-inner {
    position: relative;
    overflow-x: hidden
}

.company-detail-grab .promotion-job ul {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff
}

.company-detail-grab .promotion-job ul.cur {
    display: block;
    position: static
}

.company-detail-grab .promotion-job ul.left-out {
    display: block;
    left: -284px;
    right: 284px;
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.company-detail-grab .promotion-job ul.right-out {
    display: block;
    left: 284px;
    right: -284px;
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

.company-detail-grab .job-list .sug-job-title {
    font-size: 16px;
    font-weight: 400;
    color: #00c2b3
}

.company-detail-grab .job-list .view-more a {
    display: block;
    width: 250px;
    height: 34px;
    margin: 20px auto 0;
    border: none;
    line-height: 34px;
    background-color: #5dd5c8;
    color: #fff;
    font-size: 15px;
    text-align: center
}

.company-detail-grab .job-list .view-more a:hover {
    background-color: #6adbcf
}

.job-location {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin-top: 15px
}

.job-location {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin-top: 20px;
    font-size: 13px;
    position: relative
}

.job-location img, .location-item .amap-icon img {
    width: 100%;
    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;
    position: relative;
    width: 836px;
    height: 174px
}

.job-location .tip-inner {
    height: 174px
}

.job-location .tip-inner .gray {
    background: 0 0;
    text-align: center;
    position: relative;
    top: 88px;
    right: 0;
    box-shadow: none
}

.job-location .tip-inner .ui-icon-loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
    background-size: contain;
    vertical-align: -4px;
    margin-right: 4px
}

.map-pop.dialog-wrap {
    z-index: 1102
}

.map-pop .dialog-container {
    margin: -260px 0 0 -330px
}

.job-location-width {
    width: 661px;
    height: 521px;
    margin: 0
}

.job-location-width #map-container, .job-location-width #map-container .map-container {
    height: 470px;
    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-item .location-address {
    cursor: pointer
}

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

.company-new .job-box #map-container, .company-new .job-box .map-container {
    height: 158px
}

.company-detail-grab .job-box #map-container, .company-detail-grab .job-box .map-container {
    height: 174px
}

.location-item {
    position: relative
}

.location-item .map-container {
    display: none
}

.location-item .amap-info-contentContainer:hover .amap-info-content {
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 6%)
}

.location-item .amap-info-content {
    background: #fff;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 6%);
    border-radius: 4px;
    border: none;
    position: relative;
    overflow: visible;
    padding: 5px 15px;
    white-space: nowrap
}

.location-item .amap-info-content:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-top: 4px solid #fff;
    bottom: -8px;
    left: 50%;
    margin-left: -4px
}

.location-item .amap-info-close, .location-item .amap-info-sharp {
    display: none
}

.map-container .tip-inner {
    height: 30px;
    text-align: center
}

.map-container .tip-inner .gray {
    top: auto;
    position: static
}

.map-container .tip-inner .ui-icon-loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
    background-size: contain;
    vertical-align: -4px;
    margin-right: 4px
}

.show-map .map-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.show-map .location-address {
    cursor: default;
    background-position: 15px -1965px
}

.show-map .more-view {
    cursor: default
}

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

.promotion-top {
    background: #f6f6f8;
    padding: 20px 25px;
    margin-top: 20px
}

.promotion-top a {
    display: block
}

.promotion-top h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px
}

.promotion-top .arrow-right {
    float: right;
    width: 28px;
    height: 28px;
    background-position: 3px -1641px;
    margin-top: -1px;
    margin-right: -5px
}

.promotion-top .text-blue {
    color: #5dd5c8;
    padding: 0 5px
}

.promotion-sign {
    background: #f6f6f8;
    padding: 25px 25px 30px;
    margin-top: 30px
}

.promotion-sign .sign-form {
    background: 0 0;
    float: none;
    padding: 0;
    width: 280px
}

.promotion-sign .sign-form .intro {
    padding-bottom: 0
}

.promotion-sign .sign-form .form-row {
    margin-top: 22px
}

.promotion-sign .sign-form .ipt {
    width: 242px
}

.promotion-sign .sign-form .ipt-code {
    width: 122px;
    min-width: 0
}

.promotion-sign .form-btn {
    margin-top: 28px
}

.promotion-sign .form-btn .error-tip {
    margin-top: -28px
}

.job-location-width .input-address {
    display: none;
    position: absolute;
    top: 62px;
    left: 12px;
    background-color: #fff;
    height: 34px;
    z-index: 999
}

.job-location-width .input-address input {
    width: 300px;
    box-sizing: border-box;
    outline: 0;
    border-radius: 4px;
    border: 1px solid #c2c2c2;
    color: #aaa;
    font-size: 13px;
    line-height: 18px;
    padding: 7px 28px 7px 14px;
    transition: all .15s linear
}

.job-location-width .input-address input:focus, .job-location-width .input-address input:hover {
    border-color: #00bebd
}

.job-location-width .input-address .address-icon {
    position: absolute;
    right: 14px;
    top: 10px;
    z-index: 1;
    background-size: 100%;
    width: 13px;
    height: 13px
}

.job-location-width .input-address .address-icon.address-icon-close {
    background-image: url(../images/job/icon-close.png);
    cursor: pointer
}

.job-location-width .input-address .address-icon.address-icon-search {
    background-image: url(../images/job/icon-search.png);
    cursor: pointer
}

.job-location-width .input-address .address-info {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1;
    padding: 12px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .06)
}

.job-location-width .input-address .address-selected-info {
    position: relative;
    padding: 10px 0 10px 21px
}

.job-location-width .input-address .address-selected-info:before {
    content: ' ';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 11px;
    background-image: url(../images/job/icon-marker.png);
    background-size: 100%
}

.job-location-width .input-address .address-selected-info h2 {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px
}

.job-location-width .input-address .address-selected-info span {
    display: block;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #aaa;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.job-location-width .input-address .address-job-info {
    position: relative;
    padding: 15px 0 15px 21px;
    border-top: 1px solid #f2f2f2
}

.job-location-width .input-address .address-job-info:before {
    content: ' ';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 17px;
    background-image: url(../images/job/icon-gift.png);
    background-size: 100%
}

.job-location-width .input-address .address-job-info h2 {
    height: 20px;
    max-width: 196px;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.job-location-width .input-address .address-job-info span {
    position: absolute;
    right: 0;
    top: 15px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #fe574a;
    line-height: 20px;
    text-align: right;
    max-width: 62px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.job-location-width .input-address .btn {
    width: 100%;
    font-size: 14px;
    height: 32px;
    line-height: 32px
}

.job-location-width .input-address .address-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    max-height: 366px;
    background: #fff;
    padding-top: 10px;
    box-sizing: border-box;
    overflow: auto;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .06)
}

.job-location-width .input-address .address-list li {
    position: relative;
    padding: 10px 10px 10px 31px;
    cursor: pointer;
    transition: all .15s linear
}

.job-location-width .input-address .address-list li:hover {
    background-color: #f8f8f8
}

.job-location-width .input-address .address-list li:before {
    content: ' ';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 12px;
    background-image: url(../images/job/icon-marker.png);
    background-size: 100%
}

.job-location-width .input-address .address-list li h2 {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px
}

.job-location-width .input-address .address-list li h2 em {
    font-style: normal;
    font-weight: 400;
    color: #00a6a7
}

.job-location-width .input-address .address-list li span {
    display: block;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #aaa;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.job-location-width .amap-info-contentContainer:hover .amap-info-content {
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 6%)
}

.job-location-width .amap-info-content {
    background: #fff;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 6%);
    border-radius: 4px;
    border: none;
    position: relative;
    overflow: visible;
    padding: 5px 15px;
    white-space: nowrap
}

.job-location-width .amap-info-content:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-top: 4px solid #fff;
    bottom: -8px;
    left: 50%;
    margin-left: -4px
}

.job-location-width .amap-info-close, .job-location-width .amap-info-sharp {
    display: none
}

.job-location-width .area-marker {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .17);
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.job-location-width .area-marker span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 5px;
    text-align: center
}

.job-location-width .area-marker.active {
    background: #12ada9;
    color: #fff
}

.job-sider .welcome-box img {
    width: 178px;
    height: 150px
}

.job-sider .welcome-text {
    padding-bottom: 20px
}

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

.job-sider .sign-welcome div.count-down {
    padding: 10px 0 0
}

.job-sider .salary-miniapp {
    width: 284px;
    height: 170px;
    padding-top: 114px;
    background: url(../images/salary-miniapp.jpg) no-repeat center top;
    background-size: 100%;
    margin-bottom: 16px
}

.job-sider .salary-miniapp img {
    display: block;
    width: 111px;
    height: 111px;
    margin: 0 auto;
    box-shadow: 0 0 0 8px #fff
}

.amap-copyright, .amap-logo {
    z-index: 0 !important
}

.container-mes, .container-tip {
    margin-right: 50px;
    position: fixed;
    bottom: 50px;
    z-index: 111111;
    width: 232px;
    right: 0;
    text-align: right;
    display: none
}

.container-mes .message {
    position: relative;
    top: 160px;
    padding-right: 10px
}

.container-mes li {
    margin-bottom: 20px;
    text-align: right;
    display: none
}

.container-mes li .text {
    display: inline-block;
    line-height: 24px;
    background-color: #f2f5fa;
    vertical-align: top;
    color: #424a5e;
    padding: 7px 20px;
    border-radius: 7px;
    max-width: 494px;
    position: relative;
    word-break: break-all;
    border-bottom-right-radius: 0;
    box-shadow: 0 1px 2px 0 rgba(176, 176, 176, .3)
}

.container-mes .avatar {
    position: relative;
    width: 80px;
    height: 80px;
    padding: 10px 0;
    float: right;
    text-align: center;
    margin-top: 30px
}

.container-mes .avatar img {
    width: 60px;
    height: 60px;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 101;
    cursor: pointer;
    box-shadow: 0 3px 10px 0 rgba(131, 131, 131, .5)
}

.container-mes .avatar img:hover {
    width: 68px;
    height: 68px
}

.aladingtip {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #565e70;
    display: none;
    z-index: 100;
    background: rgba(86, 94, 112, .7)
}

.aladingtip img {
    position: fixed;
    right: 190px;
    bottom: 66px
}

.avatar-ani {
    -webkit-animation: scale .8s linear infinite alternate;
    -moz-animation: scale .8s linear infinite alternate;
    -ms-animation: scale .8s linear infinite alternate;
    -o-animation: scale .8s linear infinite alternate;
    animation: scale .8s linear infinite alternate
}

.tip-box {
    background-color: #22c5b4;
    padding: 36px 32px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px
}

.tip-box p {
    font-size: 14px
}

.tip-box .tit {
    font-size: 22px;
    line-height: 40px
}

.tip-box a {
    background-color: #3ed4c4;
    height: 42px;
    display: block;
    line-height: 42px;
    margin-top: 60px;
    color: #fff
}

.tip-box i.trangle {
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top: 15px solid #22c5b4;
    position: absolute;
    bottom: 49px;
    right: 17px
}

.container-tip {
    bottom: 70px;
    right: 10px
}

.container-tip .tip-bot {
    width: 60px;
    height: 60px;
    position: relative;
    float: right
}

.container-tip .close {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #22c5b4 url(../images/close-alading.png) center center no-repeat;
    box-shadow: 0 3px 10px 0 rgba(131, 131, 131, .5);
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.container-tip .close:hover {
    background-color: #18c3b1;
    width: 54px;
    height: 54px
}

.detail-hasmore {
    height: 210px;
    overflow: hidden;
    position: relative
}

ß .detail-hasmore .job-sec .fold-text .more-view {
    display: none !important
}

.detail-hasmore-layer {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding-top: 5px
}

.detail-hasmore .detail-hasmore-layer {
    display: block
}

.detail-hasmore-btn {
    display: block;
    margin: 0 auto;
    width: 250px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    color: #a5a9b4
}

.dialog-wrap.pop-detail .dialog-container {
    width: 490px;
    height: 232px;
    margin: -106px 0 0 -245px
}

.pop-detail .dialog-title {
    padding: 37px 43px 25px
}

.pop-detail .dialog-con {
    padding: 0 43px
}

.pop-detail .jconfirm-box .buttons {
    margin-top: -30px
}

.deliver-pop .text {
    font-size: 16px;
    color: #9fa3af;
    min-height: 70px
}

.deliver-pop .btns {
    position: relative;
    margin-top: -10px
}

.deliver-pop .btns .btn, .pop-detail .jconfirm-box .buttons .btn {
    font-size: 14px;
    letter-spacing: 0;
    min-width: 96px;
    margin-right: 20px
}

.deliver-pop .btns #fileupload {
    display: none;
    width: 96px;
    height: 38px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 34px;
    opacity: 0
}

.deliver-pop .resume-attachment {
    border-bottom: 0;
    padding-bottom: 0
}

.deliver-pop .resume-attachment .loadresume {
    margin-top: -35px
}

.deliver-pop .resume-attachment .fz-close {
    display: none
}

@-webkit-keyframes scale {
    0% {
        transform: scale(1, 1)
    }
    100% {
        transform: scale(1.2, 1.2)
    }
}

@-moz-keyframes scale {
    0% {
        transform: scale(1, 1)
    }
    100% {
        transform: scale(1.2, 1.2)
    }
}

@-ms-keyframes scale {
    0% {
        transform: scale(1, 1)
    }
    100% {
        transform: scale(1.2, 1.2)
    }
}

@-o-keyframes scale {
    0% {
        transform: scale(1, 1)
    }
    100% {
        transform: scale(1.2, 1.2)
    }
}

@keyframes scale {
    0% {
        transform: scale(1, 1)
    }
    100% {
        transform: scale(1.2, 1.2)
    }
}

.protocol {
    background: #fff;
    margin: 37px auto 55px auto;
    padding: 15px 45px 65px 45px;
    min-height: calc(100% - 330px);
    box-sizing: border-box
}

.protocol h1 {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 25px;
    font-size: 22px;
    font-weight: 400
}

.protocol img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.user-filter-box {
    position: relative;
    z-index: 999;
    box-shadow: none;
    float: left;
    background: #f2f2f5;
    margin-bottom: 17px
}

.user-filter-box .condition-box dd {
    margin-left: 0
}

.user-filter-box .condition-box dl.show-condition-area, .user-filter-box .condition-box dl.show-condition-district {
    border: none
}

.user-filter-box .condition-box dl.condition-district {
    background: #fff
}

.user-filter-box .condition-box .condition-city dd a.selected {
    background: #fff;
    top: 0;
    border: 1px #fff solid
}

.user-filter-box .filter-select-box {
    background: #fff;
    box-shadow: 0 3px 6px rgba(6, 0, 1, .05)
}

.user-filter-box .condition-city dd a {
    display: inline-block;
    background: #fff;
    padding: 0 11px;
    border: 1px #fff solid;
    margin: 0;
    height: 100%
}

.user-filter-box .condition-box dd {
    padding-top: 0
}

.user-filter-box .now-city-pos {
    min-width: 170px;
    display: inline-block;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    margin-right: -10px
}

.user-filter-box .now-city-pos .dropdown-select {
    font-weight: 700
}

.radio-checked, .user-filter-box .ipt:focus {
    box-shadow: none
}

.user-filter-box .now-city-pos .dropdown-select .ipt {
    min-width: 140px;
    margin: 0 auto;
    border: none;
    text-align: center;
    width: 140px
}

.user-filter-box .now-city-pos .dropdown-wrap .dropdown-menu ul {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .05)
}

.user-filter-box .filter-select-box .dropdown-menu a {
    text-align: left
}

.user-filter-box .now-city-pos .dropdown-wrap.cur .dropdown-menu {
    display: block;
    z-index: 1005;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .05)
}

.now-city-pos .dropdown-select .icon-select-arrow {
    position: relative;
    left: 0;
    top: 5px
}

.now-city-pos .dropdown-wrap.cur .dropdown-menu li a {
    display: block;
    border: none;
    height: 100%;
    line-height: 42px;
    transition: none;
    -webkit-transition: none;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.now-city-pos .dropdown-wrap.cur .dropdown-menu li:hover a {
    background: #f2f5f9
}

.now-city-pos .dropdown-wrap.cur .dropdown-menu li a.add-myjob {
    color: #18c3b1
}

.user-sider-left {
    margin-right: 234px;
    padding-top: 20px
}

.user-sider-left .search-box {
    padding-top: 0
}

.user-sider-left .job-list {
    margin-right: 0;
    float: left;
    width: 100%
}

.user-sider-left .job-list .no-position {
    text-align: center;
    height: 185px;
    margin: 0 30px;
    border-bottom: 1px #f2f2f5 solid;
    color: #d1d4db;
    overflow: hidden
}

.user-sider-left .job-list .no-position .title {
    margin-top: 60px;
    font-size: 16px;
    color: #61687c
}

.user-sider-left .job-list .load-more {
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #f1f1f1;
    width: 350px;
    margin: 20px auto 20px;
    display: block
}

.user-center .job-box {
    margin-top: 0
}

.user-center .sider {
    margin-top: 20px
}

.user-filter-box .filter-select-box .dropdown-select {
    width: auto;
    min-width: 0
}

.user-filter-box .filter-select-box .dropdown-wrap {
    width: 135px
}

.user-filter-box .dropdown-wrap {
    text-align: center
}

.empty-filter {
    margin-right: 15px
}

.userinfo-box {
    text-align: center;
    background: #fff;
    padding: 20px 0 15px;
    margin-bottom: 16px;
    position: relative
}

.userinfo-box .dropdown-select input {
    text-align: center
}

.userinfo-box .dropdown-select-open .icon-select-arrow {
    background-position: 5px -2044px
}

.userinfo-box .headbox {
    position: relative
}

.userinfo-box .username {
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.userinfo-box .headbox .headimg {
    width: 60px;
    height: 60px;
    border-radius: 200px
}

.userinfo-box .headbox .sex {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icons-sex.png) no-repeat;
    background-size: 14px auto;
    position: absolute;
    right: 70px;
    top: 10px
}

.userinfo-box .headbox .sex.man {
    background-position: 0 0
}

.userinfo-box .headbox .sex.woman {
    background-position: 0 -24px
}

.userinfo-box .userinfo {
    font-size: 12px
}

.userinfo-box .now-state {
    margin: 15px 0 0
}

.userinfo-box .now-state .dropdown-wrap {
    text-align: center
}

.userinfo-box .now-state .ipt {
    width: 128px;
    min-width: 128px
}

.userinfo-box .now-state .dropdown-menu ul {
    box-shadow: 0 3px 6px rgba(6, 0, 1, .05)
}

.userinfo-box .user-stat {
    margin-top: 20px
}

.userinfo-box .user-stat span {
    display: inline-block;
    width: 46px;
    font-size: 12px;
    line-height: 18px;
    color: #8d92a1;
    text-align: center
}

.userinfo-box .user-stat b {
    display: block;
    font-weight: 400;
    font-size: 15px;
    color: #414a60
}

.userinfo-box .user-stat a {
    display: inline-block
}

.userinfo-box .user-stat a:hover b, .userinfo-box .user-stat a:hover span {
    color: #00d7c6
}

.userinfo-box .dropdown-select-open .dropdown-menu {
    display: block
}

.userinfo-box .dropdown-select .icon-select-arrow {
    top: 11px
}

.userinfo-box .edit-userinfo {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1000
}

.user-center .resume-attachment:last-child:after {
    border-bottom: 0;
    margin-top: 10px
}

.user-center .resume-attachment:after {
    margin-top: 10px
}

.user-center .resume-attachment {
    padding-bottom: 5px
}

.sider-recommend {
    padding: 10px 20px;
    background-color: #fff;
    margin-top: 20px
}

.sider-recommend li {
    border-bottom: 1px #edf0f6 solid;
    line-height: 30px;
    padding: 5px
}

.sider-recommend li.last {
    border-bottom: 0
}

.company-job .job-list li {
    position: relative
}

.company-job .job-primary {
    padding-right: 150px
}

.company-job .job-primary .info-publis p {
    margin-top: 2px
}

.company-job .startchat-box {
    float: right;
    width: 175px;
    text-align: right;
    padding-top: 5px;
    position: absolute;
    top: 25px;
    right: 30px
}

.company-job .job-list .info-publis {
    display: block !important
}

.company-detail-grab .job-list li {
    position: relative
}

.company-detail-grab .startchat-box {
    display: none;
    float: right;
    width: 175px;
    margin-top: 2px;
    text-align: right;
    position: absolute;
    top: 25px;
    right: 0
}

.company-detail-grab .job-list li:hover .info-publis {
    display: none
}

.company-detail-grab .job-list li:hover .startchat-box {
    display: block
}

.chat-history {
    background-color: #fff
}

.chat-history ul {
    padding: 10px 30px
}

.chat-history li {
    padding: 17px 0;
    border-bottom: 1px #edf0f5 solid
}

.chat-history li:last-of-type {
    border-bottom: 0
}

.chat-history li .figure {
    float: left;
    padding: 0 15px 0 5px
}

.chat-history li .figure img {
    width: 42px;
    height: 42px;
    border-radius: 100%
}

.chat-history li .item-content {
    margin-left: 65px
}

.chat-history li .info-header {
    overflow: hidden;
    margin-bottom: 9px;
    min-height: 32px
}

.chat-history li .info-header .name {
    font-weight: 400;
    font-size: 14px
}

.chat-history li .info-header .name .gray {
    padding-left: 20px;
    font-size: 12px
}

.chat-history li .info-header .btns {
    float: right;
    display: none
}

.chat-history li .info-header .btn {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    min-width: 0;
    padding: 0 15px;
    margin-left: 15px;
    border-radius: 2px
}

.chat-history li .info-primary {
    background-color: #fafafc;
    overflow: hidden;
    padding: 10px 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.chat-history li .info-primary:hover {
    background-color: #f5f6f9
}

.chat-history li .job-info p {
    font-size: 12px
}

.chat-history li .job-name .salary {
    padding-left: 20px;
    color: #fc6c38
}

.chat-history li .company-info {
    float: right;
    text-align: right;
    width: 270px
}

.chat-history li .company-info img {
    width: 42px;
    height: 42px;
    float: right;
    margin-top: 4px;
    margin-left: 10px
}

.chat-history li .company-info .text {
    margin-right: 52px
}

.chat-history li .company-info .text b {
    font-weight: 400
}

.chat-history li .company-info .text p {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chat-history .item-interview .company-info {
    float: left;
    width: 300px;
    text-align: left
}

.chat-history .item-interview .job-info {
    float: right;
    width: 290px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chat-history .item-interview .job-name .name {
    display: inline-block;
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle
}

.chat-history .item-interview .job-name .salary {
    padding-left: 0;
    color: #fc6c38
}

.chat-history .item-interview .company-info img {
    float: left;
    margin-left: 0
}

.chat-history .item-interview .company-info .text {
    margin-left: 52px;
    line-height: 22px;
    padding-top: 3px;
    margin-right: 0
}

.chat-history .item-interview .company-info .text b {
    font-size: 14px;
    display: inline-block;
    margin-right: 15px
}

.chat-history li:hover .info-header .btns {
    display: block
}

.chat-history .page {
    padding-bottom: 15px;
    margin: 0 30px;
    border-top: 1px #edf0f5 solid;
    margin-top: -11px
}

.remindType input {
    position: relative;
    top: 1px;
    margin-right: 10px
}

.common-dialog .dialog-container {
    width: 490px;
    padding: 40px 30px 30px 40px;
    margin-left: -280px
}

.common-dialog .title {
    font-size: 24px;
    font-weight: 400;
    color: #62687a;
    line-height: 24px
}

.common-dialog .dialog-title {
    margin-bottom: 20px
}

.common-dialog .dialog-con {
    min-height: 75px;
    font-size: 16px;
    color: #62687a;
    line-height: 30px
}

.common-dialog .ipt {
    width: 460px;
    margin-top: 3px;
    color: #62687a;
    font-size: 16px;
    padding: 8px 15px
}

.common-dialog .dialog-footer {
    margin-top: 15px
}

.common-dialog .dialog-footer .btns .btn {
    height: 38px;
    line-height: 38px;
    border-width: 1px;
    padding: 0 28px !important
}

.common-dialog .dialog-footer .btns .btn-disabled {
    cursor: not-allowed;
    background-color: #d1d4db;
    border-color: #d1d4db;
    color: #fff
}

.prop-item h3 span {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 72px;
    height: 22px;
    margin-left: 10px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #b7bac4;
    border: 1px solid #d1d4db;
    border-radius: 100px;
    font-weight: 400
}

.prop-item .title {
    font-size: 14px;
    color: #51586d;
    line-height: 20px
}

.prop-item .prop-container {
    position: relative;
    margin-top: 20px;
    height: 8px;
    font-size: 0;
    white-space: nowrap
}

.prop-item .prop-container .text-position {
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -35px;
    font-size: 14px;
    color: #51586d
}

.prop-item .prop-container .icon-position {
    margin-left: 0;
    left: -6px;
    padding-left: 20px;
    background: url(../images/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: #5dd5c8;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.prop-item .prop-container .level-2 {
    width: 24%;
    background: #62e1d3
}

.prop-item .prop-container .level-3 {
    width: 24%;
    background: #72e7c6
}

.prop-item .prop-container .level-4 {
    width: 24%;
    background: #85e3f4
}

.prop-item .prop-container .level-5 {
    width: 13%;
    background: #3dccfc;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.prop-item .prop-detail {
    margin-top: 52px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #8e93a2
}

.prop-item .prop-detail > span {
    color: #51586d
}

.prop-item .prop-detail span em {
    color: #6dd9cc;
    padding: 0 4px;
    font-style: normal
}

.prop-item .prop-detail img {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 20px
}

.prop-item .prop-detail b {
    color: #6dd9cc
}

.prop-item .prop-detail .link-detail {
    font-size: 14px;
    color: #6dd9cc
}

.prop-item .pull-right {
    float: right;
    position: relative
}

.prop-item .prop-default .prop-container span {
    background: #f6f6f8
}

.dialog-around-default .dialog-container {
    margin: 30px 0 0 -100px;
    padding: 20px
}

.job-list .job-tips {
    color: #9fa3b0;
    padding: 6px 0;
    padding-left: 20px;
    border-bottom: 4px #f2f2f5 solid
}

.condition-city .city-wrapper {
    max-height: 40px;
    overflow: hidden;
    position: relative;
    padding-right: 72px
}

.condition-box dd a.btn-allcity {
    position: absolute;
    right: 0;
    top: 2px;
    padding-right: 0
}

.condition-box dd .btn-disabled:hover {
    color: #9fa3b0 !important
}

.city-dialog .dialog-container {
    width: 900px;
    height: 550px;
    margin: -275px 0 0 -450px
}

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

.city-dialog h4 {
    font-size: 16px;
    color: #424a5e;
    line-height: 50px;
    padding-left: 24px;
    font-weight: 400
}

.city-dialog .city-wrapper {
    height: 500px;
    font-size: 14px;
    color: #424a5e
}

.city-dialog .section-province {
    float: left;
    width: 150px;
    padding-top: 10px;
    height: 490px;
    background-color: #f9fafb;
    overflow-y: scroll
}

.city-dialog .section-province li {
    line-height: 20px;
    padding: 10px 0 10px 24px;
    position: relative;
    cursor: pointer
}

.city-dialog .section-province li:hover {
    background-color: #fff;
    color: #5dd5c8
}

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

.city-dialog .section-province li.active:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: #5dd5c8;
    left: 0;
    top: 0
}

.city-dialog .section-city {
    margin-left: 150px;
    padding: 10px 22px 22px 22px;
    overflow: hidden
}

.city-dialog .section-city li {
    float: left;
    line-height: 40px;
    width: 25%;
    cursor: pointer
}

.city-dialog .section-city li a {
    display: block
}

.city-letter-show.city-dialog h4 {
    font-size: 16px;
    line-height: 70px;
    font-weight: 500;
    color: #414a60;
    padding-left: 30px
}

.city-letter-show.city-dialog .dialog-container {
    width: 786px;
    height: 527px;
    margin: -243px 0 0 -393px
}

.city-letter-show.city-dialog .city-wrapper {
    height: unset
}

.city-letter-show.city-dialog .section-province {
    padding-top: unset;
    background-color: #f9fafb;
    overflow-y: hidden;
    float: none;
    width: 786px;
    height: 39px;
    display: flex;
    align-items: center
}

.city-letter-show.city-dialog .section-province li {
    float: left;
    width: 131px;
    line-height: 39px;
    padding: unset;
    position: relative;
    cursor: pointer;
    text-align: center;
    user-select: none;
    color: #333
}

.city-letter-show.city-dialog .section-province li:hover {
    background-color: #f9fafb;
    color: #5dd5c8
}

.city-letter-show.city-dialog .section-province li.active {
    background-color: #f9fafb;
    color: #5dd5c8
}

.city-letter-show.city-dialog .section-province li.active:before {
    content: "";
    position: absolute;
    background-color: #5dd5c8;
    left: 25%;
    top: auto;
    bottom: 0;
    width: 50%;
    height: 2px
}

.city-letter-show.city-dialog .section-city {
    margin-left: 0;
    padding: 20px 0;
    height: 378px;
    overflow-y: scroll;
    overflow-x: hidden
}

.city-letter-show.city-dialog .section-city .hot-city {
    float: left;
    line-height: 40px;
    width: 20%;
    cursor: pointer;
    text-align: center;
    margin-bottom: 8px
}

.city-letter-show.city-dialog .section-city .hot-city:hover {
    color: #5dd5c8
}

.city-letter-show.city-dialog .section-city .hot-city span {
    display: block;
    width: 100%;
    height: 100%
}

.city-letter-show.city-dialog .section-city .classify-city {
    float: unset;
    line-height: 40px;
    width: 100%;
    cursor: pointer;
    text-align: center
}

.city-letter-show.city-dialog .section-city .classify-city:after {
    content: "";
    clear: both;
    height: 0;
    display: block
}

.city-letter-show.city-dialog .section-city .city-title {
    width: 11.2%;
    text-align: center;
    color: #5dd5c8;
    float: left
}

.city-letter-show.city-dialog .section-city .city-main {
    float: left;
    width: 88.8%
}

.city-letter-show.city-dialog .section-city .city-main li {
    width: 20%;
    text-align: left;
    margin-bottom: 8px
}

.city-letter-show.city-dialog .section-city .city-main li span {
    display: block;
    width: 90%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-letter-show.city-dialog .section-city .city-main li:hover {
    color: #5dd5c8
}

.dialog-interes .arrow-noumenon {
    display: block;
    position: absolute;
    left: 148px;
    top: -10px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent
}

.dialog-interes {
    position: absolute;
    text-align: center;
    padding: 40px;
    top: 76px;
    left: -18px
}

.dialog-interes .dialog-container {
    padding: 23px 40px 21px 40px;
    width: 288px
}

.job-detail .dialog-interes .btns {
    float: none;
    text-align: center
}

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

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

.five-graph-test {
    background: #fff;
    padding: 20px 30px;
    margin-bottom: 16px;
    position: relative;
    border: solid 1px #eef0f5
}

.five-graph-test h4 {
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #414a60;
    line-height: 20px;
    text-align: left
}

.five-graph-test p {
    font-size: 12px;
    color: #9fa3af;
    line-height: 17px;
    margin: 16px 0;
    text-align: center
}

.five-graph-test i {
    background: url(../images/five-graph.png) no-repeat center;
    display: block;
    background-size: contain;
    width: 192px;
    height: 122px;
    margin: 16px auto
}

.five-graph-test .btn {
    width: 100%;
    margin-top: 14px;
    display: block;
    height: 34px;
    line-height: 34px;
    border: 0 none;
    border-radius: 0
}

.job-primary .info-detail .detail-top-right2 {
    display: flex;
    align-items: center
}

.job-primary .info-detail .detail-top-right2 .detail-top-login {
    width: 120px;
    height: 32px;
    background: #53cac3;
    color: #fff;
    padding: 5px 0;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.job-primary .info-detail .detail-top-right2 .code-des {
    font-size: 13px;
    color: #00c2b3;
    width: 78px;
    line-height: 18px;
    margin-right: 4px
}

.job-primary .info-detail .detail-top-right2 .code-icon {
    width: 71px;
    height: 71px;
    background: url(../images/download-app-v63.png) no-repeat;
    background-size: 100% 100%
}

.company-list .company-name .company-guide-loaddown-app {
    width: 11px;
    height: 15px;
    display: inline-block;
    margin-left: 6px;
    background: url(../images/phone2x.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: -3px;
    cursor: pointer;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.company-list .company-name .company-guide-loaddown-app:hover {
    background: url(../images/phone2x-hover.png) no-repeat;
    background-size: 100% 100%
}

.company-detail-guide-download-app-v62 {
    display: none;
    position: fixed;
    top: 122px;
    left: 112px;
    z-index: 999;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(227, 231, 237, 1);
    background: #fff;
    box-shadow: 5px 5px 15px rgba(227, 231, 237, 1);
    border-radius: 4px
}

.company-detail-guide-download-app-v62 .app-icon-arrow {
    position: absolute;
    top: 20px;
    left: -6px;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(227, 231, 237, 1);
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    background: #fff
}

.company-detail-guide-download-app-v62 .app-icon-v62 {
    width: 94px;
    height: 94px;
    background: url(../images/download-app-v63.png) no-repeat;
    background-size: 100% 100%;
    margin: 8px auto 0
}

.company-detail-guide-download-app-v62 .app-icon-des-v62 {
    color: #00c2b3;
    font-size: 13px;
    text-align: center
}

.job-detail-guide-download-app-v62 {
    display: none;
    position: fixed;
    top: 122px;
    left: 112px;
    z-index: 9999;
    padding: 14px;
    border: 1px solid rgba(227, 231, 237, 1);
    background: #fff;
    border-radius: 4px
}

.job-detail-guide-download-app-v62.bottom .app-icon-arrow {
    top: auto;
    bottom: -5px;
    border: 1px solid rgba(227, 231, 237, 1);
    border-bottom: none;
    border-left: none
}

.job-detail-guide-download-app-v62 .app-icon-arrow {
    position: absolute;
    top: -5px;
    left: 76px;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(227, 231, 237, 1);
    border-top: none;
    border-right: none;
    transform: rotate(135deg);
    background: #fff
}

.job-detail-guide-download-app-v62 .app-icon-v62 {
    width: 134px;
    height: 134px;
    background: url(../images/download-app-v63.png) no-repeat;
    background-size: 100% 100%
}

.job-detail-guide-download-app-v62 .app-icon-des-v62 {
    color: #00c2b3;
    font-size: 13px;
    text-align: center
}

.dropdown-city-menu {
    display: block
}

.dropdown-city-menu .city-box {
    display: block;
    width: auto;
    top: 0
}

.dropdown-city-menu .city-box li.cur {
    position: relative;
    color: #00c2b3
}

.dropdown-city-menu .dropdown-city li, .dropdown-city-menu .dropdown-province li, .dropdown-city-menu .dropdown-third li {
    position: relative;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    color: #61687c;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden
}

.dropdown-city-menu .city-box li.cur:not(.item-nocity):after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 15px;
    right: 20px;
    background: url(../images/icon-right.png) center center no-repeat
}

.dropdown-city-menu li:hover {
    background: #f2f5f9;
    color: #414a60
}

.dropdown-city-menu .city-box ul {
    width: 168px;
    position: static;
    float: left;
    height: 208px
}

.security-box {
    margin: 40px 0;
    border: 1px solid rgba(223, 224, 228, 1);
    padding: 30px 20px 20px;
    background: url(../images/security-bg.png) right top no-repeat;
    background-size: 116px 83px
}

.security-box h3 {
    font-size: 18px;
    font-weight: 400;
    color: rgba(67, 125, 242, 1);
    line-height: 16px;
    padding-bottom: 10px
}

.security-box h3 p {
    color: #51586d;
    line-height: 24px
}

.security-box p {
    position: relative;
    padding-left: 6px;
    padding-right: 104px
}

.security-box p:before {
    content: ' ';
    position: absolute;
    top: 12px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: #414a60
}

.security-box .link-report {
    color: #437df2
}

.security-box .link-report {
    color: #72a6f5
}

.security-box .link-info {
    font-size: 12px;
    font-weight: 400;
    color: rgba(159, 163, 176, 1);
    line-height: 12px;
    position: relative;
    padding-left: 4px
}

.security-box .link-info:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 12px;
    background: url(../images/security-right.png) center center no-repeat;
    background-size: contain;
    top: -1px;
    position: relative;
    left: 2px
}

.security-box .link-info:before {
    content: ' ';
    position: absolute;
    top: 6px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: #9fa3b0;
    margin-right: 2px
}

.security-knowledge-dialog .dialog-container {
    width: 375px;
    margin: 0;
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
    -webkit-animation: dialogFlyinRight .3s ease-out 0s;
    -moz-animation: dialogFlyinRight .3s ease-out 0s;
    animation: dialogFlyinRight .3s ease-out 0s
}

.security-knowledge-dialog .dialog-container .dialog-con {
    height: 100%
}

.security-knowledge-dialog .dialog-container iframe {
    width: 100%;
    height: 100%
}

.favor-intro-dialog .dialog-container {
    width: 375px;
    margin: 0;
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
    -webkit-animation: dialogFlyinRight .3s ease-out 0s;
    -moz-animation: dialogFlyinRight .3s ease-out 0s;
    animation: dialogFlyinRight .3s ease-out 0s
}

.favor-intro-dialog .dialog-container .dialog-con {
    height: 100%
}

.favor-intro-dialog .dialog-container iframe {
    width: 100%;
    height: 100%
}

.school-enterprise-dialog .dialog-container {
    width: 375px;
    margin: 0;
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
    -webkit-animation: dialogFlyinRight .3s ease-out 0s;
    -moz-animation: dialogFlyinRight .3s ease-out 0s;
    animation: dialogFlyinRight .3s ease-out 0s
}

.school-enterprise-dialog .dialog-container .dialog-con {
    height: 100%
}

.school-enterprise-dialog .dialog-container iframe {
    width: 100%;
    height: 100%
}

@keyframes dialogFlyinRight {
    0% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

.company-certification-dialog .dialog-container {
    padding: 30px;
    max-height: 100%;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.company-certification-dialog .certification-title {
    color: #414a60;
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 20px
}

.company-certification-dialog .certification-text {
    width: 740px;
    padding: 20px 30px;
    box-sizing: border-box;
    background-color: #f9fafb
}

.company-certification-dialog .certification-text li {
    font-size: 14px;
    color: #9fa3b0;
    line-height: 23px
}

.company-certification-dialog .certification-text li + li {
    margin-top: 20px
}

.company-certification-dialog .certification-text li h2 {
    color: #414a60;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 8px
}

.job-detail .job-address-box {
    margin-top: 20px;
    position: relative
}

.job-detail .job-address-box h3 {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 400
}

.job-detail .job-address-box .job-address-li {
    width: 357px;
    padding: 9px 25px 8px 35px;
    float: left;
    height: 50px;
    cursor: pointer
}

.job-detail .job-address-box .name {
    font-size: 15px;
    position: relative;
    padding-right: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.job-detail .job-address-box .job-address-li p {
    color: #8d92a1;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    max-width: 246px
}

.job-detail .job-address-box .job-address-li .distance {
    display: inline-block;
    color: #8d92a1;
    vertical-align: middle
}

.job-detail .job-address-box .job-address-li .btn-startchat {
    position: absolute;
    top: 0;
    right: 0;
    color: #54cbc4;
    font-size: 14px
}

.job-detail .job-address-box .job-address-li .btn-startchat:hover {
    color: #00d7c6
}

.job-detail .job-address-box .slider-main {
    width: auto;
    height: 391px;
    border: solid 1px #eef0f5
}

.job-detail .job-address-box .slider-main ul li {
    margin-top: 12px;
    border-bottom: solid 1px #eef0f5;
    padding-bottom: 5px;
    height: 335px
}

.job-detail .job-address-box .slider-main li {
    height: auto
}

.job-detail .job-address-box .swiper-container .swiper-slide {
    margin-left: -2px
}

.job-detail .job-address-box .swiper-container {
    border: solid 1px #eef0f5
}

.job-detail .job-address-box .swiper-pagination {
    bottom: 0;
    padding: 6px 0;
    border-top: solid 1px #eef0f5
}

.job-detail .job-address-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 .job-address-box .btn-prev {
    background-position: 15px -1478px;
    left: 10px
}

.job-detail .job-address-box .btn-next {
    background-position: 15px -1528px;
    right: 10px
}

.job-detail .job-address-box .swiper-pagination-bullet-active {
    background: #54cbc4
}

.job-detail .job-address-box .slider-dot {
    position: absolute;
    bottom: 5px;
    right: 350px;
    top: unset;
    width: 126px
}

.job-detail .job-address-box .slider-dot i {
    height: 10px;
    width: 10px;
    margin-right: 12px;
    border: solid 1px #e5e8ee;
    opacity: 1
}

.job-detail .job-address-box .slider-dot i {
    border-radius: 100px
}

.job-detail .job-address-box .slider-dot i.cur {
    background: #54cbc4;
    border-color: #54cbc4
}

.job-detail .job-address-box .slider-main li {
    font-size: 12px;
    line-height: 25px
}

.job-detail .job-address-box .job-address-noslider ul {
    width: 100%;
    overflow: hidden
}

.job-detail .job-address-box .job-address-noslider ul li {
    width: 130%;
    overflow: hidden
}

.job-detail .job-address-box .job-address-noslider .job-address-li {
    padding: 9px 114px 8px 0
}

.job-detail .job-address-box .all-address-btn {
    display: inline-block;
    margin-left: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #5dd5c8;
    line-height: 20px
}

.job-detail .job-address-box .all-address-btn:hover {
    color: #00d7c6
}

.job-detail .obstacle-case-single {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    word-break: break-all;
    vertical-align: middle
}

.job-detail .obstacle-case-single:before {
    content: ' ';
    display: inline-block;
    width: 16px;
    height: 12px;
    margin-right: 10px;
    background: url(https://img.bosszhipin.com/static/file/2022/k1ivfff3uf1649229940489.png) center/16px 12px no-repeat;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.job-detail .obstacle-case-list {
    margin: -8px;
    overflow: hidden
}

.job-detail .obstacle-case-list li {
    float: left;
    width: 214px;
    height: 63px;
    padding: 12px 16px;
    border-radius: 3px;
    margin: 8px;
    border: 1px solid #ebebeb
}

.job-detail .obstacle-case-list li span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden
}

.job-detail .obstacle-case-list li span em {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 188px
}

.job-detail .obstacle-case-list li span img {
    margin-right: 8px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.job-detail .obstacle-case-list li p {
    display: block;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    margin-top: 5px;
    overflow: hidden;
    word-break: break-all
}

.boss-list, .deliver-list {
    margin-right: 360px;
    min-height: 630px
}

.deliver-sider {
    width: 210px
}

.deliver-sider .nav-option {
    width: 100%;
    height: 126px;
    margin-bottom: 20px;
    border-top: 4px solid #5dd5c8
}

.deliver-sider .nav-option a {
    float: left;
    height: 126px;
    background-color: #fff;
    width: 110px;
    text-align: center;
    line-height: 165px;
    position: relative
}

i.fz-mes {
    background-position: 0 -953px;
    position: absolute;
    top: 32px;
    left: 43px
}

i.fz-deliver {
    background-position: 0 -1006px;
    position: absolute;
    top: 32px;
    left: 43px
}

i.fz-cv {
    background-position: 0 -1057px;
    position: absolute;
    top: 32px;
    left: 43px
}

.deliver-sider .promotion-img img {
    width: 330px
}

.deliver-list li {
    padding-bottom: 12px;
    border-bottom: 2px #f8fafc solid;
    cursor: default
}

.deliver-list .company-text {
    position: relative;
    float: right
}

.deliver-list li p {
    margin-top: 14px;
    line-height: 24px
}

.deliver-list .company-text .text {
    margin-right: 78px
}

.deliver-list .company-text img {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.deliver-list .info-bottom {
    margin-top: 30px;
    overflow: hidden
}

.deliver-list .job-time {
    display: inline-block
}

.deliver-list .info-bottom .job-time span {
    line-height: 30px
}

.deliver-list .job-time .time {
    float: none
}

.deliver-list .job-time .status {
    font-size: 12px;
    color: #55cbc4;
    padding: 15px 40px 0 0
}

.deliver-list a.btn {
    float: right;
    height: 30px;
    line-height: 30px;
    min-width: 78px;
    width: 78px;
    font-size: 14px
}

.deliver-list .loadmore {
    border-top: 2px #f8fafc solid;
    margin-top: -2px;
    display: none;
    color: #9fa3b0
}

.deliver-list .loadmore :hover {
    color: #55cbc4
}

.boss-list li {
    padding: 26px 40px;
    position: relative;
    min-height: 60px
}

.boss-list li .op {
    float: right;
    padding-top: 17px
}

.boss-list li .op .time {
    color: #9fa3b0
}

.boss-list li .op .btn {
    display: none;
    height: 30px;
    line-height: 30px;
    min-width: 76px;
    font-size: 14px
}

.boss-list .text {
    position: relative;
    margin-right: 150px;
    margin-left: 80px
}

.boss-list .figure img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    line-height: 113px;
    display: inline-block;
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -30px
}

.boss-list li .info {
    margin-left: 18px;
    display: inline-block;
    width: 100%
}

.boss-list li .name {
    font-size: 18px;
    color: #414a60;
    font-weight: 400
}

.boss-list li .name .gray {
    font-size: 14px;
    padding-left: 25px
}

.boss-list li .company-info i {
    width: 24px;
    line-height: 20px;
    display: inline-block;
    text-align: center
}

.boss-list li .job-info {
    color: #9fa3b0;
    font-size: 14px;
    display: inline-block
}

.boss-list li p {
    font-size: 14px;
    color: #9fa3b0;
    margin-top: 5px
}

.icon-new {
    display: inline-block;
    width: 33px;
    height: 14px;
    background: url(../images/icon-new.png) no-repeat;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -1px
}

.boss-list li:hover {
    cursor: default
}

.boss-list li p.gray {
    font-size: 14px;
    color: #61687c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.boss-list li.read p.gray {
    color: #9fa3b0
}

.boss-list li .com-info {
    overflow: hidden;
    text-align: right;
    float: right;
    height: 66px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -33px
}

.boss-list li:hover .btn {
    display: inline-block
}

.boss-list li:hover .time {
    display: none
}

.boss-list li .com-info span {
    color: #9fa3b0;
    font-size: 14px;
    line-height: 66px
}

.deliver-list li p.new {
    margin-top: 14px;
    line-height: 24px;
    width: 75%;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notice-badge {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 12px;
    min-width: 8px;
    line-height: 16px;
    padding-left: 5px
}

.inner {
    width: 1184px
}

.fz-resume, .upload-layer {
    width: 24px;
    height: 24px;
    background: url(../images/icons-resume.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.sider-resume {
    width: 210px;
    padding: 0;
    background-color: transparent;
    box-sizing: border-box
}

.sider-resume .title {
    color: #414a60;
    font-size: 14px;
    padding: 18px 0 10px 0;
    font-weight: 400
}

.sider-resume .has-tip {
    padding-top: 50px
}

.sider-resume .title .edit {
    color: #8d92a1
}

.sider-resume .title .edit:hover {
    color: #00d7c6
}

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

.resume-attachment .resume-works-tip {
    width: 100%;
    background: #5e96f2;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    line-height: 30px
}

.resume-attachment .resume-works-tip.hidden {
    display: none
}

.resume-attachment .resume-works-tip .txt {
    font-size: 12px;
    margin-left: 7px
}

.resume-attachment .resume-works-tip .icon {
    width: 12px;
    height: 12px;
    cursor: pointer;
    background: url(../images/icon/icon-close-@1x.png) no-repeat;
    float: right;
    margin: 9px 5px 0 0
}

.resume-attachment .resume-works-tip .icon:hover {
    opacity: .9
}

.resume-attachment li a {
    display: block
}

.resume-attachment li span {
    display: inline-block;
    width: 250px;
    height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.resume-progress {
    padding-top: 10px
}

.sider-resume .resume-attachment li:hover .fz-close {
    background-position: -26px -696px
}

.sider-resume li {
    color: #9fa3b0;
    font-size: 14px;
    cursor: default
}

.sider-resume .resume-attachment li:hover a, .sider-resume li:hover, .sider-resume li:hover a {
    color: #414a60;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.sider-resume .progress {
    width: 100%;
    height: 8px;
    background-color: #e3e5e9;
    border-radius: 20px;
    margin-top: 6px;
    margin-bottom: 18px;
    display: none
}

.sider-resume .progress-score {
    font-size: 18px;
    color: #5dd5c8;
    float: right
}

.sider-resume .progress p {
    width: 80%;
    height: 100%;
    background-color: #5dd5c8;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.sider-resume .upd-time {
    color: #d1d4db;
    padding-bottom: 0;
    margin-top: -5px;
    font-size: 12px
}

.user-center .resume-attachment {
    margin-bottom: 0
}

.user-center .resume-attachment:after {
    content: "";
    display: block;
    border-bottom: 1px solid #f6f7f9
}

.sider-resume .btn-download {
    height: 42px;
    line-height: 42px;
    margin-bottom: 20px;
    display: block
}

.fixed-nav {
    position: fixed;
    top: 0
}

.file-btn {
    margin-top: -40px;
    position: relative
}

.btn-upload-file {
    width: 150px;
    height: 40px;
    display: block;
    position: relative
}

.btn-upload-file input {
    height: 40px;
    vertical-align: top;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    opacity: 0
}

.file-result {
    width: 150px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    text-align: center;
    background: #5dd5c8;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    color: #414a60;
    margin: 0 auto;
    color: #fff;
    cursor: pointer
}

.file-result:hover {
    background: #6adbcf
}

.file-result-text {
    width: 148px;
    height: 38px;
    line-height: 40px;
    white-space: nowrap;
    text-align: center;
    color: #00c2b3;
    border: 1px solid #53cac3;
    border-radius: 2px;
    font-size: 14px;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 10px
}

.file-result-text:hover {
    width: 146px;
    height: 36px;
    line-height: 38px;
    border-width: 2px
}

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

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

.paddingTop60 {
    position: relative;
    padding-top: 60px
}

.paddingTop60 .resume-analyze-tools {
    position: absolute;
    top: 0;
    width: 720px;
    padding: 0 10px 0 40px;
    height: 30px;
    background: rgba(94, 150, 242, .8);
    font-size: 13px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.paddingTop60 .resume-analyze-tools .name-text {
    margin-right: 20px
}

.paddingTop60 .resume-analyze-tools .go-detail {
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    width: 60px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 1)
}

.paddingTop60 .resume-analyze-tools .go-detail:hover {
    color: #5281cf;
    background: #fff
}

.paddingTop60 .resume-analyze-tools .close {
    width: 12px;
    height: 12px;
    background: url(../images/icon/icon-close-@1x.png) no-repeat;
    cursor: pointer
}

.resume .update-time {
    font-size: 12px;
    line-height: 17px;
    color: #9fa3b0;
    padding: 0 40px 10px
}

.resume .prv-view-btn {
    float: right;
    cursor: pointer;
    font-size: 14px;
    color: #24272e
}

.resume .prv-view-btn:hover {
    color: #5dd4c7
}

.resume .resume-warning {
    position: absolute;
    top: 0;
    left: 0;
    width: 770px;
    height: 30px;
    background: rgba(122, 168, 243, 1);
    line-height: 30px;
    padding-left: 40px;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    font-size: 13px;
    color: #fff;
    display: none;
    animation: jianli .6s ease
}

@keyframes jianli {
    from {
        transform: translateY(-200%)
    }
    to {
        transform: translate(0)
    }
}

.resume .resume-warning p {
    display: flex;
    align-items: center
}

.resume .resume-warning p img {
    width: 14px;
    height: 14px;
    margin: 0 5px
}

.resume .resume-warning a {
    color: #fff;
    text-align: center;
    margin-left: 20px;
    font-size: 12px;
    display: block;
    width: 90px;
    height: 17px;
    line-height: 18px;
    transition: all .4s ease;
    border: 1px solid #fff
}

.resume .resume-warning a:hover {
    color: #5281cf;
    border-color: #fff;
    background-color: #fff
}

.resume-update-pop, .resume-warning-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, .4)
}

.resume-update-pop {
    display: block
}

.badresume-close {
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 15px
}

.badresume-close img {
    width: 100%
}

.resume-warning-pop .item:nth-child(1) {
    font-size: 18px;
    font-weight: 400
}

.resume-warning-pop.badResume-desc {
    font-size: 14px;
    margin-top: 10px
}

.resume-warning-pop .item:nth-child(3) {
    margin-top: 20px
}

.resume-warning-pop .badResume-textInfo {
    width: 560px;
    height: 200px;
    resize: none;
    font-size: 14px;
    border: 1px solid rgba(227, 231, 237, 1);
    padding: 16px 16px 0 16px;
    transition: border .2s ease;
    margin-top: 10px
}

.resume-warning-pop .badResume-textInfo:focus {
    border: 1px solid rgba(0, 194, 179, 1)
}

.resume-warning-pop .dialog-container {
    width: 620px !important;
    margin-top: -250px !important
}

.resume-warning-pop .title {
    margin-left: 0 !important
}

.resume-warning-pop .dialog-con {
    padding-left: 24px !important;
    margin-top: 10px
}

.resume-warning-pop .badResume-count {
    text-align: right;
    color: rgba(168, 170, 183, 1)
}

.resume-warning-pop .content .item:nth-child(5) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px
}

.resume-warning-pop .content .item:nth-child(5) a {
    display: block;
    width: 90px;
    height: 34px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    text-align: center;
    line-height: 34px;
    margin-left: 20px;
    background-color: #fff;
    color: rgba(0, 194, 179, 1);
    border: 1px solid rgba(25, 215, 200, 1)
}

.resume-warning-pop .content .item:nth-child(5) a:nth-child(2) {
    background: rgba(94, 213, 200, 1);
    color: #fff;
    border: 1px solid transparent
}

.resume-update-pop .update-content {
    width: 440px;
    min-height: 307px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px 42px 20px 42px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.resume-update-pop .update-content .update-item:nth-child(1) {
    color: #414a60;
    font-size: 18px;
    font-family: PingFangSC-Regular;
    font-weight: 400
}

.resume-update-pop .update-content .update-item:nth-child(2) {
    width: 86px;
    height: 86px;
    margin: 20px auto 16px
}

.resume-update-pop .update-content .update-item:nth-child(2) img {
    width: 100%
}

.resume-update-pop .update-content .update-item:nth-child(3) {
    color: #61687c;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400
}

.resume-update-pop .update-content .update-item:nth-child(4) {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 56px
}

.resume-update-pop .update-content .update-item:nth-child(4) a {
    display: block;
    width: 120px;
    height: 34px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    text-align: center;
    line-height: 34px;
    margin-left: 20px;
    background-color: #fff;
    color: rgba(0, 194, 179, 1);
    font-size: 14px;
    border: 1px solid rgba(25, 215, 200, 1)
}

.resume-update-pop .update-content .update-item:nth-child(4) a:nth-child(2) {
    background: rgba(94, 213, 200, 1);
    color: #fff;
    border: 1px solid transparent
}

.resume-item .op a {
    float: left;
    position: relative
}

.resume-item .op a:hover .bubble, .serial-btn:hover .bubble {
    display: block
}

.resume-item .op .link-delete {
    margin-right: 30px
}

.resume-item .op {
    display: none;
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 4px
}

.resume-item .op a {
    color: #00c2b3;
    vertical-align: middle
}

.resume-item .op a:hover {
    opacity: .8
}

.resume-item .op i {
    color: #5dd5c8;
    vertical-align: middle
}

.resume-item .op span {
    padding-left: 10px;
    vertical-align: middle
}

.bubble {
    display: none;
    cursor: pointer;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #61687c;
    background-color: #fff;
    border: 1px solid #f3f4f6;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .06);
    position: absolute;
    z-index: 1;
    bottom: 0;
    top: 34px;
    left: -24px
}

.bubble:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -20px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 9999
}

.resume-item .item-primary {
    padding: 0 30px;
    position: relative
}

.resume-item .title {
    margin-right: 60px;
    border-top: 1px #f2f3f3 solid;
    color: #24272e;
    font-size: 18px;
    line-height: 25px;
    padding: 20px 0 8px 23px;
    font-weight: 400;
    position: relative
}

.resume-item .title:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 15px;
    border-radius: 10px;
    background-color: #53cac3;
    left: 10px;
    top: 25px
}

.resume-item .figure {
    position: absolute;
    right: 0;
    top: 10px;
    width: auto;
    margin-bottom: 0
}

.resume-item .figure .avatar_box .upload-layer, .resume-item .figure .avatar_box img, .resume-item .figure .avatar_line, .resume-item .figure .upload-layer .file-control {
    width: 80px;
    height: 80px;
    border-radius: 100%
}

.resume-item .figure a.upload-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(131, 131, 131, .8);
    background-image: url(../images/icons-resume.png);
    background-repeat: no-repeat;
    background-position: center -771px
}

.upload-layer .file-control {
    display: block;
    opacity: 0;
    cursor: pointer
}

.resume-item .figure:hover .upload-layer {
    display: block
}

.resume-item .text {
    color: #61687c;
    line-height: 25px;
    word-break: break-all;
    word-wrap: break-word;
    padding-top: 10px
}

.resume-item .text h4 {
    font-size: 16px;
    font-weight: 400;
    color: #414a60
}

.resume-item .period {
    float: left;
    color: #8d92a1;
    font-size: 12px;
    margin-left: 30px;
    position: relative;
    top: 2px
}

.logo-company {
    width: 36px;
    float: right
}

.logo-company img {
    width: 36px;
    height: 36px;
    display: block
}

.chat-info .vline, .text-company .vline {
    margin: 0 20px
}

.hidden-row {
    margin: -17px 16px 0;
    position: relative;
    z-index: 1
}

.hidden-row .checkbox {
    display: inline-block;
    font-size: 12px
}

.hidden-row .checkbox input {
    position: relative;
    top: 2px
}

.history-project > li {
    margin-bottom: 10px;
    padding: 7px 0 10px 24px;
    position: relative;
    cursor: pointer
}

.history-project > li:last-of-type {
    margin-bottom: 0
}

.history-project > li:hover .op {
    display: block
}

.history-project > li:hover {
    background-color: #f2f5f9;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.history-project li .text {
    color: #61687c;
    line-height: 24px
}

.history-project li .item-work {
    padding: 7px 0 5px
}

.history-project li .item-name {
    overflow: hidden;
    line-height: 21px;
    padding-right: 60px;
    margin-bottom: 7px
}

.history-project li .item-name .name {
    float: left;
    font-size: 15px;
    font-weight: 700;
    max-width: 420px;
    word-break: break-all
}

.history-project li .item-name .certified {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../images/icons-detail.png) no-repeat 0 -639px;
    color: #2db4b4;
    font-size: 12px
}

.history-project li .item-name .training {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../images/icons-detail.png) no-repeat 0 -696px;
    color: #fa3;
    font-size: 12px
}

.history-project li .op {
    top: 5px
}

.history-project li .text-type {
    color: #61687c;
    font-weight: 700
}

.history-project li .keywords span {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #9fa3b0;
    padding: 0 14px;
    margin-right: 10px;
    border: 1px solid #cfd1d7;
    border-radius: 50px
}

.history-project li .text h4 {
    position: relative;
    font-weight: 700;
    font-size: 15px
}

.history-project li .text h4 b {
    font-size: 14px
}

.history-project li .tags {
    margin-top: 15px
}

.history-project li .tags span {
    display: inline-block;
    border: 1px #cfd1d7 solid;
    border-radius: 15px;
    margin-right: 12px;
    color: #9fa3b0;
    font-size: 12px;
    line-height: 18px;
    padding: 0 15px
}

.history-project li .vline {
    margin: 0 20px
}

.prefix-minyear {
    position: absolute;
    top: 4px;
    left: 15px;
    width: 62px;
    background-color: #fff;
    color: #9fa3b0;
    font-style: normal;
    display: none
}

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

.resume .show-prefix-minyear .prefix-minyear {
    color: #414a60;
    top: 8px;
    left: 12px
}

.social-account {
    margin-top: 3px
}

.social-account li {
    position: relative;
    margin-bottom: 1px;
    padding: 4px 0 4px 24px;
    cursor: pointer
}

.social-account li:hover {
    background-color: #f2f5f9;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.social-account li:hover .op {
    display: block
}

.social-account li img {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 24px;
    vertical-align: middle
}

.social-account li > span {
    display: inline-block;
    max-width: 480px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.fz-female {
    background-position: 0 0;
    vertical-align: top
}

.fz-male {
    background-position: -24px 0;
    vertical-align: top
}

.fz-experience {
    background-position: 4px -477px
}

.fz-degree {
    background-position: 2px -507px
}

.fz-status {
    background-position: -26px -477px
}

.fz-tel {
    background-position: -25px -506px
}

.fz-mail {
    background-position: 4px -535px
}

.fz-weixin {
    background-position: -28px -586px
}

.fz-job {
    background-position: -25px -535px
}

.fz-salary {
    background-position: 2px -561px
}

.fz-industry {
    background-position: -26px -561px
}

.fz-place {
    background-position: 2px -585px
}

.fz-close {
    background-position: 6px -696px;
    float: right
}

.fz-info {
    background-position: 0 -54px
}

.fz-contact {
    background-position: -1px -620px
}

.fz-adventage {
    background-position: 0 -109px
}

.fz-positon {
    background-position: 0 -168px
}

.fz-history {
    background-position: 0 -225px
}

.fz-project {
    background-position: 0 -283px
}

.fz-eaducation {
    background-position: 0 -339px
}

.fz-edit {
    background-position: 5px -28px
}

.fz-add {
    background-position: 6px -662px
}

.fz-add-2 {
    background-image: url(../images/icon-add.png);
    background-size: 13px;
    background-position: center
}

.fz-socal {
    background-position: 0 -399px
}

.fz-delete {
    background-position: 3px -739px
}

.fz-menu-bullet {
    background-image: url(../images/menu-bullet.png)
}

.fz-menu-num {
    background-image: url(../images/menu-num.png)
}

.sider-resume .fz-resume {
    width: 20px
}

.resume-attachment .fz-close {
    width: 20px;
    position: absolute;
    z-index: 2;
    cursor: pointer
}

.resume-item .op a:hover .fz-add {
    background-position: -25px -662px
}

.resume-item .op a:hover .fz-edit {
    background-position: -25px -28px
}

.resume-item .op a:hover .fz-delete {
    background-position: -27px -739px
}

.serial-toolbar {
    height: 38px;
    line-height: 38px;
    border: solid #e3e7ed;
    background-color: #f8f9fb;
    border-width: 1px 1px 0;
    padding-left: 4px
}

.serial-toolbar .serial-btn {
    position: relative;
    font-style: normal;
    background: no-repeat center;
    cursor: pointer;
    float: left;
    height: 100%;
    width: 35px
}

.serial-toolbar .serial-btn .bubble {
    left: -18px;
    top: 38px
}

.serial-toolbar .serial-btn-bullet {
    background-image: url(../images/menu-bullet.png)
}

.serial-toolbar .serial-btn-num {
    background-image: url(../images/menu-num.png)
}

.serial-toolbar .serial-btn-bullet:hover {
    background-image: url(../images/menu-bullet-hover.png)
}

.serial-toolbar .serial-btn-num:hover {
    background-image: url(../images/menu-num-hover.png)
}

.serial-area {
    word-break: break-all;
    word-wrap: break-word
}

.resume-box .tip-text {
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-bottom: -20px;
    padding-left: 20px;
    background-position: 0 -1389px;
    color: #9fa3b0
}

.resume-item-open {
    background-color: #f8f9fb
}

.resume-item-open .item-primary {
    display: none
}

.resume-item-open .item-form {
    display: block
}

.item-form {
    display: none;
    padding: 0 40px
}

.form-resume .title {
    border: 0;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 0 19px 13px
}

.form-resume .title:before {
    display: none
}

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

.form-resume .form-row dt {
    line-height: 20px;
    padding: 3px 0 8px
}

.form-resume .form-row dl {
    display: inline-block;
    width: 316px;
    vertical-align: top;
    margin: 0 13px
}

.form-resume .form-row dd .babresume-warning {
    margin-top: -23px;
    margin-bottom: 28px
}

.form-resume .ipt {
    padding: 7px 14px;
    font-size: 14px;
    width: 286px;
    min-width: 0
}

.form-resume .ipt-long {
    width: 630px
}

.form-resume .form-btns {
    text-align: right;
    padding: 0 16px 20px
}

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

.form-resume .form-btns .btn-back {
    background-color: #fff;
    -webkit-transition: none;
    transition: none
}

.form-resume .form-btns .btn-back:not(.disabled):hover {
    border-width: 2px;
    height: 30px;
    line-height: 28px;
    padding: 0 24px;
    background-color: #fff;
    color: #5dd5c8
}

.form-resume .radio-square {
    min-width: 146px;
    line-height: 36px;
    float: left
}

.form-resume .row-area dl {
    display: block;
    width: 660px
}

.form-resume .row-area .ipt-area {
    width: 630px;
    height: 184px;
    color: #414a60
}

.form-resume .row-area .tip-text {
    position: absolute;
    margin: 0;
    bottom: 5px
}

.form-resume .tip-text-hover {
    display: none;
    position: absolute;
    z-index: 1;
    top: 38px;
    left: 0;
    width: 286px;
    font-size: 13px;
    color: #7f7f7f;
    line-height: 20px;
    padding: 9px 14px;
    background-color: #fff;
    border: 1px solid #e3e7ed;
    border-top: 0
}

.form-resume .tip-text-hover a {
    color: #00d7c6
}

.form-resume .tip-text-hover.name-tip {
    padding: 0;
    width: 314px
}

.form-resume .tip-text-hover.name-tip p {
    font-size: 12px;
    color: #9fa3af;
    line-height: 17px;
    padding: 9px 0 9px 10px
}

.form-resume .tip-text-hover.name-tip ul label {
    display: block;
    color: #414a60;
    line-height: 34px;
    padding: 0 15px 0 10px;
    cursor: pointer
}

.form-resume .tip-text-hover.name-tip ul label:hover {
    background-color: #f2f5f9
}

.form-resume .tip-text-hover.name-tip ul label input {
    float: right;
    margin-top: 10px
}

.dropdown-skills .dropdown-menu {
    width: auto
}

.skills-pannel {
    background-color: #fff;
    width: 490px
}

.skills-pannel ul {
    font-size: 0
}

.skills-pannel div.empty {
    font-size: 14px;
    color: #9fa3b0;
    padding-left: 17px
}

.skills-pannel li {
    width: 120px;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    padding: 0 !important
}

.position-manage .skills-pannel li:hover {
    background: 0 0
}

.skills-pannel span {
    display: block;
    color: #414a60;
    padding: 0 12px;
    line-height: 20px;
    height: 20px;
    border-radius: 15px;
    margin: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.skills-pannel span:hover {
    background-color: #eef0f5
}

.skills-pannel span.selected {
    background-color: #eef0f5
}

.dropdown-skills .result-selecter {
    width: 663px
}

.dropdown-skills .result-selecter .active {
    background-color: #f2f5fa
}

.result-selecter {
    display: none;
    width: 240px;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    position: absolute;
    z-index: 10;
    -webkit-box-shadow: 1px 2px 14px rgba(0, 0, 0, .11);
    box-shadow: 1px 2px 14px rgba(0, 0, 0, .11)
}

.dropdown-type .result-selecter {
    width: 370px
}

.result-selecter .data-blank, .result-selecter li {
    line-height: 40px;
    height: 40px;
    color: #9fa3b0;
    font-size: 14px;
    padding: 0 17px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis
}

.result-selecter li:hover {
    background-color: #f2f5fa
}

.result-selecter li span {
    float: right;
    color: #d1d4db
}

.result-selecter .h {
    font-style: normal;
    text-decoration: none;
    color: #00d7c6
}

.result-selecter .gray {
    float: right;
    color: #d1d4db
}

.result-selecter .data-blank a {
    float: right;
    color: #9fa3b0;
    font-size: 12px
}

.row-skills .bootstrap-tagsinput {
    width: 640px
}

.form-resume .row-skills dl {
    width: auto;
    display: block
}

.form-resume .row-skills .dropdown-select .ipt {
    width: 630px
}

.row-skills .dropdown-menu ul {
    width: 659px
}

.dropdown-menu li .h {
    color: #16c3b1
}

.range-item, .salary-item {
    float: left
}

.range-item .ipt, .salary-item .ipt {
    width: 111px;
    min-width: 111px
}

.range-devide {
    margin: 0 10px;
    float: left;
    line-height: 38px
}

.dropschool .suggestion li i {
    float: right;
    font-style: normal;
    color: #414a60
}

.dropcompany .suggestion-ipt, .dropschool .suggestion-ipt {
    cursor: auto
}

.dropmajor .dropdown-select .ipt:disabled {
    background: #e3e7ed
}

.link-add {
    float: right;
    height: 25px;
    margin: 20px 5px 0 0;
    line-height: 25px;
    color: #00c2b3;
    text-align: center;
    cursor: pointer
}

.link-add i {
    color: #00c2b3;
    font-size: 14px;
    vertical-align: middle
}

.link-add span {
    padding-left: 10px;
    vertical-align: middle
}

.link-add:hover {
    opacity: .8
}

#resume-userinfo {
    margin-bottom: 10px
}

#resume-userinfo .name {
    font-weight: 400;
    font-size: 24px;
    line-height: 33px
}

#resume-userinfo .name .fz-resume {
    margin-bottom: 4px;
    vertical-align: middle
}

#resume-userinfo .userinfo-con {
    display: inline-block;
    max-width: 550px;
    padding: 10px
}

#resume-userinfo .userinfo-con .name {
    position: relative
}

.bad-resume-pre-icon {
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../images/icon-bad-resume-pre.png) no-repeat;
    left: 0;
    top: 10px
}

#resume-userinfo .userinfo-con .name .bad-resume-pre-icon {
    left: -17px;
    top: 8px
}

.babresume-warning {
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(252, 112, 62, 1);
    line-height: 17px;
    position: relative;
    margin-left: 20px;
    margin-top: 5px;
    display: block;
    animation: warning .5s ease
}

.babresume-warning::before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    left: -20px;
    top: 2px;
    background: url(../images/resume-warning.png) no-repeat;
    background-size: cover
}

@keyframes warning {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

#resume-history .item-form-list {
    position: relative
}

#resume-userinfo .info-labels {
    position: relative;
    padding-top: 20px
}

#resume-userinfo .info-labels .fz-resume {
    margin-right: 3px
}

#resume-userinfo .info-labels .vline {
    margin: 0 28px
}

#resume-userinfo .info-labels .label-text {
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
    word-wrap: break-word
}

#resume-userinfo .item-primary {
    margin-right: 40px
}

#resume-userinfo .item-primary .op {
    display: block;
    right: -5px;
    bottom: 10px;
    top: unset
}

#resume-userinfo .row-contact {
    margin-top: 11px
}

#resume-userinfo .form-resume .ipt[disabled], .ipt-disabled {
    cursor: default;
    opacity: 1 !important;
    background-color: #e3e7ed;
    color: #9fa3af;
    border-color: #dbe0e5
}

#resume-userinfo .dropdown-disabled {
    opacity: 1
}

.ipt-disabled:focus {
    border-color: #dbe0e5;
    box-shadow: none
}

#resume-summary {
    padding-bottom: 12px
}

#resume-summary .text {
    position: relative;
    padding: 7px 60px 8px 24px;
    cursor: pointer
}

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

#resume-summary .text .op {
    display: block
}

#resume-summary .count-num {
    padding-bottom: 8px
}

#resume-summary .row-area {
    padding-bottom: 0
}

#resume-summary .row-area .ipt-area {
    height: 124px
}

#resume-purpose .purpose-list {
    margin-bottom: 1px
}

#resume-purpose .purpose-list .label-text {
    display: inline-block;
    vertical-align: middle;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#resume-purpose .purpose-list li {
    padding: 7px 60px 7px 17px;
    position: relative;
    cursor: pointer
}

#resume-purpose .purpose-list li .fz-resume {
    margin-right: 3px
}

#resume-purpose .purpose-list li:hover {
    background-color: #f2f5f9;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

#resume-purpose .purpose-list li:hover .op {
    display: block
}

#resume-purpose .purpose-list li:only-child .op {
    display: block
}

#resume-purpose .vline {
    margin: 0 15px
}

.auto-location .dropdown-select:after {
    content: "当前定位城市";
    display: block;
    position: absolute;
    right: 37px;
    top: 0;
    line-height: 38px;
    font-size: 12px;
    color: #9fa3af
}

#resume-education .row-area, #resume-history .row-area, #resume-project .row-area {
    padding-bottom: 0
}

.count-num {
    display: block;
    color: #9fa3b0;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    padding: 4px 10px 6px 0
}

.count-num em {
    font-style: normal
}

.count-num em.red {
    color: #fc6e3c
}

.row-area .ipt-area {
    height: 184px
}

.span-wechat {
    max-width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.select-tree {
    position: relative
}

.select-tree ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 166px;
    max-height: 250px;
    height: 250px
}

.select-tree ul.tree-2 {
    left: 168px
}

.select-tree ul.tree-3 {
    left: 336px;
    border-top: 1px #e3e7ed solid;
    height: 249px;
    display: none
}

.select-tree li {
    display: block;
    background-position: right -1575px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.select-tree li.selected {
    background-color: #f2f5f9;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.select-tree li.blank {
    background: 0 0;
    color: #ccc;
    padding-top: 50px;
    text-align: center
}

.select-tree ul.tree-3 li {
    background-image: none
}

.select-industry, .select-tags {
    background-color: #fff;
    border: 1px #e3e7ed solid;
    padding: 20px 30px;
    width: 500px;
    position: absolute;
    top: 0;
    left: 0
}

.industry-title .btns, .tags-title .btns {
    float: right
}

.industry-title h3, .tags-title h3 {
    font-weight: 400;
    font-size: 16px;
    color: #9fa3b0
}

.industry-cells, .tags-cells {
    clear: both;
    padding-top: 20px;
    margin-left: -11px;
    max-height: 300px;
    overflow: auto
}

.industry-cells span, .tags-cells span {
    display: inline-block;
    line-height: 24px;
    padding: 0 8px;
    margin: 0 3px 10px 3px;
    text-align: center;
    cursor: pointer;
    border: 1px #fff solid;
    border-radius: 15px
}

.industry-cells span.selected, .tags-cells span.selected {
    border-color: #eaebee;
    color: #fc6c38
}

.industry-cells .blank-tag {
    text-align: center;
    color: #9fa3b0
}

.select-tags {
    width: 600px
}

.tags-title .ipt {
    width: 160px;
    padding: 4px 10px;
    min-width: 0
}

.tags-title .btn-addtag {
    min-width: 52px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 12px
}

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

.suggest-complete li .ignore {
    float: right
}

.tags-wrap {
    height: 22px;
    overflow: hidden;
    min-height: 22px;
    line-height: 22px;
    border: 1px solid #e3e7ed;
    vertical-align: middle;
    min-width: 300px;
    padding: 9px 12px;
    font-size: 14px;
    width: 310px;
    background: #fff
}

.tags-wrap .ipt {
    display: none
}

.tagsinput {
    white-space: nowrap
}

.tagsinput div {
    display: inline-block
}

.tagsinput div.tags_msg {
    display: none
}

.tagsinput input {
    padding: 5px 0;
    border: 0
}

.tagsinput .tag {
    display: inline-block;
    border: 1px #eee solid;
    border-radius: 15px;
    padding: 0 10px;
    margin-right: 5px
}

.file-upload .data-tab {
    margin: 0
}

.file-upload .tab-con {
    display: none;
    background: #f9f9f9;
    border: 1px #eee solid;
    padding: 10px;
    margin-top: 10px
}

.file-info, .file-result li {
    display: table;
    width: 100%
}

.file-info {
    border-bottom: 1px #ddd solid;
    padding-bottom: 5px
}

.file-result li {
    line-height: 40px
}

.file-info span, .file-result li span {
    display: table-cell
}

.file-info span {
    font-weight: 700;
    padding-bottom: 5px
}

.file-name {
    width: 100px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.resume-attachment .upload-op {
    display: inline-block;
    height: 34px
}

.resume-del {
    font-style: normal;
    display: block;
    width: 90px;
    height: 34px
}

.upload-op .btn-upload-file {
    width: 30px;
    height: 26px;
    top: 0;
    right: 0;
    cursor: pointer
}

.upload-op .btn-upload-file input {
    height: 26px
}

.resume-attachment .change {
    font-style: normal;
    position: absolute;
    cursor: pointer;
    width: 100%;
    text-align: center;
    left: 0
}

.resume-menu {
    float: right;
    height: 26px;
    cursor: pointer
}

.resume-menu > i {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 200px;
    background: #aaa;
    margin: 0 3px;
    position: relative;
    top: -2px
}

.resume-menu:hover > i {
    background: #5dd4c7
}

.resume-menu-box {
    position: absolute;
    top: 42px;
    right: 0;
    width: 90px;
    box-shadow: -4px 3px 12px rgba(3, 0, 0, .2);
    z-index: 9999;
    display: none
}

.resume-menu:hover .resume-menu-box {
    display: block
}

.resume-menu-box .menu-btn {
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #fff;
    cursor: pointer
}

.resume-menu-box .menu-btn a {
    width: 90px;
    height: 34px;
    display: block;
    text-align: center;
    color: #414a60
}

.resume-menu-box .menu-btn:hover {
    background: #f2f5fa
}

.file-name {
    width: 150px
}

.file-size, .file-status {
    text-align: center;
    width: 10%
}

.file-upload .tab-con .data-search {
    padding: 0 0 10px
}

.profile_form .avatar_box .avatar {
    border: 0
}

#pop-resume {
    display: none
}

.pre-view-box {
    display: none
}

.resume-settings {
    background-color: #fff;
    margin-bottom: 20px
}

.resume-settings .title {
    padding: 24px;
    padding-bottom: 0
}

.resume-settings .title .pull-right {
    float: right;
    font-size: 14px;
    color: #56cbc4
}

.resume-settings .setting-item {
    color: #61687c;
    padding: 16px 24px;
    line-height: 20px
}

.resume-settings .setting-item .pull-right {
    float: right;
    font-size: 13px;
    color: #9fa3af
}

.resume-settings .setting-item + .setting-item {
    border-top: 1px solid #f3f3f3
}

.resume-settings .text-green {
    color: #56cbc4
}

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

.layer-position .dialog-container .title {
    font-weight: 400;
    padding: 10px 0 10px 23px
}

.layer-position .icon-select-arrow {
    display: none
}

.layer-position .select-tree {
    display: none
}

.position-manage .tree-1, .position-manage .tree-2, .position-manage .tree-3 {
    display: none
}

.layer-position .s-position-search {
    float: right;
    margin-right: 486px;
    margin-top: -2px
}

.s-position-search {
    width: 250px;
    height: 30px;
    position: relative
}

.s-position-search .position-input input {
    display: block;
    position: relative;
    width: 198px;
    min-width: auto;
    padding: 5px 30px 5px 20px;
    line-height: 18px;
    min-height: 18px;
    font-size: 12px;
    border: 1px solid #e1e6ea;
    border-radius: 15px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.s-position-search .position-input input:focus {
    border-color: #00d7c6
}

.s-position-search .position-input .icon-p-search {
    position: absolute;
    right: 12px;
    top: 7px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-p-search.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    cursor: pointer
}

.s-position-search .position-lists {
    position: absolute;
    top: 35px;
    left: 0;
    width: 250px;
    overflow: hidden;
    -webkit-box-shadow: 1px 2px 14px rgba(0, 0, 0, .11);
    box-shadow: 1px 2px 14px rgba(0, 0, 0, .11)
}

.s-position-search .position-lists .normal ul {
    max-height: 480px;
    overflow-y: auto
}

.s-position-search .position-lists .normal li {
    padding: 10px 2px 9px 24px;
    background-color: #fff;
    cursor: pointer
}

.s-position-search .position-lists .normal li:hover {
    background-color: #f2f5f9
}

.s-position-search .position-lists .normal li.selected {
    background-color: #f2f5f9
}

.s-position-search .position-lists .normal li .p-name {
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.s-position-search .position-lists .normal li .p-name .h {
    color: #18c3b1
}

.s-position-search .position-lists .normal li .p-des {
    display: block;
    margin-top: 3px;
    line-height: 18px;
    font-size: 12px;
    color: #9fa3b0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.s-position-search .position-lists .blank {
    padding: 9px 0 8px 0;
    line-height: 17px;
    font-size: 12px;
    color: #9fa3b0;
    text-align: center;
    background-color: #fff
}

.s-position-search .position-lists .hide {
    display: none
}

.resume-dropdown-select-input {
    width: 316px
}

.resume-dropdown-select-input .dropdown-select {
    width: 100%;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box
}

.resume-dropdown-select-input .dropdown-select:after {
    display: none
}

.resume-dropdown-select-input .dropdown-select input {
    width: 100%;
    box-sizing: border-box;
    padding-left: 7px;
    background: #fff;
    opacity: 1
}

.resume-dropdown-select-input .dropdown-menu {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    border: 1px solid #e3e7ed;
    border-top: none;
    box-sizing: border-box;
    width: 316px;
    z-index: 10;
    position: absolute
}

.resume-dropdown-select-input .dropdown-menu li {
    position: relative
}

.resume-dropdown-select-input .dropdown-menu li:first-child {
    font-size: 12px;
    color: #9fa3b0
}

.resume-dropdown-select-input .dropdown-menu li:first-child:hover {
    color: #9fa3b0
}

.resume-dropdown-select-input .dropdown-menu .radio {
    display: block
}

.resume-dropdown-select-input .dropdown-menu .radio input {
    position: absolute;
    right: 13px;
    top: 14px
}

.resume-dropdown-select-input .dropdown-menu ul {
    left: -1px
}

.resume-form-row .radio-list {
    white-space: nowrap
}

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

.resume-form-row .radio-square + .radio-square {
    margin-left: 32px
}

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

#resume-history.resume-item-open .item-primary {
    display: block;
    background: #fff
}

.resume-border {
    width: 730px;
    border: 2px solid #e9ebee;
    overflow-y: scroll;
    overflow-x: hidden
}

.resume-success-title {
    font-size: 24px;
    color: #24272e;
    padding: 40px 0 30px 0;
    line-height: 30px
}

.resume-page-toast {
    position: fixed;
    background: #919191;
    border-radius: 4px;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    width: 330px;
    bottom: 100px;
    margin-left: 200px;
    text-align: center
}

.uploadResume-error .dialog-container {
    text-align: center;
    padding: 40px;
    width: 300px
}

.uploadResume-error .dialog-container p {
    padding-bottom: 10px;
    font-size: 16px;
    color: #414a60;
    line-height: 30px
}

.uploadResume-dialog .dialog-container {
    padding: 40px 51px 30px 51px
}

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

.uploadResume-dialog .dialog-con p {
    color: #d8d8d8;
    text-align: center;
    margin-bottom: 30px
}

.uploadResume-dialog .dialog-con p span {
    color: #1d0000
}

#resume-history .item-primary li .item-form-list {
    margin: 0 30px;
    padding: 7px 0 10px 24px
}

#resume-history .item-primary {
    padding: 0
}

#resume-history .item-primary > .title {
    margin: 0 100px 0 30px
}

#resume-history .item-primary > .link-add {
    margin-right: 35px
}

#resume-history .item-primary li .edit-form-list {
    background: #f8f9fb
}

#resume-history .history-project > li .item-form-list:hover {
    background-color: #f2f5f9;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

#resume-history .history-project > li:hover {
    background: 0 0 !important
}

#resume-history .history-project > li .item-form-list:hover .op {
    display: block
}

#resume-history .history-project > li {
    padding: 0
}

#resume-history .history-project .edit-form-list {
    padding: 0 40px;
    display: none
}

.resume-list-wrap-open .resume-list-open .edit-form-list {
    display: block !important
}

.resume-list-wrap-open .resume-list-open .item-form-list {
    display: none !important
}

.frame-preview-resume {
    width: 830px;
    height: 100%;
    margin: 0 auto;
    background: #fff;
    overflow: hidden
}

.frame-preview-resume iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.pop-resume-rename {
    padding: 10px 0
}

.pop-resume-rename p {
    padding-top: 10px
}

.pop-resume-rename .ipt {
    width: 318px
}

.btn-file {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    padding: 0 20px
}

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

.upload-dialog-box {
    text-align: center;
    font-size: 14px
}

.upload-dialog-box p:first-of-type {
    padding-top: 16px
}

.upload-dialog-box p a {
    color: #53cac3
}

.upload-dialog-box p a:hover {
    color: #00d7c6
}

.upload-dialog-box .btn-file {
    margin-top: 24px;
    display: inline-block;
    box-sizing: content-box;
    height: 38px;
    line-height: 38px
}

.icon-upload-resume {
    display: inline-block;
    width: 107px;
    height: 104px;
    background: url(../images/in_upload.png) no-repeat
}

.icon-loading-chrysanthemum {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ui/icon-chrysanthemum.gif) no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px
}

.pop-resume-box {
    background: #fff;
    width: 1184px;
    margin: 0 auto;
    display: table;
    height: 100%
}

.pop-resume-box .resume-wrap {
    vertical-align: top;
    padding: 20px;
    position: relative;
    height: 100%;
    min-height: 400px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pop-resume-box .resume-wrap .img-box {
    border: 1px #e9ebee solid;
    margin-top: 20px;
    height: calc(100vh - 92px);
    overflow-y: auto
}

.pop-resume-box .resume-wrap .img-box img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.pop-resume-box h3.title {
    font-size: 24px;
    line-height: 30px
}

.pop-resume-box .resume-sider {
    display: table-cell;
    vertical-align: top;
    width: 250px;
    background: #f9fafb;
    padding: 20px
}

.pop-resume-box .resume-sider h3.title {
    margin-bottom: 20px
}

.pop-resume-box .resume-sider p {
    padding: 5px 0
}

.pop-resume-box .resume-sider p.gray {
    padding-top: 15px
}

.pop-resume-box .resume-sider .btns {
    margin-top: 15px
}

.pop-resume-box .resume-sider .btn {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    min-width: 0;
    width: 110px;
    padding: 0;
    vertical-align: top
}

.pop-resume-box .resume-sider .btns .btn-outline:hover {
    background-color: #fff;
    color: #00c7b1;
    width: 108px;
    height: 30px;
    line-height: 30px;
    border-width: 2px;
    -webkit-transition: none;
    transition: none
}

.pop-resume-box .resume-sider .btn-sure {
    margin-left: 25px
}

.pop-resume-box .resume-sider .btn-through {
    width: 100%;
    height: 36px;
    line-height: 36px
}

.pop-resume-box .data-tips {
    padding: 0;
    width: 340px;
    height: 150px !important;
    min-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -170px
}

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

.pop-resume-box ::-webkit-scrollbar {
    width: 4px
}

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

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

.dialog-alert-tip .dialog-container {
    width: 240px;
    padding: 24px 30px;
    margin-left: -150px
}

.upload-dialog-deliver {
    padding-top: 10px
}

.upload-dialog-deliver p {
    color: #9fa3af
}

.upload-dialog-deliver .btns {
    margin-top: 20px;
    text-align: right
}

.upload-dialog-deliver .btn {
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    min-width: 94px;
    font-size: 14px;
    padding: 0 5px
}

.upload-dialog-deliver .btn-outline {
    margin-right: 20px;
    padding: 0
}

.upload-dialog-deliver .btn-outline:hover {
    background-color: #fff;
    color: #00c7b1;
    min-width: 92px;
    height: 30px;
    line-height: 30px;
    border-width: 2px;
    padding: 0;
    -webkit-transition: none;
    transition: none
}

.upload-dialog-deliver a {
    color: #5dd5c8
}

.upload-dialog-deliver .btn-file {
    color: #fff
}

.annex-resume {
    padding: 0 18px !important
}

.annex-resume .title span {
    font-size: 13px;
    color: #9fa3af;
    margin-left: 4px
}

.annex-list {
    margin-left: -18px;
    width: 210px;
    padding-bottom: 20px
}

.annex-resume .annex-list li {
    position: relative;
    color: #414a60
}

.annex-item {
    line-height: 40px;
    padding: 0 18px;
    cursor: pointer;
    overflow: hidden
}

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

.annex-item .del-btn {
    float: right
}

.annex-item .del-btn:hover {
    color: #00c2b3
}

.annex-item img {
    float: left;
    margin-top: 14px
}

.annex-item em {
    display: block;
    margin: 0 21px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.annex-card {
    display: none;
    position: absolute;
    left: -392px;
    top: 0;
    z-index: 1;
    width: 388px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15)
}

.card-body {
    padding: 20px 20px 19px 27px
}

.card-body img {
    float: left;
    margin-top: 5px
}

.card-content {
    margin-left: 45px
}

.card-content .basis {
    line-height: 24px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.card-content .desc {
    font-size: 13px;
    line-height: 20px;
    color: #9fa3b0
}

.card-content .basis .txt {
    display: inline-block;
    width: 236px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.works-tag {
    width: 46px;
    color: #00c2b3;
    background: rgba(141, 220, 215, .2);
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 19px;
    line-height: 20px;
    border-radius: 3px
}

.card-footer {
    border-top: 1px solid #f2f2f5;
    text-align: right;
    line-height: 46px
}

.card-footer a, .card-footer em {
    font-style: normal;
    display: inline-block !important;
    padding: 0 13px;
    cursor: pointer
}

.card-footer a:hover, .card-footer em:hover {
    background-color: #f2f5fa;
    color: #00d7c6 !important
}

.annex-resume .upload {
    padding-bottom: 22px
}

.annex-resume .file-btn {
    display: none
}

.annex-resume .btn-upload-file {
    margin: 0 auto
}

.annex-resume .file-tip p {
    padding-top: 15px
}

.choose-resume-dialog .dialog-container {
    width: 510px;
    margin: -155px 0 0 -285px;
    padding: 24px 30px
}

.choose-resume-dialog .resume-list {
    margin-top: 20px;
    padding-bottom: 10px
}

.choose-resume-dialog .resume-list li {
    cursor: pointer;
    color: #62687a;
    line-height: 44px;
    font-size: 14px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.choose-resume-dialog .resume-list li:hover {
    background-color: #f2f5fa
}

.choose-resume-dialog .resume-list .side {
    float: right;
    margin-left: 80px;
    color: #a0a3af
}

.choose-resume-dialog .resume-list .side .size {
    display: inline-block;
    min-width: 60px;
    margin-left: 10px;
    text-align: right
}

.choose-resume-dialog .resume-list img {
    width: 19px;
    height: 25px;
    float: left;
    margin-right: 15px;
    margin-top: 9px
}

.choose-resume-dialog .resume-list input {
    position: relative;
    top: 2px;
    margin-left: 20px
}

.choose-resume-dialog .btn-disabled {
    background-color: #d1d4db;
    border-color: #d1d4db;
    cursor: not-allowed
}

.resume-refresh h4 {
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #414a60;
    line-height: 20px;
    text-align: left
}

.resume-refresh h4:hover {
    color: #00c2b3
}

.resume-refresh h4:hover + .resume-refresh-tip {
    display: block
}

.resume-refresh h4 span {
    display: inline-block;
    background-color: #fc5b5c;
    font-size: 10px;
    line-height: 14px;
    border-radius: 2px;
    padding: 0 2px;
    color: #fff
}

.resume-refresh {
    text-align: center
}

.resume-refresh li.refresh-lines, .resume-refresh li.refresh-test {
    background: #fff;
    padding: 20px 30px;
    margin-bottom: 16px;
    position: relative;
    display: none
}

.bg-axis {
    stroke: transparent;
    stroke-width: 29
}

.bg-axis.axis-hover, .bg-axis:hover {
    stroke: rgba(241, 245, 255, .66)
}

.refesh-line {
    stroke: #6bd0ca;
    stroke-width: 1px
}

.fresh-tip {
    font-size: 18px;
    line-height: 20px;
    height: 20px
}

.x-axis {
    stroke: #eef0f5;
    stroke-width: .5px
}

.refresh-test-img {
    display: block;
    background: url(../images/five-graph.png) no-repeat center;
    background-size: contain;
    width: 192px;
    height: 122px;
    margin: 16px auto
}

.refresh-test p {
    font-size: 12px;
    color: #9fa3af;
    line-height: 17px;
    margin: 16px 0;
    text-align: center
}

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

.refresh-text .refresh-free-count span {
    color: #53cac3
}

.refresh-btn, .refresh-btn-test {
    width: 100%;
    margin-top: 14px;
    display: block;
    height: 34px;
    line-height: 34px;
    border: 0 none;
    border-radius: 0
}

.refresh-bt-grey {
    width: 148px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border: 1px #eef0f5 solid;
    background: #eef0f5;
    font-size: 14px;
    color: #d1d4db
}

.refresh-bt-grey:hover {
    background-color: #eef0f5;
    color: #d1d4db;
    cursor: not-allowed
}

.refresh-text .refresh-free-count {
    float: right
}

.resume-pay-success {
    text-align: left
}

.resume-refresh-error .sub-title {
    padding: 10px 0 32px;
    font-size: 14px;
    color: #9fa3b0
}

.resume-refresh-hwslider {
    width: 170px;
    height: 140px;
    position: relative;
    overflow: hidden
}

.resume-refresh-hwslider ul {
    width: 151px;
    height: 140px;
    position: absolute;
    z-index: 1
}

.resume-refresh-hwslider ul li {
    display: none;
    position: absolute;
    overflow: hidden;
    margin-left: 8px
}

.resume-refresh-hwslider ul li.active {
    display: block
}

.resume-refresh-hwslider .arrow-next, .resume-refresh-hwslider .arrow-prev {
    display: block;
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 100px;
    line-height: 38px;
    text-align: center;
    font-size: 36px;
    color: #fff;
    text-decoration: none
}

.resume-refresh-hwslider .arrow-next {
    right: 0
}

.resume-refresh-hwslider .arrow-next:after, .resume-refresh-hwslider .arrow-prev:after, .resume-refresh-tip i {
    background: url(../images/icons.png) no-repeat center
}

.resume-refresh-hwslider .arrow-next:after, .resume-refresh-hwslider .arrow-prev:after {
    content: '';
    display: block;
    margin-top: 50px;
    margin-left: 5px;
    width: 10px;
    height: 40px
}

.resume-refresh-hwslider .arrow-prev:after {
    background-position: 0 -1492px
}

.resume-refresh-hwslider .arrow-next:after {
    background-position: 0 -1540px
}

.fresh-day {
    font-size: 13px;
    fill: #d1d4db
}

.my-series, .similar-series {
    font-size: 15px;
    fill: #53cac3;
    text-anchor: middle;
    display: none
}

.similar-series {
    fill: #8d92a1;
    display: none
}

.resume-refresh-hwslider .today-dots {
    font-size: 10px;
    fill: #fc5b5c
}

.resume-refresh-hwslider .dn {
    display: none
}

.resume-refresh-tip {
    display: none;
    position: absolute;
    width: 206px;
    height: 46px;
    padding: 10px 15px;
    background-color: #fff;
    left: -245px;
    top: 0;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    text-align: left;
    font-size: 13px;
    color: #9fa3b0;
    line-height: 23px;
    z-index: 999
}

.resume-refresh-tip i {
    display: inline-block;
    width: 12px;
    height: 21px;
    background-position: 0 -697px;
    position: absolute;
    top: 22px;
    right: -12px
}

.resume-refresh-loading {
    padding-top: 40px;
    width: 170px;
    height: 100px;
    position: relative
}

.resume-refresh-loading i {
    display: block;
    background: url(../images/loading.gif) no-repeat center;
    width: 170px;
    height: 30px;
    background-size: contain
}

.resume-refresh-loading p {
    padding-top: 11px;
    font-size: 14px;
    color: #61687c
}

.resume-refresh .svg-sub {
    float: right;
    font-size: 12px;
    line-height: 28px;
    color: #8d92a1
}

.resume-refresh .svg-sub span:before {
    display: inline-block;
    content: ' ';
    width: 4px;
    height: 4px;
    background-color: #53cac3;
    vertical-align: middle;
    border-radius: 2px;
    margin-right: 3px;
    margin-top: -2px
}

.resume-refresh .svg-sub .svg-other::before {
    background-color: #f8c579;
    margin-left: 11px
}

.resume-refresh .my-yaxis {
    stroke: #5cd5c8;
    stroke-width: 1px;
    fill: #53cac3
}

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

.refesh-line.refesh-line0 {
    stroke: #f8c579
}

.resume-refresh .similar-yaxis {
    stroke: #f8c579;
    stroke-width: 1px;
    fill: #f8c579
}

.resume-refresh .similar-yaxis:hover {
    stroke: #f6e9d5;
    stroke-width: 2.5px;
    fill: #f8c579
}

.axis-active + .refresh-x .my-series.dn {
    display: none
}

.axis-active .my-series {
    display: block !important
}

.axis-active.my-series-grey .my-series {
    display: none !important
}

.axis-active.my-series-grey .my-yaxis {
    stroke: #5cd5c8;
    stroke-width: 1px;
    fill: #53cac3
}

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

.my-series.dn {
    display: block
}

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

.search-job-list-wrap .sider-resume {
    width: 250px
}

.search-job-list-wrap .sider-resume .upload {
    padding: 20px 0
}

.search-job-list-wrap .sider-resume .file-result {
    display: block;
    width: auto;
    margin: 0 2px
}

.search-job-list-wrap .complete-resume {
    margin-bottom: 16px;
    padding: 20px 30px;
    background-color: #fff
}

.search-job-list-wrap .complete-resume .btn {
    display: block;
    height: 34px;
    line-height: 34px;
    border: none;
    font-size: 14px;
    letter-spacing: 0
}

.search-job-list-wrap .complete-resume .btn-outline {
    color: #5dd5c8;
    border: 1px solid #5dd5c8
}

.search-job-list-wrap .complete-resume .btn-outline:hover {
    color: #fff
}

.search-job-list-wrap .complete-resume .btn + .btn {
    margin-top: 16px
}

#resume-education .hide {
    display: none
}

#resume-education .edu-type .btn {
    width: 145px;
    font-size: 14px
}

#resume-education .edu-type .btn:first-child {
    margin-right: 14px
}

#resume-education .edu-type .btn-slight:hover {
    transition: all linear .2s;
    background-color: #6adbcf;
    border-color: #6adbcf;
    color: #fff
}

#resume-education .edu-type .btn-outline:hover {
    background-color: #fff;
    color: #6adbcf
}

.upload-resume-dialog .dialog-container {
    padding: 0 30px 30px;
    margin: -210px 0 0 -300px;
    border-radius: 12px
}

.upload-resume-dialog .dialog-title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    padding: 20px 0
}

.upload-resume-dialog .btn {
    height: 32px;
    line-height: 32px;
    font-size: 14px
}

.upload-resume-dialog .btn-file {
    position: relative;
    overflow: hidden;
    width: 152px;
    cursor: pointer
}

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

.upload-resume-dialog .resume-wrap {
    display: flex;
    justify-content: space-between;
    width: 540px
}

.upload-resume-dialog .resume-wrap dd {
    flex: none;
    width: 260px
}

.upload-resume-dialog .resume-wrap .sec-upload {
    position: relative
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap {
    height: 260px;
    background: #f8f8f8;
    border-radius: 8px;
    box-sizing: border-box
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap p {
    color: #9fa3b0
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap .upload-guide {
    padding: 104px 0 16px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap .upload-tip {
    font-size: 12px;
    padding: 0 38px;
    color: #999;
    line-height: 17px
}

.upload-resume-dialog .resume-wrap .sec-make .zhipin-resume-img {
    width: 100%;
    height: 260px;
    background: url(https://img.bosszhipin.com/static/file/2022/mzpi3d9m8y1667791496454.png) no-repeat center;
    background-size: contain
}

.upload-resume-dialog .resume-wrap .btn {
    display: block;
    width: auto;
    margin-top: 20px;
    height: 46px;
    line-height: 46px;
    border-radius: 8px;
    background: #00bebd;
    font-size: 16px;
    font-weight: 500;
    border: none;
    transition: all .2s linear
}

.upload-resume-dialog .resume-wrap .btn:hover {
    background: rgba(0, 190, 189, .8)
}

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

.chat-controls a {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-image: url(https://static.zhipin.com/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(https://static.zhipin.com/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(https://static.zhipin.com/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(https://static.zhipin.com/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: #5dd5c8 url(../images/newbg.png) center bottom no-repeat
}

.page-sign #wrap {
    min-width: auto
}

.page-sign #header {
    background: 0 0;
    box-shadow: none
}

.page-sign #header .logo {
    padding: 56px 0 0 60px
}

.page-sign #header .logo a {
    background: 0 0;
    width: auto;
    height: 60px
}

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

.page-sign #header .tel {
    float: right;
    height: 20px;
    padding: 60px 60px 0 0;
    line-height: 20px;
    color: #fff;
    vertical-align: middle;
    opacity: .7
}

.page-sign #header .tel i {
    padding-right: 3px;
    vertical-align: middle
}

.page-sign .hide {
    display: none !important
}

.pop-sign {
    width: 800px;
    min-height: 400px;
    height: 455px
}

.sign-wrap {
    width: 410px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -268px 0 0 -205px
}

.sign-form {
    width: 324px;
    padding: 35px 43px 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 1px 2px 15px rgba(0, 0, 0, .3);
    display: none
}

.sign-form .title {
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
    color: #5dd5c8;
    position: relative;
    text-align: center
}

.sign-form .tip-error {
    text-align: center;
    color: #fc6c38;
    height: 29px;
    line-height: 18px;
    padding-top: 7px;
    white-space: nowrap
}

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

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

.sign-form .row-select .dropdown-menu li {
    line-height: 36px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 8px;
    border-radius: 4px;
    transition: all .2s linear
}

.sign-form .row-select .dropdown-menu li:hover {
    color: #00a6a7;
    background: #f8f8f8
}

.sign-form .row-select .dropdown-menu li.disabled:hover {
    background: 0 0
}

.row-code.nc-container .nc_scale .nc_bg, .row-code.nc-container .nc_scale .nc_ok {
    background: #8d92a1
}

.row-code.nc-container .nc_scale .btn_ok {
    color: #5dd5c8;
    border-color: #5dd5c8
}

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

.row-code.nc-container .nc_scale .scale_text.scale_text2 {
    text-indent: -42px
}

.sign-quick .row-code.nc-container .nc_scale .btn_ok, .sign-quick .row-code.nc-container .nc_scale span {
    border-color: #fff
}

.pop-sign-box .row-code, .sign-wrap .row-code {
    position: relative;
    min-height: 42px;
    background: #e8e8e8
}

.sign-form .row-code .input_code, .sign-wrap .row-code .input_code {
    width: 190px !important;
    height: 15px !important;
    vertical-align: middle;
    top: 0 !important
}

.sign-form .row-code img, .sign-wrap .row-code img {
    width: 95px !important;
    height: 40px !important;
    margin-left: 0 !important;
    vertical-align: middle
}

.home-inner .sign-wrap-v2 .row-code .input_code {
    width: 125px !important
}

.home-inner .sign-wrap-v2 .row-code img {
    position: absolute;
    top: 1px
}

.search-job-list-wrap .home-inner .sign-wrap-v2 .row-code .input_code {
    width: 90px !important
}

.fast-register-box .sign-form .row-code .input_code {
    height: 14px !important;
    min-height: 14px;
    top: -14px !important
}

.fast-register-box .sign-form .row-code img {
    width: 91px !important;
    height: 32px !important;
    margin-left: 0 !important;
    vertical-align: middle;
    position: relative;
    top: -21px
}

.pop-sign-box .row-code:before, .sign-wrap .row-code:before {
    position: absolute;
    left: 50%;
    margin-left: -45px;
    content: '正在加载中';
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
    background-size: 16px;
    padding-right: 20px;
    line-height: 42px;
    color: #969696
}

.row-code.nc-container .nc_scale {
    height: 42px
}

.row-code.nc-container .nc_scale span {
    width: 46px;
    height: 40px;
    line-height: 40px
}

.row-code.nc-container .nc_scale .scale_text {
    line-height: 42px;
    background-color: #eef0f5;
    color: #61687c
}

.nc-container .nc_wrapper {
    width: 100% !important;
    overflow: hidden
}

.nc-container .nc_wrapper .btn_ok {
    left: auto !important;
    right: 0
}

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

.sign-form .dropdown-select .text-select {
    display: inline-block;
    font-style: normal;
    cursor: pointer;
    width: 37px;
    padding: 7px 25px 7px 0;
    border: 0;
    text-align: right
}

.sign-form .dropdown-select .icon-select-arrow {
    right: 5px;
    top: 12px
}

.sign-form .dropdown-menu {
    z-index: 1011;
    left: 0
}

.sign-form .dropdown-menu ul {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: 1px solid #ededed;
    border-radius: 8px;
    background: #fff;
    overflow: auto;
    overflow-x: hidden;
    width: 168px;
    padding: 4px 8px;
    box-sizing: border-box;
    top: 4px
}

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

.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: 3px;
    top: 3px;
    font-size: 14px;
    background-color: #fff;
    background-position: 0 -356px;
    min-width: 104px;
    color: #5dd5c8;
    border: 0
}

.sign-form button.count-down {
    color: #9fa3b0;
    white-space: nowrap;
    font-size: 13px;
    letter-spacing: 0
}

.sign-form button.count-down .num {
    position: static;
    color: #9fa3b0
}

.purpose-row {
    white-space: nowrap;
    font-size: 0;
    margin-bottom: -10px
}

.purpose-row span {
    display: inline-block;
    width: 153px;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
    margin-right: 14px;
    border: 1px #e3e7ed solid;
    cursor: pointer
}

.purpose-row span.cur {
    box-shadow: 1px 2px 3px #d7f4f1;
    border-color: #59cac2;
    color: #5dd5c8
}

.qrcode-box {
    position: relative;
    padding-bottom: 17px
}

.qrcode-box p {
    padding: 32px 0 38px;
    text-align: center;
    color: #9fa3af
}

.qrcode-box p span {
    vertical-align: middle
}

.qrcode-box p em {
    font-style: normal;
    color: #3a76ff;
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle
}

.qrcode-box p em:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icon-help.png) no-repeat center;
    vertical-align: -2px;
    margin-left: 5px;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.sign-scan {
    position: relative
}

.sign-scan .hover-range-left {
    position: absolute;
    width: 44px;
    height: 315px;
    left: -43px;
    top: 0
}

.sign-scan .hover-range-right {
    position: absolute;
    width: 44px;
    height: 315px;
    right: -43px;
    top: 0
}

.sign-scan .login-step-box {
    display: none;
    text-align: center
}

.sign-scan .login-step-box .user-photo {
    margin-bottom: 30px;
    margin-top: 65px;
    display: inline-block;
    width: 160px;
    height: 160px
}

.sign-scan .login-step-box .user-photo img {
    width: 160px;
    height: 160px;
    border-radius: 50%
}

.sign-scan .login-step-box .login-step-text .login-step-title {
    text-align: center;
    color: rgba(0, 194, 179, 1);
    font-size: 18px;
    line-height: 26px;
    font-weight: 400
}

.sign-scan .login-step-box .login-step-text .login-step-detail {
    text-align: center;
    font-size: 14px;
    color: rgba(159, 163, 176, 1);
    line-height: 20px
}

.qrcode-box img {
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 auto
}

.qrcode-tip {
    display: none !important;
    width: 175px;
    height: 40px;
    padding: 10px 15px;
    background: #fff;
    border-radius: 10px;
    line-height: 20px;
    color: #61687c;
    position: absolute;
    left: -221px;
    top: -20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.qrcode-tip span {
    position: absolute;
    right: 16px;
    top: 30px;
    color: #c9c9c9;
    cursor: pointer
}

.welcome-box {
    padding-top: 18px
}

.welcome-box img {
    display: block;
    width: 291px;
    height: 245px;
    margin: 0 auto
}

.welcome-text {
    text-align: center;
    color: #9fa3b0;
    padding: 0 0 40px
}

.welcome-text b {
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 3px
}

.welcome-box .form-btn {
    margin-top: -9px
}

div.count-down {
    text-align: center;
    color: #9fa3af;
    padding: 28px 34px
}

.count-down em {
    font-style: normal
}

.validate-box img {
    display: block;
    width: 150px;
    height: 249px;
    margin: 0 auto
}

.validate-text {
    text-align: center;
    padding: 15px 0
}

.validate-help {
    border-top: 1px #e3e7ed solid;
    margin-top: 30px
}

.validate-help .more-view {
    float: right;
    margin-top: -6px
}

.validate-help dt {
    padding: 10px 0 10px 20px;
    background-position: 0 -391px
}

.validate-help dd {
    display: none;
    color: #9fa3b0;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 20px;
    padding-left: 20px
}

.validate-auto {
    text-align: center;
    color: #9fa3b0;
    padding: 30px 0 50px
}

.sign-register form {
    padding-top: 0
}

.sign-register .sign-tab {
    border-bottom-color: #fff;
    padding-top: 0
}

.sign-register .sign-tab span {
    font-size: 16px;
    text-align: center;
    display: block;
    width: auto;
    color: #414a60;
    cursor: default;
    border-bottom-color: #fff
}

.sign-register .register-tip {
    font-size: 16px;
    text-align: center;
    border-bottom: 1px #f2f5f9 solid;
    padding: 20px 0;
    color: #414a60
}

.sign-history .figure-box {
    text-align: center
}

.sign-history .figure-box p {
    padding: 15px 0 70px
}

.sign-history .figure-box img {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    display: block;
    margin: 0 auto
}

.sign-history .figure-box span {
    font-size: 18px;
    display: block;
    padding-top: 22px
}

.history-change {
    height: 53px;
    border-top: 1px #e3e7ed solid;
    text-align: center;
    margin: 54px -43px 0
}

.history-change .link-signin {
    display: inline-block;
    margin-top: 14px
}

.form-msgjob {
    display: none
}

.form-msgjob .title {
    cursor: pointer
}

.sign-form .icon-arrow-left {
    position: absolute;
    top: 2px;
    left: -35px
}

.sign-form .text-tip {
    color: #9fa3b0;
    text-align: center;
    padding: 28px 0 36px;
    overflow: hidden;
    font-size: 13px;
    line-height: 20px
}

.sign-form .text-tip .left-tip {
    float: left
}

.sign-form .text-tip .link-wechat-login {
    text-indent: 30px;
    text-align: left;
    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
}

.page-sign-v2 #header .tel {
    float: right;
    height: 20px;
    padding: 60px 60px 0 0;
    line-height: 20px;
    color: #fff;
    vertical-align: middle
}

.page-sign-v2 #header .tel i {
    padding-right: 3px;
    vertical-align: middle
}

.sign-wrap-v2.sign-wrap {
    width: 740px;
    min-height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -262px 0 0 -370px
}

.sign-wrap-v2 .hide {
    display: none !important
}

.sign-wrap-v2 .sign-form {
    display: none;
    width: 740px;
    height: 500px;
    padding: 0;
    background: #fff;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
    border-radius: 10px
}

.sign-wrap-v2 .sign-form .title {
    display: none
}

.sign-wrap-v2 .sign-content {
    position: relative;
    margin-left: 240px;
    height: 100%
}

.sign-wrap-v2 .sign-form .inner-box {
    position: relative;
    width: 324px;
    padding-top: 68px;
    margin: 0 auto
}

.sign-wrap-v2 .sign-form form {
    padding: 0
}

.page-sign .sign-wrap-v2 .sign-pwd .link-scan {
    display: none
}

.page-sign .sign-wrap-v2 .sign-sms .link-scan {
    display: none
}

.page-sign .sign-wrap-v2 .sign-pwd .link-scan {
    display: none
}

.page-sign .sign-wrap-v2 .sign-scan .link-scan, .page-sign .sign-wrap-v2 .sign-scan .link-signin, .page-sign .sign-wrap-v2 .sign-scan .link-sms {
    display: none
}

.sign-wrap-v2 .sign-tab {
    height: 22px;
    margin-bottom: 44px;
    padding: 0 0 15px;
    line-height: 22px;
    border: none
}

.sign-wrap-v2 .sign-tab span {
    width: 152px;
    height: 42px;
    line-height: 42px;
    color: #414a60;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    border: 1px solid rgba(227, 231, 237, 1);
    margin: 0
}

.sign-wrap-v2 .sign-tab span + span {
    margin-left: 10px
}

.sign-wrap-v2.jconfirm-box-container .sign-tab span {
    width: 100px
}

.sign-wrap-v2 .sign-tab span.cur {
    border-color: #53cac3;
    color: #53cac3
}

.sign-wrap-v2 .sign-tab span:hover {
    border-color: #53cac3;
    color: #53cac3
}

.sign-wrap-v2 .sign-tab .scan-title-text {
    width: 100%;
    height: 24px;
    font-size: 20px;
    font-weight: 500;
    color: rgba(65, 74, 96, 1);
    line-height: 24px
}

.sign-wrap-v2 .form-row {
    position: relative;
    margin: 0 0 24px
}

.sign-wrap-v2 .sign-form .tip-error {
    display: none;
    position: absolute;
    left: 3px;
    top: 45px;
    height: 18px;
    padding: 0 0 0 27px;
    background: url(../images/icons.png) no-repeat 0 -1059px;
    background-size: 18px auto;
    color: #fc703e;
    text-align: left;
    white-space: nowrap
}

.sign-wrap-v2 .sign-form .tip-error-form {
    top: 126px
}

.sign-wrap-v2 .purpose-row {
    margin: 0
}

.page-sign .sign-wrap-v2 .text-tip {
    padding: 24px 0 0 0
}

.page-sign .sign-wrap-v2 .text-tip a {
    width: 33.33%;
    float: left;
    text-align: left
}

.page-sign .sign-wrap-v2 .text-tip.float-none a {
    float: none
}

.page-sign .sign-wrap-v2 .text-tip a.pwd-login-btn {
    text-align: center
}

.page-sign .sign-wrap-v2 .text-tip a.link-signin {
    text-decoration: underline
}

.page-sign .sign-wrap-v2 .text-tip.no-wechat a {
    width: 50%;
    text-align: center
}

.page-sign .sign-wrap-v2 .sign-pwd .text-tip a.scan-login-btn, .page-sign .sign-wrap-v2 .sign-sms .text-tip a.scan-login-btn {
    text-indent: 36px
}

.page-sign .sign-wrap-v2 .text-argeement {
    font-size: 13px;
    font-weight: 400;
    color: rgba(141, 146, 161, 1);
    line-height: 20px;
    text-align: center;
    margin-top: 30px
}

.text-agreement-link {
    color: rgba(0, 194, 179, 1);
    transition: all .2s linear
}

.text-agreement-link:hover {
    color: rgba(0, 194, 179, .8)
}

.page-sign .sign-wrap-v2 .text-argeement a {
    font-size: 13px;
    font-weight: 400;
    color: rgba(0, 194, 179, 1);
    line-height: 20px
}

.page-sign .sign-wrap-v2 .text-tip .link-signup {
    text-align: right
}

.page-sign .sign-wrap-v2 .text-tip .scan-login-btn {
    text-indent: 22px
}

.page-sign .sign-wrap-v2 .sign-sms .text-tip {
    padding: 24px 0 0 0
}

.page-sign .sign-wrap-v2 .sign-sms .text-tip a:hover {
    color: #00c2b3
}

.page-sign .sign-wrap-v2 .sign-scan .text-tip {
    padding: 16px 0 0 0
}

.page-sign .sign-wrap-v2 .sign-scan .text-tip a {
    color: rgba(159, 163, 175, 1)
}

.page-sign .sign-wrap-v2 .sign-scan .text-tip a:hover {
    color: #00c2b3
}

.page-sign .sign-wrap-v2 .sign-register .text-tip {
    text-align: center;
    font-size: 13px;
    line-height: 20px
}

.page-sign .sign-wrap-v2 .sign-miniapp .text-tip a, .page-sign .sign-wrap-v2 .sign-register .text-tip a, .sign-wrap-v2 .sign-register .text-tip .user-agreement {
    float: none;
    width: auto
}

.sign-wrap-v2 .text-tip .agree-policy {
    vertical-align: top;
    margin: 4px 3px 0 0
}

.sign-wrap-v2 .text-argeement .agree-policy {
    vertical-align: top;
    margin: 4px 3px 0 0
}

.sign-wrap-v2 .text-tip .user-agreemen {
    color: #18c3b1
}

.sign-wrap-v2 .text-tip .user-agreement:hover {
    color: #18c3b1
}

.sign-wrap-v2 .btn-switch {
    left: 6px;
    top: 6px
}

.sign-wrap-v2 .login-tab-switch {
    display: none;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    left: auto;
    background-image: url(../images/sign/sign_icon_sprites.png);
    background-position: -70px -5px;
    background-size: 95px 65px
}

.sign-wrap-v2 .login-tab-switch:hover {
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    left: auto;
    background-image: url(../images/sign/sign_icon_sprites.png);
    background-position: -40px -5px;
    background-size: 95px 65px
}

.sign-wrap-v2 .login-tab-switch.pwd-switch {
    display: none;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    left: auto;
    background-image: url(../images/sign/sign_icon_sprites.png);
    background-position: -34px -41px;
    background-size: 95px 65px
}

.sign-wrap-v2 .login-tab-switch.pwd-switch:hover {
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    left: auto;
    background-image: url(../images/sign/sign_icon_sprites.png);
    background-position: -5px -41px;
    background-size: 95px 65px
}

.sign-wrap-v2 .btn-switch .switch-tip {
    top: 8px
}

.sign-wrap-v2 .login-tab-switch .switch-tip {
    width: 117px;
    height: 30px;
    background: #5dd5c8;
    color: #fff;
    box-shadow: 0 1px 7px 0 rgba(93, 213, 200, .2);
    font-size: 13px;
    top: -5px;
    right: 35px;
    left: auto
}

.sign-wrap-v2 .sign-content .publicity-info {
    margin-top: 12px
}

.sign-wrap-v2 .sign-content .publicity-info p {
    color: #8d92a1;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.sign-wrap-v2 .sign-content .publicity-info a {
    position: relative;
    color: #8d92a1;
    padding: 0 4px;
    display: inline-block
}

.sign-wrap-v2 .sign-content .publicity-info .prove-list a + a:before {
    content: ' ';
    position: absolute;
    width: 1px;
    top: 5px;
    left: 0;
    height: 10px;
    background-color: #8d92a1
}

.sign-wrap-v2 .sign-content .publicity-info .renshe-phone {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding-left: 4px
}

.sign-wrap-v2 .sign-content .publicity-info .renshe-phone:before {
    content: ' ';
    position: absolute;
    width: 1px;
    top: 5px;
    left: 0;
    height: 10px;
    background-color: #8d92a1
}

.sign-wrap-v2 .sign-content .publicity-info .pc-license {
    display: inline-block
}

.sign-wrap-v2 .sign-content .publicity-info .mobile-license {
    display: none
}

.sign-wrap-v2 .app-load-box {
    display: none;
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: -95px;
    right: -288px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1)
}

.sign-wrap-v2 .app-load-box:after {
    width: 0;
    height: 0;
    transform: rotate(45deg);
    border: 8px solid transparent;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
    position: absolute;
    content: '';
    left: -8px;
    top: 128px;
    background: #fff
}

.sign-wrap-v2 .app-load-box:before {
    width: 20px;
    height: 28px;
    left: 0;
    top: 124px;
    background: #fff;
    position: absolute;
    content: '';
    z-index: 1
}

.sign-wrap-v2 .download-btn:hover .app-load-box {
    display: block
}

.sign-wrap-v2 .app-load-box img {
    width: 103px;
    height: 103px;
    margin: 34px auto 14px auto
}

.sign-wrap-v2 .app-load-box p {
    font-size: 14px;
    color: rgba(97, 104, 124, 1);
    line-height: 20px;
    letter-spacing: 1px;
    padding: 0
}

.sign-wrap-v2 .login-tab-switch .switch-tip:before {
    top: 8px;
    right: -9px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid #5dd5c8;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-form {
    padding: 0
}

.jconfirm .pop-sign-box.sign-wrap-v2 .btn-switch {
    right: 0;
    left: 0;
    top: 0
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-register {
    height: 524px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-register .tip-error-form {
    top: 126px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-scan-help {
    z-index: 201
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-welcome {
    padding: 15px 23px 0
}

.jconfirm .pop-sign-box.sign-wrap-v2 .jconfirm-box {
    width: 740px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .jconfirm-box div.content-pane {
    min-height: 514px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .jconfirm-box div.content-pane .content {
    padding: 0;
    clip: unset !important
}

.sign-slide-box {
    float: left;
    width: 240px;
    height: 100%;
    color: #8d92a1;
    background-color: #f8fcff;
    border-radius: 10px 0 0 10px
}

.sign-slide-box .logo {
    float: none;
    display: block;
    width: auto;
    height: 40px;
    margin: 88px 0 0 40px;
    padding: 0
}

.sign-slide-box .logo p {
    color: #00c2b3;
    line-height: 20px
}

.sign-slide-box .logo img {
    width: 42px;
    height: 42px;
    float: left
}

.sign-slide-box .logo div {
    float: left;
    position: relative;
    bottom: -1px;
    margin-left: 10px
}

.sign-slide-box ul {
    margin: 50px 0 0 40px
}

.sign-slide-box li {
    margin-bottom: 50px
}

.sign-slide-box li:last-of-type {
    margin-bottom: 0 !important
}

.sign-slide-box li i {
    float: left;
    width: 25px;
    height: 42px;
    background: url(../images/sign-slide.png) no-repeat;
    background-size: 100% auto
}

.sign-slide-box li:nth-of-type(4n+1) i {
    background-position: 0 10px
}

.sign-slide-box li:nth-of-type(4n+2) i {
    background-position: 0 -45px
}

.sign-slide-box li:nth-of-type(4n+3) i {
    background-position: 0 -99px
}

.sign-slide-box li:nth-of-type(4n) i {
    background-position: 0 -150px
}

.sign-slide-box li > span {
    display: block;
    margin-left: 50px
}

.sign-slide-box li > span:first-of-type {
    line-height: 22px;
    color: #8d92a1;
    font-size: 16px;
    font-weight: 700
}

.sign-slide-box li > span:last-of-type {
    margin-top: 2px;
    line-height: 18px;
    color: #b0b4c1;
    font-size: 13px
}

.sign-wrap-v2 .sign-pwd {
    height: 574px
}

.sign-wrap-v2 .sign-sms {
    height: 574px
}

.sign-wrap-v2 .sign-scan {
    height: 590px
}

.sign-wrap-v2 .sign-scan .sign-tab {
    margin-bottom: 0
}

.sign-wrap-v2 .sign-scan-help {
    display: none;
    position: absolute;
    left: 370px;
    top: -107px;
    width: 274px;
    height: 524px;
    margin-left: -10px;
    background-color: #fff;
    opacity: 0;
    border-radius: 10px;
    filter: drop-shadow(0 6px 13px rgba(0, 0, 0, .1));
    z-index: 1006
}

.sign-wrap-v2 .sign-scan-help:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: 147px;
    border: 10px solid transparent;
    border-right-color: #fff;
    border-left: none
}

.sign-wrap-v2 .sign-scan-help h4 {
    margin: 40px auto 24px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 22px
}

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

.sign-wrap-v2 .sign-scan-help .scan-help-tab li {
    width: 50% !important;
    text-align: center;
    vertical-align: middle;
    color: #19b9b1;
    font-size: 12px;
    background-color: #fff;
    cursor: pointer;
    height: 29px;
    line-height: 29px;
    float: left
}

.sign-wrap-v2 .sign-scan-help .scan-help-tab li.active {
    background-color: #e5f8f7
}

.sign-wrap-v2 .sign-scan-help .sub-title {
    margin: 24px auto 20px;
    color: #444;
    text-align: center;
    line-height: 20px
}

.sign-wrap-v2 .sign-scan-help .scan-help-content li {
    display: none;
    width: 234px;
    height: 325px;
    margin: 0 auto
}

.sign-wrap-v2 .sign-scan-help .scan-help-content li.active {
    display: block
}

.sign-wrap-v2 .sign-scan-help .help-boss {
    background: url(https://img.bosszhipin.com/static/file/2022/6gyainbzon1646641031872.png) no-repeat center center;
    background-size: 100% 100%
}

.sign-wrap-v2 .sign-scan-help .help-geek {
    background: url(https://img.bosszhipin.com/static/file/2022/qsxkd6jow71646641032175.png) no-repeat center center;
    background-size: 100% 100%
}

.sign-wrap-v2 .sign-register {
    height: 550px
}

.sign-wrap-v2 .sign-register .sign-slide-box ul {
    margin-top: 50px
}

.sign-wrap-v2 .sign-register .inner-box {
    padding-top: 74px
}

.sign-wrap-v2 .sign-register h4 {
    margin: 24px 0 41px;
    line-height: 22px;
    color: #00c2b3;
    font-size: 16px;
    font-weight: 400
}

.sign-wrap-v2 .sign-register .tip-error-form {
    top: 126px
}

.sign-wrap-v2 .sign-miniapp {
    height: 590px;
    text-align: left
}

.sign-wrap-v2 .sign-miniapp .sign-slide-box ul {
    margin-top: 50px
}

.sign-wrap-v2 .sign-miniapp .inner-box {
    text-align: center
}

.sign-wrap-v2 .sign-miniapp h4 {
    margin: 20px 0 40px;
    line-height: 22px;
    color: #00c2b3;
    font-size: 16px;
    font-weight: 400
}

.sign-wrap-v2 .sign-miniapp .tip-error-form {
    top: 58px
}

.sign-wrap-v2 .sign-miniapp .sign-tip {
    margin-top: 30px;
    color: #61687c
}

.sign-wrap-v2 .sign-miniapp .text-tip {
    padding-top: 62px
}

.sign-wrap-v2 .sign-resume .tip-error-form {
    top: 118px
}

.sign-wrap-v2 .sign-quick .tip-error-form {
    position: static;
    height: auto;
    margin-top: -18px
}

.sign-wrap-v2 .sign-welcome {
    width: 324px;
    padding: 35px 43px 0
}

@media (max-width: 800px) {
    #wrap {
        position: relative
    }

    .page-sign {
        min-width: inherit;
        background: 0 0
    }

    .page-sign #header {
        display: none
    }

    .page-sign .sign-wrap {
        position: static;
        margin: 0;
        width: auto
    }

    .page-sign .sign-form {
        box-shadow: none;
        width: auto;
        padding: 0 15px 0;
        border-radius: 0
    }

    .page-sign .sign-form .title {
        padding: 30px 0 20px 0;
        margin-bottom: 44px
    }

    .page-sign .sign-pwd {
        display: none
    }

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

    .page-sign .sign-tab .link-scan {
        display: none
    }

    .page-sign .sign-tab {
        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: 34px
    }

    .row-code ._nc .stage1 .slider {
        box-shadow: none
    }

    .row-code ._nc .stage1 {
        height: 42px
    }

    .row-code ._nc .stage1 .slider {
        left: 0;
        right: 0
    }

    .row-code ._nc .stage1 .label, .row-code ._nc .stage1 .track div {
        height: 42px
    }

    .row-code ._nc .stage1 .slider {
        height: 42px;
        line-height: 42px
    }

    .row-code ._nc .stage1 .label, .row-code ._nc .stage1 .track div {
        font-size: 14px;
        line-height: 42px
    }

    .row-code ._nc .stage1 .button {
        height: 42px;
        width: 48px
    }

    .row-code ._nc .icon-load-c {
        font-size: 26px;
        color: #5dd5c8;
        padding-top: 2px
    }

    .row-code.nc-container ._nc .icon-slide-arrow {
        border: 1px solid #ccc;
        width: 46px;
        height: 40px;
        left: 0;
        line-height: 40px;
        text-align: center
    }

    .row-code ._nc .icon {
        line-height: 30px
    }

    .row-code ._nc .stage1 .icon-ok {
        color: #8d92a1;
        font-size: 22px;
        border: 1px solid #8d92a1;
        width: 46px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        left: 0
    }

    .row-code ._nc .stage1 .bg-green {
        background: #8d92a1;
        box-shadow: none
    }

    .row-code ._nc .icon-slide-arrow {
        font-size: 22px
    }

    .page-sign .row-code .cell-wrap {
        display: table-cell;
        width: 100%
    }

    .page-sign .row-code .cell-wrap .ipt-code {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .page-sign .sign-register .sign-tab {
        padding-top: 26px;
        margin-bottom: -22px
    }

    .page-sign .sign-register .purpose-row {
        display: none
    }

    .page-sign .sign-form .btn-switch {
        display: none
    }

    .toast {
        display: none;
        position: absolute;
        width: 80%;
        margin: 0 auto;
        height: 40px;
        line-height: 40px;
        top: 60%;
        left: 10%;
        margin-top: -40%;
        background: rgba(0, 0, 0, .8);
        border-radius: 20px;
        color: #fff;
        text-align: center;
        z-index: 9999
    }

    .page-sign .sign-wrap-v2 .text-tip a {
        float: none;
        width: auto
    }

    .page-sign .sign-wrap-v2 .text-tip .scan-login-btn {
        color: #fff;
        pointer-events: none;
        opacity: 0
    }

    .sign-tab span {
        border-bottom: 1px #f2f5f9 solid
    }

    .agreement-tip {
        margin-bottom: 15px
    }

    .sign-wrap .row-code .input_code {
        width: 74% !important;
        height: 42px !important;
        vertical-align: middle;
        top: 0 !important
    }

    .sign-wrap .row-code img {
        width: 25% !important;
        height: 40px !important;
        margin-left: 0 !important;
        vertical-align: middle
    }

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

    .page-sign .limit-boss-dialog .dialog-container {
        width: 260px;
        margin-left: -130px
    }

    .sign-wrap-v2.sign-wrap {
        min-height: 0
    }

    .sign-form .sign-slide-box {
        display: none
    }

    .sign-wrap-v2 .sign-content {
        position: static;
        margin: 0;
        height: auto
    }

    .sign-wrap-v2 .sign-form .title {
        display: block
    }

    .sign-wrap-v2 .sign-form {
        height: auto
    }

    .sign-wrap-v2 .sign-form .inner-box {
        width: auto;
        padding: 0
    }

    .sign-wrap-v2 .sign-content .publicity-info .renshe-phone {
        display: block;
        text-align: center
    }

    .sign-wrap-v2 .sign-content .publicity-info .renshe-phone:before {
        content: none
    }

    .sign-wrap-v2 .sign-content .publicity-info .pc-license {
        display: none
    }

    .sign-wrap-v2 .sign-content .publicity-info .mobile-license {
        display: inline-block
    }

    .sign-wrap-v2 .sign-form.sign-pwd .text-tip, .sign-wrap-v2 .sign-form.sign-sms .text-tip {
        display: none
    }
}

@media only screen and (-webkit-device-pixel-ratio: 2) and (max-device-height: 568px) and (min-device-width: 320px) {
    ._nc .stage1 .icon {
        bottom: 0 !important
    }
}

.defaultConfirm .jconfirm-box {
    width: 340px
}

.qrcodeimg-box {
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: relative
}

.qrcodeimg-box img:not([src]), .qrcodeimg-box img[src=""] {
    opacity: 0
}

.invalid-box {
    display: none;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    text-align: center;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    left: 0;
    top: 0
}

.invalid-box .btn {
    font-size: 13px;
    min-width: 100px
}

.invalid-box p {
    padding: 50px 0 25px;
    color: #333
}

.sign-form {
    position: relative
}

.btn-switch {
    position: absolute;
    z-index: 1005;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    background: no-repeat;
    background-size: 42px 84px;
    cursor: pointer
}

.ewm-switch {
    background-image: url(../images/btn-ewm.png)
}

.ewm-switch:hover {
    background-position: 0 -42px
}

.phone-switch {
    background-image: url(../images/btn-phone.png)
}

.phone-switch:hover {
    background-position: 0 -42px
}

.btn-switch .switch-tip {
    width: 120px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #9fa3af;
    position: absolute;
    left: 42px;
    top: 5px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    cursor: default;
    pointer-events: none;
    background-color: #fff
}

.btn-switch .switch-tip .icon-triangle {
    background: url(../images/arrow-left.png) no-repeat center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -10px;
    width: 10px;
    background-size: 20px 20px
}

.sign-miniapp {
    text-align: center
}

.sign-miniapp h4 {
    font-weight: 400;
    line-height: 20px;
    margin: 22px 0 53px
}

.sign-miniapp .qrcodeimg-box img {
    width: 200px
}

.sign-miniapp .sign-tip {
    color: #53cac3;
    line-height: 22px;
    margin-top: 20px
}

.sign-miniapp .text-tip {
    line-height: 22px;
    padding: 84px 0 30px
}

.sign-succ {
    text-align: center;
    height: 515px
}

.sign-succ .img-succ {
    width: 63px;
    height: 63px;
    margin: 148px 0 30px
}

.sign-succ p {
    color: #9fa3af;
    line-height: 22px
}

.check-phone-wrap .dialog-container {
    width: auto;
    margin: -185px auto auto -262px;
    padding: 40px
}

.check-phone-wrap .dialog-title h3.title {
    line-height: 24px;
    font-size: 24px
}

.check-phone-wrap .row-code.nc-container .nc_scale .scale_text {
    text-align: center !important
}

.check-phone-wrap .dialog-footer {
    display: none
}

.check-phone {
    display: block;
    width: auto;
    padding: 0;
    border-radius: 0;
    box-shadow: unset
}

.check-phone form {
    padding-top: 14px
}

.check-phone .cell-title {
    display: inline-block;
    width: 90px;
    padding-right: 30px;
    text-align: right
}

.check-phone .ipt-wrap {
    display: inline-block
}

.check-phone .row-sms {
    margin-top: 0
}

.check-phone.sign-form .btn-sms {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 36px;
    background-color: #fff
}

.check-phone.sign-form .btn-sms:hover {
    color: #5dd5c8
}

.check-phone.sign-form .btn-sms.count-down {
    color: #9fa3b0;
    white-space: nowrap;
    font-size: 13px;
    letter-spacing: 0
}

.check-phone .form-footer {
    margin-top: 5px
}

.check-phone .form-footer .btns {
    text-align: right
}

.check-phone .form-footer .btns .btn {
    min-width: 42px;
    height: 32px;
    margin: 0 0 0 20px;
    padding: 0 25px;
    line-height: 32px;
    font-size: 14px;
    box-sizing: content-box
}

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

.check-phone .phonecode-error, .check-phone .verifyimg-error {
    height: 25px;
    margin-left: 120px;
    line-height: 25px;
    font-size: 12px
}

.dialog-wechat-login .dialog-con {
    display: flex
}

.dialog-wechat-login .wechat-login-dialog-layer {
    position: fixed;
    width: 100%;
    height: 100%
}

.dialog-wechat-login .wechat-login-wrap {
    position: relative;
    height: 425px;
    margin: auto
}

.dialog-wechat-login iframe {
    height: 425px;
    margin: auto
}

.dialog-wechat-login .overdue {
    display: none;
    position: absolute;
    top: 55px;
    left: 9px;
    height: 282px;
    width: 282px;
    background-color: rgba(255, 255, 255, .9);
    text-align: center
}

.dialog-wechat-login .overdue span {
    display: block;
    margin-top: 90px;
    font-size: 20px;
    color: #414a60;
    letter-spacing: 1px
}

.dialog-wechat-login .overdue .btn-refresh {
    display: block;
    width: 146px;
    min-width: unset;
    height: 42px;
    min-height: unset;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    margin: 20px auto 0
}

.sign-bind-wechat-signin .title, .sign-bind-wechat-signup .title {
    color: #414a60;
    margin-bottom: 18px
}

.sign-bind-wechat-signin .sub-title, .sign-bind-wechat-signup .sub-title {
    line-height: 24px;
    font-size: 14px;
    color: #9fa3b0;
    text-align: center
}

.sign-bind-wechat-signin form {
    padding-top: 0
}

.sign-bind-wechat-signin .form-btn {
    margin-top: 79px
}

.sign-bind-wechat-signup form {
    padding-top: 16px
}

.sign-bind-wechat-signup .purpose-row {
    margin-bottom: 0
}

.sign-bind-wechat-signup .form-btn {
    margin-top: 27px
}

.sign-form .top-btn-back {
    position: absolute;
    z-index: 10;
    top: 21px;
    left: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/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
}

.dialog-wechat-login .wechat-login-wrap .title {
    text-align: center;
    font-size: 20px;
    color: #fff
}

.dialog-wechat-login .mini-app-login {
    margin: 0 auto;
    text-align: center;
    min-height: 280px
}

.dialog-wechat-login .mini-app-login .mini-qrcode {
    width: 280px;
    margin-top: 15px
}

.dialog-wechat-login .wechat-login-wrap .info {
    width: 280px;
    margin: 0 auto;
    margin-top: 15px;
    padding: 7px 14px;
    background-color: #232323;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: inset 0 5px 10px -5px #191919, 0 1px 0 0 #444;
    box-shadow: inset 0 5px 10px -5px #191919, 0 1px 0 0 #444;
    line-height: 1.6;
    color: #fff;
    text-align: center
}

.dialog-wechat-login .wechat-login-wrap .info p {
    font-size: 13px
}

.dialog-wechat-login .wechat-login-wrap .mini-overdue {
    top: 40px;
    left: 13px
}

#wrap.sign-resume-wrapper {
    height: 100%;
    min-height: 700px;
    background: #5dd5c8 url(../images/newbg.png) center bottom no-repeat
}

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

.sign-resume-wrapper .tip-error-form {
    top: 116px
}

.sign-resume-wrapper .page-loading, .sign-resume-wrapper .sign-resume, .sign-resume-wrapper .upload-resume {
    display: block
}

.sign-resume-wrapper .upload-resume .sign-content {
    text-align: center
}

.sign-resume-wrapper .upload-resume .top-slogan {
    line-height: 25px;
    color: #00c2b3;
    font-size: 18px
}

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

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

.sign-resume-wrapper .upload-resume .upload-resume-wrap {
    display: block;
    position: relative;
    width: 324px;
    height: 42px;
    margin: 45px auto 20px;
    line-height: 42px;
    font-size: 15px;
    overflow: hidden
}

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

.sign-resume-wrapper .upload-resume .complete-online {
    width: 324px;
    height: 42px;
    line-height: 42px;
    color: #8d92a1;
    font-size: 14px
}

.sign-resume-wrapper .upload-resume .complete-online:hover {
    background-color: #fff;
    box-shadow: 0 0 1px 0 rgba(93, 213, 200, 1)
}

.sign-resume-wrapper .page-loading .sign-content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.sign-resume-wrapper .sign-resume .sign-slide-box .logo {
    margin-left: 82px
}

.sign-resume-wrapper .sign-resume .sign-slide-box ul {
    margin-top: 35px
}

.sign-resume-wrapper .sign-resume .sign-slide-box li {
    margin-bottom: 54px
}

.sign-resume-wrapper .sign-resume .sign-slide-box li > span {
    margin-left: 42px
}

.sign-resume-wrapper .sign-resume .sign-slide-box li > span:last-of-type {
    margin-top: 4px
}

.sign-resume-wrapper .sign-resume h4 {
    margin-bottom: 47px;
    line-height: 24px;
    color: #00c2b3;
    font-size: 18px;
    font-weight: 400;
    text-align: center
}

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

.sign-resume-wrapper .form-footer .btn {
    display: block;
    width: 322px
}

.sign-resume-wrapper .form-footer .btn.btn-waiting {
    border-color: #9fa3b0;
    background: #9fa3b0 url(../images/loading.gif) no-repeat 85px center/auto 55%;
    cursor: default;
    pointer-events: none
}

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

.search-job-list-wrap .sider .sign-wrap {
    position: static;
    top: unset;
    left: unset;
    width: auto;
    min-height: 0;
    margin: 0 0 15px
}

.search-job-list-wrap .sider .sign-form {
    width: auto;
    height: auto;
    background-color: #5dd5c8;
    box-shadow: none;
    border-radius: 0
}

.search-job-list-wrap .sider .sign-form .tip-error {
    background-position: 0 -1114px;
    color: #ffeb9e
}

.search-job-list-wrap .sider .sign-form .tip-error-form {
    top: 87px;
    left: 20px
}

.search-job-list-wrap .sider .sign-form .title {
    display: block;
    padding: 20px 0 24px;
    color: #fff;
    font-size: 18px
}

.search-job-list-wrap .sider .sign-form form {
    margin: 0 auto;
    width: 224px
}

.search-job-list-wrap .sider .sign-form .ipt-phone {
    width: 109px
}

.search-job-list-wrap .sider .sign-form .ipt-sms {
    width: 166px
}

.search-job-list-wrap .sider .sign-form .btn-sms {
    width: 92px;
    min-width: 0
}

.search-job-list-wrap .sider .sign-form .nc-lang-cnt {
    text-indent: 40px
}

.search-job-list-wrap .sider .sign-form .text-tip {
    padding: 10px 0 20px;
    font-size: 12px;
    color: rgba(255, 255, 255, .7);
    position: relative;
    z-index: 2
}

.search-job-list-wrap .sider .sign-form .text-tip .agree-policy {
    vertical-align: top
}

.search-job-list-wrap .sider .sign-form .form-btn .btn {
    background-color: #fff;
    color: #00c2b3
}

.search-job-list-wrap .sider .sign-form .form-btn .btn:hover {
    opacity: .9
}

.search-job-list-wrap .sider .sign-form .text-tip a {
    color: #fff;
    opacity: .7
}

.search-job-list-wrap .sider .sign-form .text-tip a:hover {
    opacity: .9
}

.search-job-list-wrap .sider #sign-side {
    position: absolute;
    bottom: 0;
    right: 0
}

.company-sider .sign-wrap {
    position: static;
    top: unset;
    left: unset;
    width: auto;
    min-height: 0;
    margin: 0 0 15px
}

.company-sider .sign-form {
    width: auto;
    height: auto;
    background-color: #5dd5c8;
    box-shadow: none;
    border-radius: 0
}

.company-sider .sign-form .tip-error {
    background-position: 0 -1114px;
    color: #ffeb9e
}

.company-sider .sign-form .tip-error-form {
    top: 87px;
    left: 20px
}

.company-sider .sign-form .title {
    display: block;
    padding: 20px 0 24px;
    color: #fff;
    font-size: 18px
}

.company-sider .sign-form form {
    width: 258px;
    margin: 0 auto
}

.company-sider .sign-form .ipt-phone {
    width: 143px
}

.company-sider .sign-form .ipt-sms {
    width: 200px
}

.company-sider .sign-form .text-tip {
    padding: 10px 0 20px;
    font-size: 12px;
    color: rgba(255, 255, 255, .7);
    position: relative;
    z-index: 2
}

.company-sider .sign-form .form-btn .btn {
    background-color: #fff;
    color: #00c2b3
}

.company-sider .sign-form .form-btn .btn:hover {
    opacity: .9
}

.company-sider .sign-form .text-tip a {
    color: #fff;
    opacity: .7
}

.company-sider .sign-form .text-tip a:hover {
    opacity: .9
}

.company-sider #sign-side {
    position: absolute;
    bottom: 0;
    right: 0
}

.job-sider .sign-wrap {
    position: static;
    top: unset;
    left: unset;
    width: auto;
    min-height: 0;
    margin: 0 0 30px
}

.job-sider .sign-form {
    width: auto;
    height: auto;
    background-color: #5dd5c8;
    box-shadow: none;
    border-radius: 0
}

.job-sider .sign-form .tip-error {
    background-position: 0 -1114px;
    color: #ffeb9e
}

.job-sider .sign-form .tip-error-form {
    top: 87px;
    left: 20px
}

.job-sider .sign-form .title {
    display: block;
    padding: 20px 0 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.job-sider .sign-form .sub-title {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 8px
}

.job-sider .sign-form form {
    width: 258px;
    margin: 0 auto
}

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

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

.job-sider .sign-form .text-tip {
    padding: 10px 0 20px;
    font-size: 12px;
    color: rgba(255, 255, 255, .7);
    position: relative;
    z-index: 2
}

.job-sider .sign-form .form-btn .btn {
    background-color: #fff;
    color: #00c2b3
}

.job-sider .sign-form .form-btn .btn:hover {
    opacity: .9
}

.job-sider .sign-form .text-tip a {
    color: #fff;
    opacity: .7
}

.job-sider .sign-form .text-tip a:hover {
    opacity: .9
}

.job-sider #sign-side {
    position: absolute;
    bottom: 0;
    right: 0
}

.sign-form .yidun_intellisense--light .yidun_classic-container {
    z-index: 1011;
    min-width: 260px;
    left: 50%;
    transform: translate(-50%, 0)
}

.sign-form .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
    width: 100% !important;
    height: auto !important
}

.sign-form .yidun.yidun--light .yidun_jigsaw {
    width: auto !important;
    height: 100% !important;
    position: absolute !important
}

.sign-form .yidun_intellisense--light .yidun_intelli-control {
    height: 42px
}

.sign-form .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
    background-color: #00c2b3
}

.sign-form .yidun.yidun--light .yidun_slider:hover {
    color: #00c2b3;
    background-color: #00c2b3
}

.sign-form .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
    border-color: #00c2b3;
    background: #eefff5
}

.sign-form .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
    background-color: #00c2b3
}

.sign-form .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
    color: #00c2b3
}

.sign-form .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
    color: #00c2b3;
    background: #eefff5;
    cursor: default;
    border-color: #00c2b3;
    line-height: 38px;
    height: 40px;
    text-align: left;
    padding: 0 18px
}

.sign-form .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
    background-color: #00c2b3;
    box-shadow: 0 2px 6px 1px #00c2b3
}

.sign-form .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
    color: #00c2b3
}

.sign-form .yidun_intellisense--light {
    z-index: 1008
}

.sign-wrap-v2 .form-row .geetest_holder.geetest_wind {
    min-width: 216px;
    z-index: 1001
}

.geetest_holder.geetest_mobile.geetest_ant .geetest_panel .geetest_copyright, .geetest_holder.geetest_mobile.geetest_ant .geetest_panel .geetest_small .geetest_feedback, .geetest_holder.geetest_wind .geetest_success_logo {
    display: none
}

.job-box .sign-wrap-v2 .row-code, .search-job-list-wrap .sign-quick .row-code {
    display: none
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset !important
}

input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px #fff inset !important
}

.sign-quick .focus-wrap .ipt, .sign-quick .focus-wrap .sel {
    box-shadow: none;
    border: none;
    background: #fff
}

.sign-quick .ipt, .sign-quick .sel {
    border: none
}

.job-box .sign-wrap-v2 .form-row-verify, .search-job-list-wrap .form-row-verify {
    position: absolute;
    top: 48px;
    width: 100%;
    height: 34px;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .13);
    border-radius: 2px
}

.form-row-verify .geetest_holder.geetest_wind .geetest_radar_btn:hover {
    background-image: linear-gradient(180deg, #fff 0, #f3f3f3 100%)
}

.form-row-verify .picture_box {
    position: relative;
    z-index: 101;
    background: #fff
}

.form-row-verify .picture_box .input_code {
    top: 0 !important;
    height: 22px !important;
    padding: 6px 18px;
    border: none;
    padding-left: 12px;
    box-shadow: none
}

.form-row-verify .picture_box img {
    height: 34px !important;
    margin-left: 0 !important;
    vertical-align: middle;
    float: right
}

.form-row-verify .picture_box .btn-img {
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    color: #54cbc4;
    top: 0;
    right: 68px;
    padding: 0 10px;
    line-height: 34px;
    height: 34px;
    z-index: 999;
    min-width: auto;
    background: 0 0;
    border: none
}

.job-box .sign-wrap-v2 .nc_wrapper, .search-job-list-wrap .nc_wrapper {
    position: relative;
    z-index: 1001
}

.job-box .sign-wrap-v2 .form-row-verify:before, .search-job-list-wrap .form-row-verify:before {
    position: absolute;
    top: -4px;
    right: 32px;
    content: '';
    margin-left: -45px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-top: 1px solid rgb(237, 238, 241, .3);
    border-left: 1px solid rgb(237, 238, 241, .3);
    z-index: 100;
    background: #fff
}

.job-box .sign-wrap-v2 .form-row-verify:after, .search-job-list-wrap .form-row-verify:after {
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -45px;
    content: '正在加载中';
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
    background-size: 16px;
    padding-right: 20px;
    line-height: 42px;
    color: #969696;
    white-space: nowrap
}

.verify-init-btn {
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 38px;
    z-index: 1;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    background-image: linear-gradient(180deg, #fff 0, #f3f3f3 100%);
    cursor: pointer;
    font-size: 14px
}

.verify-init-btn:hover {
    background-image: linear-gradient(0deg, #fff 0, #f3f3f3 100%)
}

.verify-init-dot {
    position: absolute;
    width: 13px;
    height: 13px;
    display: block;
    left: 12px;
    top: 13px;
    border-radius: 50%;
    background: #3873ff
}

.dialog-agreement .dialog-container {
    padding: 40px 0;
    width: 800px;
    height: 600px;
    box-sizing: border-box;
    margin: -300px 0 0 -400px
}

.dialog-agreement .dialog-container .dialog-con {
    padding: 0 68px;
    height: 440px;
    overflow: auto
}

.dialog-agreement .title {
    font-size: 24px;
    font-weight: 500;
    color: rgba(65, 74, 96, 1);
    line-height: 34px;
    margin: 0 auto 40px;
    text-align: center
}

.dialog-agreement p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(65, 74, 96, 1);
    line-height: 20px;
    margin-bottom: 24px
}

.limit-boss-dialog .dialog-container {
    width: 520px;
    padding: 0;
    padding-bottom: 30px;
    margin-left: -260px;
    margin-top: -165px
}

.limit-boss-dialog .dialog-footer {
    margin-top: 0;
    padding: 0 30px
}

.limit-boss-dialog .limit-content .title {
    width: 100%;
    height: 96px;
    background: url(../images/sign/limit-bg.png) no-repeat center center;
    background-size: 100% 100%
}

.limit-boss-dialog .limit-content .title h4 {
    line-height: 24px;
    font-weight: 500;
    font-size: 20px;
    padding: 36px 0 0 30px
}

.limit-boss-dialog .limit-content .content {
    padding: 20px 30px;
    white-space: pre-wrap
}

.limit-boss-dialog .limit-content .content p {
    color: #51586d;
    line-height: 28px
}

.limit-boss-dialog .limit-content .content p:first-child {
    padding-bottom: 8px
}

.limit-boss-dialog .limit-content .text-primary {
    color: #00c2b3
}

.limit-boss-dialog .limit-content .text-primary:hover {
    color: #18c3b1
}

.limit-boss-dialog .limit-content .text-danger {
    color: #ef505e
}

@media (max-width: 800px) {
    .dialog-agreement .dialog-container {
        width: 300px;
        height: 350px;
        margin: -175px 0 0 -150px;
        padding-top: 20px
    }

    .dialog-agreement .title {
        margin: 0 auto 20px;
        font-size: 20px
    }

    .dialog-agreement .dialog-container .dialog-con {
        padding: 0 20px;
        height: 257px
    }
}

.change-identity-dialog .dialog-container {
    width: 460px;
    height: 320px;
    border-radius: 12px;
    margin: -160px -230px;
    background: #fff;
    padding: 0
}

.change-identity-dialog .dialog-container:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 133px;
    background: url(https://img.bosszhipin.com/static/file/2022/55vhpichnp1666676376854.png) 0 0/100% auto no-repeat;
    z-index: -1
}

.change-identity-dialog.identity-geek .dialog-container:before {
    background-position: 0 -133px
}

.change-identity-dialog .dialog-con {
    padding-top: 150px
}

.change-identity-dialog .dialog-con p {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px;
    text-align: center
}

.change-identity-dialog .dialog-con span.warm-tip-message {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    text-align: center
}

.change-identity-dialog .dialog-footer {
    margin-top: 24px
}

.change-identity-dialog .dialog-footer .btns {
    text-align: center
}

.change-identity-dialog .dialog-footer .btns .btn {
    margin-left: 16px;
    width: 128px;
    height: 40px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    line-height: 40px;
    border: none;
    text-align: center;
    transition: all .2s linear
}

.change-identity-dialog .dialog-footer .btns .btn-outline {
    color: #00a6a7;
    background: rgba(0, 190, 189, .1)
}

.change-identity-dialog .dialog-footer .btns .btn-outline:hover {
    padding: 0;
    background: rgba(0, 190, 189, .2)
}

.change-identity-dialog .dialog-footer .btns .btn-sure {
    position: relative;
    background: rgba(0, 190, 189, 1);
    color: #fff
}

.change-identity-dialog .dialog-footer .btns .btn-sure:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 9px;
    z-index: 0;
    width: 68px;
    height: 22px;
    background: url(https://img.bosszhipin.com/static/file/2022/pqiygk26lv1661743616985.png) 0 0/68px auto no-repeat
}

.change-identity-dialog .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8)
}

body.semwrap {
    background-color: #f0f2f5
}

.semwrap .main {
    width: 100%;
    height: 556px;
    background: #545b79 url(../images/sem-bg.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden
}

.semwrap .container {
    width: 1002px;
    height: 428px;
    margin: 122px auto 0
}

.semwrap #footer {
    margin-top: 0
}

.semwrap .slider-box {
    float: left;
    z-index: 1001
}

.semwrap .slider-main, .semwrap .slider-main li, .semwrap .slider-main ul {
    width: 582px;
    height: 426px
}

.semwrap .slider-main {
    margin-top: -8px
}

.semwrap .slider-box li a {
    display: block;
    width: 582px;
    height: 426px
}

.semwrap .box {
    width: 400px;
    height: 426px;
    float: right
}

.semwrap .sign-wrap {
    position: static;
    width: 410px;
    margin: 0
}

.semwrap .sign-wrap .sign-form {
    z-index: 1001
}

.semwrap .sign-form {
    border-radius: 0;
    width: 324px;
    height: 383px;
    padding: 35px 43px 0
}

.semwrap .sign-form form {
    padding-top: 5px
}

.semwrap .sign-form .form-row {
    margin-top: 25px
}

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

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

.semwrap .tip-error {
    margin-bottom: -25px
}

.semwrap .welcome-box img {
    width: 178px;
    height: 150px
}

.semwrap .welcome-text {
    padding-bottom: 20px
}

.semwrap .sign-welcome .form-btn {
    margin-top: 10px
}

.semwrap .sign-welcome div.count-down {
    padding: 10px 0 0
}

.semwrap li .list-left {
    float: left
}

.semwrap li .list-right {
    float: right
}

.semwrap li .list {
    width: 287px;
    height: 101px;
    margin-top: 8px
}

.semwrap li .list img {
    width: 99px;
    height: 101px;
    float: left;
    cursor: pointer
}

.semwrap li .list img:hover {
    opacity: .8
}

.semwrap .list {
    cursor: pointer
}

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

.semwrap .list .con {
    float: right;
    height: 101px;
    width: 187px;
    background-color: #fff
}

.semwrap .list p {
    font-size: 14px;
    color: #414a60;
    text-align: right;
    padding-right: 22px;
    zoom: 1
}

.semwrap .list p.red {
    color: #fc6c38;
    font-size: 24px;
    line-height: 72px
}

.semwrap li .list-spec img {
    width: 139px;
    height: 100px;
    cursor: pointer
}

.semwrap li .list .fr {
    float: right
}

.semwrap .tip {
    width: 330px;
    position: absolute;
    top: 72px;
    left: 100px;
    background: #fff;
    padding: 33px 35px 15px;
    box-shadow: 0 3px 10px 0 rgba(131, 131, 131, .5)
}

.semwrap .tip .top {
    position: relative;
    border-bottom: 1px #eee solid;
    margin-top: -10px;
    padding-bottom: 20px
}

.semwrap .tip img {
    width: 60px;
    height: 60px;
    display: block
}

.semwrap .tip span {
    color: #414a60;
    font-size: 20px;
    color: #5dd5c8
}

.semwrap .tip .center {
    padding: 26px 0 26px;
    height: 50px;
    color: #9fa3af;
    font-size: 14px
}

.semwrap .tip .center p {
    display: inline-block;
    width: 160px;
    margin-bottom: 7px
}

.semwrap .tip .bottom {
    font-size: 0;
    padding-top: 10px
}

.semwrap .tip .bottom span {
    position: static;
    display: inline-block;
    vertical-align: top;
    width: 78px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px #5dd5c8 solid;
    color: #5dd5c8;
    font-size: 14px;
    padding-top: 0;
    margin-bottom: 20px;
    border-radius: 15px
}

.semwrap .tip .bottom span.mr {
    margin: 0 45px
}

.semwrap .tip .close {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 30px;
    right: 32px;
    background: url(../images/semwrap-close.jpg) center center no-repeat;
    cursor: pointer;
    z-index: 1
}

.semwrap .tip2 {
    width: 582px;
    height: 428px;
    background: url(../images/semwrap-tipbg.jpg) center center repeat-x;
    opacity: .85;
    position: absolute;
    top: 8px;
    left: 0;
    box-shadow: 0 3px 10px 0 rgba(131, 131, 131, .5)
}

.semwrap .tip2 .close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 25px;
    right: 30px;
    cursor: pointer
}

.semwrap .tip, .semwrap .tip2 {
    display: none
}

.semwrap #footer {
    background: #f0f2f5;
    height: 155px
}

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

.semwrap #footer .footer-img img {
    width: 100%
}

.semwrap #footer .copyright {
    text-align: center;
    color: #abacaf;
    margin-top: 36px;
    font-size: 12px
}

.semwrap .inner-container {
    float: left;
    overflow: hidden
}

.semwrap .inner-container li a {
    display: block;
    width: 582px;
    height: 426px
}

.semwrap .inner-main, .semwrap .inner-main li, .semwrap .inner-main ul {
    width: 582px;
    height: 426px
}

.semwrap .inner-main {
    margin-top: -8px;
    overflow: hidden;
    position: relative
}

.semwrap li .list-up {
    width: 588px;
    height: 242px
}

.semwrap li .list-up .item {
    background-color: #fff;
    width: 189px;
    height: 213px;
    float: left;
    margin-left: 10px;
    padding-top: 29px;
    cursor: pointer
}

.semwrap li .list-up .item.item-first {
    margin-left: 0
}

.semwrap li .list-up .item img {
    display: block;
    width: 84px;
    height: 84px;
    margin: 0 auto
}

.semwrap li .list-up .content {
    margin-top: 29px;
    padding: 0 38px
}

.semwrap li .list-up .content p {
    font-size: 14px;
    color: #9fa3af;
    text-align: center;
    line-height: 22px
}

.semwrap li .list-up .content .title {
    font-size: 16px;
    color: #414a60;
    line-height: 16px;
    margin-bottom: 10px
}

.semwrap li .list-down {
    margin-top: 10px;
    width: 588px;
    margin-top: 10px
}

.semwrap li .list-down .item {
    background-color: #fff;
    width: 289px;
    height: 177px;
    float: left;
    cursor: pointer
}

.semwrap li .list-down .item.item-down-last {
    margin-left: 10px
}

.semwrap li .list-down .item img {
    display: block;
    width: 84px;
    height: 84px;
    float: left;
    margin: 47px 29px 0 25px
}

.semwrap li .list-down .content {
    padding-top: 47px;
    padding-right: 36px
}

.semwrap li .list-down .content p {
    font-size: 14px;
    color: #9fa3af;
    text-align: center;
    line-height: 22px
}

.semwrap li .list-down .content .title {
    font-size: 16px;
    color: #414a60;
    line-height: 33px
}

.semwrap2 .main {
    background: #545b79 url(../images/sem-bg2.jpg) center center no-repeat
}

.semwrap2 .sem-job-box {
    height: 100%;
    width: 582px
}

.semwrap2 .sem-job-box .tip2 {
    top: 0
}

.semwrap2 .sem-job-box .job-tab-box {
    width: 100%;
    height: 42px;
    display: flex;
    z-index: 9999
}

.semwrap2 .sem-job-box .job-tab-box li {
    display: block;
    flex: 1;
    text-align: center;
    height: 100%;
    line-height: 42px;
    color: #fff;
    position: static;
    background: rgba(255, 255, 255, .1);
    box-sizing: border-box;
    border-right: solid 1px #785e9b;
    cursor: pointer
}

.semwrap2 .sem-job-box .job-tab-box li.cur {
    background: #7dbac9
}

.semwrap2 .sem-job-box .job-tab-box li:last-child {
    border: none
}

.semwrap2 .sem-job-box .sem-content {
    background: -webkit-linear-gradient(top, rgba(126, 187, 201, 1) 0, rgba(44, 194, 195, .9) 70%, rgba(44, 194, 195, .6) 100%);
    height: 376px;
    box-sizing: border-box;
    padding: 15px 17px 0 19px
}

.semwrap2 .sem-job-box .sem-content .sem-job-item {
    display: none
}

.semwrap2 .sem-job-box .sem-content .sem-job-item.cur {
    display: block
}

.semwrap2 .sem-content img {
    display: block;
    float: left;
    cursor: pointer
}

.semwrap2 .sem-content img:hover {
    opacity: .8
}

.semwrap2 .sem-job-box .sem-job-list li {
    display: flex;
    color: #fff;
    font-size: 13px;
    height: 43px;
    line-height: 43px;
    border-bottom: solid 1px #4fc0c8;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 5px 0 2px
}

.semwrap2 .sem-job-box .sem-job-list li:last-child {
    border-bottom: none
}

.semwrap2 .sem-job-box .sem-job-list li div {
    flex: 1
}

.semwrap2 .sem-job-box .sem-job-list li div:nth-child(2) {
    flex: 1.8
}

.semwrap2 .sem-job-box .sem-job-list li div:last-child {
    text-align: right
}

.semwrap2 .sem-job-box .sem-job-list li .more-job:after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    transform: rotate(-45deg);
    position: relative;
    top: 0;
    margin-left: 2px
}

.semwrap3 .sem-job-box {
    height: 100%;
    width: 582px;
    overflow: hidden
}

.semwrap3 .sem-job-box .sem-content {
    width: 600px
}

.semwrap3 .sem-job-box .sem-content li {
    width: 188px;
    height: 133px;
    background: #add8e6;
    background-position: center center;
    background-size: cover;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.semwrap3 .sem-job-box .sem-content li .title {
    margin-top: 15px;
    font-size: 14px
}

.semwrap3 .sem-job-box .sem-content li .salary {
    font-size: 21px;
    font-weight: 700;
    margin: 3px 0 5px
}

.semwrap3 .sem-job-box .sem-content li .info {
    font-size: 15px;
    line-height: 23px
}

.semwrap3 .sem-job-box .tip2 {
    top: 0
}

body.sem-overseas {
    background-color: #fff
}

.sem-overseas .main {
    background-position: center top
}

.sem-overseas .container {
    margin-top: 60px
}

.sem-overseas h1 {
    font-size: 28px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 22px
}

.sem-overseas h1.logo {
    margin-bottom: 0
}

.sem-overseas h1 span {
    font-size: 22px;
    margin-left: 10px
}

.sem-overseas h1 b {
    color: #5dd5c8;
    margin-left: 5px
}

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

.semwrap7, body.semwrap7 {
    color: #fff;
    font-size: 15px;
    min-width: 1000px
}

.semwrap7 .inner {
    max-width: 1000px
}

.semwrap7 #toast {
    color: #414a60
}

.semwrap7 #wrap {
    min-height: auto;
    min-width: 1000px
}

.semwrap7 #wrap .main {
    position: relative;
    background-image: -webkit-linear-gradient(top, #3e72d2 0, #77bdd1 100%);
    background-image: linear-gradient(top, #3e72d2 0, #77bdd1 100%)
}

.semwrap7 #wrap .item:hover {
    color: #53cac3;
    cursor: pointer
}

.semwrap7 #wrap .query:hover, .semwrap7 #wrap .reg:hover, .semwrap7 #wrap .salary:hover {
    color: #ff8d5d;
    cursor: pointer
}

.semwrap7 button {
    display: block;
    border: none;
    background-color: #53cac3;
    color: #fff;
    text-align: center
}

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

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

.semwrap7 .container .sem-title {
    width: 100%;
    height: 42px;
    margin-bottom: 33px;
    background: url(../images/sem/sem7/sem7-title.png) left top no-repeat;
    background-size: auto 42px
}

.semwrap7 .slider-box .sem-search {
    height: 40px;
    padding: 2px;
    background-color: #53cac3;
    font-size: 0
}

.semwrap7 .slider-box .sem-search .ipt-sem-search {
    display: inline-block;
    width: 452px;
    height: 40px;
    border: none;
    padding-left: 19px;
    line-height: 1;
    font-size: 15px;
    vertical-align: middle
}

.semwrap7 .slider-box .sem-search button {
    display: inline-block;
    width: 96px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle
}

.semwrap7 .sem-job-box {
    position: relative;
    width: 572px;
    height: 367px;
    margin-top: 8px
}

.semwrap7 li.more {
    height: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding: 20px
}

.semwrap7 li.more:hover {
    background-color: rgba(7, 8, 68, .3);
    color: #fff;
    cursor: pointer
}

.semwrap7 li.more {
    background-color: rgba(7, 8, 68, .3);
    position: absolute;
    top: 306px;
    width: calc(100% - 40px)
}

.semwrap7 li.more .position {
    color: #fc703e
}

.semwrap7 li.more .count {
    color: #fc703e
}

.semwrap7 li.more .reg {
    display: inline;
    width: auto;
    height: auto;
    color: #fc703e;
    text-decoration: underline
}

.semwrap7 .sem-search-result ul {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    border: 1px solid rgba(255, 255, 255, .3);
    overflow-x: hidden;
    overflow-y: scroll
}

.semwrap7 .sem-search-result li {
    height: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding: 20px
}

.semwrap7 .sem-search-result li:hover {
    background-color: rgba(7, 8, 68, .3);
    color: #fff;
    cursor: pointer
}

.semwrap7 .sem-search-result li.more {
    background-color: #fff;
    position: absolute;
    top: 306px;
    width: calc(100% - 40px);
    color: #414a60;
    font-family: PingFangSC-Regular
}

.semwrap7 .sem-search-result li .icon-up {
    background: url(../images/icon-up.png) no-repeat;
    display: inline-block;
    width: 18px;
    height: 7px;
    background-size: 18px 7px;
    position: relative;
    top: 9px;
    float: right
}

.semwrap7 #wrap .sem-search-result .search-job:hover {
    color: #fff
}

.semwrap7 .sem-search-result .query {
    color: #fc703e
}

.semwrap7 #wrap .sem-search-result .query:hover {
    color: #ff8d5d
}

.semwrap7 .sem-search-result .no-job {
    height: 65px;
    padding-top: 4px;
    font-size: 17px
}

.semwrap7 .sem-search-result .no-job .position {
    display: inline-block;
    color: #fc703e;
    max-width: 90px;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.semwrap7 .sem-search-result .no-job .count {
    color: #fc703e
}

.semwrap7 .sem-search-result .no-job .other-sug {
    margin-top: 20px;
    font-size: 15px;
    color: #fc703e
}

.semwrap7 .sem-search-result .search-job .position {
    display: inline-block;
    width: 204px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.semwrap7 .sem-search-result .search-job .brand {
    display: inline-block;
    width: 214px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.semwrap7 .sem-search-result .search-job .salary {
    float: right;
    color: #fc703e;
    font-size: 18px
}

.semwrap7 .sem-search-result .more .position {
    color: #fc703e
}

.semwrap7 .sem-search-result .more .count {
    color: #fc703e
}

.semwrap7 .sem-search-result .more .reg {
    display: inline;
    width: auto;
    height: auto;
    color: #fc703e;
    text-decoration: underline
}

.semwrap7 .job-tab-box {
    float: left;
    width: 90px;
    z-index: 9;
    opacity: .8
}

.semwrap7 .job-tab-box li {
    height: 61px;
    line-height: 61px;
    color: #fff;
    background: rgba(52, 91, 158, .1);
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer
}

.semwrap7 .job-tab-box li.cur {
    background: #345b9e
}

.semwrap7 .job-tab-box li:last-child {
    border: none
}

.semwrap7 .sem-content {
    float: right;
    width: 474px
}

.semwrap7 .sem-job-item {
    display: none;
    width: 480px;
    margin-right: -6px
}

.semwrap7 .sem-job-item.cur {
    display: block
}

.semwrap7 .sem-content .job-item {
    float: left;
    margin: 0 6px 6px 0;
    background-color: #fff;
    font-size: 14px;
    color: #3a4256;
    opacity: .8
}

.semwrap7 .sem-content .job-item:hover {
    opacity: 1;
    cursor: pointer
}

.semwrap7 .sem-content .job-item img, .semwrap7 .sem-content .job-item span {
    display: block
}

.semwrap7 .sem-content .job-item .job {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.semwrap7 .sem-content .job-item .salary {
    color: #fc703e;
    font-size: 16px;
    font-weight: 700
}

.semwrap7 .sem-content .item-1 {
    width: 114px;
    height: 58px
}

.semwrap7 .sem-content .item-1 img {
    width: 80%;
    margin: 13px auto 0
}

.semwrap7 .sem-content .item-2 {
    width: 154px;
    height: 95px;
    line-height: 21px;
    text-align: center
}

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

.semwrap7 .sem-content .item-3 {
    width: 114px;
    height: 90px;
    line-height: 21px;
    text-align: center
}

.semwrap7 .sem-content .item-3 img {
    width: 80%;
    margin: 12px auto 3px
}

.semwrap7 .sem-content .item-4 {
    width: 198px;
    height: 64px;
    padding: 18px;
    text-align: right
}

.semwrap7 .sem-content .item-4 img {
    float: left;
    max-height: 88%;
    max-width: 48%;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.semwrap7 .sem-content .item-4 .company, .semwrap7 .sem-content .item-4 .job {
    line-height: 13px
}

.semwrap7 .sem-content .item-4 .salary {
    line-height: 38px
}

.semwrap7 .sem-content .item-4 .company {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #8d92a1
}

.semwrap7 .sem-content .item-5 {
    width: 154px;
    height: 64px;
    padding: 18px;
    text-align: right
}

.semwrap7 .sem-content .item-5 img {
    float: left;
    max-height: 100%;
    max-width: 50%
}

.semwrap7 .sem-content .item-5 .job, .semwrap7 .sem-content .item-5 .salary {
    line-height: 32px
}

.semwrap7 .sem-content .sem-job-item .job-item:last-of-type img {
    width: 90px;
    max-height: 300px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(4) img {
    width: 95%;
    margin-top: 8px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(6) img {
    width: 90%;
    margin-top: 3px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(8) img {
    width: 58%;
    margin: 14px auto 2px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(10) img {
    margin: 10px auto -6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(12) img {
    width: auto;
    max-height: 88%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(5) img {
    width: 68%;
    margin: 11px auto -1px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(7) img {
    width: 91%;
    margin: 3px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(9) img {
    width: 57%;
    margin: 11px auto 6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(2) img {
    width: 63%;
    margin: 17px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(12) img {
    width: 102px;
    max-height: 300px;
    max-width: 100%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(2) img {
    width: 100%;
    margin: 9px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(3) img {
    width: 65%;
    margin: 16px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(8) img {
    width: 94%;
    margin: 3px auto -4px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(10) img {
    width: 93%;
    margin: 3px auto -6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(4) .job-item:nth-of-type(11) img {
    max-width: 53%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(6) .job-item:nth-of-type(2) img {
    margin: 18px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(6) .job-item:nth-of-type(11) img {
    max-width: 53%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(6) .job-item:nth-of-type(12) img {
    margin-top: 6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(5) .job-item:nth-of-type(5) img {
    position: relative;
    left: 7px
}

.semwrap7 .box {
    width: auto;
    color: #414a60
}

.semwrap7 .box .sign-wrap .text-tip {
    font-size: 14px
}

.semwrap7 .box .sign-wrap .agreement-tip {
    margin-top: -12px;
    font-size: 13px
}

.semwrap7 .box .sign-wrap .btn-switch {
    z-index: 19
}

.semwrap7 .box .sign-wrap .sign-miniapp .qrcodeimg-box {
    width: 170px;
    height: 170px;
    margin-top: 40px
}

.semwrap7 .box .sign-wrap .sign-miniapp .qrcodeimg-box img {
    width: 170px
}

.semwrap7 .box .sign-wrap .sign-miniapp .qrcodeimg-box .invalid-box {
    width: 170px;
    height: 170px
}

.semwrap7 .pop-layer-wrap {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.semwrap7 .pop-layer {
    position: absolute;
    left: 98px;
    top: 52px;
    width: 386px;
    max-height: 326px;
    padding: 20px 30px;
    background-color: #fff;
    color: #414a60
}

.semwrap7 .pop-layer .close-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 15px;
    height: 15px;
    background: transparent url(../images/icons-close.png) no-repeat 0 0/100% auto
}

.semwrap7 .pop-layer .close-icon:hover {
    background-position: 0 -30px;
    cursor: pointer
}

.semwrap7 .pop-layer .detail-info em, .semwrap7 .pop-layer .detail-info span {
    display: inline-block;
    line-height: 18px;
    color: #61687c;
    font-size: 13px;
    letter-spacing: 1px
}

.semwrap7 .pop-layer .detail-info span {
    height: 18px
}

.semwrap7 .pop-layer .detail-info em {
    width: 1px;
    height: 10px;
    margin: 0 10px;
    background-color: #e5e5e5
}

.semwrap7 .pop-layer button {
    display: block;
    width: 170px;
    height: 35px;
    line-height: 35px;
    font-size: 14px
}

.semwrap7 .pop-layer-brand .brand-logo {
    width: 109px;
    height: 45px;
    margin: -8px auto auto -12px;
    line-height: normal
}

.semwrap7 .pop-layer-brand .brand-count {
    display: inline-block;
    position: relative;
    left: 51px;
    top: -13px
}

.semwrap7 .pop-layer-brand .brand-count span {
    color: #fc703e
}

.semwrap7 .pop-layer-brand .brand-welfare {
    border-bottom: 1px dotted #e3e7ed;
    padding-bottom: 10px;
    white-space: nowrap
}

.semwrap7 .pop-layer-brand .brand-welfare span {
    line-height: 18px;
    border-radius: 12px;
    border: 1px solid rgba(209, 212, 219, 1);
    font-size: 13px;
    color: rgba(141, 146, 161, 1);
    padding: 3px 6px;
    margin-right: 10px
}

.semwrap7 .pop-layer-brand .brand-name {
    margin-top: 14px;
    line-height: 25px;
    font-size: 18px
}

.semwrap7 .pop-layer-brand .brand-info {
    margin-top: 10px;
    padding-bottom: 10px;
    line-height: 13px;
    color: #61687c;
    font-size: 13px;
    letter-spacing: 1px
}

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

.semwrap7 .pop-layer-brand .hot-job span {
    display: inline-block;
    width: 175px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    margin: 4px 0
}

.semwrap7 .pop-layer-brand .hot-job span:nth-of-type(2n+1) {
    margin-right: 32px
}

.semwrap7 .pop-layer-brand button {
    margin: 136px auto 0
}

.semwrap7 .pop-layer-job .salary {
    float: right;
    width: 108px;
    height: 25px;
    margin-right: 30px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #fc703e;
    text-align: right
}

.semwrap7 .pop-layer-job .job-name {
    width: 200px;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.semwrap7 .pop-layer-job .job-info {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #e3e7ed;
    line-height: 18px;
    color: #61687c;
    font-size: 13px;
    letter-spacing: 1px
}

.semwrap7 .pop-layer-job .brand-name {
    float: right;
    width: 220px;
    height: 25px;
    margin-top: 34px;
    line-height: 25px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.semwrap7 .pop-layer-job .brand-logo {
    max-width: 163px;
    height: 55px;
    margin-top: 17px
}

.semwrap7 .pop-layer-job .brand-welfare {
    white-space: nowrap
}

.semwrap7 .pop-layer-job .brand-welfare span {
    line-height: 18px;
    border-radius: 12px;
    border: 1px solid rgba(209, 212, 219, 1);
    font-size: 13px;
    color: rgba(141, 146, 161, 1);
    padding: 3px 6px;
    margin-right: 10px
}

.semwrap7 .pop-layer-job .brand-info {
    margin-top: 8px;
    line-height: 18px;
    color: #61687c;
    font-size: 13px;
    letter-spacing: 1px;
    padding-bottom: 10px
}

.semwrap7 .pop-layer-job button {
    margin: 30px auto 0
}

.semwrap7 .box .sign-wrap.shake {
    -webkit-animation: sem-shake .8s ease-in;
    animation: sem-shake .8s ease-in
}

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

.semwrap7 .pop-sign-wrap {
    display: none;
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1002
}

.semwrap7 .pop-sign {
    position: relative;
    margin: 113px auto 0
}

.semwrap7 .pop-sign .img-list-wrap {
    float: left;
    position: relative;
    width: 373px;
    height: 418px;
    overflow: hidden
}

.semwrap7 .pop-sign .img-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 1492px;
    height: 418px
}

.semwrap7 .pop-sign .img-list li {
    float: left;
    width: 373px;
    height: 418px
}

.semwrap7 .pop-sign .img-list .img-1 {
    background: transparent url(../images/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 .close-icon {
    float: right;
    position: relative;
    z-index: 22;
    width: 15px;
    height: 15px;
    margin: 15px 15px auto auto;
    background: transparent url(../images/icons-close.png) no-repeat 0 0/100% auto
}

.semwrap7 .pop-sign .sign-form .close-icon:hover {
    background-position: 0 -30px;
    cursor: pointer
}

.semwrap7 .pop-sign .sign-form .sign-content {
    margin-left: 0;
    padding: 0 40px
}

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

.semwrap7 .pop-sign .sign-form .sign-tab {
    display: block;
    height: 29px;
    margin: 0;
    padding: 10px 0 0;
    font-size: 0;
    border-bottom: 2px #f2f5f9 solid;
    white-space: nowrap;
    text-align: center
}

.semwrap7 .pop-sign .sign-form .tip-error {
    display: block;
    position: static;
    height: 24px;
    padding: 0;
    margin-bottom: -25px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #fc6c38;
    background: 0 0
}

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

.semwrap7 .pop-sign .sign-form .sign-tab span {
    display: inline-block;
    width: 70px;
    height: 29px;
    margin: 0 28px -2px;
    padding-bottom: 0;
    border-bottom: 2px #f2f5f9 solid;
    font-size: 14px;
    color: #9fa3b0;
    cursor: pointer
}

.semwrap7 .pop-sign .sign-form .sign-tab span.cur {
    border-bottom-color: #62d5c8;
    font-size: 16px;
    color: #414a60
}

.semwrap7 .pop-sign .sign-form .btn-sms {
    right: 2px
}

.semwrap7 .pop-sign .sign-form .other-op {
    font-size: 13px;
    color: #414a60;
    text-align: center;
    margin-top: 17px
}

.semwrap7 .pop-sign .sign-form .v-line {
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 15px;
    background-color: #e3e7ed;
    vertical-align: middle
}

.semwrap7 .sign-form .invalid-box .btn {
    margin: 0 auto
}

.semwrap7 .jconfirm {
    color: #414a60
}

.semwrap7 .jconfirm .btn {
    margin: 0 auto
}

.semwrap7 .btn-switch .switch-tip {
    top: 0
}

.semwrap7 .sign-tip {
    text-align: center
}

.semwrap7 .pop-sign .sign-form .other-op .v-line {
    display: none
}

.semwrap7 .pop-sign .sign-form .other-op a:last-of-type {
    display: none
}

.semwrap7 .tip2 {
    top: 0;
    z-index: 20;
    width: 572px;
    height: 424px
}

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

.semwrap7 .sem-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000
}

.semwrap7 .nav .nav-download-img {
    position: relative;
    left: 706px;
    display: none;
    box-shadow: 1px 2px 15px rgba(0, 0, 0, .3);
    padding: 5px;
    background: #fff
}

.semwrap7 .nav .nav-download-img img {
    display: block;
    width: 140px;
    height: 140px
}

.semwrap7 .nav .nav-download-img::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: calc(50% - 6px);
    top: -6px;
    background: #fff;
    z-index: 1;
    transform: rotate(45deg)
}

.semwrap7 .nav .icon-phone {
    background: url(../images/icon-phone.png);
    display: inline-block;
    width: 12px;
    height: 18px;
    background-size: 12px 18px;
    position: relative;
    top: 3px;
    right: 3px
}

.semwrap7 .nav .icon-down {
    background: url(../images/icon-down.png);
    display: inline-block;
    width: 13px;
    height: 7px;
    background-size: 13px 7px;
    position: relative;
    top: -2px;
    right: -4px
}

.semwrap7 .nav .icon-phone-light {
    background: url(../images/icon-phone-light.png);
    display: inline-block;
    width: 12px;
    height: 18px;
    background-size: 12px 18px;
    position: relative;
    top: 3px;
    right: 3px
}

.semwrap7 .nav .icon-up-light {
    background: url(../images/icon-up-light.png);
    display: inline-block;
    width: 13px;
    height: 7px;
    background-size: 13px 7px;
    position: relative;
    top: -2px;
    right: -4px
}

.semwrap7 .nav {
    width: calc(100% - 131px)
}

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

.semwrap7 .nav ul {
    width: 100%
}

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

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

.semwrap7 .nav li:last-of-type {
    margin-right: 0;
    float: right;
    cursor: pointer
}

.semwrap7 .nav li:last-of-type:hover a {
    color: #00d7c6 !important
}

.semwrap7 .nav li:last-of-type a {
    transition: all 0s;
    display: inline-block
}

.semwrap7 .dialog-con {
    color: #414a60
}

@-webkit-keyframes sem-shake {
    0% {
        -webkit-transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}

@keyframes sem-shake {
    0% {
        transform: scale(1)
    }
    10%, 20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}

div.datetimepicker {
    height: auto
}

.guide {
    background: #5dd5c8 url(../images/newbg.png) center bottom no-repeat;
    height: 100% !important;
    min-height: 700px;
    min-width: 800px
}

.guide #wrap {
    height: 100%
}

.guide #main {
    width: 750px;
    height: 100%;
    margin: 0 auto
}

.guide .header-white-space {
    height: 60px
}

@media (max-height: 835px) {
    .guide .header-white-space {
        height: 10px
    }
}

.guide .header {
    position: absolute;
    z-index: 9;
    top: 50px;
    right: 0
}

.guide .header .change-identity {
    float: right;
    margin: 6px 45px 0 0;
    color: #fff
}

.guide .header .change-identity:hover {
    color: #cefffe
}

.guide .header .change-identity:active {
    color: #c2f0ef
}

.guide .header .upload-resume-nlp {
    float: right;
    height: 32px;
    margin: 3px 20px 0 0;
    padding: 0 20px;
    border: 1px solid #fff;
    line-height: 32px;
    color: #fff
}

.guide .header .upload-resume-nlp:hover {
    border-color: transparent;
    background-color: rgba(255, 255, 255, .38)
}

.guide .container {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 460px;
    margin: -350px 0 0 -230px
}

.guide .info-box {
    background-color: #fff;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
    border-radius: 10px
}

.guide .skip {
    float: right;
    margin: 8px -40px 0 0;
    padding: 0 5px 0 21px;
    line-height: 23px;
    background: #fff0df url(../images/icons.png) no-repeat 5px -1091px;
    background-size: 18px auto;
    color: #eb9a3d;
    font-size: 12px;
    border-radius: 12px 0 0 12px
}

.guide .skip:hover {
    opacity: .8
}

.guide .title-box {
    height: 60px;
    padding: 20px 40px 0;
    border-bottom: 1px solid #e3e7ed;
    background-color: #f8fcff;
    border-radius: 10px 10px 0 0
}

.guide .title-box img {
    float: left;
    width: 40px;
    height: 40px
}

.guide .title-box .title {
    margin-left: 58px;
    line-height: 22px;
    color: #414a60;
    font-size: 16px;
    font-weight: 600
}

.guide .title-box .sub-title {
    margin-left: 58px;
    height: 26px;
    margin-top: 2px;
    line-height: 26px;
    color: #8d92a1;
    font-size: 14px;
    font-weight: 400
}

.guide .progress-box-wrapper {
    float: right;
    position: relative;
    width: 210px;
    height: 100%;
    padding: 40px
}

.guide .progress-box-wrapper .bottom {
    position: absolute;
    left: 40px;
    bottom: 34px;
    color: #dedee0;
    font-size: 13px
}

.guide .progress-box {
    position: absolute;
    right: 50px;
    top: 132px
}

.guide .progress-box ul {
    background: url(../images/icon/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: 380px;
    padding: 30px 40px;
    background-color: #fff;
    border-radius: 10px
}

.guide .form-row {
    position: relative;
    margin-bottom: 20px
}

.guide .form-row.last-row {
    margin-bottom: 10px
}

.guide .form-box dl {
    font-size: 0
}

.guide .form-box dt {
    display: block;
    margin-bottom: 3px;
    color: #8d92a1;
    font-size: 13px
}

.guide .form-box dd {
    display: inline-block;
    color: #414a60;
    font-size: 14px
}

.guide .form-box .salary-item + .salary-item, .guide .form-box dd + dd, .guide .form-box dl + dl, .guide .form-box label + label {
    margin-left: 20px
}

.guide .form-box dt .title-tip {
    margin-left: 10px;
    line-height: 17px;
    color: #61687c;
    font-size: 12px;
    vertical-align: baseline
}

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

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

.guide .form-box .radio-list {
    font-size: 0
}

.guide .form-box .fold-line {
    margin-top: 20px
}

.guide .form-box input[type=radio] {
    display: none
}

.guide .form-box .btn-footer {
    text-align: right;
    font-size: 0
}

.guide .form-box .btn {
    min-width: 90px;
    height: 32px;
    margin-left: 20px;
    line-height: 32px;
    font-size: 14px
}

.guide .form-box .salary-item {
    float: none
}

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

.guide .form-box .checkbox {
    display: block;
    height: 20px;
    line-height: 27px;
    font-size: 13px;
    text-align: left
}

.guide .form-box .tip-text {
    position: absolute;
    color: #fc6c38
}

.guide .form-box .change-identity {
    display: block;
    clear: both;
    padding-top: 20px;
    color: #9fa3b0
}

.guide .form-box .change-identity:hover {
    color: #00d7c6
}

.guide .form-box .text-con {
    position: relative
}

.guide .form-box .industry-title .btn {
    float: none
}

.guide .form-box .serial-area {
    height: 100px;
    margin-bottom: 4px
}

.guide .form-box .count-num {
    float: right;
    padding-top: 0
}

.guide .avatar_box {
    float: right;
    position: relative;
    z-index: 2;
    width: 80px;
    height: 80px;
    margin-bottom: 30px;
    cursor: pointer
}

.guide .avatar {
    position: relative;
    width: 80px;
    height: 80px
}

.guide .avatar .sel-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.guide .avatar .sel-avatar input {
    display: none;
    opacity: 0
}

.guide .avatar:hover .sel-avatar {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/avatar-hover.png) center center no-repeat
}

.guide .avatar img {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    border: 1px solid #f6fbfb
}

.guide .avatar_box .tip-text {
    position: absolute;
    top: 0;
    width: 80px;
    height: 80px;
    padding-left: 0;
    margin-top: 0;
    line-height: 80px;
    background: #efe3e2;
    color: #fc6c38;
    font-size: 12px;
    text-align: center;
    border-radius: 50%
}

.guide .education-info .form-box {
    position: relative;
    min-height: 513px
}

.guide .education-info .edu-type {
    margin-top: 20px
}

.guide .education-info .edu-type .btn {
    width: 176px
}

.guide .education-info .edu-type .btn:first-child {
    margin-left: 0
}

.guide .education-info .edu-type .btn-slight:hover {
    transition: all linear .2s;
    background-color: #6adbcf;
    border-color: #6adbcf;
    color: #fff
}

.guide .education-info .edu-type .btn-outline:hover {
    background-color: #fff;
    color: #6adbcf
}

.guide .experience-info .work-skill-tips {
    margin: 8px 0 0 0
}

.guide .experience-info .work-skill-tips li {
    display: inline-block;
    margin-right: 10px;
    padding: 0 12px;
    line-height: 20px;
    background-color: #eff0f5;
    color: #484b5b;
    font-size: 12px;
    cursor: pointer;
    border-radius: 10px
}

.guide .experience-info .work-skill-tips li.selected {
    background-color: #9fa3b0;
    color: #414a60;
    pointer-events: none
}

.guide .experience-info .remove-tip {
    height: 669px
}

.guide .experience-info .skill-row dd {
    display: block
}

.guide .experience-info .skill-row .tip-text {
    position: static;
    margin-bottom: -7px
}

.guide_layer .default-avatar {
    text-align: left;
    position: absolute;
    top: 0;
    z-index: 2;
    font-size: 0
}

.guide_layer .default-avatar p {
    font-size: 14px;
    color: #414a60;
    margin-bottom: 20px;
    font-style: normal
}

.guide_layer .avatar-con {
    margin-right: -40px
}

.guide_layer .img-box {
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 27px;
    margin-bottom: 20px;
    display: inline-block;
    cursor: pointer
}

.guide_layer img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.guide_layer .img-checked {
    position: relative;
    border-color: #37e0d2
}

.guide_layer .img-checked .pop {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(93, 213, 200, .89) url(../images/guide.png) -52px -21px no-repeat
}

.guide_layer .img-box:hover {
    border-color: #37e0d2
}

.guide_layer .main .selectpic {
    background-color: #fff
}

.guide_layer .main .selectpic .editbox {
    background-color: #fff;
    z-index: 3
}

.guide_layer .main .selectpic .sbox {
    margin-top: 230px;
    position: relative
}

.guide_layer .main .selectpic .sbox p {
    margin-top: 22px;
    color: #9fa3b0;
    font-style: normal
}

.guide_layer .main .selectpic .sbox .btns {
    width: 118px;
    height: 32px;
    font-style: normal;
    border-radius: 0;
    border: 1px solid #5dd5c8;
    color: #5dd5c8;
    line-height: 32px;
    padding: 0;
    background-position: 34px center;
    padding-left: 20px
}

.guide_layer .main .selectpic .sbox .selectfile {
    width: 140px;
    height: 34px;
    left: 105px;
    cursor: pointer
}

.guide_layer .layer_btns {
    padding-left: 0
}

.guide .bootstrap-tagsinput {
    width: 360px;
    padding: 6px 9px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap
}

.guide .bootstrap-tagsinput .tag {
    position: relative
}

.guide .bootstrap-tagsinput .tag .remove {
    position: absolute;
    top: 2px;
    left: 4px;
    margin: 0
}

.guide .bootstrap-tagsinput input {
    width: 185px;
    line-height: 22px;
    font-size: 13px;
    vertical-align: middle
}

.guide .skills-pannel {
    width: 360px
}

.guide .result-selecter {
    width: 380px
}

.guide .dropdown-select .icon-select-arrow {
    top: 11px
}

.guide .tip-text {
    display: block;
    background-image: none
}

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

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

.guide .datetimepicker-dropdown-left-bottom {
    margin-left: -200px
}

.guide .datetimepicker {
    width: 358px
}

.guide .workstartpicker-wrap {
    width: 358px
}

.guide .workstartpicker-wrap .year[data-val='0'] {
    width: 65px;
    margin: 20px 3px
}

.guide textarea {
    resize: none
}

.guide .hide {
    display: none
}

.guide ::-webkit-input-placeholder {
    color: #d1d4db !important
}

.guide :-ms-input-placeholder {
    color: #d1d4db !important
}

.guide :-moz-placeholder {
    color: #d1d4db !important
}

.guide ::-moz-placeholder {
    color: #d1d4db !important
}

.guide .dropdown-menu-open {
    z-index: 10;
    color: #9fa3b0
}

.guide .dropdown-menu {
    z-index: 10
}

.guide .dropdown-menu li:hover {
    background-color: #f3f5fa;
    color: #434a5e
}

.guide .dropdown-menu-open .dropdown-menu ul {
    width: 100%;
    height: 100%;
    background-color: #fff
}

.guide .select-tree li.blank:hover {
    background-color: #fff
}

.guide .dropdown-select .ipt {
    display: block
}

.guide .skills-pannel span:hover {
    background-color: unset
}

.guide .prefix-today {
    top: 5px;
    color: #9fa3b0
}

.guide .guide-link-app {
    width: 100%;
    padding-top: 20px;
    text-align: right;
    clear: both
}

.guide .guide-link-app a {
    text-decoration: underline
}

.industry-multiple-wrapper .data-tips {
    box-sizing: border-box;
    padding-top: 160px;
    line-height: 80px
}

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

.guide ::-webkit-scrollbar {
    width: 4px
}

.guide ::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #ccc;
    -webkit-border-radius: 4px
}

.guide ::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #aaa;
    -webkit-border-radius: 4px
}

.page-container ::-webkit-scrollbar {
    width: 3px
}

.page-container ::-webkit-scrollbar-thumb {
    background-color: #ddd
}

.page-container ::-webkit-scrollbar-thumb:hover {
    background-color: #ccc
}

.guide .dropdown-select:after, .guide .prop-selecter .dropdown-label:after {
    display: none
}

.name-input-tips {
    font-size: 12px;
    color: #9fa3b0
}

.wrap-grade .wrap-name-input-hidden {
    display: none
}

.guide .dialog-wrap.dialog-prop-default .dialog-container .title {
    padding: 0
}

.guide .dialog-wrap.dialog-prop-default .dialog-footer .btns .btn {
    min-width: 42px
}

.guide .dialog-wrap.dialog-prop-default .dialog-footer .btns .btn-outline:hover {
    height: 30px;
    line-height: 30px
}

.dialog-avatar-tip.dialog-icons-default .dialog-title .icon-dialog {
    margin-top: 10px
}

.dialog-avatar-tip.dialog-icons-default .dialog-title h3.title {
    margin-left: 20px
}

.dialog-avatar-tip .dialog-footer .btns {
    padding-top: 25px
}

.dialog-resume-nlp .dialog-container {
    width: 354px;
    margin: -119px 0 0 -250px;
    padding: 50px 73px
}

.dialog-resume-nlp .dialog-container .over-layer {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, #fff, rgba(255, 255, 255, .6));
    opacity: .9
}

.dialog-resume-nlp .dialog-container .over-layer::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/loading.gif) no-repeat center center;
    background-size: 36px 36px
}

.dialog-resume-nlp .title {
    margin-bottom: 21px;
    font-size: 24px;
    text-align: center
}

.dialog-resume-nlp .dialog-con {
    position: relative;
    line-height: 24px
}

.dialog-resume-nlp .dialog-footer {
    margin-top: 37px
}

.dialog-resume-nlp .dialog-footer .btns {
    text-align: center
}

.dialog-resume-nlp .dialog-footer .btns .btn {
    width: 130px;
    padding: 0;
    vertical-align: top
}

.dialog-resume-nlp .dialog-footer .btns .btn-sure {
    position: relative;
    margin-left: 45px;
    overflow: hidden
}

.dialog-resume-nlp .dialog-footer .btns .btn-sure input {
    position: absolute;
    width: 100%;
    height: 200%;
    top: -100%;
    left: 0;
    background: 0 0;
    opacity: 0;
    cursor: pointer
}

.dialog-resume-nlp .dialog-footer .btns .btn-cancel:hover {
    width: 128px;
    padding: 0
}

.page-single .detail {
    padding-top: 15px
}

.page-single .detail-content {
    padding: 35px 0;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .2px;
    line-height: 30px
}

.page-protocol #wrap, .page-protocol #wrap #main .detail, .page-protocol #wrap #main .detail-content, .page-protocol #wrap #main .detail-main {
    height: 100%
}

.page-protocol #wrap #main {
    height: -moz-calc(100% - 330px);
    height: -webkit-calc(100% - 330px);
    height: calc(100% - 330px);
    min-height: 800px
}

.page-protocol .detail-content .protocol-iframe {
    border: none;
    width: 100%;
    height: 100%
}

.page-protocol .detail-content {
    padding-top: 0
}

.page-single .detail-content .title {
    font-size: 30px;
    line-height: 50px;
    font-weight: 400;
    text-align: center;
    margin: 10px 0 15px
}

.page-single .detail-content .info .author {
    float: right;
    margin-top: 30px
}

.page-single .detail-content .info .tags {
    padding: 25px 0 40px
}

.page-single .detail-content .content h4 {
    font-size: 20px;
    margin-bottom: 10px
}

.page-single .detail-content .content p {
    padding: 10px 0
}

.detail-content .content iframe, .detail-content .content video, .page-single .detail-content .content img {
    max-width: 100%
}

.page-single #siderbar {
    display: none
}

.page-responsive {
    min-width: inherit
}

@media (max-width: 800px) {
    .page-single {
        color: #333;
        max-width: 100%;
        min-width: auto
    }

    .page-single #wrap {
        min-width: auto;
        width: 100%
    }

    .page-single #footer, .page-single #header {
        display: none
    }

    .page-single .detail {
        padding-top: 0;
        width: auto
    }

    .page-single .detail-content {
        padding: 0
    }

    .page-single .detail-content .content p {
        padding: 5px 0
    }

    .page-protocol #wrap #main {
        height: 100%
    }
}

.greet-pop .greet-con {
    padding: 10px;
    border-radius: 4px;
    background: #f8f8f8;
    color: #999;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.greet-pop .dialog-title {
    padding: 20px 30px 14px
}

.greet-pop .dialog-con {
    padding: 0 30px
}

.greet-pop .dialog-container {
    width: 460px;
    margin: -100px 0 0 -230px;
    border-radius: 12px
}

.greet-pop .dialog-container a {
    color: #00bebd
}

.greet-pop .dialog-container a:hover {
    color: #00a6a7
}

.greet-pop .title {
    display: flex;
    font-weight: 500;
    color: #222;
    line-height: 25px;
    font-size: 18px
}

.greet-pop .title:before {
    content: ' ';
    vertical-align: middle;
    margin-top: 2px;
    height: 21px;
    width: 21px;
    background: url(https://img.bosszhipin.com/static/file/2023/qb3mfsnipi1680079056660.png) 0 0/21px 21px no-repeat;
    margin-right: 8px
}

.greet-pop .dialog-con span {
    display: inline-block;
    padding-top: 20px;
    font-size: 12px;
    color: #999
}

.greet-pop .dialog-footer {
    padding: 0 30px 20px;
    margin-top: 24px
}

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

.greet-pop .dialog-footer .btns .btn {
    margin: 0 0 0 12px;
    border-radius: 4px;
    border: 1px solid #00bebd;
    height: auto;
    line-height: 20px;
    padding: 5px 15px;
    color: #00a6a7;
    font-weight: 500;
    transition: all .2s linear
}

.greet-pop .dialog-footer .btns .btn:hover {
    background: rgba(0, 190, 189, .1);
    padding: 5px 15px
}

.greet-pop .dialog-footer .btns .btn.btn-sure {
    color: #fff;
    background: #00bebd
}

.greet-pop .dialog-footer .btns .btn.btn-sure:hover {
    background: rgba(0, 190, 189, .8);
    border-color: rgba(0, 190, 189, .8)
}

.greet-boss-pop .dialog-title .close:hover {
    background: 0 0
}

.greet-boss-pop .dialog-container {
    background: #fff linear-gradient(181deg, rgba(192, 249, 246, .7) 0, rgba(229, 249, 248, .7) 32%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%) 0 0/100% 107px no-repeat
}

.greet-boss-pop .dialog-title {
    padding: 20px 30px
}

.greet-boss-pop .dialog-title .title {
    font-weight: 600;
    color: #222;
    line-height: 25px;
    font-size: 18px
}

.greet-boss-pop .dialog-title .title:before {
    content: none
}

.greet-boss-pop .greet-con {
    background: #f7f7f7;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 8px 12px
}

.greet-boss-pop .dialog-con span {
    padding-top: 2px;
    font-size: 14px;
    color: #999;
    line-height: 20px
}

.greet-boss-pop .dialog-footer {
    margin-top: 20px
}

.interview-pop .dialog-container {
    width: 500px;
    margin: -153px 0 0 -250px
}

.interview-pop .dialog-con, .refuse-pop .dialog-con {
    padding: 0 30px
}

.interview-pop .dialog-title {
    padding: 30px 30px 10px;
    font-size: 18px;
    color: #5dd5c8;
    font-weight: 400
}

.interview-pop .dialog-footer, .refuse-pop .dialog-footer {
    padding-bottom: 30px;
    margin-top: 20px
}

.interview-pop .dialog-footer .btns, .refuse-pop .dialog-footer .btns {
    text-align: center
}

.interview-pop .dialog-footer .btn-cancel {
    margin-left: 0
}

.refuse-pop .dialog-container {
    width: 360px;
    margin: -113px 0 0 -180px
}

.refuse-pop .dialog-con {
    padding-top: 76px;
    padding-bottom: 40px;
    text-align: center;
    font-size: 16px
}

.inner-seo .condition-box dt {
    font-size: 14px;
    width: auto
}

.inner-seo .condition-insdustry dd {
    height: auto;
    margin-left: 40px
}

.inner-seo .job-list li .name {
    font-size: 15px;
    letter-spacing: 1px
}

.inner-seo .job-list li .name a {
    min-width: 50px;
    text-align: center;
    width: auto;
    display: inline-block
}

.inner-seo .job-list li p {
    margin-top: 10px
}

.inner-seo .job-list li .company-text {
    padding-top: 9px
}

.inner-seo .job-list li .company-text p {
    color: #b7bac4;
    margin-top: 5px
}

.inner-seo .job-list li .company-text img {
    height: 48px
}

.inner-seo .job-list .info-company {
    max-width: 300px
}

.inner-seo .job-list .info-primary {
    max-width: calc(100% - 310px)
}

.inner-seo .job-list .job-demand {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #b7bac4
}

.inner-seo .about-search {
    background: #fff;
    margin-bottom: 10px
}

.inner-seo .about-search dt {
    height: 50px;
    line-height: 50px;
    border-bottom: 2px #f2f2f5 solid;
    padding: 0 35px;
    color: #00d7c6;
    font-size: 16px
}

.inner-seo .about-search dd {
    padding: 0 35px
}

.inner-seo .about-search dd a {
    display: block;
    height: 40px;
    line-height: 40px;
    border-bottom: solid 1px #f8f9fc;
    font-size: 13px;
    color: #5a6172
}

.inner-seo .promotion-img {
    margin-top: 10px
}

.job-seo .job-list {
    width: 1204px;
    margin: 15px auto;
    background: #fff;
    padding: 0 35px;
    padding-bottom: 15px
}

.job-seo .job-list:after {
    content: "";
    display: block;
    height: 0;
    clear: both
}

.job-seo .job-list dt {
    height: 45px;
    line-height: 45px;
    color: #5dd5c8;
    border-bottom: solid 2px #f4f4f7;
    margin-bottom: 5px
}

.job-seo .job-list dd {
    height: 45px;
    line-height: 45px;
    width: 25%;
    text-align: left;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#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;
    position: relative;
    left: -20px
}

.competitive_top_info .work_card p {
    font-size: 13px;
    color: #797979;
    margin-left: .36rem;
    padding-top: .17rem
}

.competitive_top_info .work_card .tag {
    margin-left: .2rem;
    padding-top: .05rem;
    position: relative;
    top: -20px
}

.competitive_top_info .work_card .tag span {
    font-size: 13px;
    color: #797979;
    padding-right: .01rem;
    display: inline-block;
    padding-right: .2rem;
    text-align: center
}

.competitive_top_info .work_card .tag span:after {
    content: '';
    border-right: solid 1px #efeff3;
    position: relative;
    left: 6px
}

.competitive_top_info .work_card .tag span:last-child:after {
    border: none
}

.chart_title {
    position: relative;
    padding: .2rem 0 .2rem .24rem;
    border-bottom: solid 1px #eef0f5
}

.chart_title img {
    height: .75rem;
    vertical-align: middle
}

.chart_title > div {
    display: inline-block;
    vertical-align: middle;
    margin-left: .27rem;
    width: 75%;
    position: relative
}

.chart_title div p:first-child {
    font-size: 16px;
    margin-bottom: .1rem;
    font-weight: 700
}

.chart_title div p:last-child {
    font-size: 15px;
    color: #aaa;
    min-height: 35px
}

.chart_title div p span.red {
    color: #ff6223
}

.highcharts-xaxis-labels:nth-child(2n) {
    width: 15px
}

#competitive-main .border {
    width: 100%;
    height: 12px;
    background-color: #fff
}

#competitive-main .chart_title.mt_70 {
    margin-top: .7rem
}

#competitive-main .bottom_height {
    margin-top: .8rem
}

#competitive-main .bar_title_one_row {
    font-size: 12px;
    line-height: .31rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.1rem;
    text-align: right
}

#competitive-main .contaract_wrap {
    color: #515151;
    position: relative
}

#competitive-main .contaract_wrap.h_62 {
    height: .62rem
}

#competitive-main .hoz_bar {
    height: .31rem;
    background-color: #ededed;
    width: 4.96rem;
    position: absolute;
    border-radius: 50px;
    margin-left: 1.2rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#competitive-main .contaract_wrap.h_31 {
    height: .31rem
}

#competitive-main .hoz_bar .bar_show {
    position: absolute;
    width: 0;
    top: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(-90deg, #3266c8, #00d4fa);
    border-radius: 50px;
    -webkit-animation: move 1s ease
}

#competitive-main .hoz_bar .bar_show .percent {
    position: absolute;
    height: .31rem;
    line-height: .35rem;
    left: 100%;
    color: #1791e5;
    font-size: 12px;
    margin-left: .05rem
}

#competitive-main .bar_title_two_row {
    font-size: 10px;
    text-align: right;
    position: absolute;
    top: .1rem;
    left: 0;
    width: 1.1rem
}

#competitive-main .bar_title_two_row p:last-child {
    position: relative;
    top: -8px
}

#competitive-main .contaract_wrap.mb_50 {
    margin-bottom: .5rem
}

#competitive-main .contaract_wrap.mb_45 {
    margin-bottom: .45rem
}

#competitive-main .contaract_wrap.mt_82 {
    margin-top: .5rem
}

#competitive-main .contract_mark {
    width: 5.04rem;
    height: .26rem;
    margin-top: .25rem;
    margin-left: 1.15rem;
    display: block
}

#competitive-main .start_chat {
    width: 1.6rem;
    height: .74rem;
    margin-top: .29rem;
    margin-left: 4.99rem;
    display: none
}

#competitive-main .start-chat {
    text-align: right;
    font-size: 13px;
    padding: 10px 40px 0;
    cursor: pointer;
    display: none;
    float: right
}

#competitive-main .border.mt_48 {
    margin-top: .48rem
}

#competitive-main .match_mark {
    width: 5.3rem;
    position: absolute;
    height: 4.79rem;
    top: 0;
    left: 0;
    z-index: 10
}

#competitive-main .match_wrap {
    margin-left: .8rem;
    margin-top: 1rem;
    position: relative;
    height: 4.79rem;
    margin-bottom: .6rem
}

#competitive-main .ver_bar {
    width: .45rem;
    border-radius: 50px;
    position: absolute;
    bottom: .44rem;
    z-index: 100;
    height: 0
}

#competitive-main .ver_bar.match {
    background-image: linear-gradient(-180deg, #ef3e67, #ef793e)
}

#competitive-main .ver_bar .percent {
    position: absolute;
    left: 50%;
    top: -.3rem;
    color: #ef4a40;
    font-size: 12px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-41%, 0)
}

#competitive-main .ver_bar.lf_10 {
    left: .7rem
}

#competitive-main .ver_bar.lf_20 {
    left: 1.85rem
}

#competitive-main .ver_bar.lf_30 {
    left: 3.05rem
}

#competitive-main .ver_bar.lf_40 {
    left: 4.2rem
}

#competitive-main .ver_bar.lf_50 {
    left: 4.2rem
}

#competitive-main .here {
    position: absolute;
    font-size: 11px;
    color: #fff;
    width: 1.1rem;
    border-radius: 50px;
    text-align: center;
    line-height: 11px;
    padding-top: .1rem;
    padding-bottom: .1rem;
    display: none
}

#competitive-main .here[class*=match]:after {
    display: block;
    content: "";
    border-width: 5px 5px 5px 5px;
    border-style: solid;
    border-color: #6d66fe transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -4px
}

#competitive-main .here.match {
    left: -.35rem;
    margin-top: -.65rem;
    background-image: linear-gradient(-90deg, #678afe, #9967fe);
    top: -.21rem
}

#competitive-main .qua_wrap {
    position: relative;
    margin-left: .6rem;
    margin-top: 1rem;
    height: 4.85rem
}

#competitive-main .qul_mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.62rem;
    height: 4.85rem
}

#competitive-main .ver_bar.qul {
    background-image: linear-gradient(0deg, #c2caff, #5528e6)
}

#competitive-main .ver_bar .percent.qul {
    color: #5b6fd3
}

#competitive-main .ver_bar.lf_11 {
    left: .6rem
}

#competitive-main .ver_bar.lf_21 {
    left: 1.67rem
}

#competitive-main .ver_bar.lf_31 {
    left: 2.79rem
}

#competitive-main .ver_bar.lf_41 {
    left: 3.9rem
}

.ver_bar.lf_51 {
    left: 5rem
}

.work_exp_wrap {
    color: #515151;
    position: relative;
    height: .31rem;
    margin-bottom: .6rem
}

.work_exp_wrap.mt_60 {
    margin-top: 1rem
}

.work_exp_wrap.mb_60 {
    margin-bottom: .6rem
}

.bar_show.work_exp {
    background-image: linear-gradient(90deg, #8deaa3, #29d183)
}

.bar_show.work_exp .percent {
    color: #29d183
}

.here.work_exp {
    background-image: linear-gradient(-90deg, #29c0ce, #82def8);
    top: -100%;
    margin-top: -.15rem;
    right: -.65rem
}

.here[class*=work_exp]:after {
    display: block;
    content: "";
    border-width: 5px 5px 5px 5px;
    border-style: solid;
    border-color: #29c0ce transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -4px
}

.sal_wrap {
    position: relative;
    margin-left: .6rem;
    margin-top: 1rem;
    height: 4.71rem
}

.sal_wrap .Xtext {
    position: absolute;
    top: 4.71rem;
    left: 0;
    font-size: 14px
}

.sal_wrap .Xtext span:first-child {
    position: absolute;
    width: 1.5rem;
    top: 0;
    left: .6rem
}

.sal_wrap .Xtext span:nth-child(2) {
    position: absolute;
    width: 1.5rem;
    top: 0;
    left: 1.67rem
}

.sal_wrap .Xtext span:nth-child(3) {
    position: absolute;
    width: 1.5rem;
    top: 0;
    left: 2.7rem
}

.sal_wrap .Xtext span:nth-child(4) {
    position: absolute;
    width: 1.5rem;
    top: 0;
    left: 3.8rem
}

.sal_wrap .Xtext span:nth-child(5) {
    position: absolute;
    width: 1.5rem;
    top: 0;
    left: 4.85rem
}

.sal_wrap .sul_mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.63rem;
    height: 4.71rem
}

.ver_bar.sal {
    background-image: linear-gradient(180deg, #fdb926, #fee9a8)
}

.ver_bar .percent.sal {
    color: #fdb926
}

.here.sal {
    top: -.21rem;
    left: -.425rem;
    background-image: linear-gradient(90deg, #21bf68, #70d95a);
    margin-top: -.65rem
}

.here[class*=sal]:after {
    display: block;
    content: "";
    border-width: 5px 5px 5px 5px;
    border-style: solid;
    border-color: #42cb59 transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -4px
}

.peak_wrap {
    margin: 0 auto;
    margin-top: .36rem;
    height: 1.46rem;
    position: relative;
    width: 6.38rem;
    overflow: hidden
}

.peak_wrap .no_active {
    width: 2.02rem;
    height: 1.46rem;
    position: absolute
}

.peak_wrap .active {
    width: 2.45rem;
    height: 1.46rem;
    position: absolute
}

.peak_wrap img:nth-child(1) {
    top: 0;
    left: 0
}

.peak_wrap img:nth-child(2) {
    top: 0;
    left: 1.86rem
}

.peak_wrap img:nth-child(3) {
    top: 0;
    left: 3.1rem
}

.peak_wrap img:nth-child(4) {
    top: 0;
    left: 4.34rem
}

.peak_text_wrap {
    font-size: 14px;
    margin: 0 auto;
    margin-top: .2rem;
    margin-bottom: .6rem;
    margin-left: .5rem;
    text-align: center
}

.peak_text_wrap span {
    display: inline-block;
    width: 1.4rem;
    text-align: left;
    font-weight: 700;
    box-sizing: border-box
}

.peak_text_wrap span:last-child {
    margin-right: 0
}

#competitive-main .sub_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    background-color: #fff;
    height: 1.31rem;
    line-height: 1.31rem
}

#competitive-main .sub {
    background-color: #53cac3;
    color: #fff;
    font-size: 16px;
    width: 90%;
    margin-left: 5%;
    text-align: center;
    padding: .29rem 0;
    line-height: 16px;
    border-radius: 8px;
    margin-top: .2rem
}

#competitive-main .footer {
    height: 1.31rem;
    margin: 0 40px
}

#competitive-main .footer-line {
    border-top: dashed 1px #e5e5e5;
    position: relative;
    top: .6rem;
    text-align: center
}

#competitive-main .footer-line span {
    display: inline-block;
    position: relative;
    top: -.17rem;
    padding: 0 .05rem;
    font-size: .14rem;
    color: #363636;
    background: #fff
}

#competitive-main .tip {
    display: inline-block;
    width: .29rem;
    height: .29rem;
    background-image: url(../images/tip.png);
    background-size: contain;
    position: relative;
    vertical-align: middle;
    margin-right: 5px
}

#competitive-main .tip span {
    position: absolute;
    top: .54rem;
    left: -.89rem;
    width: 5.55rem;
    height: 1.62rem;
    background-color: #333;
    border-radius: 50px;
    color: #fff;
    line-height: .5rem;
    padding-left: .2rem;
    padding-top: .1rem;
    padding-right: .2rem;
    z-index: 2000;
    display: none
}

#competitive-main .tip span:before {
    content: "";
    border: 8px solid #333;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: inline-block;
    position: absolute;
    top: -.28rem;
    left: .85rem
}

#competitive-main .highcharts-xaxis-grid path:nth-child(even) {
    stroke: #fd1e77
}

#competitive-main .m_t_8 {
    margin-top: .8rem
}

#competitive-main .stopImg {
    position: absolute;
    top: 17px;
    right: 120px;
    z-index: 10
}

#competitive-main {
    background: #fff;
    width: 100%;
    overflow: hidden;
    min-width: 750px;
    max-width: 1184px;
    min-height: 500px;
    margin: 0 auto
}

#competitive-main .row-box {
    display: flex;
    margin: 0 40px;
    background: #fff
}

#competitive-main .row-box .row-one {
    width: 49%;
    background: #f9fafc;
    margin: 0 12px 0 0;
    flex-shrink: 0
}

#competitive-main .row-box .row-two {
    flex: 1;
    background: #f9fafc;
    margin: 0
}

#competitive-main .row-box .row-two .row-bottom {
    box-sizing: border-box;
    border-top: solid 10px #fff
}

#competitive-main .chart_title .title_right_info {
    position: absolute;
    right: .4rem;
    top: .2rem;
    width: auto;
    font-size: .2rem;
    text-align: right
}

#competitive-main .chart_title .right_info_num {
    margin-top: -2px;
    font-size: .3rem;
    display: inline-block
}

#competitive-main .right_info {
    position: absolute;
    right: .2rem;
    top: .2rem;
    font-size: .16rem;
    text-align: right
}

#competitive-main .right_info div {
    margin-bottom: .1rem
}

#competitive-main .right_info div:first-child {
    font-size: 14px
}

#competitive-main .right_info div img {
    border-radius: 50%;
    width: .22rem;
    height: .22rem;
    position: relative;
    top: .05rem;
    margin-right: 10px
}

#competitive-main .competitive-header {
    margin: .2rem 45px 0
}

#competitive-main .competitive-header h1 {
    display: inline-block;
    font-size: .26rem;
    margin-right: .05rem
}

#competitive-main .competitive-header .competitive-time {
    font-size: .14rem;
    color: #9fa3b0
}

#competitive-main .competitive-header .competitive-label {
    float: right;
    height: 23px;
    background: rgba(93, 213, 200, 1);
    border-radius: 100px;
    line-height: 23px;
    font-size: 12px;
    color: #fff;
    padding: 0 12px;
    margin: 18px 0 0
}

#competitive-main .dialog-con {
    font-size: 14px
}

.competitive_top_info .work_card .work_type .work_image {
    position: relative;
    top: -10px;
    left: -17px
}

.competitive-container {
    margin: 20px auto 0 auto;
    max-width: 1184px;
    position: relative;
    zoom: 1
}

.competitive-container:after {
    content: '';
    display: block;
    overflow: hidden;
    visibility: hidden;
    clear: both
}

.fixfloat:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.fixfloat {
    zoom: 1
}

em {
    font-style: normal
}

.bc {
    background-color: #fff
}

.fl {
    float: left
}

.fr {
    float: right
}

.dn {
    display: none
}

.fs18 {
    font-size: 18px
}

.fs12 {
    font-size: 12px;
    line-height: 17px
}

.fs13 {
    font-size: 13px
}

.fs14 {
    font-size: 14px;
    line-height: 20px
}

.fs15 {
    font-size: 15px;
    line-height: 21px
}

.hr {
    padding-left: 10px;
    padding-right: 10px
}

.c50 {
    color: #50586c
}

.cdef {
    color: #00d7c6
}

.cgrey {
    color: #353b3d
}

.c-title {
    color: #53cac3
}

.cc1 {
    color: #c1c4cb
}

.tr {
    text-align: right
}

.c9F {
    color: #9fa3b0
}

.ml20 {
    margin-left: 20px
}

.ml {
    border-bottom: 1px solid #f2f2f5
}

.lh22 {
    line-height: 22px
}

.tc {
    text-align: center
}

.visibility-hidden {
    visibility: hidden
}

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

.competitive-container .left-content {
    width: 100%
}

.competitive-container .right-nav {
    width: 210px
}

.competitive-container .nav-t {
    height: 101px;
    padding-left: 20px;
    padding-right: 20px
}

.competitive-container .pay-b {
    height: auto;
    margin-top: 20px
}

.ctv-l-t {
    position: relative;
    width: 590px;
    height: 295px;
    border-bottom: 1px solid #f2f2f5;
    margin: 0 auto;
    background: url(../images/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: #53cac3
}

.tab-character {
    font-size: 14px;
    color: #353b3d;
    line-height: 26px
}

.tab-character li {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f2f2f5;
    position: relative
}

.btn.tab-test-btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 88px;
    height: 32px;
    background-color: #5ed5c8;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    min-width: 88px
}

.tab-character li p {
    line-height: 20px
}

.tab-character li p:first-child {
    padding-bottom: 18px
}

.tab-character input {
    color: #353b3d
}

.cpt-mes {
    padding-top: 184px;
    color: #838997;
    line-height: 21px
}

.default-list {
    position: relative;
    padding-top: 24px;
    padding-bottom: 23px;
    border-bottom: 1px solid #f2f2f5;
    color: #838997
}

.default-list.active {
    border-bottom: 1px solid #5ed5c8
}

.h37 {
    height: 44px;
    line-height: 34px
}

.h37 + p {
    line-height: 20px
}

.tab-competitive .check-detail {
    background-color: #f8f9fb;
    height: 0;
    overflow: hidden;
    box-sizing: border-box
}

.tab-competitive .check-detail a {
    display: block;
    padding: 20px 30px;
    border-bottom: 1px solid rgba(193, 196, 203, .1);
    zoom: 1
}

.tab-competitive .check-detail a:after {
    content: '';
    display: block;
    overflow: hidden;
    visibility: hidden;
    clear: both
}

.tab-competitive .check-detail a:hover {
    background-color: #fff
}

.tab-competitive .job-info {
    width: 260px
}

.tab-competitive .company-info {
    width: 240px
}

.tab-competitive .default-list .default-name {
    width: 348px
}

.tab-competitive .default-list .default-num {
    width: 240px
}

.tab-competitive .default-list .default-btn-group a {
    display: block;
    width: 52px
}

.tab-competitive .default-list .default-btn-group .check-btn {
    text-align: right;
    padding-top: 10px;
    box-sizing: border-box;
    line-height: 20px
}

.tab-competitive .default-list .default-btn-group .check-btn .fz-slideup {
    background-position: 5px -810px;
    vertical-align: middle;
    transform: scale(.7, .7)
}

.tab-competitive .default-list .default-btn-group .check-btn .fz-slidedown {
    background-position: 5px -788px;
    vertical-align: middle;
    transform: scale(.7, .7)
}

.tab-character.dn + .cpt-mes {
    display: none
}

.tab-character .username-wrap {
    width: 400px;
    display: inline-block
}

.tab-competitive .default-list.active + .check-detail {
    height: auto
}

.check-detail p {
    line-height: 20px
}

.check-detail p.c9F {
    line-height: 17px !important
}

.job-info-l {
    height: 28px;
    line-height: 28px
}

.tab-competitive .job-info-l img {
    width: 20px;
    height: 20px;
    vertical-align: center;
    line-height: 20px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 10px
}

.tab-competitive .job-info-l span {
    display: inline-block;
    max-width: 98px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tab-competitive .job-info-l .job-title {
    max-width: 170px;
    display: inline-block
}

.my-props .boss-position {
    max-width: 108px
}

.staff-info-avatar {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/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: #53cac3;
    padding-left: 15px
}

.props-wrap {
    width: 100%;
    height: 280px
}

.props-wrap .tr .c-title {
    color: #ff6223
}

.props-character {
    margin-top: 20px
}

.props-competitive {
    box-sizing: border-box
}

.props-competitive img {
    width: 74px;
    height: 74px
}

.props-competitive-header {
    padding: 18px 0 20px 0;
    margin: 0 40px 0 43px
}

.props-competitive-header .c-title {
    height: 28px
}

.props-body {
    display: flex;
    padding-right: 40px;
    padding-left: 40px;
    text-align: center;
    height: 166px;
    align-items: center
}

.props-competitive-body li {
    flex: 1;
    height: 106px;
    overflow-y: hidden
}

.props-competitive-body li:hover > .no-hover {
    margin-top: -106px
}

.props-character-body li {
    flex: 1;
    height: 120px;
    overflow-y: hidden
}

.props-character-body li:hover > .no-hover {
    margin-top: -120px
}

.props-competitive-header-des {
    color: #61687c;
    padding-top: 10px;
    margin-left: 15px
}

.props-competitive-header-des .tt {
    color: #61687c;
    font-size: 24px;
    line-height: 33px;
    height: 38px;
    display: inline-block;
    font-weight: 600
}

.shop-props .btn-pay {
    width: 104px;
    height: 34px;
    min-width: 104px;
    font-size: 14px;
    line-height: 34px;
    background-color: #ff6223;
    border: none
}

.shop-props .btn-pay:hover {
    background-color: rgba(255, 98, 35, .71)
}

.no-hover-img {
    height: 56px;
    margin-bottom: 5px
}

.character-item-img {
    width: 67px;
    height: 70px;
    display: inline-block
}

.character-item-img-hover {
    width: 88px;
    height: 88px;
    display: inline-block
}

.dimensional-graph {
    background: url(../images/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: #53cac3;
    border-color: #53cac3;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.layer-prop-position .btn-disabled {
    background-color: #d0d4da;
    border-color: #d0d4da
}

.layer-prop-purchase .dialog-container {
    padding: 36px;
    margin: -248px 0 0 -220px
}

.layer-prop-purchase .title img {
    display: block;
    margin: 0 auto;
    margin-top: -67px;
    width: 74px;
    height: 74px
}

.layer-prop-purchase .title p {
    margin-top: 12px;
    font-size: 20px;
    color: #61687c;
    text-align: center
}

.layer-prop-purchase .title p.sub-title {
    margin-top: 5px;
    font-size: 12px;
    color: #9fa3b0;
    text-align: center
}

.layer-prop-purchase .purchase-container {
    margin-top: 20px
}

.layer-prop-purchase .purchase-container li {
    width: 368px;
    height: 66px;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e3e7ed
}

.layer-prop-purchase .purchase-container li.selected, .layer-prop-purchase .purchase-container li:hover {
    border-color: #5dd5c8;
    box-shadow: 2px 4px 6px rgba(93, 213, 200, .2);
    cursor: pointer
}

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

.recharge-beans-original li .ios-notice {
    display: none
}

.prop-analyzer-wrap .disabled {
    opacity: .5;
    pointer-events: none
}

.prop-analyzer-wrap .dialog-con {
    padding: 0
}

.prop-analyzer-wrap .dialog-container {
    position: absolute;
    width: 766px;
    min-height: 390px;
    margin: -195px 0 0 -383px;
    top: 50%;
    left: 50%;
    padding: 0
}

.analyzer-head {
    width: 686px;
    height: 111px;
    margin-left: 48px;
    border-bottom: 1px solid #f8f9f9
}

.analyzer-head h4 {
    font-size: 22px;
    font-weight: 400;
    margin: 30px 0 5px 0
}

.analyzer-head .icon-logo {
    float: left;
    display: inline-block;
    width: 74px;
    height: 74px;
    margin: 17px 20px 0 0;
    background: url(../images/prop/icons-analyzer.png) -300px 0 no-repeat
}

.analyzer-head div {
    overflow: hidden
}

.analyzer-list {
    height: 185px;
    padding-left: 15px;
    overflow: hidden
}

.analyzer-list li {
    float: left;
    width: 240px;
    height: 390px;
    line-height: 22px;
    text-align: center;
    transition: margin .5s;
    overflow: hidden
}

.analyzer-list li:hover {
    margin-top: -185px
}

.analyzer-list li .analyzer-item {
    height: 185px
}

.analyzer-list .icon-item {
    display: inline-block;
    width: 54px;
    height: 56px;
    background: url(../images/prop/icons-analyzer.png) 0 0 no-repeat
}

.analyzer-list li .icon-active, .analyzer-list li .icon-compete, .analyzer-list li .icon-expect {
    margin: 32px 0 0
}

.analyzer-list li .icon-expect {
    background-position: -100px 0
}

.analyzer-list li .icon-active {
    background-position: -200px 0
}

.analyzer-list li .icon-compete-hover {
    background: url(../images/prop/icon-kown-hover.png) center no-repeat;
    width: 160px;
    height: 100px;
    margin-top: 42px;
    background-size: contain
}

.analyzer-list .gray {
    font-size: 12px
}

.analyzer-list .compete-place {
    width: 96px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #53cac3;
    border-radius: 3px;
    margin-left: 71px
}

.analyzer-list .compete-place span {
    display: inline-block;
    white-space: nowrap;
    font-size: 18px;
    transform: scale(.5);
    color: #53cac3;
    margin-left: -40px
}

.analyzer-list li .icon-expect-hover {
    width: 137px;
    height: 83px;
    margin-top: 20px;
    background-position: -200px -100px
}

.analyzer-list li .icon-active-hover {
    width: 140px;
    height: 68px;
    margin-top: 20px;
    background-position: -400px -100px
}

.analyzer-combo-list {
    height: 70px;
    box-sizing: content-box;
    padding: 22px 0 0 0;
    line-height: 48px;
    background: #fff;
    font-size: 15px;
    color: #777d8d;
    box-shadow: 0 -1px 4px 0 rgba(65, 74, 96, .1)
}

.analyzer-combo-list dt {
    float: right;
    color: #fff;
    width: 120px;
    height: 48px;
    margin-right: 30px;
    text-align: center;
    background: #ff6223;
    cursor: pointer
}

.analyzer-combo-list dd {
    float: left;
    height: 48px;
    padding: 0 25px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    margin-left: 30px;
    cursor: pointer
}

.analyzer-combo-list dd:hover {
    border-color: #5dd5c8
}

.analyzer-combo-list dd.selected {
    border-color: #5dd5c8;
    color: #5dd5c8;
    box-shadow: 0 0 1px 0 #00d8c8
}

.analyzer-combo-list .discount {
    background: url(../images/prop/icon-discount.png) right top no-repeat
}

.analyzer-combo-list .line {
    display: inline-block;
    width: 1px;
    height: 14px;
    vertical-align: middle;
    background: #e5e5e5;
    margin: -1px 12px 0 12px
}

.fr {
    float: right
}

.satisfaction-feedback buttion, .satisfaction-feedback div, .satisfaction-feedback input, .satisfaction-feedback span, .satisfaction-feedback textarea {
    margin: 0;
    padding: 0
}

.satisfaction-feedback {
    height: 110px;
    margin: 15px 300px 0 0;
    padding: 20px 0 0 30px;
    background-color: #fff
}

.satisfaction-feedback .title {
    display: block;
    line-height: 15px;
    color: #414a60;
    font-size: 15px
}

.satisfaction-feedback .satisfaction {
    float: left;
    width: 40px;
    margin: 17px 40px auto 0;
    padding-top: 40px;
    background: #fff url(../images/smile-face.png) no-repeat;
    color: #a8aab7;
    font-size: 13px;
    text-align: center;
    cursor: pointer
}

.satisfaction-feedback .level-2 {
    background-position: 4px 0
}

.satisfaction-feedback .level-2.selected, .satisfaction-feedback .level-2:hover {
    background-position: -44px 0
}

.satisfaction-feedback .level-3 {
    background-position: -92px 0
}

.satisfaction-feedback .level-3.selected, .satisfaction-feedback .level-3:hover {
    background-position: -140px 0
}

.satisfaction-feedback .level-4 {
    background-position: -188px 0
}

.satisfaction-feedback .level-4.selected, .satisfaction-feedback .level-4:hover {
    background-position: -236px 0
}

.satisfaction-feedback .satisfaction.selected, .satisfaction-feedback .satisfaction:hover {
    color: #53cac3
}

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

.satisfaction-feedback textarea {
    float: left;
    width: 445px;
    height: 40px;
    margin: 13px 30px 0 -5px;
    padding: 10px;
    color: #414a60;
    resize: none
}

.satisfaction-feedback .btn {
    float: left;
    width: 90px;
    min-width: auto;
    height: 34px;
    margin-top: 28px
}

.satisfaction-feedback .btn.disabled {
    border-color: #d1d4db;
    background-color: #d1d4db
}

#toast.satisfaction-wrap {
    position: fixed;
    left: 0;
    top: -100px !important;
    width: 100%;
    height: 100%;
    padding-top: 100px;
    background-color: rgba(255, 255, 255, .6)
}

#toast .satisfaction-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    vertical-align: middle;
    background: url(../images/smile-face.png) no-repeat -129px top/auto 29px
}

#toast .icon-toast-content {
    vertical-align: middle
}

.company-search .dropdown-wrap .arrow {
    display: inline-block;
    margin: 2px 10px;
    border-top: 3px solid #00c2b3;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.company-search .dropdown-menu-open .dropdown-menu {
    display: block
}

.company-search .dropdown-menu-open .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.company-search .dropdown-menu {
    animation: slideIn .2s both
}

.company-search .dropdown-menu li {
    padding: 0
}

.company-search .dropdown-menu a {
    display: block;
    height: 100%;
    padding: 0 15px
}

.company-search .filter-condition .selected {
    color: #00c2b3
}

.company-search .filter-condition {
    min-width: 1184px;
    margin: 0 auto;
    padding: 30px 0;
    background-color: #fff;
    line-height: 25px
}

.company-search .filter-row {
    margin: 0 auto 13px;
    width: 1184px
}

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

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

.company-search .filter-row .content {
    display: block;
    overflow: hidden;
    margin-left: 70px;
    font-size: 13px
}

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

.company-search .filter-row a:hover {
    color: #00d7c6
}

.company-search .expect {
    width: 1184px;
    margin: 27px auto;
    padding: 0;
    font-size: 14px;
    line-height: 26px
}

.company-search .expect .company-count {
    float: right;
    color: #61687c;
    padding-top: 2px
}

.company-search .expect .company-count span {
    padding: 0 4px;
    color: #00c2b3
}

.company-search .expect-filter {
    font-size: 16px;
    color: #00c2b3;
    vertical-align: -2px
}

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

.standard .company-search .expect-filter.checkbox input[type=checkbox] ~ span:before {
    width: 12px;
    height: 12px;
    background: 0 0;
    border-color: #5dd5c8;
    top: 6px
}

.standard .company-search .expect-filter.checkbox input[type=checkbox]:checked ~ span:before {
    width: 14px;
    height: 14px;
    background: #53cac3;
    border: none
}

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

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

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

.company-search .expect-dropdown-wrap span {
    display: inline-block;
    vertical-align: middle
}

.company-search .expect-dropdown-wrap ul {
    left: -15px;
    width: auto;
    border-top: 1px #e3e7ed solid;
    box-shadow: 0 3px 6px rgba(6, 0, 1, .05)
}

.company-search .expect-dropdown-wrap li {
    color: #61687c;
    white-space: nowrap
}

.company-search .expect-dropdown-wrap li .vline {
    background-color: #61687c
}

.company-search .expect-dropdown-wrap li.cur, .company-search .expect-dropdown-wrap li.cur a {
    color: #00c2b3
}

.company-search .expect-dropdown-wrap li.cur .vline {
    background-color: #00c2b3
}

.company-search .expect-dropdown-wrap li:hover {
    background-color: #f2f5f9
}

.company-search .expect-dropdown-wrap li:hover .vline {
    background-color: #00c2b3
}

.company-search .expect-dropdown-wrap .dropdown-menu li span:nth-of-type(2), .company-search .expect-dropdown-wrap .dropdown-select span:nth-of-type(2) {
    max-width: 154px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.company-search .top-filter-bar .expect-filter {
    line-height: 44px;
    vertical-align: -2px
}

.company-search .top-filter-bar {
    display: block;
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
    height: 0;
    background-color: #fff;
    font-size: 12px;
    box-shadow: 0 3px 6px rgba(6, 0, 1, .05);
    overflow: hidden;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.company-search .top-filter-bar.show {
    height: 44px;
    overflow: visible
}

.company-search .filter-bar-right {
    line-height: 44px;
    float: right;
    height: 100%;
    color: #61687c
}

.company-search .filter-bar-right a {
    color: #61687c
}

.company-search .filter-bar-right .dropdown-wrap {
    display: inline-block;
    position: relative;
    width: 114px;
    height: 100%;
    cursor: pointer
}

.company-search .filter-bar-right .arrow {
    border-top-color: #61687c
}

.company-search .filter-bar-right .dropdown-select {
    display: block;
    padding: 0 16px;
    background-color: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.company-search .filter-bar-right .dropdown-menu ul {
    border-top: 1px #e3e7ed solid;
    font-size: 13px;
    box-shadow: 0 3px 6px rgba(6, 0, 1, .05)
}

.company-search .filter-bar-right .close {
    display: none
}

.company-search .filter-bar-right .selected .close {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 15px;
    height: 15px;
    background: url(../images/icons.png) no-repeat 2px -2015px
}

.company-search .filter-bar-right .selected {
    color: #fc6c38
}

.company-search .filter-bar-right .selected .arrow {
    border-top-color: #fc6c38
}

.company-search .filter-bar-right .dropdown-filter-city .dropdown-menu {
    width: 503px
}

.company-search .filter-bar-right .dropdown-filter-city ul {
    left: unset;
    right: 38px;
    height: 68px;
    padding: 10px;
    line-height: 34px;
    overflow: hidden
}

.company-search .filter-bar-right .dropdown-filter-city li {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap
}

.company-search .filter-bar-right .dropdown-industry .dropdown-menu {
    width: 503px
}

.company-search .filter-bar-right .dropdown-industry ul {
    left: unset;
    right: 156px;
    padding: 10px;
    line-height: 34px
}

.company-search .filter-bar-right .dropdown-industry li {
    display: inline-block;
    width: 118px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap
}

.company-search .company-list {
    width: 1184px;
    margin: 0 auto;
    overflow: hidden
}

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

.company-search .company-list li {
    height: 140px;
    margin-bottom: 16px
}

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

.company-search .sub-li .about-info p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    margin: 0 20px
}

.company-search .sub-li .h {
    color: #00c2b3;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    max-width: 145px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.company-search .page {
    background-color: #fff
}

.company-city-dialog .active {
    color: #00c2b3
}

.company-city-dialog .section-city {
    display: none
}

.company-city-dialog .section-city.cur {
    display: block
}

.job-primary.detail-box .info-primary {
    width: 580px
}

.job-banner {
    height: auto;
    padding: 24px 0
}

.job-banner .name {
    font-size: 32px;
    line-height: 45px;
    padding: 8px 0
}

.job-status {
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    line-height: 20px;
    height: 20px
}

.job-status span {
    vertical-align: middle
}

.job-status .job-medium-icon {
    height: 16px;
    vertical-align: middle;
    margin-left: 10px
}

.job-status .job-favor-icon {
    height: 20px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer
}

.job-status .job-heart-icon {
    height: 20px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer
}

.job-status .job-conch-icon {
    height: 20px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer
}

.job-status .school-enterprise-icon {
    display: inline-block;
    width: 249px;
    height: 24px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    background: url(https://img.bosszhipin.com/static/file/2022/u8l1qr7brk1662098094529.png) 0 0/249px auto no-repeat
}

.job-status .school-enterprise-icon:hover {
    background-position: 0 -24px
}

.job-status .country-enterprise-icon {
    display: inline-block;
    width: 249px;
    height: 24px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    background: url(https://img.bosszhipin.com/static/file/2024/1bupu17udy1712571569222.png) 0 0/197px auto no-repeat
}

.job-status .country-enterprise-icon:hover {
    background-position: 0 -24px
}

.job-banner .salary {
    display: inline-block;
    vertical-align: middle;
    color: #fa6a43;
    height: 42px;
    font-size: 30px;
    line-height: 42px;
    font-weight: 600
}

.company-banner .name h1, .job-banner .name h1 {
    vertical-align: middle;
    font-size: 32px;
    max-width: 380px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.job-banner .name h1 {
    line-height: 45px
}

.company-new .tag-more .link-more, .job-tags span, .tag-container .tag-more .link-more {
    display: inline-block;
    padding: 0 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #5ed5c8;
    color: #5ed5c8;
    height: 23px;
    line-height: 23px;
    border-radius: 13px;
    margin-top: 0;
    vertical-align: top
}

.tag-container .tag-more .link-more {
    line-height: 16px
}

.company-new .tag-more .link-more:hover, .tag-container .tag-more .link-more:hover {
    background-color: rgba(94, 213, 200, .18)
}

.company-new .info-primary {
    overflow: visible
}

.company-new .tag-more .link-more {
    top: 2px;
    line-height: 16px;
    text-decoration: none
}

.company-new .tag-container .job-tags, .smallbanner .tag-container .job-tags, .smallbanner .tag-container-new .job-tags {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    height: 26px
}

.company-new .company-banner .info-primary img {
    margin-top: 0
}

.company-new .tag-container .tag-more .job-tags span {
    margin-bottom: 10px
}

.company-new .tag-container .job-tags span {
    margin-bottom: 0;
    vertical-align: top
}

.company-new .tag-container, .smallbanner .tag-container, .smallbanner .tag-container-new {
    position: relative
}

.company-new .tag-container {
    width: 650px
}

.smallbanner .tag-container {
    margin-top: 11px;
    height: 25px;
    margin-bottom: 13px;
    text-align: right;
    box-sizing: border-box
}

.smallbanner .tag-container-new {
    margin-top: 14px;
    height: 25px;
    margin-bottom: 0;
    text-align: right;
    box-sizing: border-box
}

.company-new .tag-container .tag-more:hover .tag-all, .detail-box .tag-container .tag-more:hover .tag-all, .detail-box .tag-container-new .tag-more:hover .tag-all, .smallbanner .tag-container .tag-more:hover .tag-all, .smallbanner .tag-container-new .tag-more:hover .tag-all {
    display: block
}

.company-new .tag-container .tag-more .tag-all, .detail-box .tag-container .tag-more .tag-all, .detail-box .tag-container-new .tag-more .tag-all, .smallbanner .tag-container .tag-more .tag-all, .smallbanner .tag-container-new .tag-more .tag-all {
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 100;
    width: 635px;
    height: auto;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    padding: 30px;
    padding-bottom: 10px;
    box-sizing: border-box;
    margin-right: 0;
    overflow: initial;
    text-align: left
}

.detail-box .tag-container-new .tag-more .link-more, .smallbanner .tag-container-new .tag-more .link-more {
    margin-right: 0
}

.company-new .smallbanner .tag-container .tag-more .tag-all, .company-new .tag-container .tag-more .tag-all {
    top: 50px
}

.tag-container .tag-more .tag-all:before {
    content: '';
    position: absolute;
    top: -16px;
    right: 25px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff
}

.dolt {
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 2px;
    margin: 0 7px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .7)
}

.job-banner .info-primary p {
    color: rgba(255, 255, 255, .7);
    margin-bottom: 22px;
    line-height: 20px
}

.job-banner .info-primary p .text-city {
    color: rgba(255, 255, 255, .7)
}

.job-notag .job-op {
    margin-top: -50px
}

.detail-box .job-op .btn-more, .detail-box .job-op .btn-startchat {
    display: block;
    width: 220px;
    margin-top: 0;
    float: none
}

.detail-box .job-op .btn-container {
    font-size: 0
}

.detail-box .job-op .btn-container .btn {
    display: inline-block;
    width: 130px;
    height: 45px;
    line-height: 43px;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500
}

.detail-box .job-op .btn-container .btn-more {
    width: 220px
}

.detail-box .job-op .btn-container .btn-deliver, .detail-box .job-op .btn-container .btn-send-phone, .detail-box .job-op .btn-container .btn-send-wechat {
    background: 0 0
}

.detail-box .job-op .btn-container .btn-send-wechat:hover {
    color: #5dd5c8
}

.detail-box .job-op .btn-container .btn + .btn, .smallbanner .detail-op .btn + .btn {
    margin-left: 16px
}

.smallbanner .btn-outline {
    height: 42px;
    line-height: 42px;
    width: 137px;
    margin-right: 0;
    height: 43px;
    line-height: 43px;
    border: 1px solid #5ed5c8;
    color: #5ed5c8;
    text-align: center;
    background-color: transparent
}

.smallbanner .btn-outline:hover {
    border: 1px solid #5ed5c8;
    color: #5ed5c8;
    background-color: transparent
}

.detail-box .job-op .btn-container .btn-outline {
    height: 45px;
    line-height: 43px;
    border: 1px solid #5ed5c8;
    color: #5ed5c8;
    text-align: center;
    background-color: transparent
}

.detail-box .job-op .btn-container .btn-outline:hover {
    border: 1px solid #5ed5c8;
    color: #5ed5c8;
    background-color: transparent
}

.detail-box .job-op .btn-container .btn-interest {
    height: 45px;
    line-height: 43px;
    border: 1px solid #5ed5c8;
    color: #5ed5c8;
    text-align: center;
    background-color: transparent
}

.detail-box .job-op .btn-container .btn-interest:before {
    content: ' ';
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 6px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background: url(../images/like-white-icon.png);
    background-size: 100%;
    transition: all .2s linear
}

.detail-box .job-op .btn-container .btn-interest.active:before, .detail-box .job-op .btn-container .btn-interest:hover:before {
    content: ' ';
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 6px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background: url(../images/like-active-icon.png);
    background-size: 100%
}

.job-banner .op-container {
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    width: 298px;
    right: 0
}

.job-banner.job-notag .op-container {
    margin-top: 37px
}

.job-banner .op-container a {
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #fa6a43
}

.company-banner .icon, .job-banner .icon {
    display: inline-block;
    vertical-align: -2px;
    width: 18px;
    height: 15px;
    margin-right: 8px
}

.company-banner .icon-upload i, .job-banner .icon-upload i {
    background: url(../images/job/icon-upload.png) center center no-repeat;
    background-size: contain
}

.company-banner .icon-resume i, .job-banner .icon-resume i {
    background: url(../images/job/icon-resume.png) center center no-repeat;
    background-size: contain
}

.company-banner .icon-upload-login i, .job-banner .icon-upload-login i {
    background: url(../images/job/icon-upload-login.png) center center no-repeat;
    background-size: contain
}

.company-banner .icon-resume-login i, .job-banner .icon-resume-login i {
    background: url(../images/job/icon-resume-login.png) center center no-repeat;
    background-size: contain
}

.company-stat .op .icon-resume-login, .company-stat .op .icon-upload-login, .job-banner .op-container .icon-resume-login, .job-banner .op-container .icon-upload-login {
    color: #5ed5c8
}

.detail-box .tag-container {
    line-height: 0;
    margin-top: 30px;
    text-align: right;
    box-sizing: border-box
}

.detail-box .tag-container-new {
    line-height: 0;
    margin-top: 32px;
    text-align: right;
    box-sizing: border-box
}

.tag-container {
    display: inline-block
}

.tag-container .tag-more {
    opacity: 0;
    height: 23px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 8px;
    line-height: 16px;
    display: none
}

.smallbanner .tag-container .tag-more, .smallbanner .tag-container-new .tag-more {
    top: 0
}

.job-detail .detail-figure {
    float: left;
    position: static
}

.job-detail .detail-figure img {
    margin-right: 20px
}

.detail-op .name {
    margin-top: 8px
}

.smallbanner .company-info {
    width: 580px;
    float: left
}

.smallbanner {
    padding: 22px 0 27px;
    z-index: 1001;
    height: auto
}

.smallbanner .company-info {
    width: 580px;
    float: left
}

.smallbanner .name {
    line-height: 45px
}

.smallbanner .name h1 {
    font-size: 32px;
    line-height: 45px;
    max-width: 380px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400
}

.smallbanner .btn-more {
    display: block;
    width: 296px;
    margin-top: 0;
    float: none;
    height: 42px;
    line-height: 42px
}

.smallbanner .inner {
    position: relative
}

.smallbanner .detail-op .btns {
    margin-top: 0;
    float: left;
    text-align: left;
    font-size: 0
}

.smallbanner .name span {
    background: 0 0;
    font-size: 30px;
    line-height: 42px;
    color: #fa6a43;
    font-weight: 700;
    margin-top: 0;
    padding: 0
}

.smallbanner .name span.job-title {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 32px;
    line-height: 48px;
    padding: 0;
    color: #fff;
    margin-top: 0;
    font-weight: 400;
    margin-left: 0;
    max-width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.smallbanner .job-tags {
    padding-top: 0
}

.smallbanner .info .link-more {
    font-size: 14px;
    line-height: 14px;
    color: #5dd5c8;
    text-decoration: underline;
    margin-left: 16px
}

.smallbanner .detail-op {
    margin-top: 25px;
    float: left;
    width: 100%
}

.smallbanner .detail-op .btn {
    vertical-align: middle;
    width: 130px
}

.smallbanner .detail-op .btn-more {
    width: 220px
}

.smallbanner .tag-container .link-more, .smallbanner .tag-container .link-more-new {
    top: 2px;
    line-height: 14px;
    text-decoration: none;
    margin-left: 0
}

.smallbanner .detail-op .btn {
    font-size: 16px;
    font-weight: 500
}

.smallbanner .detail-op .btn-interest {
    height: 43px;
    line-height: 43px;
    border: 1px solid #5ed5c8;
    color: #5ed5c8;
    text-align: center;
    background-color: transparent
}

.smallbanner .detail-op .btn-interest:before {
    content: ' ';
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 6px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background: url(../images/like-white-icon.png);
    background-size: 100%;
    transition: all .2s linear
}

.smallbanner .detail-op .btn-interest.active:before, .smallbanner .detail-op .btn-interest:hover:before {
    content: ' ';
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 6px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background: url(../images/like-active-icon.png);
    background-size: 100%
}

.smallbanner .detail-op .btn-startchat {
    height: 45px;
    line-height: 45px;
    box-sizing: border-box
}

.smallbanner .info {
    display: flex;
    align-items: center
}

.smallbanner .detail-op .info {
    display: flex;
    align-items: center;
    float: right;
    margin-top: 10px
}

.smallbanner .info .job-detail-guide-immediate-login {
    display: inline-flex;
    color: #5dd5c8;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    margin-left: 30px
}

.smallbanner .info .job-detail-guide-download-app {
    display: inline-flex;
    color: #5dd5c8;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    margin-left: 20px
}

.smallbanner .info .job-detail-guide-download-app-icon {
    width: 11px;
    height: 16px;
    display: inline-block;
    margin-left: 8px;
    margin-right: 4px;
    background: url(../images/phone2x.png) no-repeat;
    background-size: 100% 100%
}

.smallbanner .info .job-detail-guide-download-app:hover .job-detail-guide-download-app-icon {
    background: url(../images/phone2x-hover.png) no-repeat;
    background-size: 100% 100%
}

.smallbanner-bottom {
    width: 836px;
    padding: 20px;
    background: url(../images/smallbanner-bottom-bg.png) left bottom/67px 73px no-repeat, linear-gradient(270deg, #fafafa 0, #d7fcfa 100%);
    border: 1px solid #5ed5c8;
    overflow: hidden;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.smallbanner-bottom.fixed {
    position: fixed;
    z-index: 1001;
    bottom: 0;
    left: 50%;
    margin-left: -592px;
    margin-top: 0
}

.smallbanner-bottom.fixed-small {
    position: fixed;
    z-index: 1001;
    bottom: 120px;
    left: 0;
    margin-left: 0;
    margin-top: 0
}

.smallbanner-bottom .company-info {
    float: left;
    overflow: hidden
}

.smallbanner-bottom .company-info .job-status {
    color: rgb(93, 213, 200, .7);
    font-size: 14px;
    line-height: 20px;
    height: 20px
}

.smallbanner-bottom .company-info .job-title {
    color: #333;
    font-size: 26px;
    line-height: 37px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 290px;
    display: inline-block;
    vertical-align: middle
}

.smallbanner-bottom .company-info .job-price {
    color: #fa6a43;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    margin-left: 10px;
    vertical-align: middle
}

.smallbanner-bottom .company-info .info-list {
    display: block;
    margin: 6px 0 10px;
    line-height: 20px;
    color: #666;
    overflow: hidden
}

.smallbanner-bottom .company-info .info-list li {
    position: relative;
    float: left;
    padding: 0 5px
}

.smallbanner-bottom .company-info .info-list li:first-child {
    padding-left: 0
}

.smallbanner-bottom .company-info .info-list li + li:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 2px;
    height: 2px;
    background-color: #666
}

.smallbanner-bottom .company-info .info {
    color: rgba(51, 51, 51, .7);
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap
}

.smallbanner-bottom .company-info .company-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    display: inline-block;
    vertical-align: middle
}

.smallbanner-bottom .company-info .info a {
    text-decoration: underline;
    color: #5dd5c8;
    display: inline-block;
    vertical-align: middle
}

.smallbanner-bottom .company-info .info .job-detail-guide-immediate-login {
    color: #5dd5c8;
    margin-left: 30px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

.smallbanner-bottom .company-info .info .job-detail-guide-download-app {
    color: #5dd5c8;
    margin-left: 20px;
    display: inline-block;
    cursor: pointer
}

.smallbanner-bottom .detail-op {
    float: right;
    padding: 0;
    width: auto;
    margin-bottom: 0
}

.smallbanner-bottom .detail-op .avatar-info {
    text-align: right
}

.smallbanner-bottom .detail-op .avatar-info img {
    width: 28px;
    margin-right: 8px;
    border-radius: 100%;
    vertical-align: middle
}

.smallbanner-bottom .detail-op .avatar-info .avatar-name {
    font-size: 18px;
    color: #8d92a1;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px
}

.smallbanner-bottom .detail-op .btn-container {
    white-space: nowrap;
    margin-top: 24px;
    overflow: hidden
}

.smallbanner-bottom .detail-op .btn-container .btn {
    min-width: auto;
    width: 94px;
    height: 45px;
    line-height: 45px;
    float: left;
    font-size: 16px;
    font-weight: 500
}

.smallbanner-bottom .detail-op .btn-container .btn + .btn {
    margin-left: 12px
}

.smallbanner-bottom .detail-op .btn-container .btn-interest.active {
    width: 120px
}

.smallbanner-bottom .detail-op .btn-container .btn-interest {
    transition: none
}

.smallbanner-bottom .detail-op .btn-container .btn-interest, .smallbanner-bottom .detail-op .btn-container .btn-outline {
    color: #5ed5c8;
    border: 1px solid #00d8c9;
    background: 0 0
}

.smallbanner-bottom .detail-op .btn-container .btn-interest:before {
    content: ' ';
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 6px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background: url(../images/like-white-icon.png);
    background-size: 100%;
    transition: all .2s linear
}

.smallbanner-bottom .detail-op .btn-container .btn-interest.active:before, .smallbanner-bottom .detail-op .btn-container .btn-interest:hover:before {
    content: ' ';
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 6px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background: url(../images/like-active-icon.png);
    background-size: 100%
}

.smallbanner-bottom .detail-op .btn-container .btn-more {
    width: 220px
}

.smallbanner-bottom .info .job-detail-guide-download-app {
    display: inline-flex;
    color: #5dd5c8;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    margin-left: 20px
}

.smallbanner-bottom .info .job-detail-guide-download-app-icon {
    width: 11px;
    height: 16px;
    display: inline-block;
    margin-left: 8px;
    margin-right: 4px;
    background: url(../images/phone2x.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle
}

.smallbanner-bottom .info .job-detail-guide-download-app:hover .job-detail-guide-download-app-icon {
    background: url(../images/phone2x-hover.png) no-repeat;
    background-size: 100% 100%
}

.sider-company .title {
    line-height: 25px;
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 500;
    color: #414a60
}

.sider-company .company-info {
    overflow: hidden;
    line-height: 60px;
    margin-bottom: 27px
}

.sider-company img {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 18px;
    border-radius: 10px
}

.sider-company p {
    line-height: 20px;
    margin-bottom: 26px
}

.sider-company p i {
    display: inline-block;
    vertical-align: -4px;
    width: 17px;
    height: 17px;
    margin-right: 25px
}

.sider-company p .icon-stage {
    width: 15px;
    background: url(../images/job/icon-stage.png) center center no-repeat;
    background-size: contain
}

.sider-company p .icon-net {
    background: url(../images/job/icon-net.png) center center no-repeat;
    background-size: contain
}

.sider-company p .icon-scale {
    background: url(../images/job/icon-scale.png) center center no-repeat;
    background-size: contain
}

.sider-company p .icon-industry {
    background: url(../images/job/icon-industry.png) center center no-repeat;
    background-size: contain
}

.sider-company p.gray {
    color: #d0d4da
}

.job-sec .job-tags span {
    border: 1px #d1d4da solid;
    color: #9fa3af
}

.job-detail .recommend-box .btn-direction {
    z-index: 998
}

.tag-container {
    width: 750px;
    position: relative
}

.job-sec .fold-text .more-view {
    z-index: 100
}

.startchat-dialog .dialog-container {
    width: 700px;
    height: 520px;
    transform: translate(-50%, -50%);
    margin: 0;
    border-radius: 12px
}

.startchat-dialog .dialog-container .dialog-title .close {
    top: 10px;
    right: 10px
}

.startchat-dialog .dialog-container .dialog-title .close:hover {
    background: 0 0
}

.startchat-dialog .dialog-container .dialog-title .close:hover .icon-close:after, .startchat-dialog .dialog-container .dialog-title .close:hover .icon-close:before {
    background: #666
}

.startchat-dialog .dialog-container .dialog-title .icon-close:after, .startchat-dialog .dialog-container .dialog-title .icon-close:before {
    background: #999
}

.startchat-dialog .startchat-title {
    height: 62px;
    box-sizing: border-box;
    display: flex;
    background: linear-gradient(90deg, #dff7f7 0, #fff6f0 100%);
    border-radius: 12px 12px 0 0;
    padding: 10px 24px
}

.startchat-dialog .startchat-title .avatar {
    width: 42px;
    height: 42px;
    box-sizing: border-box;
    border-radius: 100%;
    border: 1px solid #f6fdfd
}

.startchat-dialog .startchat-title .boss-info {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 20px
}

.startchat-dialog .startchat-title .boss-info .position {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px;
    margin-top: 2px
}

.startchat-dialog .startchat-content {
    display: flex;
    background-color: #fff;
    border-radius: 0 0 12px 12px
}

.startchat-dialog .startchat-content .left {
    width: 470px;
    border-right: 1px solid #ededed
}

.startchat-dialog .startchat-content .message {
    height: 328px;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed
}

.startchat-dialog .startchat-content .message-list {
    height: 100%;
    box-sizing: border-box;
    padding: 20px 20px 0;
    overflow-y: auto
}

.startchat-dialog .startchat-content .message-item {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px
}

.startchat-dialog .startchat-content .message-item .status {
    font-size: 12px;
    line-height: 17px;
    white-space: nowrap;
    color: #999
}

.startchat-dialog .startchat-content .message-item .text {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 22px;
    color: #222;
    margin-left: 8px;
    background: rgba(0, 190, 189, .2);
    border-radius: 8px 0 8px 8px
}

.startchat-dialog .startchat-content .edit-area {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.startchat-dialog .startchat-content .edit-area .input-area {
    width: 100%;
    height: 74px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    border: none;
    resize: none
}

.startchat-dialog .startchat-content .edit-area .input-area::placeholder {
    color: #999
}

.startchat-dialog .startchat-content .edit-area .send-message {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 4px 20px;
    border-radius: 6px;
    background: #00bebd;
    cursor: pointer;
    transition: all .2s linear
}

.startchat-dialog .startchat-content .edit-area .send-message:hover {
    opacity: .8
}

.startchat-dialog .startchat-content .edit-area .send-message.disable {
    border: 1px solid #ededed;
    color: #cccc;
    background-color: #fff;
    cursor: not-allowed
}

.startchat-dialog .startchat-content .edit-area .send-message.disable:hover {
    opacity: 1
}

.startchat-dialog .startchat-content .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 100px
}

.startchat-dialog .startchat-content .right .title {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    line-height: 20px;
    margin-bottom: 8px
}

.startchat-dialog .startchat-content .right .desc {
    font-size: 12px;
    color: #999;
    line-height: 17px
}

.startchat-dialog .startchat-content .right .sub-title {
    font-size: 14px;
    color: #666;
    line-height: 20px
}

.startchat-dialog .startchat-content .right .img-container {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 8px
}

.startchat-dialog .startchat-content .right .wechat-qrcode {
    width: 100%;
    height: 100%
}

.startchat-dialog .startchat-content .right .wechat-qrcode.loading {
    width: 50px;
    height: 50px
}

.page-chat-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99
}

.page-chat-loading .loading-img {
    width: 60px;
    height: 60px
}

.job-bindwechat-dialog .dialog-container {
    padding: 30px 40px;
    margin: -150px 0 0 -250px
}

.job-bindwechat-dialog .dialog-title {
    font-size: 20px;
    color: #12ada9;
    height: 20px;
    line-height: 20px;
    margin-bottom: 32px;
    font-weight: 500
}

.job-bindwechat-dialog .dialog-footer {
    margin-top: 56px
}

.job-bindwechat-dialog .dialog-footer .btns .btn {
    margin: 0 0 0 16px;
    padding: 0 36px;
    height: 34px;
    line-height: 32px;
    box-sizing: border-box
}

.job-bindwechat-dialog .dialog-footer .btns .btn-outline:hover {
    border-width: 1px;
    padding: 0 36px
}

.job-bindwechat-dialog .wetchat-input {
    width: 420px;
    height: 42px;
    padding: 11px 15px;
    box-sizing: border-box;
    line-height: 20px;
    border: 1px solid #e3e7ed;
    vertical-align: middle;
    font-size: 14px;
    color: #414a60;
    outline: 0;
    transition: all .2s linear
}

.job-bindwechat-dialog .wetchat-input:focus, .job-bindwechat-dialog .wetchat-input:hover {
    border-color: #59cac2
}

.job-bindwechat-dialog .tip {
    display: block;
    line-height: 20px;
    font-size: 14px;
    margin-top: 17px;
    color: #9fa3b0;
    width: 420px
}

.tag-container-new {
    width: 504px;
    position: relative;
    float: right
}

.tag-container-new .tag-more {
    opacity: 0;
    height: 23px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 8px;
    line-height: 16px;
    display: none
}

.tag-container-new .tag-more .tag-all:before {
    content: '';
    position: absolute;
    top: -16px;
    right: 13px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff
}

.tag-container-new .tag-more .link-more {
    display: inline-block;
    padding: 0 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #5ed5c8;
    color: #5ed5c8;
    height: 23px;
    line-height: 23px;
    border-radius: 13px;
    margin-top: 0;
    vertical-align: top
}

.tag-container-new .tag-more .link-more {
    line-height: 16px
}

.tag-container-new .tag-more .link-more:hover {
    background-color: rgba(94, 213, 200, .18)
}

.popup-guide-dialog .dialog-container {
    border-radius: 4px;
    padding: 30px 30px 24px;
    width: 410px;
    margin: -90px 0 0 -235px
}

.popup-guide-dialog .dialog-title {
    font-size: 20px;
    font-weight: 500;
    color: #444;
    line-height: 20px;
    margin-bottom: 14px
}

.popup-guide-dialog .dialog-con {
    font-size: 14px;
    color: #757575;
    line-height: 24px;
    word-break: break-all
}

.popup-guide-dialog .dialog-footer {
    margin-top: 30px
}

.popup-guide-dialog .dialog-footer .btns .btn {
    padding: 6px 14px;
    line-height: 20px;
    height: auto;
    border-radius: 2px
}

.popup-guide-dialog .dialog-footer .btns .btn-outline:hover {
    padding: 6px 14px;
    border-width: 1px
}

.before-report-dialog .dialog-container {
    width: 400px;
    padding: 0 0 30px;
    margin: -145px -200px
}

.before-report-dialog .before-report-title {
    font-size: 18px;
    font-weight: 500;
    color: #414a60;
    line-height: 26px;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
    background: linear-gradient(180deg, rgba(64, 123, 242, .2) 0, rgba(255, 255, 255, 0) 100%)
}

.before-report-dialog .before-report-title img {
    position: relative;
    top: -1px;
    width: 20px;
    margin-right: 10px;
    vertical-align: middle
}

.before-report-dialog .dialog-con p {
    line-height: 20px;
    font-size: 14px;
    padding: 0 30px
}

.before-report-dialog .dialog-con a {
    display: block;
    text-align: center;
    margin-top: 20px;
    line-height: 20px;
    color: #5ed5c8
}

.before-report-dialog .dialog-con a:hover {
    color: #00d7c6
}

.before-report-dialog .dialog-footer {
    padding: 0 30px;
    margin-top: 20px
}

.greet-sb-dialog {
    display: flex;
    align-items: center;
    justify-content: center
}

.greet-sb-dialog .icon-close:after, .greet-sb-dialog .icon-close:before {
    background: #999
}

.greet-sb-dialog .dialog-container {
    top: auto;
    left: auto;
    width: 500px;
    margin: 0
}

.greet-sb-dialog .greet-sb-title {
    height: 106px;
    padding: 30px;
    box-sizing: border-box;
    background: url(https://img.bosszhipin.com/static/file/2022/r6o0fx1sap1661344540240.png) top right/auto 106px no-repeat, linear-gradient(180deg, #bae8e8 0, #f2fcfc 100%)
}

.greet-sb-dialog .title-bg {
    display: block;
    width: 140px;
    height: 18px;
    background: url(https://img.bosszhipin.com/static/file/2022/pqojbpe5s81661344540527.png) 0 0/100% auto no-repeat
}

.greet-sb-dialog .sub-title {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 10px
}

.greet-sb-dialog .greet-sb-list {
    padding: 0 30px;
    padding-top: 20px;
    max-height: calc(100vh - 260px);
    overflow: auto;
    box-sizing: border-box
}

.greet-sb-dialog .greet-sb-list li {
    font-size: 13px;
    color: #333;
    line-height: 18px;
    padding: 16px 18px;
    border-radius: 4px;
    border: 1px solid #e8e9eb;
    transition: all .2s linear;
    cursor: pointer;
    word-break: break-all
}

.greet-sb-dialog .greet-sb-list li + li {
    margin-top: 12px
}

.greet-sb-dialog .greet-sb-list li:hover {
    border: 1px solid #00bebd
}

.greet-sb-dialog .greet-sb-list li.active {
    background: rgba(0, 190, 189, .1);
    border: 1px solid #00bebd;
    font-weight: 500;
    color: #00a6a7;
    cursor: default
}

.greet-sb-dialog .greet-empty-box {
    width: 200px;
    margin: 0 auto
}

.greet-sb-dialog .greet-empty-box img {
    width: 100%
}

.greet-sb-dialog .greet-empty-box span {
    display: block;
    text-align: center;
    color: #999;
    font-size: 12px
}

.greet-sb-dialog .more-greet-box {
    text-align: center;
    margin-top: 12px
}

.greet-sb-dialog .more-greet-box a {
    display: inline-block;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    transition: all .2s linear
}

.greet-sb-dialog .more-greet-box a:after {
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 4px solid #b8bbcc;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-left: 8px;
    transition: all .2s linear
}

.greet-sb-dialog .more-greet-box a:hover {
    color: #00bebd
}

.greet-sb-dialog .more-greet-box a:hover:after {
    border-left: 4px solid #00bebd
}

.greet-sb-dialog .operate-list {
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center
}

.greet-sb-dialog .operate-list .bth-greet-sure {
    display: inline-block;
    background: #00bebd;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 8px 68px;
    transition: all .2s linear
}

.greet-sb-dialog .operate-list .bth-greet-sure:hover {
    opacity: .8
}

.greet-suggest-dialog .dialog-container {
    position: relative;
    width: 520px;
    box-sizing: border-box;
    margin: -170px 0 0 -260px;
    padding: 20px 30px;
    background: #fff;
    border-radius: 12px;
    background: #fff url(https://img.bosszhipin.com/static/file/2023/jb7bb2zfox1686387803938.png) 0 0/100% auto no-repeat
}

.greet-suggest-dialog .dialog-title .title {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    line-height: 28px
}

.greet-suggest-dialog .warm-tip {
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin-top: 8px
}

.greet-suggest-dialog .suggest-input-wrapper {
    position: relative;
    width: 100%;
    margin-top: 30px;
    overflow: visible
}

.greet-suggest-dialog .suggest-input-wrapper textarea {
    display: block;
    width: 100%;
    height: 160px;
    padding: 8px 12px;
    color: #333;
    border-radius: 4px;
    transition: border .2s linear;
    border: 1px solid transparent;
    box-sizing: border-box;
    resize: none;
    line-height: 24px;
    font-size: 14px;
    background: #f8f8f8
}

.greet-suggest-dialog .suggest-input-wrapper:hover textarea {
    border: 1px solid #00bebd
}

.greet-suggest-dialog .suggest-input-wrapper textarea:focus {
    border: 1px solid #00bebd
}

.greet-suggest-dialog .suggest-input-wrapper .suffix-counter {
    position: absolute;
    background-color: #f8f8f8;
    padding-left: 5px;
    height: 24px;
    line-height: 24px;
    right: 15px;
    bottom: 5px;
    border-radius: 5px;
    font-size: 12px;
    color: #999;
    z-index: 1;
    transition: all .2s linear
}

.greet-suggest-dialog .suggest-input-wrapper .suffix-counter em {
    font-style: normal
}

.greet-suggest-dialog .suggest-input-wrapper .text-red {
    color: #ef5350
}

.greet-suggest-dialog .suggest-empty-wrapper {
    height: 160px;
    background: #f8f8f8;
    border-radius: 4px;
    padding-top: 40px;
    margin-top: 30px;
    box-sizing: border-box
}

.greet-suggest-dialog .suggest-empty-wrapper img {
    display: block;
    margin: 0 auto;
    height: 34px
}

.greet-suggest-dialog .suggest-empty-wrapper .suggest-empty-tip {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-top: 24px;
    text-align: center
}

.greet-suggest-dialog .suggest-empty-wrapper .set-greet-btn {
    display: inline-block;
    color: #00a6a7;
    line-height: 20px;
    margin-left: 8px
}

.greet-suggest-dialog .error-tip {
    display: none;
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 1;
    color: #ef5350;
    font-size: 12px;
    line-height: 1
}

.greet-suggest-dialog .dialog-footer {
    margin-top: 24px
}

.greet-suggest-dialog .dialog-footer .btn {
    border-radius: 4px;
    border: 1px solid #00bebd;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    padding: 5px 26px;
    height: auto;
    margin-left: 12px;
    transition: all .2s linear
}

.greet-suggest-dialog .dialog-footer .btn:hover {
    border: 1px solid #00bebd;
    height: auto;
    background: rgb(0, 190, 189, .2);
    padding: 5px 26px;
    line-height: 20px
}

.greet-suggest-dialog .dialog-footer .btn-sure {
    background: rgb(0, 190, 189, 1);
    color: #fff
}

.greet-suggest-dialog .dialog-footer .btn-sure:hover {
    background: rgb(0, 190, 189, .8);
    border: 1px solid rgb(0, 190, 189, .8)
}

.hk-query-dialog .dialog-container {
    border-radius: 8px;
    width: 410px;
    margin-left: -235px;
    padding: 24px 30px;
    background: #fff url(https://img.bosszhipin.com/static/file/2023/jdacybbjxw1698303778621.png) 0 0/100% auto no-repeat
}

.hk-query-dialog .dialog-container a {
    color: #00a6a7;
    transition: all .2s linear
}

.hk-query-dialog .dialog-container a:hover {
    color: rgba(0, 166, 167, .8)
}

.hk-query-dialog .dialog-con {
    color: #8d97a6;
    line-height: 24px;
    margin-top: 10px;
    white-space: pre-wrap;
    word-break: break-all
}

.hk-query-dialog .dialog-title .close {
    top: 10px;
    right: 10px
}

.hk-query-dialog .dialog-title h3.title {
    font-weight: 500;
    color: #222;
    line-height: 28px
}

.hk-query-dialog .dialog-title .icon-dialog {
    margin-top: 2px
}

.hk-query-dialog .dialog-footer {
    margin-top: 24px
}

.hk-query-dialog .dialog-footer .btns .btn {
    border-radius: 4px;
    border: 1px solid #00bebd;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    padding: 5px 26px;
    height: auto;
    margin-left: 12px;
    transition: all .2s linear
}

.hk-query-dialog .dialog-footer .btns .btn:hover {
    border: 1px solid #00bebd;
    height: auto;
    background: rgb(0, 190, 189, .2);
    padding: 5px 26px;
    line-height: 20px
}

.hk-query-dialog .dialog-footer .btns .btn-sure {
    background: rgb(0, 190, 189, 1);
    color: #fff
}

.hk-query-dialog .dialog-footer .btns .btn-sure:hover {
    background: rgb(0, 190, 189, .8);
    border: 1px solid rgb(0, 190, 189, .8)
}

.company-banner .info-primary {
    height: auto;
    font-size: 0
}

.company-banner .info-primary img {
    width: 103px;
    height: 103px;
    border-radius: 13px;
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: -11px
}

.company-banner .info-primary .info {
    margin-left: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.company-banner .info-primary h1 {
    font-size: 32px;
    line-height: 48px;
    padding: 0 0 3px 0
}

.company-notag .info-primary h1 {
    padding-top: 22px
}

.company-new .company-banner {
    padding-top: 20px
}

.company-new .company-tab {
    clear: both
}

.company-banner .info-primary p {
    line-height: 20px;
    padding: 0;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 13px
}

.company-banner .info-primary .job-title {
    display: flex;
    align-items: center
}

.company-banner .info-primary .not-settled-tag {
    flex-shrink: 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    margin-left: 16px;
    vertical-align: middle;
    color: #fff;
    line-height: 21px;
    padding: 3px 10px;
    background: rgba(0, 190, 189, .1);
    border-radius: 6px;
    border: 1px solid #00bebd;
    cursor: pointer;
    transition: all .2s linear
}

.company-banner .info-primary .not-settled-tag:hover {
    background: rgba(0, 190, 189, .3)
}

.company-banner .info-primary .not-settled-content {
    display: none
}

.not-settled-content {
    display: none;
    position: fixed;
    left: 0;
    top: 32px;
    z-index: 2000;
    max-width: 262px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 21px;
    word-break: break-all;
    white-space: normal
}

.company-banner .job-tags {
    padding: 0
}

.company-banner .company-stat {
    text-align: right
}

.company-stat span b {
    line-height: 50px;
    color: #fff;
    padding: 0
}

.company-stat span i {
    display: block;
    line-height: 20px;
    height: 20px;
    font-style: normal
}

.company-stat .op {
    margin-top: 25px;
    font-size: 16px
}

.company-stat .op a {
    color: #fa6a43;
    line-height: 20px
}

.company-stat .op a + a {
    margin-left: 55px
}

.company-sider .update-time {
    color: #d0d4da;
    line-height: 20px;
    margin-top: 20px
}

.company-new .job-box .update-time {
    color: #9fa3b0;
    line-height: 20px;
    margin-top: 0;
    font-size: 12px
}

.company-new .company-job .job-primary {
    padding-right: 0
}

.company-new .company-job .company-new .company-job .job-list {
    width: 884px;
    padding: 0
}

.company-new .company-job .startchat-box {
    display: none
}

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

.company-new .company-job .job-list .job-primary .info-primary {
    width: 500px
}

.company-new .company-job .job-list li .name .job-title {
    max-width: 284px
}

.company-new .job-list li .name {
    text-overflow: unset
}

.company-new .job-detail .job-primary .info-publis {
    width: 290px
}

.job-primary .info-publis {
    width: 294px
}

.company-new .company-job .job-list li:hover .startchat-box {
    display: block
}

.company-new .company-job .job-list li:hover .info-publis {
    display: none !important
}

.company-new .seen-list {
    background: #fff;
    display: none
}

.company-new .seen-list .list-title {
    color: #00c2b3;
    line-height: 20px;
    padding: 13px 25px 12px;
    border-bottom: 2px solid #f2f2f5
}

.company-new .seen-list ul li {
    margin: 0 25px;
    border-bottom: 1px solid #eef0f4;
    padding: 11px 0
}

.company-new .seen-list .salary {
    color: #fc6f3b;
    float: right;
    line-height: 20px
}

.company-new .seen-list .job-name {
    line-height: 20px
}

.company-new .seen-list .company-name {
    font-size: 12px;
    line-height: 17px;
    color: #8d92a1
}

.company-detail-grab .company-banner .smallbanner, .company-new .smallbanner {
    height: auto;
    left: 0;
    z-index: 1001;
    padding: 0
}

.company-new .tag-container .tag-more {
    top: 0
}

.company-new .smallbanner .company-tab {
    margin-bottom: 0
}

.company-new .smallbanner .info-primary {
    height: auto;
    margin-bottom: 20px
}

.company-detail-grab .company-banner .smallbanner-content, .company-new .smallbanner-content {
    width: 1184px;
    margin: 0 auto
}

.company-detail-grab .company-banner .smallbanner-content {
    padding: 20px 0 10px
}

.company-new .smallbanner-content .info-primary {
    padding-top: 20px;
    margin-bottom: 0
}

.company-new .smallbanner-content .info-primary h1 {
    padding-top: 12px;
    padding-bottom: 12px
}

.smallbanner.notag img {
    width: 80px;
    height: 80px
}

.company-new .notag .smallbanner-content .op {
    margin-top: 67px
}

.company-new .smallbanner-content .op {
    margin-top: 104px
}

.company-new .smallbanner-content .company-tab {
    margin-top: -19px
}

.company-new .sider-list li h4 {
    line-height: 20px
}

.company-new .job-detail {
    float: left;
    width: 760px;
    margin-right: 0;
    padding-right: 30px
}

.company-new .picture-list .slider-main {
    width: 363px;
    height: 197px !important;
    margin-top: 10px
}

.company-new .picture-list li img {
    width: 363px;
    height: 197px
}

.company-new .picture-list .pic-btn {
    top: 81px
}

.company-new .job-box .company-sider {
    width: 369px
}

.company-new .company-job .company-sider {
    width: 284px
}

.company-new .company-sider, .company-new .job-detail {
    padding-bottom: 0
}

.company-new .company-banner .industry-link {
    color: rgba(255, 255, 255, .7)
}

.company-new .company-desc.company-job .job-list {
    width: 100%
}

.company-new .company-desc.company-job .job-list .job-primary {
    margin: 0
}

.company-new .company-desc.company-job .job-list li {
    border-bottom: 1px solid #f4f4f6;
    margin-bottom: 0
}

.company-new .company-desc.company-job .job-list li:hover {
    background-color: #fff
}

.company-new .company-desc.company-job .job-list li .startchat-box {
    right: 0
}

.company-desc.company-job .job-list li .job-primary .name {
    padding-bottom: 0
}

.links-container {
    background: #fff;
    border-top: 1px solid #f4f4f6;
    padding-bottom: 20px;
    position: relative;
    margin-top: 12px
}

.company-new + #footer, .links-container + #footer {
    margin-top: 0;
    border: none
}

.links-box {
    margin: 0 auto;
    padding-top: 20px;
    width: 1184px
}

.links-container-new .links-box {
    width: auto
}

.links-box-new {
    width: 1184px;
    margin: 0 auto;
    padding-top: 20px
}

.links-box-new h3 {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(65, 74, 96, 1)
}

.links-box-new p {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(141, 146, 161, 1);
    margin-top: 12px
}

.links-box .title-box {
    font-size: 0;
    margin-right: -272px
}

.links-box .title-box .title-item {
    color: #8d92a1;
    font-size: 14px;
    margin-right: 272px;
    display: inline-block;
    height: 32px;
    cursor: pointer;
    position: relative
}

.links-container-new .links-box .title-box .title-item {
    margin-right: 160px
}

.links-box .title-box .title-item:hover {
    color: #00c2b3
}

.links-box .title-box .title-item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0
}

.links-box .title-box .title-item.cur {
    color: #00c2b3
}

.links-box .title-box .title-item.cur::after {
    background-color: #00c2b3
}

.links-box .links-wrapper {
    background: url(../images/links-bg.png) no-repeat top center;
    padding-top: 22px
}

.links-box .links-wrapper .links-content {
    display: none;
    font-size: 0;
    overflow: hidden
}

.links-box .links-wrapper .links-content.limited {
    max-height: 145px
}

.links-box .links-wrapper .links-content.cur {
    display: block
}

.links-box .links-wrapper .links-content.expand {
    max-height: none
}

.links-box .links-wrapper .links-content a {
    font-size: 12px;
    color: #8d92a1;
    margin: 0 30px 0 0;
    line-height: 35px;
    display: inline-block
}

.links-box .links-wrapper .links-content a:hover {
    color: #00c2b3
}

.links-box .expand-btn {
    text-align: center
}

.links-box .expand-btn a {
    color: #8d92a1;
    font-size: 12px
}

.links-box .expand-btn a:hover {
    color: #4a4e52
}

.text-arrow-right {
    vertical-align: middle;
    margin: 0 3px 0 6px;
    font-size: 16px
}

.more-view span {
    vertical-align: middle
}

.job-list .detail-vip-tip {
    height: 45px;
    margin-bottom: 20px;
    background: #fff url(../images/vip-bg.png) left center no-repeat;
    background-size: contain
}

.job-list .detail-vip-tip .detail-vip-container {
    margin: 0 30px;
    color: #414a60;
    font-size: 14px;
    padding: 10px 0;
    text-align: left
}

.job-list .detail-vip-tip .detail-vip-container .btn {
    float: right;
    width: 84px;
    min-width: 84px;
    height: 25px;
    line-height: 25px;
    background: linear-gradient(270deg, rgba(252, 108, 56, 1) 0, rgba(255, 147, 46, 1) 100%);
    border-radius: 13px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px
}

.job-list .detail-vip-tip .detail-vip-container .btn-outline {
    color: #fc6c38;
    border-color: #fc6c38;
    background: #fff
}

.job-list .detail-vip-tip .detail-vip-container i {
    display: inline-block;
    vertical-align: -3px;
    width: 45px;
    height: 16px;
    margin-right: 10px;
    background: #fff url(../images/vip-icon.png) center center no-repeat;
    background-size: contain
}

.dialog-image-preview.dialog-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

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

.dialog-image-preview .dialog-container {
    position: static;
    max-width: 800px;
    width: auto;
    height: 100%;
    padding: 0;
    left: 0;
    top: 0;
    margin: 0;
    box-shadow: none;
    background: 0 0;
    display: flex;
    align-items: center;
    overflow: auto
}

.dialog-image-preview .dialog-con {
    display: flex;
    align-items: center;
    max-height: 100%;
    padding: 0;
    height: 100%;
    overflow: auto
}

.dialog-image-preview .dialog-source-wrap {
    border-radius: 12px;
    overflow: hidden;
    width: 900px;
    height: 480px;
    position: relative
}

#vrWrap .empty-block, .dialog-image-preview .dialog-source-wrap .empty-block {
    width: 600px;
    height: 300px;
    background: #fff;
    border-radius: 12px;
    color: #222;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 90px auto 0
}

#vrWrap .empty-block {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -300px;
    z-index: 1
}

#vrWrap .empty-block img, .dialog-image-preview .dialog-source-wrap .empty-block img {
    width: 48px;
    display: block;
    margin-bottom: 32px
}

#vrWrap .empty-block p, .dialog-image-preview .dialog-source-wrap .empty-block p {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 25px
}

#vrWrap .empty-block em, .dialog-image-preview .dialog-source-wrap .empty-block em {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 22px;
    margin-top: 8px
}

.dialog-image-preview .image {
    display: block;
    max-height: 100%;
    max-width: 100%;
    cursor: zoom-in;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 12px
}

.dialog-image-preview .video {
    width: 100%;
    object-fit: fill;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 12px
}

#vrWrap .page-info, .dialog-image-preview .page-info {
    color: #fff;
    position: absolute;
    font-size: 14px;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    z-index: 1012;
    background: rgb(0, 0, 0, .4);
    border-radius: 14px;
    padding: 4px 20px;
    line-height: 20px
}

#vrWrap .page-info {
    display: none
}

.dialog-image-preview.zoom-y .dialog-con .dialog-source-wrap {
    transform: scale(2)
}

.dialog-image-preview .image.auto-size {
    max-height: none;
    max-width: none;
    cursor: zoom-out
}

#vrWrap .vr-icon-btn, .dialog-image-preview .icon-btn {
    position: fixed;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(https://img.bosszhipin.com/static/file/2023/tx0lc6huv01678784785264.png) 0 0/85px auto no-repeat;
    z-index: 1012
}

#vrWrap .page-info, #vrWrap .vr-icon-btn {
    z-index: 1012
}

#vrWrap .vr-icon-btn:hover, .dialog-image-preview .icon-btn:hover {
    background-position-x: -45px
}

#vrWrap .vr-btn-prev, .dialog-image-preview .btn-prev {
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    background-position: 0 -130px;
    height: 80px
}

#vrWrap .vr-btn-next, .dialog-image-preview .btn-next {
    right: 60px;
    top: 50%;
    height: 80px;
    transform: translateY(-50%);
    background-position: 0 -45px
}

#vrWrap .vr-btn-cancel, .dialog-image-preview .btn-cancel {
    top: 60px;
    right: 60px;
    background-position: 0 0
}

#vrWrap {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1011;
    display: none;
    background: #444
}

#vrWrap .VRIfram {
    position: absolute;
    width: 100vw;
    height: 100vh
}

.image-preview-single .dialog-container {
    border-radius: 0;
    width: 100%;
    max-width: none;
    justify-content: center
}

.image-preview-single .dialog-con {
    width: 100%
}

.image-preview-single .dialog-source-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.image-preview-single .dialog-source-wrap img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.app-look-banner {
    width: 884px;
    height: 136px;
    border-radius: 12px;
    margin-top: 12px;
    background: url(https://img.bosszhipin.com/static/file/2023/ftj1j4t74u1681216302392.png) 0 0/884px 136px no-repeat
}

.app-look-banner .app-download-area {
    margin-top: 16px;
    margin-right: 64px;
    float: right;
    display: flex;
    align-items: flex-end
}

.app-look-banner .app-download-area img {
    display: block;
    width: 105px;
    height: 105px;
    margin-right: 10px
}

.app-look-banner .app-download-area span {
    font-size: 12px;
    color: #00a6a7;
    line-height: 17px;
    display: flex;
    align-items: center
}

.app-look-banner .app-download-area span:before {
    content: ' ';
    display: block;
    width: 11px;
    height: 16px;
    margin-right: 2px;
    transform: scale(.8);
    background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) -11px 0/22px auto no-repeat
}

.app-look-banner .app-look-slogan {
    margin-top: 30px;
    margin-left: 46px;
    float: left;
    color: #00a6a7;
    font-size: 25px;
    font-weight: 600;
    line-height: 36px
}

.app-look-banner .app-look-slogan p {
    margin: 0
}

.job-body-wrapper {
    background: #f2f4f7
}

.job-body-wrapper:before {
    content: " ";
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    height: 614px;
    background: linear-gradient(180deg, #00bebd 0, #88fffe 50%, #fff 100%);
    opacity: .1;
    z-index: -1
}

.job-body-wrapper .nav-search .suggest-result {
    width: 221px;
    left: 0;
    top: 49px
}

.job-body-wrapper .nav-search .search-find-box {
    width: 300px;
    left: 0;
    top: 49px
}

.job-body-wrapper .job-banner {
    background: linear-gradient(90deg, #3b526a 0, #345a6d 100%);
    padding: 18px 0 20px 0
}

.job-body-wrapper .detail-box .info-primary {
    position: relative;
    padding-top: 35px;
    width: 680px
}

.job-body-wrapper .detail-box .job-status {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    height: 22px;
    line-height: 22px
}

.job-body-wrapper .detail-box .job-close-status {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(247, 115, 105, .79)
}

.job-body-wrapper .job-status .job-medium-icon {
    height: 22px
}

.job-body-wrapper .job-status .hongkong-icon {
    position: relative;
    vertical-align: middle;
    margin-left: 10px;
    height: 22px;
    display: inline-block;
    cursor: pointer
}

.job-body-wrapper .job-status .hongkong-icon:hover .hongkong-tooltip {
    display: block
}

.job-body-wrapper .job-status .hongkong-tooltip {
    display: none;
    position: absolute;
    z-index: 1;
    left: 100%;
    top: 50%;
    margin-top: -18px;
    margin-left: 6px;
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 8px 10px;
    white-space: nowrap
}

.job-body-wrapper .job-status .hongkong-icon img {
    height: 22px
}

.job-body-wrapper .hk-job-desc {
    display: inline-block;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    word-break: break-all;
    margin-bottom: 20px
}

.job-body-wrapper .job-status .school-enterprise-icon {
    display: inline-block;
    width: 252px;
    height: 24px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    background: url(https://img.bosszhipin.com/static/file/2022/1ahvmxadsw1662099028075.png) 0 0/252px auto no-repeat
}

.job-body-wrapper .job-status .school-enterprise-icon:hover {
    background-position: 0 -24px
}

.job-body-wrapper .job-banner .name {
    padding: 0;
    line-height: 41px;
    height: 41px
}

.job-body-wrapper .job-banner .name h1 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    line-height: 40px;
    margin-right: 30px;
    margin-top: 1px;
    max-width: 360px
}

.job-body-wrapper .job-banner .salary {
    font-size: 34px;
    font-family: kanzhun-Regular, kanzhun;
    color: #f26d49;
    line-height: 41px;
    height: auto;
    font-weight: 400;
    position: relative;
    top: -2px
}

.job-body-wrapper .job-banner .info-primary p {
    margin-top: 16px;
    margin-bottom: 0;
    color: #fff
}

.job-body-wrapper .job-banner .info-primary p .brand-name {
    margin-right: 20px
}

.job-body-wrapper .job-banner .info-primary p .text-desc {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    height: 20px;
    margin-right: 20px
}

.job-body-wrapper .job-banner p .text-desc:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background: url(https://img.bosszhipin.com/static/file/2022/wm53eabd0l1661998623137.png) 0 0/16px auto no-repeat
}

.job-body-wrapper .job-banner .info-primary p .text-experiece:before {
    background-position: 0 -32px
}

.job-body-wrapper .job-banner .info-primary p .text-degree:before {
    background-position: 0 -48px
}

.job-body-wrapper .job-banner .info-primary p .text-pay:before {
    background-position: 0 -64px
}

.job-body-wrapper .job-banner .info-primary p .text-city {
    transition: none
}

.job-body-wrapper .job-banner .info-primary p .text-city:hover {
    color: #00e6e4
}

.job-body-wrapper .job-banner .info-primary p .text-city:hover:before {
    background-position: 0 -16px
}

.job-body-wrapper .job-banner .job-op {
    margin-top: 20px
}

.job-body-wrapper .job-banner .op-container {
    right: -504px;
    width: 284px
}

.job-body-wrapper .detail-box .job-op .btn-container .btn {
    width: 150px;
    border-radius: 12px;
    font-size: 18px;
    line-height: 43px;
    height: 45px;
    transition: all .2s linear;
    box-sizing: border-box
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-interest, .job-body-wrapper .detail-box .job-op .btn-container .btn-outline {
    color: #00d1d0;
    border: 1px solid #00bebd
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-interest:hover, .job-body-wrapper .detail-box .job-op .btn-container .btn-outline:hover {
    color: #00e6e4;
    background: rgba(0, 190, 189, .1);
    border: 1px solid #00e6e4
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-interest:before {
    background: url(https://img.bosszhipin.com/static/file/2022/522c2lv9sq1661499296747.png) 0 0/24px auto no-repeat;
    width: 24px;
    height: 24px;
    transition: none
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-interest.active:before, .job-body-wrapper .detail-box .job-op .btn-container .btn-interest:hover:before {
    background-position: 0 -24px
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-startchat {
    background: #00bebd;
    color: #fff;
    border: 1px solid #00bebd
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-startchat:hover {
    background: #00d1d0;
    border: 1px solid #00d1d0
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-more {
    width: 260px;
    background: #00bebd;
    border: 1px solid #00bebd;
    border-radius: 12px
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-more:hover {
    background: #00d1d0;
    border: 1px solid #00d1d0
}

.job-body-wrapper .detail-box .tag-container-new {
    margin-top: 36px;
    width: 480px
}

.job-body-wrapper .tag-container-new .tag-more .link-more {
    height: 26px;
    line-height: 21px;
    background: rgba(255, 255, 255, .05);
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    padding: 0 8px;
    border: none;
    margin: 0;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    border: 1px solid transparent
}

.job-body-wrapper .tag-container-new .tag-more .link-more:hover {
    background: rgba(0, 190, 189, .1);
    border: 1px solid #00e6e4;
    color: #00e6e4
}

.job-body-wrapper .job-tags span {
    height: 28px;
    line-height: 28px;
    background: rgba(255, 255, 255, .05);
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    padding: 0 8px;
    border: none;
    margin-right: 8px;
    margin-bottom: 8px
}

.job-body-wrapper .tag-container-new .tag-more .tag-all {
    width: 500px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    padding: 14px 12px;
    top: 36px;
    right: 0
}

.job-body-wrapper .tag-container-new .tag-more .tag-all:before {
    content: none
}

.job-body-wrapper .tag-more .job-tags span {
    background: rgba(0, 190, 189, .1);
    color: #00a6a7;
    margin: 6px 8px
}

.job-body-wrapper .job-banner .op-container a {
    font-size: 16px;
    color: #fff;
    line-height: 22px
}

.job-body-wrapper .job-banner .op-container a:hover {
    color: #00e6e4
}

.job-body-wrapper .job-banner .op-container .icon {
    vertical-align: middle;
    position: relative;
    top: -2px;
    width: 18px;
    height: 18px;
    background: url(https://img.bosszhipin.com/static/file/2022/tsai5diw351661504694017.png) 0 0/18px auto no-repeat
}

.job-body-wrapper .job-banner .op-container .icon-resume .icon {
    background-position: 0 -18px
}

.job-body-wrapper .job-banner .op-container .icon-resume-login, .job-body-wrapper .job-banner .op-container .icon-upload-login {
    color: #00d1d0
}

.job-body-wrapper .job-banner .op-container .icon-resume-login:hover, .job-body-wrapper .job-banner .op-container .icon-upload-login:hover {
    color: #00e6e4
}

.job-body-wrapper .job-banner .op-container .icon-upload-login .icon {
    background-position: 0 -36px
}

.job-body-wrapper .job-banner .op-container .icon-upload-login:hover .icon, .job-body-wrapper .job-banner .op-container .icon-upload:hover .icon {
    background-position: 0 -72px
}

.job-body-wrapper .job-banner .op-container .icon-resume-login .icon {
    background-position: 0 -54px
}

.job-body-wrapper .job-banner .op-container .icon-resume-login:hover .icon, .job-body-wrapper .job-banner .op-container .icon-resume:hover .icon {
    background-position: 0 -90px
}

.job-body-wrapper .smallbanner {
    background: linear-gradient(90deg, #3b526a 0, #345a6d 100%);
    padding: 20px 0
}

.job-body-wrapper .smallbanner .company-info {
    width: 680px
}

.job-body-wrapper .smallbanner .name .badge {
    font-size: 34px;
    font-family: kanzhun-Regular, kanzhun;
    color: #f26d49;
    line-height: 41px;
    height: auto;
    font-weight: 400;
    position: relative;
    top: -2px
}

.job-body-wrapper .smallbanner .name {
    line-height: 41px
}

.job-body-wrapper .smallbanner .tag-container-new {
    margin-top: 10px
}

.job-body-wrapper .smallbanner .name .job-title {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    line-height: 40px;
    margin-right: 30px;
    margin-top: 1px
}

.job-body-wrapper .smallbanner .detail-op {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.job-body-wrapper .smallbanner .detail-op .btn {
    width: 150px;
    border-radius: 12px;
    font-size: 18px;
    line-height: 43px;
    height: 45px;
    transition: all .2s linear;
    box-sizing: border-box
}

.job-body-wrapper .smallbanner .detail-op .btn-interest, .job-body-wrapper .smallbanner .detail-op .btn-outline {
    color: #00d1d0;
    border: 1px solid #00bebd
}

.job-body-wrapper .smallbanner .detail-op .btn-interest:hover, .job-body-wrapper .smallbanner .detail-op .btn-outline:hover {
    color: #00e6e4;
    background: rgba(0, 190, 189, .1);
    border: 1px solid #00e6e4
}

.job-body-wrapper .smallbanner .detail-op .btn-interest:before {
    background: url(https://img.bosszhipin.com/static/file/2022/522c2lv9sq1661499296747.png) 0 0/24px auto no-repeat;
    width: 24px;
    height: 24px;
    transition: none
}

.job-body-wrapper .smallbanner .detail-op .btn-interest.active:before, .job-body-wrapper .smallbanner .detail-op .btn-interest:hover:before {
    background-position: 0 -24px
}

.job-body-wrapper .smallbanner .detail-op .btn-startchat {
    background: #00bebd;
    color: #fff;
    border: 1px solid #00bebd
}

.job-body-wrapper .smallbanner .detail-op .btn-startchat:hover {
    background: #00d1d0;
    border: 1px solid #00d1d0
}

.job-body-wrapper .smallbanner .detail-op .btn-more {
    width: 260px;
    background: #00bebd;
    border: 1px solid #00bebd;
    border-radius: 12px
}

.job-body-wrapper .smallbanner .detail-op .btn-more:hover {
    background: #00d1d0;
    border: 1px solid #00d1d0
}

.job-body-wrapper .smallbanner .detail-op .info {
    display: block;
    float: none;
    flex: 1;
    margin-left: 30px;
    font-size: 16px;
    line-height: 22px;
    margin-top: 0
}

.job-body-wrapper .smallbanner .info .link-more {
    display: inline-flex;
    font-size: 16px;
    color: #00d1d0;
    line-height: 22px;
    margin-left: 8px;
    text-decoration: none;
    align-items: center
}

.job-body-wrapper .smallbanner .info .link-more:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 4px solid #00d1d0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    transition: all .2s linear
}

.job-body-wrapper .smallbanner .info .link-more:hover {
    color: #00e6e4
}

.job-body-wrapper .smallbanner .info .link-more:hover:after {
    border-left: 4px solid #00e6e4
}

.job-body-wrapper .smallbanner .info .job-detail-guide-download-app {
    float: right;
    font-size: 16px;
    color: #00d1d0;
    line-height: 22px
}

.job-body-wrapper .smallbanner .info .job-detail-guide-immediate-login {
    float: right;
    font-size: 16px;
    color: #00d1d0;
    line-height: 22px;
    transition: all .2s linear
}

.job-body-wrapper .smallbanner .info .job-detail-guide-immediate-login:before {
    content: " ";
    display: inline-block;
    background: url(https://img.bosszhipin.com/static/file/2022/2w7kpob7851661740872575.png) 0 -40px/18px auto no-repeat;
    width: 18px;
    height: 18px;
    margin-right: 8px
}

.job-body-wrapper .smallbanner .info .job-detail-guide-immediate-login:hover {
    color: #00e6e4
}

.job-body-wrapper .smallbanner .info .job-detail-guide-immediate-login:hover:after {
    background-position: 0 -58px
}

.job-body-wrapper .smallbanner .info .job-detail-guide-download-app-icon {
    width: 14px;
    height: 20px;
    background: url(https://img.bosszhipin.com/static/file/2022/2w7kpob7851661740872575.png) 0 0/18px auto no-repeat
}

.job-body-wrapper .smallbanner .info .job-detail-guide-download-app:hover .job-detail-guide-download-app-icon {
    background: url(https://img.bosszhipin.com/static/file/2022/2w7kpob7851661740872575.png) 0 -20px/18px auto no-repeat
}

.job-body-wrapper .job-detail-guide-download-app-v62 {
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px
}

.job-body-wrapper .job-detail-guide-download-app-v62 .app-icon-v62 {
    position: relative;
    width: 130px;
    height: 170px;
    background-size: 130px 130px;
    background-position: top center
}

.job-body-wrapper .job-detail-guide-download-app-v62 .app-icon-v62:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    text-align: center;
    content: "前往App\A与BOSS随时沟通";
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    white-space: pre-wrap
}

.job-body-wrapper .job-box {
    margin-top: 16px;
    background: 0 0
}

.job-body-wrapper .job-sider {
    padding-bottom: 0
}

.job-body-wrapper .sider-company {
    border-radius: 12px;
    padding-bottom: 20px;
    background: #fff;
    margin-bottom: 16px
}

.job-body-wrapper .sider-company .title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    padding: 12px 24px;
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    margin-bottom: 0;
    border-radius: 12px 12px 0 0
}

.job-body-wrapper .sider-company .company-info {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.job-body-wrapper .sider-company .company-info a:hover {
    color: #00a6a7
}

.job-body-wrapper .sider-company img {
    width: 48px;
    height: 48px;
    margin-right: 16px;
    border: 1px solid #f3f5fb;
    border-radius: 8px
}

.job-body-wrapper .sider-company p {
    padding: 0 24px;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #333;
    line-height: 21px;
    margin-bottom: 8px
}

.job-body-wrapper .sider-company p i {
    width: 16px;
    height: 16px;
    margin-right: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 0/16px auto no-repeat
}

.job-body-wrapper .sider-company p .icon-scale {
    background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -16px/16px auto no-repeat
}

.job-body-wrapper .sider-company p .icon-industry {
    background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -32px/16px auto no-repeat
}

.job-body-wrapper .sider-company p a {
    transition: all .2s linear;
    flex: 1
}

.job-body-wrapper .sider-company p:hover a {
    color: #00a6a7
}

.job-body-wrapper .sider-company p:hover .icon-industry {
    background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -48px/16px auto no-repeat
}

.job-body-wrapper .sider-company .look-all {
    position: relative;
    border-radius: 8px;
    border: 1px solid #00bebd;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    padding: 7px 0;
    text-align: center;
    display: block;
    width: 158px;
    margin: 24px auto 0;
    transition: all .2s linear
}

.job-body-wrapper .sider-company .look-all:hover {
    background: #00bebd;
    color: #fff
}

.job-body-wrapper .sider-company .look-all:hover:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 0;
    width: 70px;
    height: 22px;
    background: url(https://img.bosszhipin.com/static/file/2022/pqiygk26lv1661743616985.png) 0 0/70px auto no-repeat
}

.job-body-wrapper .similar-job-wrapper {
    margin-bottom: 16px;
    padding-bottom: 20px;
    background: #fff;
    border-radius: 12px
}

.job-body-wrapper .similar-job-wrapper h3 {
    padding: 12px 24px;
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    border-radius: 12px 12px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.job-body-wrapper .similar-job-wrapper h3 a {
    font-size: 15px;
    color: #00a6a7;
    line-height: 21px;
    float: right;
    font-weight: 400;
    margin-top: 1px;
    display: flex;
    align-items: center;
    transition: all .2s linear
}

.job-body-wrapper .similar-job-wrapper h3 a:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid #00a6a7;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-left: 4px
}

.job-body-wrapper .similar-job-wrapper h3 a:hover {
    font-weight: 500
}

.job-body-wrapper .similar-job-wrapper .similar-job-list {
    padding: 8px 8px 0
}

.job-body-wrapper .similar-job-wrapper li {
    border-radius: 8px;
    padding: 12px 16px;
    transition: all .2s linear
}

.job-body-wrapper .similar-job-wrapper li .job_pk {
    width: 235px;
    height: 32px;
    background: rgba(0, 190, 189, .1);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    line-height: 32px;
    text-align: center;
    margin-top: 20px
}

.job-body-wrapper .similar-job-wrapper li .job_pk:hover {
    background: #00bebd;
    color: #fff
}

.job-body-wrapper .similar-job-wrapper li:hover .similar-job-name {
    color: #00a6a7
}

.job-body-wrapper .similar-job-wrapper li > a {
    display: block
}

.job-body-wrapper .similar-job-wrapper .similar-job-info {
    display: flex;
    justify-content: space-between
}

.job-body-wrapper .similar-job-wrapper .similar-job-name {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px
}

.job-body-wrapper .similar-job-wrapper .similar-job-salary {
    font-size: 20px;
    font-family: kanzhun-Regular, kanzhun;
    color: #fe574a;
    line-height: 24px;
    white-space: nowrap;
    position: relative;
    top: -2px
}

.job-body-wrapper .similar-job-wrapper .similar-job-attr {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.job-body-wrapper .similar-job-wrapper .similar-job-company {
    display: flex;
    align-items: center
}

.job-body-wrapper .similar-job-wrapper .similar-job-company:hover .company-name {
    color: #00a6a7;
    font-weight: 500
}

.job-body-wrapper .similar-job-wrapper .similar-job-company.is-anonymity:hover .company-name {
    color: #666;
    font-weight: 400
}

.job-body-wrapper .similar-job-wrapper .similar-job-attr .job-company-logo {
    margin-right: 8px;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    border: 1px solid #f3f5fb
}

.job-body-wrapper .similar-job-wrapper .similar-job-attr img {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    display: block
}

.job-body-wrapper .similar-job-wrapper .company-name {
    font-size: 13px;
    color: #666;
    line-height: 18px;
    word-break: break-all;
    transition: all .2s linear
}

.job-body-wrapper .similar-job-wrapper .similar-job-location {
    white-space: nowrap;
    font-size: 13px;
    color: #666;
    line-height: 18px
}

.job-body-wrapper .similar-job-wrapper li:hover {
    background: #f7f7f7
}

.job-body-wrapper .similar-job-wrapper .look-all {
    width: 158px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin: 16px auto 0;
    display: block;
    border-radius: 8px;
    border: 1px solid #00bebd;
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    transition: all .2s linear
}

.job-body-wrapper .similar-job-wrapper .look-all:hover {
    background: #00bebd;
    color: #fff
}

.job-body-wrapper .promotion-img {
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden
}

.job-body-wrapper .promotion-img a {
    position: relative
}

.job-body-wrapper .promotion-img a:after {
    content: " ";
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .1);
    transition: all .2s linear
}

.job-body-wrapper .promotion-img a:hover:after {
    opacity: 1
}

.job-body-wrapper .job-detail {
    border: none;
    padding-right: 0;
    margin-right: 300px;
    padding-bottom: 0
}

.job-body-wrapper .job-detail-section {
    position: relative;
    background: #fff;
    border-radius: 12px;
    padding: 20px 30px
}

.job-body-wrapper .detail-hasmore-box {
    margin-bottom: 16px;
    border-radius: 12px
}

.job-body-wrapper .detail-hasmore-box.detail-hasmore {
    height: 260px;
    overflow: hidden
}

.job-body-wrapper .detail-hasmore-box .detail-hasmore-layer {
    height: 60px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 48%, #fff 100%);
    border-radius: 0 0 12px 12px;
    padding-top: 0
}

.job-body-wrapper .detail-hasmore-box .detail-hasmore-layer .detail-hasmore-btn {
    font-size: 15px;
    color: #00a6a7;
    height: 21px;
    line-height: 21px;
    margin-top: 23px;
    transition: all .2s linear
}

.job-body-wrapper .detail-hasmore-box .detail-hasmore-layer .detail-hasmore-btn:hover {
    font-weight: 500
}

.job-body-wrapper .detail-hasmore-box .detail-hasmore-layer .detail-hasmore-btn:hover:after {
    opacity: .8
}

.job-body-wrapper .detail-hasmore-box .detail-hasmore-layer .detail-hasmore-btn:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
    transform: rotate(90deg);
    transition: all .2s linear;
    margin-left: 8px
}

.job-body-wrapper .job-detail-section + .job-detail-section {
    margin-top: 16px
}

.job-body-wrapper .job-detail-section .detail-section-item {
    margin-bottom: 20px
}

.job-body-wrapper .job-detail-section .detail-section-item:last-child {
    margin-bottom: 0
}

.job-body-wrapper .job-detail-section h3 {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    margin-bottom: 20px
}

.job-body-wrapper .job-abroad-detail p {
    color: #333;
    font-size: 15px;
    line-height: 28px;
    word-break: break-all
}

.job-body-wrapper .job-abroad-detail p + p {
    margin-top: 4px
}

.job-body-wrapper .job-abroad-detail .job-keyword-list {
    padding-bottom: 20px
}

.job-body-wrapper .detail-content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.job-body-wrapper .detail-content-header h3 {
    margin-bottom: 0
}

.job-body-wrapper .job-keyword-list {
    overflow: hidden;
    margin-top: -8px
}

.job-body-wrapper .job-keyword-list li {
    margin-top: 8px;
    margin-right: 8px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    float: left;
    padding: 4px 12px;
    white-space: nowrap;
    background: #f8f8f8;
    border-radius: 4px
}

.job-body-wrapper .school-job-sec {
    line-height: 28px;
    margin-top: 20px;
    color: #333;
    font-size: 15px;
    word-break: break-all
}

.job-body-wrapper .school-job-sec span + span {
    margin-left: 20px
}

.job-body-wrapper .job-sec-text {
    white-space: pre-wrap;
    word-break: break-all;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 28px;
    color: #333;
    font-size: 15px;
    text-align: justify;
    letter-spacing: 0
}

.job-body-wrapper #wechat-qrcode-wrap {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: 1px solid #ededed;
    border-radius: 12px;
    width: 160px;
    height: 160px
}

.job-body-wrapper #wechat-qrcode-wrap .qrcode {
    border-radius: 12px
}

.job-body-wrapper #wechat-qrcode-wrap .qrcode-img {
    width: 130px;
    height: 130px
}

.job-body-wrapper #wechat-qrcode-wrap .brand-logo {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    left: 50px;
    top: 50px;
    background: #fff
}

.job-body-wrapper .detail-section-operate {
    position: absolute;
    top: 20px;
    right: 30px
}

.job-body-wrapper .detail-section-operate .link-wechat-share {
    position: relative;
    display: inline-flex;
    align-items: center
}

.job-body-wrapper .detail-section-operate .link-wechat-share:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url(https://img.bosszhipin.com/static/file/2022/a1rf1ikjew1661779185140.png) 0 0/16px auto no-repeat
}

.job-body-wrapper .detail-section-operate .link-wechat-share:hover {
    color: #00a6a7
}

.job-body-wrapper .detail-section-operate .link-wechat-share:hover:before {
    background-position: 0 -16px
}

.job-body-wrapper .detail-section-operate .link-report {
    display: inline-flex;
    align-items: center;
    margin-left: 24px
}

.job-body-wrapper .detail-section-operate .link-report:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url(https://img.bosszhipin.com/static/file/2022/a1rf1ikjew1661779185140.png) 0 -32px/16px auto no-repeat
}

.job-body-wrapper .detail-section-operate .link-report:hover {
    color: #00a6a7
}

.job-body-wrapper .detail-section-operate .link-report:hover:before {
    background-position: 0 -48px
}

.job-body-wrapper .company-certification {
    margin-top: 20px
}

.job-body-wrapper .company-certification .company-certification-icon {
    width: 20px;
    height: 20px;
    margin-left: 6px;
    cursor: pointer;
    background: url(https://img.bosszhipin.com/static/file/2022/nbd52nuweh1661776609662.png) 0 0/20px auto no-repeat
}

.job-body-wrapper .company-certification .company-certification-icon:hover {
    background: url(https://img.bosszhipin.com/static/file/2022/nbd52nuweh1661776609662.png) 0 -20px/20px auto no-repeat
}

.job-body-wrapper .company-certification .certification-tags {
    margin: 20px 0 22px 0
}

.job-body-wrapper .company-certification .certification-tags li {
    margin-bottom: 8px;
    margin-right: 16px;
    margin-top: 0;
    margin-left: 0;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding: 4px 12px;
    background: #f8f8f8;
    border-radius: 4px;
    height: auto;
    border: none;
    white-space: nowrap
}

.job-body-wrapper .work-time-info .work-time-tags {
    overflow: hidden
}

.job-body-wrapper .work-time-info .work-time-tags li {
    float: left;
    margin-top: 8px;
    margin-right: 16px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding: 4px 12px;
    background: #f8f8f8;
    border-radius: 4px;
    white-space: nowrap
}

.job-body-wrapper .obstacle-case .obstacle-case-list {
    margin-top: 12px
}

.job-body-wrapper .obstacle-case .obstacle-case-single {
    margin-top: 20px
}

.job-body-wrapper .other-info {
    margin-bottom: 30px
}

.job-body-wrapper .cost-info {
    margin-bottom: 30px
}

.job-body-wrapper .job-boss-info {
    border-top: 1px solid #ededed;
    padding-top: 20px
}

.job-body-wrapper .job-boss-info .detail-figure {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border: 1px solid #f6fdfd;
    border-radius: 100%
}

.job-body-wrapper .job-boss-info .detail-figure .avatar-sticker {
    position: absolute;
    top: -8px;
    left: -9px;
    width: 74px;
    height: 74px;
    display: block;
    margin-right: 0;
    border-radius: 0
}

.job-body-wrapper .job-boss-info .detail-figure img {
    width: 56px;
    height: 56px;
    display: block;
    border-radius: 100%;
    margin-right: 0
}

.job-body-wrapper .job-boss-info .name {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px;
    display: flex;
    align-items: center
}

.job-body-wrapper .job-boss-info .icon-boss-interview {
    height: 20px;
    margin-left: 8px
}

.job-body-wrapper .job-boss-info .icon-vip {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    margin-top: 0;
    background: url(https://img.bosszhipin.com/static/file/2022/dcxvc4yjp41661777557709.png) 0 0/20px auto no-repeat
}

.job-body-wrapper .job-boss-info .boss-desc {
    padding: 2px 7px;
    background: rgba(58, 152, 252, .1);
    border-radius: 11px;
    color: #3a98fc;
    font-size: 12px;
    margin-left: 18px;
    display: inline-block;
    vertical-align: middle;
    line-height: 17px
}

.job-body-wrapper .job-boss-info .boss-online-tag {
    margin-left: 16px
}

.job-body-wrapper .job-boss-info .gold-interviewer-tag {
    display: inline-block;
    width: 100px;
    height: 24px;
    margin-left: 16px;
    vertical-align: middle;
    background: url(https://img.bosszhipin.com/static/file/2022/mrcpozld5c1672025396962.png) 0 0/100% auto no-repeat
}

.job-body-wrapper .job-boss-info .tag-icon {
    display: inline-block;
    height: 20px;
    margin-left: 8px
}

.job-body-wrapper .job-boss-info .boss-active-time {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin-left: 16px;
    font-weight: 400
}

.job-body-wrapper .job-boss-info .boss-info-attr {
    font-size: 15px;
    color: #666;
    line-height: 21px;
    margin-top: 8px;
    display: flex;
    align-items: center
}

.job-body-wrapper .job-boss-info .geek-evaluate-start {
    margin-left: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #ed7e07;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    font-style: normal;
    margin-left: 8px;
    overflow: hidden
}

.job-body-wrapper .job-boss-info .geek-evaluate-start em {
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle;
    background: url(https://img.bosszhipin.com/static/file/2022/iie30gdn241662112827355.png) 0 0/14px auto no-repeat
}

.job-body-wrapper .job-boss-info .geek-evaluate-start em.full-star {
    background-position: 0 -14px
}

.job-body-wrapper .job-boss-info .geek-evaluate-start em.half-star {
    background-position: 0 -28px
}

.job-body-wrapper .job-boss-info .geek-evaluate-start em:last-child {
    margin-right: 8px
}

.job-body-wrapper .job-boss-info .ranking-tag-icon {
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    border: none;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    padding: 4px 8px;
    margin-left: 16px;
    margin-top: 0
}

.job-body-wrapper .prop-item {
    position: relative
}

.job-body-wrapper .prop-item .pull-right {
    position: absolute;
    top: 22px;
    right: 30px;
    z-index: 1
}

.job-body-wrapper .prop-item .prop-container {
    margin-bottom: 28px
}

.job-body-wrapper .prop-item .prop-detail {
    margin-top: 16px;
    margin-bottom: 30px;
    font-size: 15px;
    color: #333;
    line-height: 21px
}

.job-body-wrapper .prop-item .prop-detail .link-detail {
    font-size: 15px;
    color: #00a6a7;
    line-height: 22px;
    transition: all .2s linear
}

.job-body-wrapper .prop-item .prop-detail .link-detail:hover {
    font-weight: 500
}

.job-body-wrapper .prop-item .prop-container span + span {
    margin-left: 3px
}

.job-body-wrapper .prop-item .prop-container em {
    font-size: 16px;
    color: #999;
    line-height: 22px;
    font-style: normal;
    left: -18px;
    top: 14px
}

.job-body-wrapper .prop-item .prop-container span {
    width: 20%
}

.job-body-wrapper .prop-item .prop-container .level-1 {
    background: linear-gradient(90deg, #507ef2 0, #539ff2 100%)
}

.job-body-wrapper .prop-item .prop-container .level-2 {
    background: linear-gradient(90deg, #53a0f2 0, #56c1f2 100%)
}

.job-body-wrapper .prop-item .prop-container .level-3 {
    background: linear-gradient(90deg, #56c3f2 0, #5cd6e7 100%)
}

.job-body-wrapper .prop-item .prop-container .level-4 {
    background: linear-gradient(90deg, #5ed8e8 0, #63e4d7 100%)
}

.job-body-wrapper .prop-item .prop-container .level-5 {
    background: linear-gradient(90deg, #63e5d7 0, #6af3c7 100%)
}

.job-body-wrapper .security-box {
    margin: 16px 0;
    border: none;
    background: #fff url(https://img.bosszhipin.com/static/file/2022/e80yqyvz0u1661829813750.png) right top/auto 100% no-repeat
}

.job-body-wrapper .security-box h3 {
    margin-bottom: 0;
    padding-bottom: 0
}

.job-body-wrapper .security-box p {
    margin-top: 16px;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    padding-right: 224px;
    padding-left: 0
}

.job-body-wrapper .security-box p:before {
    content: none
}

.job-body-wrapper .security-box .link-report {
    color: #ff941c
}

.job-body-wrapper .security-box .link-report:hover {
    color: rgba(255, 148, 28, .8)
}

.job-body-wrapper .security-box .abroad-risk-tip {
    margin-top: 8px;
    max-width: 630px;
    font-size: 13px;
    color: #3491fa;
    line-height: 18px;
    word-break: break-all;
    border-radius: 8px;
    padding: 12px;
    background: rgba(219, 237, 255, .35)
}

.job-body-wrapper .security-box .link-info {
    display: inline-block;
    margin-top: 16px;
    color: #999;
    line-height: 20px;
    margin-bottom: 10px
}

.job-body-wrapper .security-box .link-info:before {
    content: "*";
    position: static;
    display: inline-block;
    width: auto;
    height: auto;
    background: 0 0
}

.job-body-wrapper .security-box .link-info:after {
    content: " ";
    display: inline-block;
    margin-left: 7px;
    width: 0;
    height: 0;
    border-left: 4px solid #b8bbcc;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent
}

.job-body-wrapper .security-box .link-info:hover {
    color: #00a6a7
}

.job-body-wrapper .security-box .link-info:hover:after {
    border-left: 4px solid #00a6a7
}

.job-body-wrapper .company-info-box {
    position: relative
}

.job-body-wrapper .company-info-box.expand {
    padding-bottom: 16px
}

.job-body-wrapper .company-info-box.expand .fold-text {
    max-height: none
}

.job-body-wrapper .company-info-box.expand .look-all:after {
    transform: rotate(270deg)
}

.job-body-wrapper .company-info-box.expand .look-all {
    bottom: 14px
}

.job-body-wrapper .company-info-box .look-all {
    display: none;
    position: absolute;
    background: linear-gradient(270deg, #fff 65%, rgba(255, 255, 255, 0) 100%);
    width: 120px;
    text-align: right;
    font-size: 15px;
    color: #00a6a7;
    line-height: 21px;
    padding: 4px 14px 4px 0;
    z-index: 1;
    right: 0;
    bottom: 1px;
    transition: color .2s linear;
    box-sizing: border-box
}

.job-body-wrapper .company-info-box .look-all:after {
    content: " ";
    position: absolute;
    top: 11px;
    right: 0;
    z-index: 1;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
    transform: rotate(90deg);
    transition: all .2s linear
}

.job-body-wrapper .company-info-box .look-all:hover {
    font-weight: 500
}

.job-body-wrapper .company-info-box .fold-text {
    max-height: 85px;
    overflow: hidden
}

.job-body-wrapper .business-info-box .level-list-box {
    background: #f8f8f8;
    border-radius: 12px;
    padding: 20px
}

.job-body-wrapper .business-info-box .level-list {
    height: auto;
    overflow: hidden;
    margin-top: 0
}

.job-body-wrapper .business-info-box .level-list li {
    float: left;
    padding-right: 5px;
    margin-top: 0;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.job-body-wrapper .business-info-box .level-list li span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin-bottom: 8px
}

.job-body-wrapper .business-info-box .company-name, .job-body-wrapper .business-info-box .company-type {
    width: 420px
}

.job-body-wrapper .business-info-box .company-user, .job-body-wrapper .business-info-box .manage-state {
    width: 210px
}

.job-body-wrapper .business-info-box .company-fund, .job-body-wrapper .business-info-box .res-time {
    width: 150px
}

.job-body-wrapper .business-info-box .look-all {
    position: relative;
    display: block;
    margin: 0 auto -4px;
    width: 84px;
    text-align: center;
    font-size: 15px;
    color: #00a6a7;
    line-height: 21px;
    transition: all .2s linear
}

.job-body-wrapper .business-info-box .look-all:hover {
    font-weight: 500
}

.job-body-wrapper .business-info-box .look-all:after {
    content: " ";
    position: absolute;
    top: 7px;
    right: 0;
    z-index: 1;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
    transform: rotate(90deg);
    transition: all .2s linear
}

.job-body-wrapper .company-address .job-location {
    border-radius: 12px;
    border: 1px solid #ededed;
    box-shadow: none;
    overflow: hidden
}

.job-body-wrapper .company-address .job-location p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 8px 16px 8px 40px;
    background: url(https://img.bosszhipin.com/static/file/2022/oqp2zomui31661947170536.png) 12px 7px/21px 21px no-repeat, #fff;
    box-shadow: 0 3px 40px 0 rgba(153, 153, 153, .3);
    border-radius: 12px
}

.job-body-wrapper .company-address .job-location p:hover {
    color: #00a6a7;
    font-weight: 500
}

.job-body-wrapper .company-address .location-address {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12px 20px 12px 46px;
    background: url(https://img.bosszhipin.com/static/file/2022/o72wdj3x0v1661946739252.png) 20px 14px/18px auto no-repeat
}

.job-body-wrapper .company-address .job-location-map {
    width: auto;
    height: 171px
}

.job-body-wrapper .map-pop .dialog-container {
    border-radius: 12px;
    margin: -198px 0 0 -360px
}

.job-body-wrapper .map-pop .map-container {
    margin: 12px;
    border-radius: 4px
}

.job-body-wrapper .job-location-width {
    width: 620px;
    height: 396px;
    background: #fff;
    border-radius: 12px
}

.job-body-wrapper .job-location-width #map-container {
    height: 322px
}

.job-body-wrapper .map-pop .location-address {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 14px 20px 14px 46px;
    border-radius: 12px 12px 0 0;
    background: url(https://img.bosszhipin.com/static/file/2022/o72wdj3x0v1661946739252.png) 20px 16px/18px auto no-repeat, linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    border: none
}

.job-body-wrapper .icon-close:after, .job-body-wrapper .icon-close:before {
    background: #999
}

.job-body-wrapper .job-abroad-location {
    background: #f8f8f8;
    border-radius: 12px
}

.job-body-wrapper .job-abroad-list {
    padding: 4px;
    height: 114px;
    box-sizing: border-box;
    overflow: hidden
}

.job-body-wrapper .job-abroad-list li {
    float: left;
    width: 272px;
    padding: 16px 12px;
    border-radius: 12px;
    cursor: pointer;
    box-sizing: border-box;
    transition: all .2s linear
}

.job-body-wrapper .job-abroad-list li:hover {
    background: #fff
}

.job-body-wrapper .job-abroad-list li:hover span {
    color: #00a6a7
}

.job-body-wrapper .job-abroad-list li span {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    transition: all .2s linear
}

.job-body-wrapper .job-abroad-list li p {
    word-break: break-all;
    font-size: 13px;
    color: #666;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.job-body-wrapper .more-abroad-area {
    position: relative;
    text-align: center
}

.job-body-wrapper .more-abroad-area:before {
    content: ' ';
    position: absolute;
    left: 4px;
    right: 4px;
    top: 0;
    z-index: 1;
    height: 1px;
    background: #ededed
}

.job-body-wrapper .more-abroad-area .toggle-abroad-btn {
    display: inline-flex;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    padding: 8px 0;
    align-items: center;
    transition: all .2s linear
}

.job-body-wrapper .more-abroad-area .toggle-abroad-btn:before {
    content: '展示';
    transition: all .2s linear
}

.job-body-wrapper .more-abroad-area .toggle-abroad-btn:after {
    content: '';
    display: inline-block;
    margin-left: 8px;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2023/bzurj6psgl1703125862814.png) 0 0/16px auto no-repeat
}

.job-body-wrapper .more-abroad-area .toggle-abroad-btn:hover {
    color: #00a6a7
}

.job-body-wrapper .more-abroad-area .toggle-abroad-btn:hover:before {
    color: #00a6a7
}

.job-body-wrapper .more-abroad-area .toggle-abroad-btn:hover:after {
    background-position: 0 -16px
}

.job-body-wrapper .job-abroad-location.expand .job-abroad-list {
    height: auto
}

.job-body-wrapper .job-abroad-location.expand .more-abroad-area .toggle-abroad-btn:before {
    content: '收起'
}

.job-body-wrapper .job-abroad-location.expand .more-abroad-area .toggle-abroad-btn:after {
    background-position: 0 -32px
}

.job-body-wrapper .job-abroad-location.expand .more-abroad-area .toggle-abroad-btn:hover:after {
    background-position: 0 -48px
}

.job-body-wrapper .abroad-map-pop .dialog-container {
    border-radius: 12px;
    margin: -200px 0 0 -360px
}

.job-body-wrapper .abroad-map-pop .icon-close:after, .job-body-wrapper .abroad-map-pop .icon-close:before {
    background: #999
}

.job-body-wrapper .abroad-map-pop .close:hover {
    background: 0 0
}

.job-body-wrapper .abroad-map-pop .abroad-map-body {
    width: 620px;
    background: #fff;
    border-radius: 12px
}

.job-body-wrapper .abroad-map-pop .abroad-map-address {
    padding: 12px 20px 12px 46px;
    height: 72px;
    box-sizing: border-box;
    border-radius: 12px 12px 0 0;
    background: url(https://img.bosszhipin.com/static/file/2022/o72wdj3x0v1661946739252.png) 20px 14px/18px auto no-repeat, linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%)
}

.job-body-wrapper .abroad-map-pop .abroad-map-title {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.job-body-wrapper .abroad-map-pop .abroad-map-desc {
    font-size: 13px;
    color: #666;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.job-body-wrapper .abroad-map-pop .abroad-map-container {
    margin: 12px 12px 0;
    border-radius: 4px;
    height: 276px;
    overflow: hidden;
    box-sizing: border-box
}

.job-body-wrapper .abroad-map-pop .tip-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.job-body-wrapper .abroad-map-pop .abroad-map-tips {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    display: flex;
    align-items: center;
    padding: 12px
}

.job-body-wrapper .abroad-map-pop .abroad-map-tips:before {
    content: ' ';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    background: url(https://img.bosszhipin.com/static/file/2023/7izwnm84v71703151537428.png) 0 0/100% auto no-repeat
}

.job-body-wrapper .abroad-map-pop .info-window-content {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(153, 153, 153, .3);
    border-radius: 4px;
    padding: 8px 12px
}

.job-body-wrapper .abroad-map-pop .info-window-content:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    bottom: -12px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #fff
}

.job-body-wrapper .abroad-map-pop .info-window-content p {
    max-width: 496px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.job-body-wrapper .job-abroad-group {
    margin-top: 36px
}

.job-body-wrapper .abroad-group-location {
    border-radius: 12px
}

.job-body-wrapper .abroad-group-location .job-city-nav {
    position: relative;
    margin-left: -12px;
    margin-right: -12px;
    display: flex
}

.job-body-wrapper .abroad-group-location .job-city-nav:before {
    content: ' ';
    position: absolute;
    z-index: 1;
    height: 1px;
    left: 12px;
    right: 12px;
    bottom: 0;
    background: #e6e6e6
}

.job-body-wrapper .abroad-group-location .job-city-nav:after {
    content: ' ';
    display: block;
    clear: both;
    width: 0;
    height: 0
}

.job-body-wrapper .abroad-group-location .job-city-nav li {
    position: relative;
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 22px;
    padding-bottom: 12px;
    margin: 0 12px;
    cursor: pointer;
    transition: all .2s linear
}

.job-body-wrapper .abroad-group-location .job-city-nav li.active {
    color: #00a6a7;
    font-weight: 600;
    cursor: default
}

.job-body-wrapper .abroad-group-location .job-city-nav li.active:after {
    content: ' ';
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -14px;
    width: 28px;
    height: 3px;
    background: linear-gradient(90deg, #16d9d8 0, #00bebd 100%);
    border-radius: 2px;
    z-index: 2
}

.job-body-wrapper .abroad-group-location .job-city-nav li:hover {
    color: #00a6a7
}

.job-body-wrapper .abroad-group-list {
    padding: 20px 0 0;
    box-sizing: border-box;
    display: none;
    width: 0;
    line-height: 0;
    overflow: visible
}

.job-body-wrapper .abroad-group-list.active {
    display: block
}

.job-body-wrapper .abroad-group-list li {
    position: relative;
    max-width: 824px;
    padding: 0 16px 0 26px;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.job-body-wrapper .abroad-group-list li + li {
    margin-top: 16px
}

.job-body-wrapper .abroad-group-list li:hover {
    color: #00a6a7
}

.job-body-wrapper .abroad-group-list li:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    margin-top: -9px;
    background: url(https://img.bosszhipin.com/static/file/2024/8l31048bjh1714393464065.png) 0 0/18px auto no-repeat
}

.job-body-wrapper .abroad-group-list li:after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 0;
    top: 50%;
    margin-top: -3px;
    width: 8px;
    height: 8px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.job-body-wrapper .abroad-group-list li:hover:before {
    background-position: 0 -18px
}

.job-body-wrapper .abroad-group-list li:hover:after {
    background-position: -6px -8px
}

.job-body-wrapper .abroad-group-location.has-photo .abroad-group-photo {
    display: block
}

.job-body-wrapper .abroad-group-location.has-photo .abroad-photo-tips {
    display: block
}

.job-body-wrapper .abroad-group-photo {
    position: relative;
    display: none;
    margin-top: 20px
}

.job-body-wrapper .abroad-group-wrapper {
    position: relative;
    margin-left: -4px;
    margin-right: -4px;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 auto
}

.job-body-wrapper .abroad-photo-list {
    display: flex
}

.job-body-wrapper .abroad-photo-list li {
    width: 200px;
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 4px;
    cursor: pointer;
    flex-shrink: 0;
    position: relative
}

.job-body-wrapper .abroad-photo-list li img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all .2s linear
}

.job-body-wrapper .abroad-photo-tips {
    display: none;
    font-size: 13px;
    color: #999;
    line-height: 18px;
    margin-top: 12px
}

.job-body-wrapper .abroad-photo-list li:hover img {
    transform: scale(1.1)
}

.job-body-wrapper .abroad-group-photo:hover .photo-nav-btn {
    opacity: 1
}

.job-body-wrapper .abroad-group-photo .photo-nav-btn {
    display: none;
    opacity: 0;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -28px;
    width: 30px;
    height: 56px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 15px;
    cursor: pointer;
    transition: all .2s linear
}

.job-body-wrapper .abroad-group-photo .photo-nav-btn:hover {
    background: #00bebd
}

.job-body-wrapper .abroad-group-photo .photo-prev-btn {
    left: -15px
}

.job-body-wrapper .abroad-group-photo .photo-next-btn {
    right: -15px
}

.job-body-wrapper .abroad-group-photo .photo-prev-btn:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -8px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #848899;
    border-left: 5px solid transparent;
    border-radius: 2px;
    transition: all .2s linear
}

.job-body-wrapper .abroad-group-photo .photo-next-btn:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -1px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #848899;
    border-radius: 2px;
    transition: all .2s linear
}

.job-body-wrapper .abroad-group-photo .photo-prev-btn:hover:after {
    border-right: 5px solid #fff
}

.job-body-wrapper .abroad-group-photo .photo-next-btn:hover:after {
    border-left: 5px solid #fff
}

.job-body-wrapper .job-address-box .title {
    display: inline-block;
    font-size: 15px;
    color: #333
}

.job-body-wrapper .job-address-box .all-address-btn {
    color: #00a6a7;
    transition: all .2s linear
}

.job-body-wrapper .job-address-box .all-address-btn:hover {
    font-weight: 500
}

.job-body-wrapper .look-job-box h3 {
    margin-bottom: 16px
}

.job-body-wrapper .look-job-more {
    position: relative;
    float: right;
    font-size: 16px;
    color: #00a6a7;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    align-items: center;
    margin-top: 1px
}

.job-body-wrapper .look-job-more:after {
    content: " ";
    display: inline-block;
    margin-left: 4px;
    z-index: 1;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
    transition: all .2s linear
}

.job-body-wrapper .look-job-more:hover {
    font-weight: 500
}

.job-body-wrapper .look-job-more:hover:after {
    opacity: .8
}

.job-body-wrapper .more-job-section .look-job-list {
    overflow: hidden
}

.job-body-wrapper .more-job-section .look-job-list li {
    position: relative;
    float: left
}

.job-body-wrapper .more-job-section .look-job-list li:nth-child(3n):after {
    content: none
}

.job-body-wrapper .more-job-section .look-job-list li:last-child:after {
    content: none
}

.job-body-wrapper .more-job-section .look-job-list li:nth-child(3n) a {
    margin-left: 8px
}

.job-body-wrapper .more-job-section .look-job-list li:nth-child(3n+1) a {
    margin-right: 8px
}

.job-body-wrapper .more-job-section .look-job-list li:nth-child(3n+2) a {
    margin-right: 8px;
    margin-left: 8px
}

.job-body-wrapper .more-job-section .look-job-list li a {
    display: block;
    width: 264px;
    height: 90px;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 8px;
    border-radius: 12px;
    border: 1px solid #ededed;
    box-sizing: border-box;
    transition: all .2s linear
}

.job-body-wrapper .more-job-section .look-job-list li a:hover {
    background: #f7f7f7;
    border: 1px solid #f7f7f7
}

.job-body-wrapper .more-job-section .look-job-list li a:hover .info-job .name {
    color: #00a6a7
}

.job-body-wrapper .more-job-section .look-job-list .info-job {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.job-body-wrapper .more-job-section .look-job-list .info-job .name {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 4px;
    max-width: 120px
}

.job-body-wrapper .more-job-section .look-job-list .info-job .salary {
    font-size: 20px;
    font-family: kanzhun-Regular, kanzhun;
    color: #fe574a;
    line-height: 24px;
    white-space: nowrap;
    flex: 1;
    text-align: right
}

.job-body-wrapper .more-job-section .look-job-list .info-company {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #666;
    line-height: 18px
}

.job-body-wrapper .more-job-section .look-job-list .info-company .info-company-logo {
    display: flex;
    align-items: center
}

.job-body-wrapper .more-job-section .look-job-list .info-company .company-logo-image {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    margin-right: 8px;
    border: 1px solid #f3f5fb
}

.job-body-wrapper .more-job-section .look-job-list .info-company .company-logo-image img {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 4px
}

.job-body-wrapper .more-job-section .look-job-list .info-company .info-company-logo:hover .company-logo-name {
    color: #00a6a7
}

.job-body-wrapper .more-job-section .look-job-list .info-company .info-company-logo.is-anonymity:hover .company-logo-name {
    color: #666
}

.job-body-wrapper .job-detail .omnibus-job-box h3 {
    margin-bottom: 16px
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main {
    overflow: hidden;
    height: 196px;
    width: 824px;
    position: relative
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main > ul {
    height: 196px;
    overflow: hidden
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main > ul > li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    height: 196px
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main > ul > li.cur {
    display: block
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main .slider-dot {
    position: absolute;
    height: 4px;
    overflow: hidden;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main .slider-dot i {
    float: left;
    width: 28px;
    height: 4px;
    background: #ededed;
    border-radius: 4px;
    margin-left: 12px;
    opacity: 1
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main .slider-dot i.cur {
    background: #00bebd
}

.job-body-wrapper .job-detail .detail-search-box {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e6e6e6;
    padding: 4px 0;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 824px;
    box-sizing: border-box
}

.job-body-wrapper .job-detail .detail-search-box .search-form {
    z-index: auto
}

.job-body-wrapper .job-detail .detail-search-box form {
    box-shadow: none
}

.job-body-wrapper .job-detail .detail-search-box .search-form-con {
    width: 704px
}

.job-body-wrapper .job-detail .detail-search-box .city-sel {
    border: none;
    border-radius: 12px 0 0 12px;
    height: 32px;
    line-height: 32px
}

.job-body-wrapper .job-detail .detail-search-box .city-sel:hover b {
    color: #00a6a7
}

.job-body-wrapper .job-detail .detail-search-box .city-sel:hover .icon-arrow-down {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.job-body-wrapper .job-detail .detail-search-box .city-sel b {
    font-size: 16px;
    color: #222
}

.job-body-wrapper .job-detail .detail-search-box .city-sel .icon-arrow-down {
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 19px;
    width: 4px;
    height: 7px;
    transform: rotate(90deg);
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.job-body-wrapper .job-detail .detail-search-box .ipt-wrap {
    border: none;
    height: 46px
}

.job-body-wrapper .job-detail .detail-search-box .ipt-search {
    width: 566px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333
}

.job-body-wrapper .job-detail .detail-search-box .btn-search {
    background: #00bebd;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    width: 112px;
    line-height: 46px;
    height: 46px;
    margin-right: 4px;
    transition: all .2s linear
}

.job-body-wrapper .job-detail .detail-search-box .btn-search:hover {
    background: rgba(0, 190, 189, .9)
}

.job-body-wrapper .suggest-result {
    left: 112px;
    top: 58px;
    z-index: 9;
    width: 596px;
    padding: 4px 0;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 12px;
    overflow: hidden
}

.job-body-wrapper .search-find-box {
    left: 112px;
    top: 58px;
    z-index: 9;
    width: 596px
}

.job-body-wrapper .suggest-result ul {
    max-height: 200px
}

.job-body-wrapper .suggest-result li {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    padding: 0 16px;
    border: none;
    transition: all .2s linear
}

.job-body-wrapper .suggest-result li.guess-like {
    display: block
}

.job-body-wrapper .suggest-result li.guess-like {
    display: none;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    color: #757575;
    cursor: default
}

.job-body-wrapper .suggest-result li.guess-like:hover {
    background: 0 0
}

.job-body-wrapper .suggest-result li.selected, .job-body-wrapper .suggest-result li:hover {
    background: #f8f8f8
}

.job-body-wrapper .company-certification-dialog .dialog-container {
    border-radius: 12px
}

.job-body-wrapper .city-letter-show.city-dialog .dialog-container {
    border-radius: 12px
}

.job-body-wrapper .startchat-dialog .dialog-container {
    border-radius: 12px
}

.job-body-wrapper .startchat-dialog .startchat-title {
    border-radius: 12px 12px 0 0
}

.job-body-wrapper .startchat-dialog .startchat-content {
    border-radius: 0 0 12px 12px
}

.job-body-wrapper .jconfirm .pop-sign-box .jconfirm-box {
    border-radius: 12px
}

.job-body-wrapper .job-sider .sign-wrap {
    margin-bottom: 16px
}

.job-body-wrapper .job-sider .sign-form {
    position: relative;
    background: url(https://img.bosszhipin.com/static/file/2022/myz8vq8tfh1655797191987.png) 16px 14px/auto 50px no-repeat, linear-gradient(180deg, #00bebd, #00a6a7) hsla(0, 0%, 100%, .21);
    border-radius: 14px;
    margin-bottom: 16px;
    padding-left: 12px;
    padding-right: 12px
}

.job-body-wrapper .job-sider .sign-form:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(54, 202, 202, 0), #fff);
    border-radius: 12px
}

.job-body-wrapper .job-sider .sign-form .title {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    padding-top: 20px;
    padding-bottom: 2px
}

.job-body-wrapper .job-sider .sign-form .sub-title {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 8px
}

.job-body-wrapper .job-sider .sign-form form {
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg, rgba(245, 252, 252, .8), #fcfbfa);
    border-radius: 12px 12px 0 0;
    border: 1px solid #f7fdfd;
    backdrop-filter: blur(7px);
    padding: 20px 18px;
    width: auto
}

.job-body-wrapper .job-sider .sign-form .ipt-wrap:hover .ipt {
    box-shadow: none;
    border: 1px solid #00bebd
}

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

.job-body-wrapper .job-sider .form-btn .btn {
    display: block;
    text-align: center;
    background: #00bebd;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 21px;
    padding: 4px 0;
    height: 36px;
    margin-top: 20px;
    box-sizing: border-box;
    transition: all .2s linear
}

.job-body-wrapper .job-sider .form-btn .btn:hover {
    opacity: .8
}

.job-body-wrapper .job-sider .sign-form .text-tip {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 17px;
    margin-top: 12px;
    padding: 0;
    text-align: left
}

.job-body-wrapper .job-sider .sign-form .text-tip a {
    color: #00a6a7;
    transition: all .2s linear
}

.job-body-wrapper .job-sider .sign-form .dropdown-select {
    top: 0;
    height: 36px
}

.job-body-wrapper .job-sider .sign-form .dropdown-select .icon-select-arrow {
    top: 11px
}

.job-body-wrapper .job-sider .sign-form .dropdown-select .text-select {
    padding: 5px 12px 5px 0
}

.job-body-wrapper .job-sider .sign-form .icon-sign-phone, .job-body-wrapper .job-sider .sign-form .icon-sign-sms {
    position: absolute;
    left: 12px;
    top: 10px;
    width: 13px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/glowg5q8861655467618066.png) 0 0/auto 32px no-repeat
}

.job-body-wrapper .job-sider .sign-form .tip-error {
    background: 0 0;
    position: absolute;
    left: 0;
    top: 40px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    padding: 0 0 0 12px;
    color: #f53d47;
    text-align: left;
    white-space: nowrap
}

.job-body-wrapper .job-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-phone {
    background-position: -13px 0
}

.job-body-wrapper .job-sider .sign-form .icon-sign-sms {
    width: 14px;
    background-position: 0 -16px
}

.job-body-wrapper .job-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-sms {
    background-position: -14px -16px
}

.job-body-wrapper .job-sider .sign-form .dropdown-select .icon-select-arrow {
    position: absolute;
    right: 0;
    top: 14px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg)
}

.job-body-wrapper .job-sider .sign-form .ipt {
    box-sizing: border-box;
    width: 100%;
    border-radius: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid transparent;
    height: 36px;
    box-shadow: none
}

.job-body-wrapper .job-sider .sign-form .btn-sms {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 32px;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    background: #fff;
    min-width: 104px;
    color: #00a6a7;
    border: 0;
    border-radius: 0 8px 8px 0
}

.job-body-wrapper .job-sider .sign-form .btn-sms em {
    color: #00a6a7
}

.job-body-wrapper .job-sider .sign-form .text-tip .agree-policy {
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 2px
}

.job-body-wrapper .job-sider .sign-form .text-tip a:hover {
    opacity: .8
}

.job-body-wrapper .job-sider .sign-wrap-v2 .form-row-verify {
    position: absolute;
    min-height: 36px;
    background: #e8e8e8;
    top: 42px;
    width: 100%;
    height: 36px;
    border-radius: 2px;
    box-shadow: none;
    z-index: 9
}

.job-body-wrapper .job-sider .sign-wrap-v2 .form-row-verify.hide-row-verify {
    height: 0;
    min-height: unset;
    overflow: hidden;
    opacity: 0
}

.job-body-wrapper .job-sider .sign-wrap-v2 .form-row-verify:before {
    content: none
}

.job-body-wrapper .job-sider .sign-wrap-v2 .form-row-verify:after {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -45px;
    content: "正在加载中";
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
    background-size: 16px;
    padding-right: 20px;
    line-height: 36px;
    color: #969696
}

.job-body-wrapper .job-sider .sign-wrap-v2 .verify-init-dot {
    position: absolute;
    width: 13px;
    height: 13px;
    display: block;
    left: 12px;
    top: 13px;
    border-radius: 50%;
    background: #3873ff
}

.job-body-wrapper .job-sider .geetest_holder.geetest_wind {
    min-width: auto;
    height: 36px
}

.job-body-wrapper .job-sider .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
    top: 5px
}

.job-body-wrapper .job-sider .geetest_holder.geetest_wind .geetest_radar {
    width: 22px;
    height: 22px
}

.job-body-wrapper .job-sider .geetest_holder.geetest_wind .geetest_radar_tip, .job-body-wrapper .job-sider .geetest_holder.geetest_wind .geetest_success_radar_tip {
    height: 36px;
    line-height: 34px;
    padding-left: 36px
}

.job-body-wrapper .job-sider .geetest_holder.geetest_wind .geetest_wait {
    margin: 14px 12px
}

.job-body-wrapper .job-sider .nc-container .nc_scale {
    height: 36px
}

.job-body-wrapper .job-sider .nc-container .nc_scale .btn_ok {
    color: #5dd5c8;
    border-color: #5dd5c8
}

.job-body-wrapper .job-sider .nc-container .nc_scale span {
    width: 46px;
    height: 36px;
    line-height: 36px
}

.job-body-wrapper .job-sider .nc-container .nc_scale .nc_bg, .job-body-wrapper .job-sider .nc-container .nc_scale .on_ok {
    background: #8d92a1
}

.job-body-wrapper .job-sider .nc-container .nc_scale .scale_text {
    line-height: 36px;
    background-color: #eef0f5;
    color: #61687c
}

.job-body-wrapper .job-sider .nc-container .nc_scale .nc_wrapper {
    width: 100% !important;
    overflow: hidden
}

.job-body-wrapper .job-sider .form-row-verify .picture_box {
    position: relative;
    width: 100%;
    padding-right: 94px;
    box-sizing: border-box
}

.job-body-wrapper .job-sider .form-row-verify .picture_box .input_code {
    height: 36px !important;
    padding: 9px 12px !important;
    font-size: 12px;
    border: 1px solid #e3e7ed;
    padding-left: 0;
    outline: 0;
    width: 100% !important;
    top: 0 !important;
    box-sizing: border-box;
    border-radius: 0
}

.job-body-wrapper .job-sider .form-row-verify .picture_box .input_code:focus {
    box-shadow: none;
    border-color: #00c2b3
}

.job-body-wrapper .job-sider .form-row-verify .picture_box .code_img {
    position: absolute;
    top: 0;
    right: 0;
    height: 36px !important;
    width: 96px;
    outline: 0;
    margin-left: 0 !important
}

.job-body-wrapper .job-sider .form-row-verify .picture_box .btn-img {
    right: 90px
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_classic-container {
    z-index: 1011;
    min-width: 260px;
    left: 50%;
    transform: translate(-50%, 0)
}

.job-body-wrapper .job-sider .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
    width: 100% !important;
    height: auto !important
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_classic-tips .yidun_tips__text {
    line-height: 36px
}

.job-body-wrapper .job-sider .yidun.yidun--light .yidun_jigsaw {
    width: auto !important;
    height: 100% !important
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_intelli-control {
    height: 36px
}

.job-body-wrapper .job-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
    background-color: #00c2b3
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_intelli-text {
    line-height: 36px
}

.job-body-wrapper .job-sider .yidun.yidun--light {
    min-width: auto !important
}

.job-body-wrapper .job-sider .yidun.yidun--light .yidun_slider:hover {
    color: #00c2b3;
    background-color: #00c2b3
}

.job-body-wrapper .job-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
    border-color: #00c2b3;
    background: #eefff5
}

.job-body-wrapper .job-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
    background-color: #00c2b3
}

.job-body-wrapper .job-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
    color: #00c2b3
}

.job-body-wrapper .job-sider .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
    color: #00c2b3;
    background: #eefff5;
    cursor: default;
    border-color: #00c2b3;
    line-height: 34px;
    height: 36px;
    text-align: left;
    padding: 0 18px
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
    background-color: #00c2b3;
    box-shadow: 0 2px 6px 1px #00c2b3
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
    color: #00c2b3
}

.job-body-wrapper .job-sider .yidun_intellisense--light {
    z-index: 999
}

.has-sid-mask .boss-login-dialog {
    z-index: 2000
}

.has-sid-mask .bl-dialog-wrap, .has-sid-mask .bl-toast {
    z-index: 2010
}

.sid-flow-mask {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .49);
    box-shadow: 0 9px 26px 0 rgba(31, 76, 214, .12), inset 1px 1px 1px 0 rgba(162, 180, 255, .5), inset -1px -1px 0 0 rgba(157, 227, 255, .5);
    z-index: 1800;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.sid-flow-mask .sid-flow-click {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1900;
    background: 0 0
}

.sid-flow-mask .ad-tag {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 4px 8px;
    border-radius: 0 0 0 8px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 17px;
    background: rgba(255, 255, 255, .2)
}

.sid-flow-mask.can-click {
    cursor: pointer
}

.sid-flow-mask .sid-flow-inner {
    position: relative;
    width: 1184px;
    height: 100px;
    margin: 0 auto;
    overflow: hidden
}

.sid-flow-mask .sid-flow-inner .sid-flow-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 58px;
    height: 22px;
    cursor: pointer;
    background: url(https://img.bosszhipin.com/static/file/2022/b39rmqjebx1663926963903.png) 0 0/58px auto no-repeat
}

.sid-flow-mask .sid-flow-inner .sid-flow-close:hover {
    background-position: 0 -22px
}

.sid-flow-mask .sid-flow-inner .sid-flow-slogan {
    float: left;
    height: 72px;
    margin-top: 14px;
    margin-left: 30px
}

.sid-flow-mask .sid-flow-inner .sid-flow-tagline {
    float: right;
    height: 68px;
    margin-top: 16px;
    margin-right: 78px
}

.job-body-wrapper .links-container {
    padding: 20px 24px 6px;
    border: none
}

.job-body-wrapper .links-container .links-box {
    padding-top: 0
}

.job-body-wrapper .links-container .title-box {
    position: relative;
    margin-right: 0
}

.job-body-wrapper .links-box .title-box .title-item:after {
    bottom: 1px;
    border-radius: 2px;
    height: 3px;
    width: 28px;
    margin-left: -14px;
    left: 50%
}

.job-body-wrapper .links-box .title-box .title-item.cur:after {
    background: linear-gradient(90deg, #16d9d8 0, #00bebd 100%)
}

.job-body-wrapper .links-container .title-box:after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 1px;
    background: #e6e6e6
}

.job-body-wrapper .links-container .links-box .title-box .title-item {
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
    padding-bottom: 14px;
    transition: all .2s linear;
    margin-right: 0
}

.job-body-wrapper .links-container .links-box .title-box .title-item + .title-item {
    margin-left: 32px
}

.job-body-wrapper .links-container .links-box .title-box .title-item.cur {
    color: #00a6a7;
    font-weight: 600
}

.job-body-wrapper .links-container .links-box .title-box .title-item:hover {
    color: #00a6a7;
    font-weight: 600
}

.job-body-wrapper .links-box .links-wrapper {
    padding-top: 20px;
    background: 0 0
}

.job-body-wrapper .links-box .links-wrapper .links-content.limited {
    max-height: 155px
}

.job-body-wrapper .links-box .links-wrapper .links-content a {
    font-size: 12px;
    color: #666;
    line-height: 17px;
    transition: all .2s linear;
    margin: 0 28px 14px 0;
    float: left
}

.job-body-wrapper .links-box .links-wrapper .links-content a:hover {
    color: #00a6a7
}

.job-body-wrapper .links-box .expand-btn {
    margin-bottom: 14px
}

.job-body-wrapper .links-box .expand-btn a {
    color: #666;
    font-size: 13px
}

.job-body-wrapper .links-box .expand-btn a:hover {
    color: #00a6a7;
    font-weight: 500
}

.job-body-wrapper .more-view {
    display: inline-block;
    line-height: 24px;
    height: 24px
}

.job-body-wrapper .more-view span {
    display: inline-block;
    vertical-align: middle
}

.job-body-wrapper .more-view i {
    position: relative;
    top: -4px;
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 7px;
    margin-top: 7px;
    margin-left: 8px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.job-body-wrapper .more-view:hover i {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.job-body-wrapper .more-view .fz-slidedown {
    transform: rotate(90deg)
}

.job-body-wrapper .more-view .fz-slideup {
    transform: rotate(270deg)
}

.job-body-wrapper .job-box .city-job-guide {
    margin-top: 20px
}

.job-body-wrapper .pos-bread a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    padding: 0 8px;
    transition: all .2s linear
}

.job-body-wrapper .pos-bread a:hover {
    color: #00a6a7;
    text-decoration: none
}

.job-body-wrapper .pos-bread > a:first-child {
    padding-left: 24px
}

.job-body-wrapper .pos-bread > a:first-child:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -64px/16px auto no-repeat
}

.job-body-wrapper .pos-bread a:first-child:hover:before {
    background-position: 0 -80px
}

.job-body-wrapper .pos-bread .link-collect + a:before, .job-body-wrapper .pos-bread .link-collect:before, .job-body-wrapper .pos-bread > a + a:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 5px;
    width: 1px;
    height: 7px;
    background: #999;
    border-radius: 1px;
    z-index: 1
}

.job-body-wrapper .pos-bread .link-collect {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    padding: 0 8px;
    transition: all .2s linear
}

.job-body-wrapper .pos-bread .link-collect a {
    padding: 0
}

.job-body-wrapper .job-box .pos-bread + .gray {
    color: #999;
    line-height: 17px;
    margin-top: 12px
}

.job-body-wrapper #footer {
    background: #313438;
    color: rgba(255, 255, 255, .5);
    margin-top: 28px
}

.job-body-wrapper .footer-about dl dt {
    color: rgba(255, 255, 255, .8)
}

.job-body-wrapper .footer-about dl dd a, .job-body-wrapper .footer-about dl dd p {
    color: rgba(255, 255, 255, .5)
}

.job-body-wrapper .copyright a {
    color: rgba(255, 255, 255, .5)
}

.job-body-wrapper .copyright a:hover, .job-body-wrapper .footer-about dl dd a:hover {
    color: #00bebd
}

.job-body-wrapper #footer .icon-app, .job-body-wrapper #footer .icon-client-app, .job-body-wrapper #footer .icon-weibo, .job-body-wrapper #footer .icon-weixin {
    border: none;
    background-color: rgba(255, 255, 255, .1)
}

.job-body-wrapper .links-friends-wrapper {
    background: #313438;
    border-top: 1px solid #46494c;
    padding: 7px 0 6px 0
}

.job-body-wrapper .links-friends-wrapper .links .links-item a {
    color: rgba(255, 255, 255, .5)
}

.job-body-wrapper .links-friends-wrapper .links .links-item a:hover {
    color: #00bebd
}

.job-body-wrapper .links-friends-wrapper .links {
    margin: 0 auto
}

.job-body-wrapper .links-friends-wrapper .links label, .job-body-wrapper .links-friends-wrapper .links label:hover {
    color: rgba(255, 255, 255, .5)
}

.job-body-wrapper .links-friends-wrapper .links .links-item {
    margin-bottom: 12px
}

.job-body-wrapper .links-friends dt {
    color: rgba(255, 255, 255, .5)
}

.exchange-precheck-dialog .dialog-container {
    width: 500px;
    background: #fff;
    border-radius: 12px;
    padding: 20px 30px;
    box-sizing: border-box;
    margin: -100px 0 0 -250px
}

.exchange-precheck-dialog .dialog-title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.exchange-precheck-dialog .dialog-con {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-top: 16px
}

.exchange-precheck-dialog .dialog-con a {
    color: #00a6a7;
    transition: all .2s linear
}

.exchange-precheck-dialog .dialog-con a:hover {
    color: rgba(0, 166, 167, .8)
}

.exchange-precheck-dialog .dialog-footer {
    margin-top: 24px
}

.exchange-precheck-dialog .dialog-footer .btns .btn {
    font-size: 14px;
    height: auto;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    padding: 5px 0;
    border-radius: 4px;
    border: 1px solid #00bebd;
    width: 88px;
    text-align: center;
    margin-left: 8px;
    transition: all .2s linear
}

.exchange-precheck-dialog .dialog-footer .btns .btn:hover {
    padding: 5px 0;
    background: rgba(0, 190, 189, .2)
}

.exchange-precheck-dialog .dialog-footer .btns .btn-sure {
    color: #fff;
    background: #00bebd
}

.exchange-precheck-dialog .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8);
    border: 1px solid rgba(0, 190, 189, .8)
}

.dialog-busi-style .dialog-container {
    padding: 16px 16px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .07);
    border-radius: 8px;
    width: 300px
}

.dialog-busi-style .dialog-container .icon-close {
    display: none
}

.dialog-busi-style .dialog-title h3.title {
    margin-bottom: 0;
    padding-bottom: 8px;
    text-align: left;
    font-weight: 700
}

.dialog-busi-style .dialog-con {
    font-size: 13px;
    color: #7e8694;
    line-height: 18px
}

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

.dialog-busi-style .dialog-footer .btns .btn {
    border-radius: 6px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #00bebd;
    transition: all .2s linear;
    margin: 0 0 0 12px
}

.dialog-busi-style .dialog-footer .btns .btn-outline {
    color: #00bebd
}

.dialog-busi-style .dialog-footer .btns .btn.btn-sure {
    background: #00bebd
}

.dialog-busi-style .dialog-footer .btns .btn-outline:hover {
    border: 1px solid #00a6a7;
    color: #00a6a7;
    padding: 0 16px
}

.dialog-busi-style .dialog-footer .btns .btn.btn-sure:hover {
    background: #00a6a7;
    border: 1px solid #00a6a7
}

.company-body-wrapper {
    background: #f2f4f7
}

.company-body-wrapper:before {
    content: " ";
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    height: 614px;
    background: linear-gradient(180deg, #00bebd 0, #88fffe 50%, #fff 100%);
    opacity: .1;
    z-index: -1
}

.company-body-wrapper .company-banner {
    background-image: linear-gradient(90deg, #3b526a 0, #345a6d 100%);
    padding: 30px 0 16px 0;
    line-height: 0
}

.company-body-wrapper .company-banner.top-position-company {
    background: linear-gradient(90deg, #447b96 0, #195776 35%, #295279 79%, #122c48 100%)
}

.company-body-wrapper .company-banner.company-business-banner {
    padding: 30px 0 16px;
    height: 184px;
    box-sizing: border-box
}

.company-body-wrapper .company-banner.company-business-banner .company-stat {
    display: none
}

.company-body-wrapper .company-banner .info-primary img {
    width: 70px;
    height: 70px;
    border-radius: 12px
}

.company-body-wrapper .company-banner .info-primary .info {
    margin-left: 24px
}

.company-body-wrapper .company-banner .info-primary .icon-brand {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-left: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/p31w76t8u01662368559649.png) 0 0/28px auto no-repeat
}

.company-body-wrapper .company-banner .info-primary .icon-focus {
    position: relative;
    top: -2px;
    margin-left: 20px;
    padding-left: 42px;
    vertical-align: middle;
    display: inline-block;
    width: 86px;
    height: 36px;
    line-height: 36px;
    background: #4d667a;
    border-radius: 19px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all .2s linear;
    box-sizing: border-box
}

.company-body-wrapper .company-banner .info-primary .icon-focus::before {
    content: " ";
    position: absolute;
    top: 9px;
    left: 17px;
    width: 18px;
    height: 17px;
    background: url(https://img.bosszhipin.com/static/file/2023/er5twlhp9w1699347407034.png.webp?x-oss-process=image/resize,w_36,h_34/auto-orient,1) 0 0 no-repeat;
    background-size: 18px 17px
}

.company-body-wrapper .company-banner .info-primary .icon-focus.actived, .company-body-wrapper .company-banner .info-primary .icon-focus:hover {
    background: #00bebd
}

.company-body-wrapper .company-banner .info-primary h1 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    line-height: 40px
}

.company-body-wrapper .company-banner .info-primary .info p {
    padding: 0 0 0 2px;
    margin-top: 3px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 18px
}

.company-body-wrapper .company-new .company-banner .industry-link {
    color: #fff
}

.company-body-wrapper .company-stat {
    margin-bottom: 42px
}

.company-body-wrapper .company-stat span {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-size: 15px;
    line-height: 21px
}

.company-body-wrapper .company-stat span b {
    display: inline-block;
    font-family: kanzhun-Regular, kanzhun;
    font-size: 46px;
    line-height: 55px;
    text-align: right;
    color: #fff;
    padding: 0;
    font-weight: 400;
    margin-right: 6px;
    vertical-align: sub
}

.company-body-wrapper .company-stat .vline + span, .company-body-wrapper .company-stat span + span {
    margin-left: 30px;
    width: auto
}

.company-body-wrapper .company-stat .vline {
    display: none
}

.company-body-wrapper .company-stat .op {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.company-body-wrapper .company-stat .op a + a {
    margin-left: 32px
}

.company-body-wrapper .company-stat .op a {
    font-size: 16px;
    color: #fff;
    line-height: 22px
}

.company-body-wrapper .company-stat .op a:hover {
    color: #00e6e4
}

.company-body-wrapper .company-stat .op .icon {
    vertical-align: middle;
    position: relative;
    top: -2px;
    width: 18px;
    height: 18px;
    background: url(https://img.bosszhipin.com/static/file/2022/tsai5diw351661504694017.png) 0 0/18px auto no-repeat
}

.company-body-wrapper .company-stat .op .icon-resume .icon {
    background-position: 0 -18px
}

.company-body-wrapper .company-stat .op .icon-resume-login, .company-body-wrapper .company-stat .op .icon-upload-login {
    color: #00bebf
}

.company-body-wrapper .company-stat .op .icon-resume-login:hover, .company-body-wrapper .company-stat .op .icon-upload-login:hover {
    color: #00e6e4
}

.company-body-wrapper .company-stat .op .icon-upload-login .icon {
    background-position: 0 -36px
}

.company-body-wrapper .company-stat .op .icon-upload-login:hover .icon, .company-body-wrapper .company-stat .op .icon-upload:hover .icon {
    background-position: 0 -72px
}

.company-body-wrapper .company-stat .op .icon-resume-login .icon {
    background-position: 0 -54px
}

.company-body-wrapper .company-stat .op .icon-resume-login:hover .icon, .company-body-wrapper .company-stat .op .icon-resume:hover .icon {
    background-position: 0 -90px
}

.company-body-wrapper .company-tab {
    width: 1184px;
    margin: 16px auto 0;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.company-body-wrapper .company-tab a {
    position: relative;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 25px;
    margin: 0;
    border: none;
    transition: all .2s linear
}

.company-body-wrapper .company-tab a + a {
    margin-left: 32px
}

.company-body-wrapper .company-tab a:hover {
    color: #00a6a7
}

.company-body-wrapper .company-tab a.cur {
    color: #00a6a7
}

.company-body-wrapper .company-tab a.cur:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -14px;
    z-index: 1;
    width: 28px;
    height: 3px;
    background: linear-gradient(90deg, #16d9d8, #00bebd);
    border-radius: 2px
}

.company-body-wrapper .smallbanner {
    background: linear-gradient(90deg, #3b526a 0, #345a6d 100%)
}

.company-body-wrapper .smallbanner .smallbanner-content {
    position: relative
}

.company-body-wrapper .smallbanner .smallbanner-content .company-stat {
    margin-bottom: 0
}

.company-body-wrapper .smallbanner .smallbanner-content .company-stat .op {
    position: static
}

.company-body-wrapper .smallbanner .info-primary {
    display: none
}

.company-body-wrapper .smallbanner .info-primary img {
    width: 80px;
    height: 80px;
    border-radius: 12px
}

.company-body-wrapper .smallbanner .company-stat {
    position: absolute;
    right: 0;
    bottom: 14px
}

.company-body-wrapper .smallbanner .company-stat .op {
    margin-top: 0
}

.company-body-wrapper .smallbanner .info-primary .info .name {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    line-height: 50px;
    padding: 15px 0
}

.company-body-wrapper .smallbanner .company-tab {
    background: 0 0;
    margin-top: 0;
    padding: 0
}

.company-body-wrapper .smallbanner .company-tab a {
    color: #fff
}

.company-body-wrapper .smallbanner .company-tab a.cur, .company-body-wrapper .smallbanner .company-tab a:hover {
    color: #00bebf
}

.company-body-wrapper .smallbanner .company-tab a.cur:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -14px;
    z-index: 1;
    width: 28px;
    height: 3px;
    background: linear-gradient(90deg, #16d9d8, #00bebd);
    border-radius: 2px
}

.company-body-wrapper .job-box {
    margin-top: 16px
}

.company-body-wrapper .company-hotjob {
    width: 1184px;
    margin: 16px auto 0;
    background: #fff;
    border-radius: 12px;
    padding: 20px 30px;
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.company-body-wrapper .company-hotjob .inner {
    width: auto
}

.company-body-wrapper .company-hotjob h3 {
    margin-bottom: 16px;
    padding-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px
}

.company-body-wrapper .company-hotjob .more, .company-job .more {
    font-size: 15px;
    color: #00a6a7;
    line-height: 21px;
    font-weight: 500;
    margin-right: 0;
    margin-top: 4px;
    padding-right: 6px;
    background: 0 0;
    transition: all .2s linear
}

.company-body-wrapper .company-hotjob .more:hover, .company-job .more:hover {
    font-weight: 500
}

.company-body-wrapper .company-hotjob .more:after, .company-job .more::after {
    content: " ";
    position: relative;
    top: -5px;
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 7px;
    margin-top: 7px;
    margin-left: 8px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-job .more.fr {
    float: right
}

.company-body-wrapper .company-hotjob ul {
    margin: -8px
}

.company-body-wrapper .company-hotjob ul:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    clear: both
}

.company-body-wrapper .company-hotjob li {
    float: left;
    margin: 8px;
    border-radius: 12px
}

.company-body-wrapper .company-hotjob li a {
    position: relative;
    width: 364px;
    height: 96px;
    border: 1px solid #ededed;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.company-body-wrapper .company-hotjob.small-item li {
    width: auto;
    height: auto
}

.company-body-wrapper .company-hotjob.small-item li a {
    width: 269px
}

.company-body-wrapper .company-hotjob.small-item li .name b {
    max-width: 96px
}

.company-body-wrapper .company-hotjob li a:hover {
    border: 1px solid transparent;
    background: #f8f8f8
}

.company-body-wrapper .company-hotjob li a:hover b {
    color: #00a6a7
}

.company-body-wrapper .company-hotjob li a:hover .tag-list-item {
    background: #ededed
}

.company-body-wrapper .company-hotjob li .name {
    margin-bottom: 12px;
    padding-bottom: 0;
    height: 22px
}

.company-body-wrapper .company-hotjob li .name b {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    max-width: 190px;
    transition: all .2s linear
}

.company-body-wrapper .company-hotjob li .salary {
    font-size: 20px;
    font-family: kanzhun-Regular, kanzhun;
    color: #fe574a;
    line-height: 24px;
    position: relative;
    top: -2px
}

.company-body-wrapper .company-hotjob li .info-primary-bottom {
    display: block
}

.company-body-wrapper .company-hotjob li .company-location {
    float: right;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    margin-top: 4px
}

.company-body-wrapper .company-hotjob li .tag-list {
    display: inline-block;
    height: 22px;
    overflow: hidden;
    vertical-align: middle;
    max-width: 220px
}

.company-body-wrapper .company-hotjob li a:hover .btn-startchat {
    display: block
}

.company-body-wrapper .company-hotjob li a:hover .company-location {
    display: none
}

.company-body-wrapper .company-hotjob li .btn-startchat {
    display: none;
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 14px;
    min-width: 100px;
    border-radius: 8px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    font-weight: 500;
    background: #00bebd;
    border: none
}

.company-body-wrapper .company-hotjob li .btn-startchat:hover {
    background: rgba(0, 190, 189, .8)
}

.company-body-wrapper .company-hotjob li .tag-list-item {
    background: #f8f8f8;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    float: left;
    transition: all .2s linear
}

.company-body-wrapper .company-hotjob li .tag-list-item + .tag-list-item {
    margin-left: 8px
}

.company-body-wrapper .company-hotjob .code-box {
    background: #fff;
    border-radius: 6px 0 0 6px;
    width: 31px;
    height: 100px;
    font-size: 15px;
    color: #999;
    border: none;
    transition: all .2s linear
}

.company-body-wrapper .company-hotjob .code-box:hover {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    border-radius: 6px 0 0 6px;
    width: 155px;
    height: 132px
}

.company-body-wrapper .company-hotjob .code-box:hover span {
    padding: 28px 12px
}

.company-body-wrapper .company-hotjob .code-box:hover img {
    opacity: 1
}

.company-body-wrapper .company-hotjob .code-box span {
    padding: 12px 8px;
    width: 15px;
    transition: all .2s linear
}

.company-body-wrapper .company-hotjob .code-box img {
    opacity: 0;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 1;
    right: 39px;
    margin: 0;
    top: 16px;
    transition: all .2s linear
}

.company-body-wrapper .company-hotjob .code-box:hover span {
    color: #00a6a7
}

.company-body-wrapper .company-hotjob li.cur .info-detail {
    display: block
}

.company-body-wrapper .company-hotjob .info-detail {
    display: none;
    position: absolute;
    height: auto;
    top: 96px;
    font-weight: 400;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    border-radius: 12px;
    padding: 0;
    box-shadow: 0 16px 40px 0 rgba(153, 153, 153, .3);
    background: #fff;
    z-index: 1001
}

.company-body-wrapper .company-hotjob .info-detail .detail-bottom {
    position: relative;
    z-index: 3;
    background: 0 0;
    padding: 0 20px 20px;
    border-radius: 12px;
    font-size: 13px
}

.company-body-wrapper .company-hotjob .info-detail .detail-bottom .btn-startchat {
    display: none
}

.company-body-wrapper .company-hotjob .info-detail .detail-bottom-title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin: 20px 0 12px;
    padding: 0
}

.company-body-wrapper .company-hotjob .info-detail .detail-bottom-labels {
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: -8px
}

.company-body-wrapper .company-hotjob .info-detail .detail-bottom-label {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 4px 12px;
    border: none;
    height: auto;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    transition: all .2s linear
}

.detail-bottom-text {
    line-height: 28px;
    max-height: 280px;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    word-break: break-word;
    -ms-word-break: break-all;
    white-space: normal
}

.company-body-wrapper .company-new .job-detail {
    width: 884px;
    padding-right: 0;
    border: none
}

.company-body-wrapper .company-info-box {
    background: #fff;
    border-radius: 12px;
    padding: 20px 30px
}

.company-body-wrapper .company-info-box .job-sec + .job-sec {
    margin-top: 36px
}

.company-body-wrapper .company-info-box .job-sec h3 {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    margin-bottom: 12px;
    padding: 0
}

.company-body-wrapper .company-info-box .fold-text {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 28px;
    max-height: 113px;
    overflow: hidden
}

.company-body-wrapper .company-info-box .job-sec.expand .fold-text {
    max-height: none
}

.company-body-wrapper .company-info-box .job-sec .more-view {
    display: none;
    background: linear-gradient(270deg, #fff 65%, rgba(255, 255, 255, 0) 100%);
    width: 80px;
    text-align: right;
    font-size: 15px;
    color: #00a6a7;
    line-height: 21px;
    padding: 4px 14px 4px 0;
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 6px;
    transition: font-weight .2s linear;
    box-sizing: border-box
}

.company-body-wrapper .company-info-box .job-sec.expand {
    padding-bottom: 18px
}

.company-body-wrapper .company-info-box .job-sec.expand .more-view {
    bottom: 0
}

.company-body-wrapper .company-info-box .job-sec .more-view:hover {
    color: #00a6a7;
    font-weight: 500
}

.company-body-wrapper .company-info-box .job-sec .more-view .fz-slidedown {
    top: -6px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-body-wrapper .company-info-box .job-sec .more-view .fz-slideup {
    top: -5px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-body-wrapper .company-photo-list {
    position: relative;
    border-radius: 12px
}

.company-body-wrapper .company-photo-list .swiper-container {
    max-height: 248px;
    border-radius: 12px;
    margin-left: -4px;
    margin-right: -4px
}

.company-body-wrapper .company-photo-list .swiper-wrapper {
    transition-duration: .3s
}

.company-body-wrapper .company-photo-list .swiper-wrapper.swiper-wrapper-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: flex-start;
    align-content: flex-start
}

.company-body-wrapper .company-photo-list .swiper-wrapper.swiper-wrapper-col {
    display: flex;
    flex-wrap: wrap;
    height: 248px;
    flex-direction: column;
    align-content: flex-start;
    justify-content: space-between
}

.company-body-wrapper .company-photo-list .swiper-wrapper.swiper-wrapper-row li:first, .company-body-wrapper .company-photo-list .swiper-wrapper.swiper-wrapper-row li:nth-child(4n) {
    margin-left: 0
}

.company-body-wrapper .company-photo-list .swiper-wrapper.swiper-wrapper-row li:nth-child(n+5) {
    margin-top: 8px
}

.company-body-wrapper .company-photo-list .swiper-container li .company-vr-address {
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 150px;
    color: #fff;
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .4);
    padding-left: 8px
}

.company-body-wrapper .company-photo-list .swiper-container li {
    width: 200px !important;
    height: 120px !important;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 4px;
    cursor: pointer;
    flex-shrink: 0;
    position: relative
}

.company-body-wrapper .company-photo-list li img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .2s linear
}

.company-body-wrapper .company-photo-list li:hover img {
    transform: scale(1.1)
}

.company-body-wrapper .company-photo-list li .company-play-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 3;
    background-image: url(https://img.bosszhipin.com/static/file/2023/zp-company-photo-play-icon.png);
    background-size: cover;
    background-repeat: no-repeat
}

.company-body-wrapper .company-photo-list li .company-video-icon {
    background-position: -40px 0
}

.company-body-wrapper .company-photo-list li .company-video-vr {
    background-position: 0 0
}

.company-body-wrapper .company-photo-list li .company-img-mask {
    transition: all .2s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    pointer-events: none;
    z-index: 2
}

.company-body-wrapper .company-photo-list li:hover .company-img-mask {
    opacity: .2
}

.company-body-wrapper .company-photo .swiper-btn {
    display: none;
    opacity: 0;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -28px;
    width: 30px;
    height: 56px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 15px;
    cursor: pointer;
    transition: all .2s linear
}

.company-body-wrapper .company-photo .company-photo-list:hover .swiper-btn {
    opacity: 1
}

.company-body-wrapper .company-photo .swiper-btn:hover {
    background: #00bebd
}

.company-body-wrapper .company-photo .swiper-prev-btn {
    left: -15px
}

.company-body-wrapper .company-photo .swiper-next-btn {
    right: -15px
}

.company-body-wrapper .company-photo .swiper-prev-btn:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -8px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #848899;
    border-left: 5px solid transparent;
    border-radius: 2px;
    transition: all .2s linear
}

.company-body-wrapper .company-photo .swiper-prev-btn:hover:after {
    border-right: 5px solid #fff
}

.company-body-wrapper .company-photo .swiper-next-btn:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -1px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #848899;
    border-radius: 2px;
    transition: all .2s linear
}

.company-body-wrapper .company-photo .swiper-next-btn:hover:after {
    border-left: 5px solid #fff
}

.company-body-wrapper .company-talents-list {
    overflow: hidden;
    margin-bottom: -12px
}

.company-body-wrapper .company-talents-list li {
    float: left;
    background: #f8f8f8;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-right: 8px;
    margin-bottom: 12px
}

.company-body-wrapper .company-talents .talent-train-text {
    margin-top: 20px
}

.company-body-wrapper .company-products-new ul {
    margin: -8px
}

.company-body-wrapper .company-products-new ul:after {
    content: " ";
    display: table;
    clear: both;
    width: 0;
    height: 0
}

.company-body-wrapper .company-products-new li {
    position: relative;
    width: 404px;
    height: 102px;
    float: left;
    margin-bottom: 16px;
    border: none;
    border-radius: 12px;
    margin: 8px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .2s linear
}

.company-body-wrapper .company-products-new li:hover {
    position: relative;
    background: #f8f8f8;
    overflow: visible;
    z-index: 1
}

.company-body-wrapper .company-products-new li:hover .company-product-desc {
    display: block
}

.company-body-wrapper .company-products-new li:hover .figure {
    position: relative;
    z-index: 2
}

.company-body-wrapper .company-products-new li .figure {
    width: 68px;
    height: 68px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #f2f5fa
}

.company-body-wrapper .company-products-new li .figure img {
    width: 68px;
    height: 68px;
    border-radius: 16px;
    background: #fff
}

.company-body-wrapper .company-products-new .text {
    margin-left: 86px
}

.company-body-wrapper .company-products-new .text .name {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin-top: 8px;
    margin-bottom: 12px;
    padding: 0
}

.company-body-wrapper .company-products-new .text .company-product-slogan {
    font-size: 14px;
    color: #666;
    line-height: 20px
}

.company-body-wrapper .company-products-new .company-product-desc {
    display: none;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: #f8f8f8;
    border-radius: 12px
}

.company-body-wrapper .company-products-new .company-product-desc .more-view {
    z-index: 2;
    right: 16px;
    bottom: 20px;
    padding: 2px 14px 2px 0
}

.company-body-wrapper .company-products-new .company-product-intro {
    position: relative;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin: 0;
    word-break: break-all;
    min-height: 100px;
    padding: 20px 16px 20px 102px;
    box-sizing: border-box
}

.company-body-wrapper .company-products-new .company-product-intro:after {
    content: " ";
    background: #f8f8f8;
    height: 20px;
    position: absolute;
    left: 102px;
    right: 16px;
    bottom: 0;
    z-index: 1
}

.company-body-wrapper .company-products-new .company-product-intro.expand:after {
    content: none
}

.company-body-wrapper .company-products-new .company-product-intro.expand .more-view {
    position: static;
    float: right;
    background: 0 0
}

.company-body-wrapper .company-products-new .company-product-images {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 14px
}

.company-body-wrapper .company-products-new .company-product-images li {
    float: left;
    margin: 2px;
    width: 90px;
    height: 90px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f5f5f6;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
    cursor: default;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.company-body-wrapper .company-products-new .company-product-images li img {
    display: block;
    width: 100%;
    max-height: 100%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    z-index: 2;
    border-radius: 8px;
    object-fit: cover
}

.company-body-wrapper .company-business .business-detail {
    position: relative;
    border-radius: 12px;
    border: none;
    background: #f8f8f8;
    padding: 20px;
    height: auto
}

.company-body-wrapper .company-business .business-detail ul {
    overflow: hidden;
    max-height: 158px
}

.company-body-wrapper .company-business .business-detail.show-business-all ul {
    max-height: none
}

.company-body-wrapper .company-business .business-detail li {
    font-size: 15px;
    color: #333;
    line-height: 21px;
    padding: 0 5px 0 0;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.company-body-wrapper .company-business .business-detail li span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin-bottom: 8px
}

.company-body-wrapper .company-business .business-detail .business-detail-id, .company-body-wrapper .company-business .business-detail .business-detail-location, .company-body-wrapper .company-business .business-detail .business-detail-name, .company-body-wrapper .company-business .business-detail .business-detail-type, .company-body-wrapper .company-business .business-detail .w-420px {
    width: 420px
}

.company-body-wrapper .company-business .business-detail .business-detail-register, .company-body-wrapper .company-business .business-detail .business-detail-status, .company-body-wrapper .company-business .business-detail .business-detail-user, .company-body-wrapper .company-business .business-detail .w-210px {
    width: 210px
}

.company-body-wrapper .company-business .business-detail .business-detail-money, .company-body-wrapper .company-business .business-detail .business-detail-person-count, .company-body-wrapper .company-business .business-detail .business-detail-time, .company-body-wrapper .company-business .business-detail .w-150px {
    width: 150px
}

.company-body-wrapper .business-detail label {
    position: absolute;
    display: block;
    bottom: 16px;
    left: 50%;
    width: auto;
    padding-right: 16px;
    transform: translate(-50%, 0);
    top: auto;
    text-align: center;
    font-size: 15px;
    color: #00a6a7;
    line-height: 21px;
    transition: all .2s linear
}

.company-body-wrapper .business-detail label:hover {
    font-weight: 500
}

.company-body-wrapper .business-detail label i {
    content: " ";
    position: absolute;
    top: 7px;
    right: 0;
    z-index: 1;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
    transform: rotate(90deg);
    transition: all .2s linear
}

.company-body-wrapper .business-detail label i.fz-slideup {
    transform: rotate(270deg)
}

.company-body-wrapper .job-location {
    border-radius: 12px;
    border: 1px solid #ededed;
    box-shadow: none;
    margin-top: 0
}

.company-body-wrapper .job-location .location-address {
    position: relative;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12px 20px 12px 46px;
    border: none;
    background: 0 0;
    transition: all .2s linear
}

.company-body-wrapper .job-location .location-address:before {
    content: " ";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 20px;
    top: 14px;
    z-index: 1;
    background: url(https://img.bosszhipin.com/static/file/2022/1q7iss9wuz1664171121020.png) 0 0/18px auto no-repeat
}

.company-body-wrapper .job-location .location-address:hover {
    color: #00a6a7;
    font-weight: 500
}

.company-body-wrapper .job-location .location-item .location-address:hover:before, .company-body-wrapper .job-location .location-item.show-map .location-address:before {
    background: url(https://img.bosszhipin.com/static/file/2022/1q7iss9wuz1664171121020.png) 0 -18px/18px auto no-repeat
}

.company-body-wrapper .job-location .location-item.show-map .location-address:hover {
    color: #333;
    font-weight: 400
}

.company-body-wrapper .job-location .location-address .more-view {
    display: none
}

.company-body-wrapper .job-location .location-address:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #ededed
}

.company-body-wrapper .job-location .location-item.show-map .location-address:after, .company-body-wrapper .job-location .location-item:last-child .location-address:after {
    content: none
}

.company-body-wrapper .job-location p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 8px 16px 8px 40px;
    background: url(https://img.bosszhipin.com/static/file/2022/oqp2zomui31661947170536.png) 12px 7px/21px 21px no-repeat, #fff;
    box-shadow: 0 3px 40px 0 rgba(153, 153, 153, .3);
    border-radius: 12px
}

.company-body-wrapper .job-location p:hover {
    color: #00a6a7;
    font-weight: 500
}

.company-body-wrapper .company-new .job-box .map-container {
    height: 172px
}

.company-body-wrapper .map-pop .dialog-container {
    border-radius: 12px;
    margin: -198px 0 0 -360px
}

.company-body-wrapper .map-pop .map-container {
    margin: 12px;
    border-radius: 4px;
    height: 322px
}

.company-body-wrapper .map-pop .location-address {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 14px 20px 14px 46px;
    border-radius: 12px 12px 0 0;
    background: url(https://img.bosszhipin.com/static/file/2022/o72wdj3x0v1661946739252.png) 20px 16px/18px auto no-repeat, linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    border: none
}

.company-body-wrapper .location-item-pop {
    width: 620px;
    height: 396px;
    background: #fff;
    border-radius: 12px
}

.company-body-wrapper .icon-close:after, .company-body-wrapper .icon-close:before {
    background: #999
}

.company-body-wrapper .job-abroad-location {
    background: #f8f8f8;
    border-radius: 12px
}

.company-body-wrapper .job-abroad-list {
    padding: 4px;
    height: 114px;
    box-sizing: border-box;
    overflow: hidden
}

.company-body-wrapper .job-abroad-list li {
    float: left;
    width: 272px;
    padding: 16px 12px;
    border-radius: 12px;
    cursor: pointer;
    box-sizing: border-box;
    transition: all .2s linear
}

.company-body-wrapper .job-abroad-list li:hover {
    background: #fff
}

.company-body-wrapper .job-abroad-list li:hover span {
    color: #00a6a7
}

.company-body-wrapper .job-abroad-list li span {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    transition: all .2s linear
}

.company-body-wrapper .job-abroad-list li p {
    word-break: break-all;
    font-size: 13px;
    color: #666;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.company-body-wrapper .more-abroad-area {
    position: relative;
    text-align: center
}

.company-body-wrapper .more-abroad-area:before {
    content: ' ';
    position: absolute;
    left: 4px;
    right: 4px;
    top: 0;
    z-index: 1;
    height: 1px;
    background: #ededed
}

.company-body-wrapper .more-abroad-area .toggle-abroad-btn {
    display: inline-flex;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    padding: 8px 0;
    align-items: center;
    transition: all .2s linear
}

.company-body-wrapper .more-abroad-area .toggle-abroad-btn:before {
    content: '展示';
    transition: all .2s linear
}

.company-body-wrapper .more-abroad-area .toggle-abroad-btn:after {
    content: '';
    display: inline-block;
    margin-left: 8px;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2023/bzurj6psgl1703125862814.png) 0 0/16px auto no-repeat
}

.company-body-wrapper .more-abroad-area .toggle-abroad-btn:hover {
    color: #00a6a7
}

.company-body-wrapper .more-abroad-area .toggle-abroad-btn:hover:before {
    color: #00a6a7
}

.company-body-wrapper .more-abroad-area .toggle-abroad-btn:hover:after {
    background-position: 0 -16px
}

.company-body-wrapper .job-abroad-location.expand .job-abroad-list {
    height: auto
}

.company-body-wrapper .job-abroad-location.expand .more-abroad-area .toggle-abroad-btn:before {
    content: '收起'
}

.company-body-wrapper .job-abroad-location.expand .more-abroad-area .toggle-abroad-btn:after {
    background-position: 0 -32px
}

.company-body-wrapper .job-abroad-location.expand .more-abroad-area .toggle-abroad-btn:hover:after {
    background-position: 0 -48px
}

.company-body-wrapper .abroad-map-pop .dialog-container {
    border-radius: 12px;
    margin: -200px 0 0 -360px
}

.company-body-wrapper .abroad-map-pop .icon-close:after, .company-body-wrapper .abroad-map-pop .icon-close:before {
    background: #999
}

.company-body-wrapper .abroad-map-pop .close:hover {
    background: 0 0
}

.company-body-wrapper .abroad-map-pop .abroad-map-body {
    width: 620px;
    background: #fff;
    border-radius: 12px
}

.company-body-wrapper .abroad-map-pop .abroad-map-address {
    padding: 12px 20px 12px 46px;
    height: 72px;
    box-sizing: border-box;
    border-radius: 12px 12px 0 0;
    background: url(https://img.bosszhipin.com/static/file/2022/o72wdj3x0v1661946739252.png) 20px 14px/18px auto no-repeat, linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%)
}

.company-body-wrapper .abroad-map-pop .abroad-map-title {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-body-wrapper .abroad-map-pop .abroad-map-desc {
    font-size: 13px;
    color: #666;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-body-wrapper .abroad-map-pop .abroad-map-container {
    margin: 12px 12px 0;
    border-radius: 4px;
    height: 276px;
    overflow: hidden;
    box-sizing: border-box
}

.company-body-wrapper .abroad-map-pop .tip-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.company-body-wrapper .abroad-map-pop .abroad-map-tips {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    display: flex;
    align-items: center;
    padding: 12px
}

.company-body-wrapper .abroad-map-pop .abroad-map-tips:before {
    content: ' ';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    background: url(https://img.bosszhipin.com/static/file/2023/7izwnm84v71703151537428.png) 0 0/100% auto no-repeat
}

.company-body-wrapper .abroad-map-pop .info-window-content {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(153, 153, 153, .3);
    border-radius: 4px;
    padding: 8px 12px
}

.company-body-wrapper .abroad-map-pop .info-window-content:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    bottom: -12px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #fff
}

.company-body-wrapper .abroad-map-pop .info-window-content p {
    max-width: 496px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.company-body-wrapper .company-job {
    background: #fff;
    border-radius: 12px;
    margin-top: 16px;
    padding: 20px 30px
}

.company-body-wrapper .company-job h3 {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    margin-bottom: 16px;
    padding: 0;
    background: 0 0
}

.company-body-wrapper .company-job .job-list {
    margin-bottom: 0;
    width: 100%
}

.company-body-wrapper .company-job .job-list li {
    position: relative;
    z-index: 1;
    border: none;
    border-radius: 12px;
    padding: 16px;
    height: auto;
    transition: all .2s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.company-body-wrapper .company-job .job-list li + li {
    margin-top: 12px
}

.company-body-wrapper .company-job .job-list li:hover {
    background: #f7f7f7;
    position: relative;
    z-index: 11
}

.company-body-wrapper .company-job .job-list li:hover .tag-list-item {
    background: #ededed
}

.company-body-wrapper .company-job .job-list li:hover .name .title-box .job-area, .company-body-wrapper .company-job .job-list li:hover .name .title-box .job-title {
    color: #00a6a7
}

.company-body-wrapper .company-job .job-list li .job-primary {
    padding: 0;
    margin: 0;
    height: 56px
}

.company-body-wrapper .job-list li .name {
    line-height: 22px;
    height: 22px;
    margin-bottom: 8px
}

.company-body-wrapper .job-list li .name .title-box {
    height: 22px;
    line-height: 22px
}

.company-body-wrapper .job-list li .name .info-detail {
    top: -16px;
    font-weight: 400;
    width: 500px;
    right: -16px;
    border-radius: 12px;
    padding: 0;
    box-shadow: 0 16px 40px 0 rgba(153, 153, 153, .3)
}

.company-body-wrapper .job-list .name .info-detail:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 60px;
    z-index: 1;
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    border-radius: 12px 12px 0 0
}

.company-body-wrapper .job-list .name .info-detail:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 60px;
    z-index: 2;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    border-radius: 12px 12px 0 0
}

.company-body-wrapper .job-list .name .info-detail .detail-bottom {
    position: relative;
    z-index: 3;
    background: 0 0
}

.company-body-wrapper .job-list li .job-primary .detail-bottom .detail-bottom-title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin: 20px 0 12px;
    padding: 0
}

.company-body-wrapper .company-job .info-detail .detail-bottom-title:before {
    width: 4px;
    height: 16px;
    background: #00bebd;
    border-radius: 2px;
    margin: -2px 6px 0 0
}

.company-body-wrapper .job-list li .job-primary .detail-bottom .detail-bottom-text {
    line-height: 28px;
    max-height: 280px;
    color: #333
}

.company-body-wrapper .company-job .info-detail .detail-bottom {
    padding: 0 20px 20px;
    border-radius: 12px
}

.company-body-wrapper .company-job .info-detail .detail-bottom-labels {
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: -8px
}

.company-body-wrapper .company-job .info-detail .detail-bottom-labels .detail-bottom-label {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 4px 12px;
    border: none;
    height: auto;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    transition: all .2s linear
}

.company-body-wrapper .company-job .job-list li .name .title-box .job-area, .company-body-wrapper .company-job .job-list li .name .title-box .job-title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    height: 22px
}

.company-body-wrapper .company-new .job-detail .company-job .job-list li .job-primary .info-primary {
    width: 560px
}

.company-body-wrapper .company-job .job-list li .job-primary .info-primary .name + p {
    margin: 0;
    overflow: hidden
}

.company-body-wrapper .company-job .job-list li .job-primary .info-primary .name + p .salary {
    font-size: 20px;
    font-family: kanzhun-Regular, kanzhun;
    color: #fe574a;
    line-height: 24px;
    float: left;
    margin-right: 8px
}

.company-body-wrapper .company-job .job-list li .tag-list {
    height: 22px;
    float: left;
    margin-top: 2px
}

.company-body-wrapper .company-job .job-list li .tag-list-item {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    float: left;
    margin-right: 8px;
    transition: all .2s linear
}

.company-body-wrapper .company-job .job-list li .boss-online-tag {
    margin-right: 8px;
    height: 22px;
    line-height: 22px
}

.company-body-wrapper .company-job .job-list li .job-primary .online-apply-tag {
    margin-left: 0;
    margin-right: 8px;
    font-size: 13px
}

.company-body-wrapper .company-job .job-list .job-primary .info-publis {
    width: 218px;
    margin-top: 4px;
    overflow: hidden
}

.company-body-wrapper .company-job .job-list .info-publis-avatar {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    margin-right: 16px;
    float: left
}

.company-body-wrapper .company-job .job-list .info-publis-avatar img {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    margin: 0
}

.company-body-wrapper .company-job .job-list .job-primary .info-publis-info {
    float: left;
    max-width: 154px
}

.company-body-wrapper .company-job .job-list .job-primary .info-publis-info .name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    height: 22px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.company-body-wrapper .company-job .job-list .job-primary .info-publis-info .boss-title {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.company-body-wrapper .company-job .job-list li .startchat-box {
    padding: 0;
    top: 50%;
    right: 16px;
    margin-top: -24px;
    width: 218px
}

.company-body-wrapper .company-job .job-list li .startchat-box a {
    border-radius: 8px;
    height: 30px;
    line-height: 30px;
    min-width: 102px;
    font-size: 14px;
    font-weight: 500;
    float: left;
    margin-top: 9px
}

.company-body-wrapper .company-job .job-list li .startchat-box .btn {
    background: #00bebd;
    border-color: #00bebd
}

.company-body-wrapper .company-job .job-list li .startchat-box .btn:hover {
    background: rgba(0, 190, 189, .8);
    border-color: rgba(0, 190, 189, .8)
}

.company-body-wrapper .company-new .job-box .company-sider {
    width: 284px;
    margin-left: 16px
}

.company-body-wrapper .company-sider .job-sec {
    background: #fff;
    border-radius: 12px
}

.company-body-wrapper .company-sider .job-sec h3 {
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    border-radius: 12px 12px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    padding: 12px 24px
}

.company-body-wrapper .company-sider .job-sec + .job-sec {
    margin-top: 16px
}

.company-body-wrapper .manager-list {
    padding-bottom: 20px
}

.company-body-wrapper .manager-list .info-user img {
    width: 60px;
    height: 60px;
    border-radius: 12px
}

.company-body-wrapper .manager-list .info-user p {
    margin-left: 16px;
    max-width: 220px
}

.company-body-wrapper .manager-list .info-user .job-title {
    font-size: 14px;
    color: #666;
    line-height: 21px
}

.company-body-wrapper .manager-list .info-user p .name {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px;
    margin-bottom: 10px;
    padding-bottom: 0
}

.company-body-wrapper .manager-list li {
    padding: 0 24px;
    margin: 0
}

.company-body-wrapper .manager-inner {
    padding-top: 16px
}

.company-body-wrapper .manager-inner .text {
    font-size: 14px;
    color: #333;
    line-height: 28px;
    max-height: 85px
}

.company-body-wrapper .manager-inner .text.expand {
    overflow: visible;
    margin-bottom: 18px
}

.company-body-wrapper .manager-inner .text.expand .more-view {
    bottom: -18px
}

.company-body-wrapper .manager-list .slider-dot {
    position: absolute;
    text-align: right;
    height: 6px;
    line-height: 6px;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    top: -26px;
    left: 104px;
    right: 24px;
    font-size: 0
}

.company-body-wrapper .manager-list .slider-dot i {
    background: #ededed;
    border-radius: 4px;
    height: 6px;
    width: 20px;
    border: none;
    margin: 0 3px;
    opacity: 1;
    vertical-align: middle
}

.company-body-wrapper .manager-list .slider-dot i.cur {
    background: #00bebd
}

.company-body-wrapper .manager-inner .more-view {
    display: none;
    background: linear-gradient(270deg, #fff 65%, rgba(255, 255, 255, 0) 100%);
    width: 80px;
    text-align: right;
    font-size: 15px;
    color: #00a6a7;
    line-height: 21px;
    padding: 4px 14px 4px 0;
    z-index: 1;
    right: 0;
    bottom: 6px;
    box-sizing: border-box
}

.company-body-wrapper .manager-inner .more-view:hover {
    color: #00a6a7;
    font-weight: 500
}

.company-body-wrapper .manager-inner .more-view .fz-slidedown {
    top: -6px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-body-wrapper .manager-inner .more-view .fz-slideup {
    top: -5px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-body-wrapper .picture-list {
    display: none
}

.company-body-wrapper .talent-train {
    display: none
}

.company-body-wrapper .work-time {
    padding-bottom: 20px
}

.company-body-wrapper .work-time p {
    position: relative;
    margin-top: 16px;
    margin-left: 24px;
    margin-right: 24px;
    padding-left: 26px
}

.company-body-wrapper .work-time p img {
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 1;
    width: 16px;
    display: none
}

.company-body-wrapper .work-time p:before {
    content: " ";
    position: absolute;
    top: 1px;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 1;
    background: url(https://img.bosszhipin.com/static/file/2022/yxw74wclhv1664172984188.png) 0 -16px/16px auto no-repeat
}

.company-body-wrapper .work-time p:nth-child(2):before {
    background-position: 0 0
}

.company-body-wrapper .work-time p span {
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 18px
}

.company-body-wrapper .work-time .work-tags {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 8px;
    overflow: hidden
}

.company-body-wrapper .work-time .work-tags .work-tag-item {
    float: left;
    background: #f8f8f8;
    border-radius: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 12px;
    padding: 4px 15px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    max-width: 100%;
    width: 114px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.company-body-wrapper .salary-calculate-entry {
    margin-top: 16px
}

.company-body-wrapper .recruiter-list {
    padding-bottom: 20px
}

.company-body-wrapper .recruiter-list .text .name .company-full-name span {
    background: rgba(0, 0, 0, .8);
    color: #fff
}

.company-body-wrapper .recruiter-list .text .name .company-full-name span:after {
    border-color: rgba(0, 0, 0, .8) transparent transparent;
    bottom: 2px
}

.company-body-wrapper .recruiter-list ul {
    padding: 0 8px
}

.company-body-wrapper .recruiter-list li {
    margin: 4px 0 0 0;
    border-radius: 8px;
    padding: 12px 16px;
    border: none;
    transition: all .2s linear
}

.company-body-wrapper .recruiter-list a {
    display: block
}

.company-body-wrapper .recruiter-list a:hover .company-full-name {
    display: block
}

.company-body-wrapper .recruiter-list a:hover .name, .company-body-wrapper .recruiter-list a:hover .name span {
    color: #00a6a7;
    font-weight: 500
}

.company-body-wrapper .recruiter-list .figure, .company-body-wrapper .recruiter-list .figure img {
    width: 28px;
    height: 28px;
    border-radius: 100%
}

.company-body-wrapper .recruiter-list .text {
    margin-left: 40px
}

.company-body-wrapper .recruiter-list .text p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #666;
    line-height: 18px
}

.company-body-wrapper .recruiter-list .name {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    padding-bottom: 10px;
    transition: all .2s linear
}

.company-body-wrapper .recruiter-list .name .vline {
    margin: 0 8px;
    width: 1px;
    height: 14px;
    background: #dedede
}

.company-body-wrapper .recruiter-list .name span {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    line-height: 21px;
    transition: all .2s linear
}

.company-body-wrapper .recruiter-list li:hover {
    background: #f7f7f7
}

.company-body-wrapper .recruiter-list .view-more {
    margin-top: 16px
}

.company-body-wrapper .recruiter-list .view-more a {
    width: 160px;
    height: 36px;
    margin: 0 auto;
    border-radius: 8px;
    border: 1px solid #00bebd;
    transition: all .2s linear
}

.company-body-wrapper .recruiter-list .view-more a i {
    background: 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    margin: 8px 0 0 0;
    padding: 0;
    transition: all .2s linear
}

.company-body-wrapper .recruiter-list .view-more a:hover {
    background: #00bebd
}

.company-body-wrapper .recruiter-list .view-more a:hover i {
    color: #fff
}

.company-body-wrapper .jconfirm .pop-sign-box .jconfirm-box {
    border-radius: 12px
}

.company-body-wrapper .company-sider .sign-wrap {
    margin-bottom: 16px
}

.company-body-wrapper .company-sider .sign-form {
    position: relative;
    background: url(https://img.bosszhipin.com/static/file/2022/myz8vq8tfh1655797191987.png) 16px 14px/auto 50px no-repeat, linear-gradient(180deg, #00bebd, #00a6a7) hsla(0, 0%, 100%, .21);
    border-radius: 14px;
    margin-bottom: 16px;
    padding-left: 12px;
    padding-right: 12px
}

.company-body-wrapper .company-sider .sign-form:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(54, 202, 202, 0), #fff);
    border-radius: 12px
}

.company-body-wrapper .company-sider .sign-form .title {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    padding-top: 20px;
    padding-bottom: 2px
}

.company-body-wrapper .company-sider .sign-form .sub-title {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 8px
}

.company-body-wrapper .company-sider .sign-form form {
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg, rgba(245, 252, 252, .8), #fcfbfa);
    border-radius: 12px 12px 0 0;
    border: 1px solid #f7fdfd;
    backdrop-filter: blur(7px);
    padding: 20px 18px;
    width: auto
}

.company-body-wrapper .company-sider .sign-form .ipt-wrap:hover .ipt {
    box-shadow: none;
    border: 1px solid #00bebd
}

.company-body-wrapper .company-sider .sign-form .form-btn {
    margin-top: 20px
}

.company-body-wrapper .company-sider .form-btn .btn {
    display: block;
    text-align: center;
    background: #00bebd;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 21px;
    padding: 4px 0;
    height: 36px;
    margin-top: 20px;
    box-sizing: border-box;
    transition: all .2s linear
}

.company-body-wrapper .company-sider .form-btn .btn:hover {
    opacity: .8
}

.company-body-wrapper .company-sider .sign-form .text-tip {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 17px;
    margin-top: 12px;
    padding: 0;
    text-align: left
}

.company-body-wrapper .company-sider .sign-form .text-tip a {
    color: #00a6a7;
    transition: all .2s linear
}

.company-body-wrapper .company-sider .sign-form .dropdown-select {
    top: 0;
    height: 36px
}

.company-body-wrapper .company-sider .sign-form .dropdown-select .icon-select-arrow {
    top: 11px
}

.company-body-wrapper .company-sider .sign-form .dropdown-select .text-select {
    padding: 5px 12px 5px 0
}

.company-body-wrapper .company-sider .sign-form .icon-sign-phone, .company-body-wrapper .company-sider .sign-form .icon-sign-sms {
    position: absolute;
    left: 12px;
    top: 10px;
    width: 13px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/glowg5q8861655467618066.png) 0 0/auto 32px no-repeat
}

.company-body-wrapper .company-sider .sign-form .tip-error {
    background: 0 0;
    position: absolute;
    left: 0;
    top: 40px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    padding: 0 0 0 12px;
    color: #f53d47;
    text-align: left;
    white-space: nowrap
}

.company-body-wrapper .company-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-phone {
    background-position: -13px 0
}

.company-body-wrapper .company-sider .sign-form .icon-sign-sms {
    width: 14px;
    background-position: 0 -16px
}

.company-body-wrapper .company-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-sms {
    background-position: -14px -16px
}

.company-body-wrapper .company-sider .sign-form .dropdown-select .icon-select-arrow {
    position: absolute;
    right: 0;
    top: 14px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg)
}

.company-body-wrapper .company-sider .sign-form .ipt {
    box-sizing: border-box;
    width: 100%;
    border-radius: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    height: 36px;
    border: 1px solid transparent
}

.company-body-wrapper .company-sider .sign-form .btn-sms {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 32px;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    background: #fff;
    min-width: 104px;
    color: #00a6a7;
    border: 0;
    border-radius: 0 8px 8px 0
}

.company-body-wrapper .company-sider .sign-form .btn-sms em {
    color: #00a6a7
}

.company-body-wrapper .company-sider .sign-form .text-tip .agree-policy {
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 2px
}

.company-body-wrapper .company-sider .sign-form .text-tip a:hover {
    opacity: .8
}

.company-body-wrapper .company-sider .sign-wrap-v2 .form-row-verify {
    position: absolute;
    min-height: 36px;
    background: #e8e8e8;
    top: 42px;
    width: 100%;
    height: 36px;
    border-radius: 2px;
    box-shadow: none;
    z-index: 9
}

.company-body-wrapper .company-sider .sign-wrap-v2.hide-row-verify {
    height: 0;
    min-height: unset;
    overflow: hidden;
    opacity: 0
}

.company-body-wrapper .company-sider .sign-wrap-v2 .form-row-verify:before {
    content: none
}

.company-body-wrapper .company-sider .sign-wrap-v2 .form-row-verify:after {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -45px;
    content: "正在加载中";
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
    background-size: 16px;
    padding-right: 20px;
    line-height: 36px;
    color: #969696
}

.company-body-wrapper .company-sider .sign-wrap-v2 .verify-init-dot {
    position: absolute;
    width: 13px;
    height: 13px;
    display: block;
    left: 12px;
    top: 13px;
    border-radius: 50%;
    background: #3873ff
}

.company-body-wrapper .company-sider .geetest_holder.geetest_wind {
    min-width: auto;
    height: 36px
}

.company-body-wrapper .company-sider .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
    top: 5px
}

.company-body-wrapper .company-sider .geetest_holder.geetest_wind .geetest_radar {
    width: 22px;
    height: 22px
}

.company-body-wrapper .company-sider .geetest_holder.geetest_wind .geetest_radar_tip, .company-body-wrapper .company-sider .geetest_holder.geetest_wind .geetest_success_radar_tip {
    height: 36px;
    line-height: 34px;
    padding-left: 36px
}

.company-body-wrapper .company-sider .geetest_holder.geetest_wind .geetest_wait {
    margin: 14px 12px
}

.company-body-wrapper .company-sider .nc-container .nc_scale {
    height: 36px
}

.company-body-wrapper .company-sider .nc-container .nc_scale .btn_ok {
    color: #5dd5c8;
    border-color: #5dd5c8
}

.company-body-wrapper .company-sider .nc-container .nc_scale span {
    width: 46px;
    height: 36px;
    line-height: 36px
}

.company-body-wrapper .company-sider .nc-container .nc_scale .nc_bg, .company-body-wrapper .company-sider .nc-container .nc_scale .on_ok {
    background: #8d92a1
}

.company-body-wrapper .company-sider .nc-container .nc_scale .scale_text {
    line-height: 36px;
    background-color: #eef0f5;
    color: #61687c
}

.company-body-wrapper .company-sider .nc-container .nc_scale .nc_wrapper {
    width: 100% !important;
    overflow: hidden
}

.company-body-wrapper .company-sider .form-row-verify .picture_box {
    position: relative;
    width: 100%;
    padding-right: 94px;
    box-sizing: border-box
}

.company-body-wrapper .company-sider .form-row-verify .picture_box .input_code {
    height: 36px !important;
    padding: 9px 12px !important;
    font-size: 12px;
    border: 1px solid #e3e7ed;
    padding-left: 0;
    outline: 0;
    width: 100% !important;
    top: 0 !important;
    box-sizing: border-box;
    border-radius: 0
}

.company-body-wrapper .company-sider .form-row-verify .picture_box .input_code:focus {
    box-shadow: none;
    border-color: #00c2b3
}

.company-body-wrapper .company-sider .form-row-verify .picture_box .code_img {
    position: absolute;
    top: 0;
    right: 0;
    height: 36px !important;
    width: 96px;
    outline: 0;
    margin-left: 0 !important
}

.company-body-wrapper .company-sider .form-row-verify .picture_box .btn-img {
    right: 90px
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_classic-container {
    z-index: 1011;
    min-width: 260px;
    left: 50%;
    transform: translate(-50%, 0)
}

.company-body-wrapper .company-sider .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
    width: 100% !important;
    height: auto !important
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_classic-tips .yidun_tips__text {
    line-height: 36px
}

.company-body-wrapper .company-sider .yidun.yidun--light .yidun_jigsaw {
    width: auto !important;
    height: 100% !important
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-control {
    height: 36px
}

.company-body-wrapper .company-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
    background-color: #00c2b3
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-text {
    line-height: 36px
}

.company-body-wrapper .company-sider .yidun.yidun--light {
    min-width: auto !important
}

.company-body-wrapper .company-sider .yidun.yidun--light .yidun_slider:hover {
    color: #00c2b3;
    background-color: #00c2b3
}

.company-body-wrapper .company-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
    border-color: #00c2b3;
    background: #eefff5
}

.company-body-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
    background-color: #00c2b3
}

.company-body-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
    color: #00c2b3
}

.company-body-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
    color: #00c2b3;
    background: #eefff5;
    cursor: default;
    border-color: #00c2b3;
    line-height: 34px;
    height: 36px;
    text-align: left;
    padding: 0 18px
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
    background-color: #00c2b3;
    box-shadow: 0 2px 6px 1px #00c2b3
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
    color: #00c2b3
}

.company-body-wrapper .company-sider .yidun_intellisense--light {
    z-index: 999
}

.company-body-wrapper .links-container {
    padding: 20px 24px 6px;
    background: #fff;
    border-radius: 12px;
    border: none
}

.company-body-wrapper .links-container .links-box {
    padding-top: 0;
    width: auto
}

.company-body-wrapper .links-container .title-box {
    position: relative;
    margin-right: 0
}

.company-body-wrapper .links-box .title-box .title-item:after {
    bottom: 1px;
    border-radius: 2px;
    height: 3px;
    width: 28px;
    margin-left: -14px;
    left: 50%
}

.company-body-wrapper .links-box .title-box .title-item.cur:after {
    background: linear-gradient(90deg, #16d9d8 0, #00bebd 100%)
}

.company-body-wrapper .links-container .title-box:after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 1px;
    background: #e6e6e6
}

.company-body-wrapper .links-container .links-box .title-box .title-item {
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
    padding-bottom: 14px;
    transition: all .2s linear;
    margin-right: 0
}

.company-body-wrapper .links-container .links-box .title-box .title-item + .title-item {
    margin-left: 32px
}

.company-body-wrapper .links-container .links-box .title-box .title-item.cur {
    color: #00a6a7;
    font-weight: 600
}

.company-body-wrapper .links-container .links-box .title-box .title-item:hover {
    color: #00a6a7;
    font-weight: 600
}

.company-body-wrapper .links-box .links-wrapper {
    padding-top: 20px;
    background: 0 0
}

.company-body-wrapper .links-box .links-wrapper .links-content.limited {
    max-height: 155px
}

.company-body-wrapper .links-box .links-wrapper .links-content a {
    font-size: 12px;
    color: #666;
    line-height: 17px;
    transition: all .2s linear;
    margin: 0 28px 14px 0;
    float: left
}

.company-body-wrapper .links-box .links-wrapper .links-content a:hover {
    color: #00a6a7
}

.company-body-wrapper .links-box .expand-btn {
    margin-bottom: 14px
}

.company-body-wrapper .links-box .expand-btn a {
    color: #666;
    font-size: 13px
}

.company-body-wrapper .links-box .expand-btn a:hover {
    color: #00a6a7;
    font-weight: 500
}

.company-body-wrapper .more-view {
    display: inline-block;
    line-height: 24px;
    height: 24px
}

.company-body-wrapper .more-view span {
    display: inline-block;
    vertical-align: middle
}

.company-body-wrapper .more-view i {
    position: relative;
    top: -4px;
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 7px;
    margin-top: 7px;
    margin-left: 8px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.company-body-wrapper .more-view:hover i {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-body-wrapper .more-view .fz-slidedown {
    transform: rotate(90deg)
}

.company-body-wrapper .more-view .fz-slideup {
    transform: rotate(270deg)
}

.company-body-wrapper .pos-bread {
    margin-top: 20px
}

.company-body-wrapper .pos-bread a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    padding: 0 8px;
    transition: all .2s linear
}

.company-body-wrapper .pos-bread a:hover {
    color: #00a6a7;
    text-decoration: none
}

.company-body-wrapper .pos-bread > a:first-child {
    padding-left: 24px
}

.company-body-wrapper .pos-bread > a:first-child:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -64px/16px auto no-repeat
}

.company-body-wrapper .pos-bread a:first-child:hover:before {
    background-position: 0 -80px
}

.company-body-wrapper .pos-bread .link-collect + a:before, .company-body-wrapper .pos-bread .link-collect:before, .company-body-wrapper .pos-bread > a + a:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 5px;
    width: 1px;
    height: 7px;
    background: #999;
    border-radius: 1px;
    z-index: 1
}

.company-body-wrapper .pos-bread .link-collect {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    padding: 0 8px;
    transition: all .2s linear
}

.company-body-wrapper .pos-bread .link-collect a {
    padding: 0
}

.company-body-wrapper .company-new .job-box .update-time {
    line-height: 17px;
    color: #999;
    margin-top: 12px
}

.company-body-wrapper #footer {
    background: #313438;
    color: rgba(255, 255, 255, .5);
    margin-top: 28px
}

.company-body-wrapper .footer-about dl dt {
    color: rgba(255, 255, 255, .8)
}

.company-body-wrapper .footer-about dl dd a, .company-body-wrapper .footer-about dl dd p {
    color: rgba(255, 255, 255, .5)
}

.company-body-wrapper .copyright a {
    color: rgba(255, 255, 255, .5)
}

.company-body-wrapper .copyright a:hover, .company-body-wrapper .footer-about dl dd a:hover {
    color: #00bebd
}

.company-body-wrapper #footer .icon-app, .company-body-wrapper #footer .icon-client-app, .company-body-wrapper #footer .icon-weibo, .company-body-wrapper #footer .icon-weixin {
    border: none;
    background-color: rgba(255, 255, 255, .1)
}

.company-body-wrapper .links-friends-wrapper {
    background: #313438;
    border: 1px solid #46494c;
    padding: 7px 0 6px 0
}

.company-body-wrapper .links-friends-wrapper .links .links-item a {
    color: rgba(255, 255, 255, .5)
}

.company-body-wrapper .links-friends-wrapper .links .links-item a:hover {
    color: #00bebd
}

.company-body-wrapper .links-friends-wrapper .links {
    margin: 0 auto
}

.company-body-wrapper .links-friends-wrapper .links label, .company-body-wrapper .links-friends-wrapper .links label:hover {
    color: rgba(255, 255, 255, .5)
}

.company-body-wrapper .links-friends-wrapper .links .links-item {
    margin-bottom: 12px
}

.company-body-wrapper .links-friends dt {
    color: rgba(255, 255, 255, .5)
}

.vr-iframe-loading {
    width: 200px;
    height: 60px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -30px;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center
}

.vr-iframe-loading .boss-loading .component-b, .vr-iframe-loading .boss-loading .component-o, .vr-iframe-loading .boss-loading .component-s1, .vr-iframe-loading .boss-loading .component-s2 {
    display: inline-block;
    width: 40px;
    height: 42px;
    background: url(https://img.bosszhipin.com/static/file/2023/boss-ui-loading.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
}

.vr-iframe-loading .boss-loading .component-b {
    background-position: 0 0
}

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

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

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

.vr-iframe-loading .boss-loading p {
    margin-top: 10px
}

.gray {
    color: #9fa3b0
}

.company-banner .inner.home-inner .brand-list .brand-label {
    margin: 16px 8px 0 0;
    padding: 0 8px;
    display: inline-block;
    color: #fff;
    height: 21px;
    line-height: 21px;
    background: rgba(34, 34, 34, .2);
    border-radius: 4px;
    font-size: 12px
}

.company-banner .inner.home-inner .brand-list .brand-label:hover {
    background: rgba(0, 190, 189, .7);
    border-radius: 4px
}

.company-banner .inner.home-inner .rec-list {
    position: relative;
    padding: 0 10px 0 0;
    margin-top: 10px;
    display: inline-block;
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    height: 21px;
    font-size: 0;
    overflow: hidden
}

.company-banner .inner.home-inner .rec-list::before {
    margin-right: 4px;
    display: inline-block;
    content: " ";
    width: 38px;
    height: 100%;
    background: url(https://img.bosszhipin.com/static/file/2023/z7z0of002n1680515081204.png) 0 0 no-repeat;
    background-size: 38px 100%
}

.company-banner .inner.home-inner .rec-list .more {
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 21px
}

.company-banner .inner.home-inner .rec-list .more::after {
    position: absolute;
    right: 8px;
    top: 7px;
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transition: none
}

.company-banner .inner.home-inner .rec-list .more:hover::after {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-banner .inner.home-inner .rec-list .rec-label {
    padding-right: 6px;
    display: inline-block;
    color: #fff;
    height: 21px;
    line-height: 22px;
    border-radius: 4px;
    font-size: 12px;
    vertical-align: top
}

.company-banner .inner.home-inner .rec-list .rec-label:hover {
    color: #00cccb
}

.company-banner .inner.home-inner .rec-list .rec-label + .rec-label::before {
    margin-right: 6px;
    content: " ";
    display: inline-block;
    width: 1px;
    height: 9px;
    background: #fff;
    border-radius: 4px
}

.company-position-wrapper {
    background: #f2f4f7
}

.company-position-wrapper:before {
    content: ' ';
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    height: 614px;
    background: linear-gradient(180deg, #00bebd 0, #88fffe 50%, #fff 100%);
    opacity: .1;
    z-index: -1
}

.company-position-wrapper .company-banner {
    background-image: linear-gradient(90deg, #3b526a 0, #345a6d 100%);
    padding: 30px 0 16px 0;
    line-height: 0
}

.company-position-wrapper .company-banner.company-business-banner {
    padding: 30px 0 16px;
    height: 184px;
    box-sizing: border-box
}

.company-position-wrapper .company-banner.company-business-banner .company-stat {
    display: none
}

.company-position-wrapper .company-banner .info-primary img {
    width: 70px;
    height: 70px;
    border-radius: 12px
}

.company-position-wrapper .company-banner .info-primary .info {
    margin-left: 24px
}

.company-position-wrapper .company-banner .info-primary .icon-brand {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-left: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/p31w76t8u01662368559649.png) 0 0/28px auto no-repeat
}

.company-position-wrapper .company-banner .info-primary h1 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    line-height: 40px
}

.company-position-wrapper .company-banner .info-primary .info p {
    padding: 0 0 0 2px;
    margin-top: 3px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 18px
}

.company-position-wrapper .company-new .company-banner .industry-link {
    color: #fff
}

.company-position-wrapper .company-stat {
    margin-bottom: 42px
}

.company-position-wrapper .company-stat span {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-size: 15px;
    line-height: 21px
}

.company-position-wrapper .company-stat span b {
    display: inline-block;
    font-family: kanzhun-Regular, kanzhun;
    font-size: 46px;
    line-height: 55px;
    text-align: right;
    color: #fff;
    padding: 0;
    font-weight: 400;
    vertical-align: sub;
    margin-right: 6px
}

.company-position-wrapper .company-stat .vline + span, .company-position-wrapper .company-stat span + span {
    margin-left: 30px;
    width: auto
}

.company-position-wrapper .company-stat .vline {
    display: none
}

.company-position-wrapper .company-stat .op {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.company-position-wrapper .company-stat .op a + a {
    margin-left: 32px
}

.company-position-wrapper .company-stat .op a {
    font-size: 16px;
    color: #fff;
    line-height: 22px
}

.company-position-wrapper .company-stat .op a:hover {
    color: #00e6e4
}

.company-position-wrapper .company-stat .op .icon {
    vertical-align: middle;
    position: relative;
    top: -2px;
    width: 18px;
    height: 18px;
    background: url(https://img.bosszhipin.com/static/file/2022/tsai5diw351661504694017.png) 0 0/18px auto no-repeat
}

.company-position-wrapper .company-stat .op .icon-resume .icon {
    background-position: 0 -18px
}

.company-position-wrapper .company-stat .op .icon-resume-login, .company-position-wrapper .company-stat .op .icon-upload-login {
    color: #00bebf
}

.company-position-wrapper .company-stat .op .icon-resume-login:hover, .company-position-wrapper .company-stat .op .icon-upload-login:hover {
    color: #00e6e4
}

.company-position-wrapper .company-stat .op .icon-upload-login .icon {
    background-position: 0 -36px
}

.company-position-wrapper .company-stat .op .icon-upload-login:hover .icon, .company-position-wrapper .company-stat .op .icon-upload:hover .icon {
    background-position: 0 -72px
}

.company-position-wrapper .company-stat .op .icon-resume-login .icon {
    background-position: 0 -54px
}

.company-position-wrapper .company-stat .op .icon-resume-login:hover .icon, .company-position-wrapper .company-stat .op .icon-resume:hover .icon {
    background-position: 0 -90px
}

.company-position-wrapper .company-tab {
    width: 1184px;
    margin: 16px auto 0;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.company-position-wrapper .company-tab a {
    position: relative;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 25px;
    margin: 0;
    border: none;
    transition: all .2s linear
}

.company-position-wrapper .company-tab a + a {
    margin-left: 32px
}

.company-position-wrapper .company-tab a:hover {
    color: #00a6a7
}

.company-position-wrapper .company-tab a.cur {
    color: #00a6a7
}

.company-position-wrapper .company-tab a.cur:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -14px;
    z-index: 1;
    width: 28px;
    height: 3px;
    background: linear-gradient(90deg, #16d9d8, #00bebd);
    border-radius: 2px
}

.company-position-wrapper .smallbanner {
    background: linear-gradient(90deg, #3b526a 0, #345a6d 100%)
}

.company-position-wrapper .smallbanner .smallbanner-content {
    position: relative
}

.company-position-wrapper .smallbanner .smallbanner-content .company-stat {
    margin-bottom: 0
}

.company-position-wrapper .smallbanner .smallbanner-content .company-stat .op {
    position: static
}

.company-position-wrapper .smallbanner .info-primary {
    display: none
}

.company-position-wrapper .smallbanner .info-primary img {
    width: 80px;
    height: 80px;
    border-radius: 12px
}

.company-position-wrapper .smallbanner .company-stat {
    position: absolute;
    right: 0;
    bottom: 14px
}

.company-position-wrapper .smallbanner .company-stat .op {
    margin-top: 0
}

.company-position-wrapper .smallbanner .info-primary .info .name {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    line-height: 50px;
    padding: 15px 0
}

.company-position-wrapper .smallbanner .company-tab {
    background: 0 0;
    margin-top: 0;
    padding: 0
}

.company-position-wrapper .smallbanner .company-tab a {
    color: #fff
}

.company-position-wrapper .smallbanner .company-tab a.cur, .company-position-wrapper .smallbanner .company-tab a:hover {
    color: #00bebf
}

.company-position-wrapper .smallbanner .company-tab a.cur:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -14px;
    z-index: 1;
    width: 28px;
    height: 3px;
    background: linear-gradient(90deg, #16d9d8, #00bebd);
    border-radius: 2px
}

.company-position-wrapper .company-job .job-category {
    position: relative;
    width: 1184px;
    background: #fff;
    border-radius: 12px;
    padding: 20px 24px;
    box-sizing: border-box;
    margin-top: 16px;
    z-index: 10
}

.company-position-wrapper .company-job .job-category-label {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    width: 76px
}

.company-position-wrapper .company-job .job-category-items {
    margin-left: 76px
}

.company-position-wrapper .company-job .job-category a {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin: 0 20px 20px;
    vertical-align: top
}

.company-position-wrapper .company-job .job-category a.cur, .company-position-wrapper .company-job .job-category a:hover {
    font-weight: 600;
    color: #00a6a7
}

.company-position-wrapper .company-job .job-filter {
    display: block
}

.company-position-wrapper .company-job .job-filter .job-category-label {
    display: none
}

.company-position-wrapper .company-job .job-filter .job-category-items {
    margin-left: 0
}

.company-position-wrapper .company-job .job-select {
    margin: 4px 20px 0 0
}

.company-position-wrapper .company-job .job-select.open .job-selected, .company-position-wrapper .company-job .job-selected.is-selected {
    color: #00a6a7;
    background: #e5f8f8
}

.company-position-wrapper .company-job .job-select.open .job-selected:after, .company-position-wrapper .company-job .job-selected.is-selected:after {
    background-position: -6px -8px;
    transform: rotate(270deg)
}

.company-position-wrapper .company-job .job-selected {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 20px;
    padding: 6px 27px 6px 12px;
    cursor: pointer;
    background: #f8f8f8;
    border-radius: 4px;
    transition: all .2s linear;
    box-sizing: border-box
}

.company-position-wrapper .company-job .job-selected:after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 12px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg);
    z-index: 1;
    border: none;
    transition: none
}

.company-position-wrapper .company-job .job-options {
    position: absolute;
    width: 168px;
    top: 40px;
    left: 0;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / 8%);
    padding: 4px 8px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #ededed;
    z-index: 4;
    transition: all .2s linear
}

.company-position-wrapper .company-job .job-options a {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    height: 36px;
    line-height: 20px;
    padding: 8px 16px 8px 8px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-radius: 4px;
    background: #fff;
    transition: all .2s linear
}

.company-position-wrapper .company-job .job-options a.cur {
    color: #333;
    font-weight: 400
}

.company-position-wrapper .company-job .job-options a:hover {
    color: #00a6a7;
    font-weight: 500;
    background: #f8f8f8
}

.company-position-wrapper .company-job .job-search-ipt {
    position: relative;
    display: inline-block;
    width: 240px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #ededed;
    font-size: 0;
    box-sizing: border-box
}

.company-position-wrapper .company-job .job-search-ipt.active, .company-position-wrapper .company-job .job-search-ipt:hover {
    border: 1px solid #00bebd;
    transition: all .2s linear
}

.company-position-wrapper .company-job .job-search-btn {
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 3px;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAARVBMVEUAAADNzc3S0tLMzMzR0dHW1tbOzs7MzMzMzMzNzc3MzMzMzMzNzc3MzMzNzc3MzMzPz8/Nzc3Nzc3Nzc3MzMzMzMzMzMwY9scXAAAAFnRSTlMAvQ/bJhRXT87Fq6GPflxBOzfz1WTyJp7zTwAAAPxJREFUSMfdVUkOwzAI9BpnX5zU/39qgxWp9UKjUS9V5xZgyAA2Fv8INQ9Se6/lMCtxDyfDG6S7CV+7kKFbP8WPoYKRF3+paafFKGWWqb10KSZ+j+7evEymj6a9zoj59ZYaNx3/weqXNjdbydSxspkio+xVR3psjWBJVVfMi9JsooqNfK7y314w6Eu1ipIYjmDIm7Z2pnkJFjTBObEMp2XiCdPpHooSFp6wFEXovISyCJ1YfF5V2ROPEh6wJLhouK3w4OCjgR4++HijFwi+ougSQNcMvMjwVYkv46PB1v0RQoM8KAd9NMCT1YSUweNbhgMZuxUIg+IhOCt+FE/D9CLpXVJJFQAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: 24px 24px;
    cursor: pointer
}

.company-position-wrapper .company-job .job-search-ipt.active .job-search-btn, .company-position-wrapper .company-job .job-search-ipt:hover .job-search-btn {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAASFBMVEUAAAAAv74AwcEAv78AxMEAvr0AyckAv78Av70Avr4Avr4Av70Avr4Av70Avr4AwMAAvr4Av78Av74Avr0Av78Av74Av74Avr21anVPAAAAF3RSTlMAvw9ZJtgUT87Fuauhj35BOzfz3WTe8qvSwRYAAAECSURBVEjH3VVJEgIhDGTH2Xf5/0+d4EFnQpzq8mLZN5o0ZCFB/SOMbbWfZ69ba9Q1ok5v0PHCfKzSCdX4yb5LBXSy83XKuPWDM8YN/e25ro1g7xOhcS/KNZnyZUU+f5mO5LTkO0T/dTjTQQtxjNleFZAVPFcV+RNKgkBeVaxedMykiphoLxbubZSAhntr6BAnCRztHlNrqV5KBFXQHph2Z3pZ0O/bLQthkAUDC8KzEFgQ/sDMLCqWkxkV3GGX4KDhtMKFg58G+vjg5w000MYaCG9RfAjIY2YjtoYHGT4q8WG8WmzcrylZ5ENZaWGBL8smphDwrSKCCh8UoiB7CDGoH8UDz7IkcGFQ8BYAAAAASUVORK5CYII=) 0 0 no-repeat;
    background-size: 24px 24px
}

.company-position-wrapper .company-job .job-search-ipt input.job-search-ipt-inner {
    padding: 0 42px 0 16px;
    display: inline-block;
    width: 100%;
    height: 100%;
    border: none;
    outline: 0;
    background: 0 0;
    box-sizing: border-box;
    vertical-align: top
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options {
    position: absolute;
    left: 0;
    top: 36px;
    width: 100%;
    max-height: 200px;
    font-size: 14px;
    background-color: #fff;
    color: #222;
    border-radius: 12px;
    border: 1px solid #ededed;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    box-sizing: border-box;
    transition: height 2s ease;
    overflow: hidden
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options .empty-tip {
    padding-left: 12px
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options.hide {
    display: none;
    height: 0
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options ul {
    padding: 4px 4px;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options li {
    width: 228px;
    height: 40px;
    border-radius: 4px;
    box-sizing: border-box
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options li a {
    padding-left: 12px;
    margin: 0 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options li a:hover {
    font-weight: 400;
    color: #222
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options u {
    text-decoration: none;
    color: #00a6a7
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options li:hover {
    background: #f8f8f8
}

.company-position-wrapper .company-job .home-inner {
    margin-top: 16px
}

.company-position-wrapper .seen-list {
    border-radius: 12px;
    background: #fff
}

.company-position-wrapper .seen-list .list-title {
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    border-radius: 12px 12px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    padding: 12px 24px;
    border: none
}

.company-position-wrapper .seen-list ul {
    padding: 4px 8px;
    background: #fff;
    border-radius: 12px
}

.company-position-wrapper .seen-list ul li {
    margin: 0;
    padding: 0;
    border: none
}

.company-position-wrapper .seen-list ul li a {
    padding: 12px 16px;
    display: block;
    border-radius: 8px;
    transition: all .2s linear
}

.company-position-wrapper .seen-list ul li a:hover {
    background: #f7f7f7
}

.company-position-wrapper .seen-list ul li a:hover h4 {
    color: #00a6a7
}

.company-position-wrapper .seen-list ul li .history-job-top {
    margin-bottom: 4px;
    overflow: hidden
}

.company-position-wrapper .seen-list ul li h4 {
    float: left;
    max-width: 120px;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    padding-right: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.company-position-wrapper .seen-list ul li .job-salary {
    float: right;
    color: #fe574a;
    line-height: 20px;
    font-weight: 400;
    font-size: 17px;
    font-family: kanzhun-Regular, kanzhun;
    white-space: nowrap;
    position: relative;
    top: -2px
}

.company-position-wrapper .seen-list ul li .history-job-bottom {
    overflow: hidden
}

.company-position-wrapper .seen-list ul li .history-job-bottom .company-name {
    float: left;
    max-width: 100px;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-position-wrapper .seen-list ul li .history-job-bottom .company-position {
    float: right;
    max-width: 130px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-position-wrapper .company-position-main {
    width: 884px
}

.company-position-wrapper .company-position-main .job-list {
    margin-bottom: 0;
    width: 100%;
    min-height: auto;
    background: 0 0
}

.company-position-wrapper .company-position-main .data-tips, .company-position-wrapper .company-position-main .job-list-none {
    border-radius: 12px;
    background: #fff;
    padding: 100px 0
}

.company-position-wrapper .company-position-main .data-tips .tip-nodata {
    width: 200px;
    height: 122px;
    margin: 0 auto;
    background: url(https://img.bosszhipin.com/static/file/2022/a01kqbjd7l1655973421679.png) center/200px auto no-repeat
}

.company-position-wrapper .company-position-main .data-tips b {
    display: block;
    text-align: center;
    font-size: 16px;
    margin-top: 26px;
    color: #666;
    line-height: 24px;
    font-weight: 400
}

.company-position-wrapper .company-position-main .job-list li {
    position: relative;
    z-index: 1;
    border: none;
    border-radius: 12px;
    padding: 24px;
    height: 104px;
    margin: 0;
    transition: box-shadow .2s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.company-position-wrapper .company-position-main .job-list li + li {
    margin-top: 16px
}

.company-position-wrapper .company-position-main .job-list li:hover {
    position: relative;
    box-shadow: 0 16px 40px 0 rgba(153, 153, 153, .3);
    z-index: 2
}

.company-position-wrapper .company-position-main .job-list li.hover {
    z-index: 11
}

.company-position-wrapper .company-position-main .job-list li:hover .name .title-box .job-area, .company-position-wrapper .company-position-main .job-list li:hover .name .title-box .job-title {
    color: #00a6a7
}

.company-position-wrapper .company-position-main .job-list li .job-primary {
    padding: 0;
    margin: 0;
    height: 56px
}

.company-position-wrapper .company-position-main .job-list .job-primary {
    height: auto
}

.company-position-wrapper .company-position-main .job-list li .name {
    line-height: 22px;
    height: 22px;
    margin-bottom: 8px
}

.company-position-wrapper .job-list li .name .title-box {
    height: 22px;
    line-height: 22px
}

.company-position-wrapper .job-list li .name .info-detail {
    top: -24px;
    font-weight: 400;
    width: 500px;
    right: -24px;
    border-radius: 12px;
    padding: 0;
    box-shadow: 0 16px 40px 0 rgba(153, 153, 153, .3)
}

.company-position-wrapper .job-list .name .info-detail:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 60px;
    z-index: 1;
    background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
    border-radius: 12px 12px 0 0
}

.company-position-wrapper .job-list .name .info-detail:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 60px;
    z-index: 2;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    border-radius: 12px 12px 0 0
}

.company-position-wrapper .job-list .name .info-detail .detail-bottom {
    position: relative;
    z-index: 3;
    background: 0 0
}

.company-position-wrapper .job-list li .job-primary .detail-bottom .detail-bottom-title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin: 20px 0 12px;
    padding: 0
}

.company-position-wrapper .company-job .info-detail .detail-bottom-title:before {
    width: 4px;
    height: 16px;
    background: #00bebd;
    border-radius: 2px;
    margin: -2px 6px 0 0
}

.company-position-wrapper .job-list li .job-primary .detail-bottom .detail-bottom-text {
    line-height: 28px;
    max-height: 280px;
    color: #333
}

.company-position-wrapper .company-job .info-detail .detail-bottom {
    padding: 0 20px 20px;
    border-radius: 12px
}

.company-position-wrapper .company-job .info-detail .detail-bottom-labels {
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: -8px
}

.company-position-wrapper .company-job .info-detail .detail-bottom-labels .detail-bottom-label {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 4px 12px;
    border: none;
    height: auto;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    transition: all .2s linear
}

.company-position-wrapper .company-position-main .job-list li .name .title-box .job-area, .company-position-wrapper .company-position-main .job-list li .name .title-box .job-title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    height: 22px
}

.company-position-wrapper .company-position-main .job-list li .job-primary .info-primary {
    width: 560px
}

.company-position-wrapper .company-position-main .job-list li .job-primary .info-primary .name + p {
    margin: 0;
    overflow: hidden
}

.company-position-wrapper .company-position-main .job-list li .job-primary .info-primary .name + p .salary {
    font-size: 20px;
    font-family: kanzhun-Regular, kanzhun;
    color: #fe574a;
    line-height: 24px;
    float: left;
    margin-right: 8px
}

.company-position-wrapper .company-position-main .job-list li .tag-list {
    height: 22px;
    float: left;
    margin-top: 2px
}

.company-position-wrapper .company-position-main .job-list li .tag-list-item {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    float: left;
    margin-right: 8px;
    transition: all .2s linear
}

.company-position-wrapper .company-position-main .job-list li .boss-online-tag {
    margin-right: 8px;
    height: 22px;
    line-height: 22px
}

.company-position-wrapper .company-position-main .job-list li .job-primary .online-apply-tag {
    margin-left: 0;
    margin-right: 8px;
    font-size: 13px
}

.company-position-wrapper .company-position-main .job-list .job-primary .info-publis {
    width: 218px;
    margin-top: 4px;
    overflow: hidden
}

.company-position-wrapper .company-position-main .job-list .info-publis-avatar {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    margin-right: 16px;
    float: left
}

.company-position-wrapper .company-position-main .job-list .info-publis-avatar img {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    margin: 0
}

.company-position-wrapper .company-position-main .job-list .job-primary .info-publis-info {
    float: left;
    max-width: 154px
}

.company-position-wrapper .company-position-main .job-list .job-primary .info-publis-info .name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    height: 22px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.company-position-wrapper .company-position-main .job-list .job-primary .info-publis-info .boss-title {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.company-position-wrapper .company-position-main .job-list li .startchat-box {
    padding: 0;
    top: 50%;
    right: 24px;
    margin-top: -24px;
    width: 218px
}

.company-position-wrapper .company-position-main .job-list li .startchat-box a {
    border-radius: 8px;
    height: 30px;
    line-height: 30px;
    min-width: 102px;
    font-size: 14px;
    font-weight: 500;
    float: left;
    margin-top: 9px
}

.company-position-wrapper .company-job .job-list li .startchat-box .btn {
    background: #00bebd;
    border-color: #00bebd
}

.company-position-wrapper .company-job .job-list li .startchat-box .btn:hover {
    background: rgba(0, 190, 189, .8);
    border-color: rgba(0, 190, 189, .8)
}

.company-position-wrapper .company-position-main .job-list .page {
    padding: 0;
    margin: 32px auto 40px
}

.company-position-wrapper .company-position-main .job-list .page a {
    color: #666
}

.company-position-wrapper .company-position-main .job-list .page a.next, .company-position-wrapper .company-position-main .job-list .page a.prev {
    border: none;
    border-radius: 6px
}

.company-position-wrapper .company-position-main .job-list .page a.prev {
    background-image: none;
    position: relative
}

.company-position-wrapper .company-position-main .job-list .page a.prev:hover:after {
    width: 5px;
    height: 8px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 -8px/10px auto no-repeat;
    transform: rotate(0)
}

.company-position-wrapper .company-position-main .job-list .page a.next:hover:after {
    width: 5px;
    height: 8px;
    top: 10px;
    right: 10px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 -8px/10px auto no-repeat;
    transform: rotate(180deg)
}

.company-position-wrapper .company-position-main .job-list .page a.prev:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 7px;
    top: 9px;
    right: 12px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(180deg)
}

.company-position-wrapper .company-position-main .job-list .page a.next {
    background-image: none;
    position: relative
}

.company-position-wrapper .company-position-main .job-list .page a.next:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 7px;
    top: 10px;
    right: 11px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.company-position-wrapper .company-position-main .job-list .page a:hover {
    color: #fff;
    border-color: #00bebd;
    background-color: #00bebd
}

.company-position-wrapper .company-position-main .job-list .page a.disabled:hover {
    cursor: not-allowed;
    background-color: #fff;
    border-color: #fff
}

.company-position-wrapper .company-position-main .job-list .page .next.disabled:hover:after {
    background-position: -6px -16px;
    transform: none
}

.company-position-wrapper .company-position-main .job-list .page .prev.disabled:hover:after {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(180deg)
}

.company-position-wrapper .company-position-main .job-list .page a, .company-position-wrapper .company-position-main .job-list .page span {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 6px;
    margin: 0 2px
}

.company-position-wrapper .company-position-main .job-list .page span {
    line-height: 20px;
    cursor: pointer;
    border: none;
    color: #333;
    background-color: transparent
}

.company-position-wrapper .company-position-main .job-list .page span:hover {
    color: #00bebd
}

.company-position-wrapper .company-position-main .job-list .page a.cur {
    background: #00bebd;
    border-color: #00bebd;
    color: #fff
}

.company-position-wrapper .company-position-main .job-list .company-search .page {
    background: 0 0
}

.company-position-wrapper .jconfirm .pop-sign-box .jconfirm-box {
    border-radius: 12px
}

.company-position-wrapper .company-sider .sign-wrap {
    margin-bottom: 16px
}

.company-position-wrapper .company-sider .sign-form {
    position: relative;
    background: url(https://img.bosszhipin.com/static/file/2022/myz8vq8tfh1655797191987.png) 16px 14px/auto 50px no-repeat, linear-gradient(180deg, #00bebd, #00a6a7) hsla(0, 0%, 100%, .21);
    border-radius: 14px;
    margin-bottom: 16px;
    padding-left: 12px;
    padding-right: 12px
}

.company-position-wrapper .company-sider .sign-form:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(54, 202, 202, 0), #fff);
    border-radius: 12px
}

.company-position-wrapper .company-sider .sign-form .title {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    padding-top: 20px;
    padding-bottom: 2px
}

.company-position-wrapper .company-sider .sign-form .sub-title {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 8px
}

.company-position-wrapper .company-sider .sign-form form {
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg, rgba(245, 252, 252, .8), #fcfbfa);
    border-radius: 12px 12px 0 0;
    border: 1px solid #f7fdfd;
    backdrop-filter: blur(7px);
    padding: 20px 18px;
    width: auto
}

.company-position-wrapper .company-sider .sign-form .ipt-wrap:hover .ipt {
    box-shadow: none;
    border: 1px solid #00bebd
}

.company-position-wrapper .company-sider .sign-form .form-btn {
    margin-top: 20px
}

.company-position-wrapper .company-sider .form-btn .btn {
    display: block;
    text-align: center;
    background: #00bebd;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 21px;
    padding: 4px 0;
    height: 36px;
    margin-top: 20px;
    box-sizing: border-box;
    transition: all .2s linear
}

.company-position-wrapper .company-sider .form-btn .btn:hover {
    opacity: .8
}

.company-position-wrapper .company-sider .sign-form .text-tip {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 17px;
    margin-top: 12px;
    padding: 0;
    text-align: left
}

.company-position-wrapper .company-sider .sign-form .text-tip a {
    color: #00a6a7;
    transition: all .2s linear
}

.company-position-wrapper .company-sider .sign-form .dropdown-select {
    top: 0;
    height: 36px
}

.company-position-wrapper .company-sider .sign-form .dropdown-select .icon-select-arrow {
    top: 11px
}

.company-position-wrapper .company-sider .sign-form .dropdown-select .text-select {
    padding: 5px 12px 5px 0
}

.company-position-wrapper .company-sider .sign-form .icon-sign-phone, .company-position-wrapper .company-sider .sign-form .icon-sign-sms {
    position: absolute;
    left: 12px;
    top: 10px;
    width: 13px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/glowg5q8861655467618066.png) 0 0/auto 32px no-repeat
}

.company-position-wrapper .company-sider .sign-form .tip-error {
    background: 0 0;
    position: absolute;
    left: 0;
    top: 40px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    padding: 0 0 0 12px;
    color: #f53d47;
    text-align: left;
    white-space: nowrap
}

.company-position-wrapper .company-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-phone {
    background-position: -13px 0
}

.company-position-wrapper .company-sider .sign-form .icon-sign-sms {
    width: 14px;
    background-position: 0 -16px
}

.company-position-wrapper .company-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-sms {
    background-position: -14px -16px
}

.company-position-wrapper .company-sider .sign-form .dropdown-select .icon-select-arrow {
    position: absolute;
    right: 0;
    top: 14px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg)
}

.company-position-wrapper .company-sider .sign-form .ipt {
    box-sizing: border-box;
    width: 100%;
    border-radius: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    height: 36px;
    border: 1px solid transparent
}

.company-position-wrapper .company-sider .sign-form .btn-sms {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 32px;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    background: #fff;
    min-width: 104px;
    color: #00a6a7;
    border: 0;
    border-radius: 0 8px 8px 0
}

.company-position-wrapper .company-sider .sign-form .btn-sms em {
    color: #00a6a7
}

.company-position-wrapper .company-sider .sign-form .text-tip .agree-policy {
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 2px
}

.company-position-wrapper .company-sider .sign-form .text-tip a:hover {
    opacity: .8
}

.company-position-wrapper .company-sider .sign-wrap-v2 .form-row-verify {
    position: absolute;
    min-height: 36px;
    background: #e8e8e8;
    top: 42px;
    width: 100%;
    height: 36px;
    border-radius: 2px;
    box-shadow: none;
    z-index: 9
}

.company-position-wrapper .company-sider .sign-wrap-v2 .form-row-verify.hide-row-verify {
    height: 0;
    min-height: unset;
    overflow: hidden;
    opacity: 0
}

.company-position-wrapper .company-sider .sign-wrap-v2 .form-row-verify:before {
    content: none
}

.company-position-wrapper .company-sider .sign-wrap-v2 .form-row-verify:after {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -45px;
    content: '正在加载中';
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
    background-size: 16px;
    padding-right: 20px;
    line-height: 36px;
    color: #969696
}

.company-position-wrapper .company-sider .sign-wrap-v2 .verify-init-dot {
    position: absolute;
    width: 13px;
    height: 13px;
    display: block;
    left: 12px;
    top: 13px;
    border-radius: 50%;
    background: #3873ff
}

.company-position-wrapper .company-sider .geetest_holder.geetest_wind {
    min-width: auto;
    height: 36px
}

.company-position-wrapper .company-sider .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
    top: 5px
}

.company-position-wrapper .company-sider .geetest_holder.geetest_wind .geetest_radar {
    width: 22px;
    height: 22px
}

.company-position-wrapper .company-sider .geetest_holder.geetest_wind .geetest_radar_tip, .company-position-wrapper .company-sider .geetest_holder.geetest_wind .geetest_success_radar_tip {
    height: 36px;
    line-height: 34px;
    padding-left: 36px
}

.company-position-wrapper .company-sider .geetest_holder.geetest_wind .geetest_wait {
    margin: 14px 12px
}

.company-position-wrapper .company-sider .nc-container .nc_scale {
    height: 36px
}

.company-position-wrapper .company-sider .nc-container .nc_scale .btn_ok {
    color: #5dd5c8;
    border-color: #5dd5c8
}

.company-position-wrapper .company-sider .nc-container .nc_scale span {
    width: 46px;
    height: 36px;
    line-height: 36px
}

.company-position-wrapper .company-sider .nc-container .nc_scale .nc_bg, .company-position-wrapper .company-sider .nc-container .nc_scale .on_ok {
    background: #8d92a1
}

.company-position-wrapper .company-sider .nc-container .nc_scale .scale_text {
    line-height: 36px;
    background-color: #eef0f5;
    color: #61687c
}

.company-position-wrapper .company-sider .nc-container .nc_scale .nc_wrapper {
    width: 100% !important;
    overflow: hidden
}

.company-position-wrapper .company-sider .form-row-verify .picture_box {
    position: relative;
    width: 100%;
    padding-right: 94px;
    box-sizing: border-box
}

.company-position-wrapper .company-sider .form-row-verify .picture_box .input_code {
    height: 36px !important;
    padding: 9px 12px !important;
    font-size: 12px;
    border: 1px solid #e3e7ed;
    padding-left: 0;
    outline: 0;
    width: 100% !important;
    top: 0 !important;
    box-sizing: border-box;
    border-radius: 0
}

.company-position-wrapper .company-sider .form-row-verify .picture_box .input_code:focus {
    box-shadow: none;
    border-color: #00c2b3
}

.company-position-wrapper .company-sider .form-row-verify .picture_box .code_img {
    position: absolute;
    top: 0;
    right: 0;
    height: 36px !important;
    width: 96px;
    outline: 0;
    margin-left: 0 !important
}

.company-position-wrapper .company-sider .form-row-verify .picture_box .btn-img {
    right: 90px
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_classic-container {
    z-index: 1011;
    min-width: 260px;
    left: 50%;
    transform: translate(-50%, 0)
}

.company-position-wrapper .company-sider .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
    width: 100% !important;
    height: auto !important
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_classic-tips .yidun_tips__text {
    line-height: 36px
}

.company-position-wrapper .company-sider .yidun.yidun--light .yidun_jigsaw {
    width: auto !important;
    height: 100% !important
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-control {
    height: 36px
}

.company-position-wrapper .company-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
    background-color: #00c2b3
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-text {
    line-height: 36px
}

.company-position-wrapper .company-sider .yidun.yidun--light {
    min-width: auto !important
}

.company-position-wrapper .company-sider .yidun.yidun--light .yidun_slider:hover {
    color: #00c2b3;
    background-color: #00c2b3
}

.company-position-wrapper .company-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
    border-color: #00c2b3;
    background: #eefff5
}

.company-position-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
    background-color: #00c2b3
}

.company-position-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
    color: #00c2b3
}

.company-position-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
    color: #00c2b3;
    background: #eefff5;
    cursor: default;
    border-color: #00c2b3;
    line-height: 34px;
    height: 36px;
    text-align: left;
    padding: 0 18px
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
    background-color: #00c2b3;
    box-shadow: 0 2px 6px 1px #00c2b3
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
    color: #00c2b3
}

.company-position-wrapper .company-sider .yidun_intellisense--light {
    z-index: 999
}

.company-position-wrapper .links-container {
    padding: 20px 24px 6px;
    background: #fff;
    border-radius: 12px;
    border: none
}

.company-position-wrapper .links-container .links-box {
    padding-top: 0;
    width: auto
}

.company-position-wrapper .links-container .title-box {
    position: relative;
    margin-right: 0
}

.company-position-wrapper .links-box .title-box .title-item:after {
    bottom: 1px;
    border-radius: 2px;
    height: 3px;
    width: 28px;
    margin-left: -14px;
    left: 50%
}

.company-position-wrapper .links-box .title-box .title-item.cur:after {
    background: linear-gradient(90deg, #16d9d8 0, #00bebd 100%)
}

.company-position-wrapper .links-container .title-box:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 1px;
    background: #e6e6e6
}

.company-position-wrapper .links-container .links-box .title-box .title-item {
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
    padding-bottom: 14px;
    transition: all .2s linear;
    margin-right: 0
}

.company-position-wrapper .links-container .links-box .title-box .title-item + .title-item {
    margin-left: 32px
}

.company-position-wrapper .links-container .links-box .title-box .title-item.cur {
    color: #00a6a7;
    font-weight: 600
}

.company-position-wrapper .links-container .links-box .title-box .title-item:hover {
    color: #00a6a7;
    font-weight: 600
}

.company-position-wrapper .links-box .links-wrapper {
    padding-top: 20px;
    background: 0 0
}

.company-position-wrapper .links-box .links-wrapper .links-content.limited {
    max-height: 155px
}

.company-position-wrapper .links-box .links-wrapper .links-content a {
    font-size: 12px;
    color: #666;
    line-height: 17px;
    transition: all .2s linear;
    margin: 0 28px 14px 0;
    float: left
}

.company-position-wrapper .links-box .links-wrapper .links-content a:hover {
    color: #00a6a7
}

.company-position-wrapper .links-box .expand-btn {
    margin-bottom: 14px
}

.company-position-wrapper .links-box .expand-btn a {
    color: #666;
    font-size: 13px
}

.company-position-wrapper .links-box .expand-btn a:hover {
    color: #00a6a7;
    font-weight: 500
}

.company-position-wrapper .more-view {
    display: inline-block;
    line-height: 24px;
    height: 24px
}

.company-position-wrapper .more-view span {
    display: inline-block;
    vertical-align: middle
}

.company-position-wrapper .more-view i {
    position: relative;
    top: -4px;
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 7px;
    margin-top: 7px;
    margin-left: 8px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.company-position-wrapper .more-view:hover i {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-position-wrapper .more-view .fz-slidedown {
    transform: rotate(90deg)
}

.company-position-wrapper .more-view .fz-slideup {
    transform: rotate(270deg)
}

.company-position-wrapper .pos-bread {
    margin-top: 20px
}

.company-position-wrapper .pos-bread a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    padding: 0 8px;
    transition: all .2s linear
}

.company-position-wrapper .pos-bread a:hover {
    color: #00a6a7;
    text-decoration: none
}

.company-position-wrapper .pos-bread > a:first-child {
    padding-left: 24px
}

.company-position-wrapper .pos-bread > a:first-child:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -64px/16px auto no-repeat
}

.company-position-wrapper .pos-bread a:first-child:hover:before {
    background-position: 0 -80px
}

.company-position-wrapper .pos-bread .link-collect + a:before, .company-position-wrapper .pos-bread .link-collect:before, .company-position-wrapper .pos-bread > a + a:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 5px;
    width: 1px;
    height: 7px;
    background: #999;
    border-radius: 1px;
    z-index: 1
}

.company-position-wrapper .pos-bread .link-collect {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    padding: 0 8px;
    transition: all .2s linear
}

.company-position-wrapper .pos-bread .link-collect a {
    padding: 0
}

.company-position-wrapper .company-new .job-box .update-time {
    line-height: 17px;
    color: #999;
    margin: 12px 0 0 0
}

.company-position-wrapper #footer {
    background: #313438;
    color: rgba(255, 255, 255, .5);
    margin-top: 28px
}

.company-position-wrapper .footer-about dl dt {
    color: rgba(255, 255, 255, .8)
}

.company-position-wrapper .footer-about dl dd a, .company-position-wrapper .footer-about dl dd p {
    color: rgba(255, 255, 255, .5)
}

.company-position-wrapper .copyright a {
    color: rgba(255, 255, 255, .5)
}

.company-position-wrapper .copyright a:hover, .company-position-wrapper .footer-about dl dd a:hover {
    color: #00bebd
}

.company-position-wrapper #footer .icon-app, .company-position-wrapper #footer .icon-client-app, .company-position-wrapper #footer .icon-weibo, .company-position-wrapper #footer .icon-weixin {
    border: none;
    background-color: rgba(255, 255, 255, .1)
}

.company-position-wrapper .links-friends-wrapper {
    background: #313438;
    border-top: 1px solid #46494c;
    padding: 7px 0 6px 0
}

.company-position-wrapper .links-friends-wrapper .links .links-item a {
    color: rgba(255, 255, 255, .5)
}

.company-position-wrapper .links-friends-wrapper .links .links-item a:hover {
    color: #00bebd
}

.company-position-wrapper .links-friends-wrapper .links {
    margin: 0 auto
}

.company-position-wrapper .links-friends-wrapper .links label, .company-position-wrapper .links-friends-wrapper .links label:hover {
    color: rgba(255, 255, 255, .5)
}

.company-position-wrapper .links-friends-wrapper .links .links-item {
    margin-bottom: 12px
}

.company-position-wrapper .links-friends dt {
    color: rgba(255, 255, 255, .5)
}

.school-banner .column-search-panel .city-dropdown-sel {
    position: relative;
    border: 1px solid transparent;
    padding: 10px 15px 10px 15px;
    width: 78px;
    border-right: none;
    line-height: 30px;
    height: 28px;
    border-color: transparent;
    float: left;
    background: #fff;
    cursor: pointer;
    transition: all .1s linear
}

.search-form-con:hover .city-dropdown-sel {
    border-color: #53cac3
}

.school-banner .column-search-panel .city-dropdown-sel:hover b {
    color: #00a6a7
}

.school-banner .column-search-panel .city-dropdown-sel:hover:before {
    content: ' ';
    background: 0 0;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    z-index: 1;
    position: absolute
}

.school-banner .column-search-panel .city-dropdown-sel:hover .city-dropdown-list {
    display: block
}

.school-banner .column-search-panel .city-dropdown-sel .city-dropdown-list {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 2;
    max-height: 242px;
    width: auto;
    overflow: auto;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    border: 1px solid #ededed;
    padding: 4px;
    box-sizing: border-box
}

.school-banner .column-search-panel .city-dropdown-sel .city-dropdown-list li {
    display: block;
    font-size: 14px;
    width: 104px;
    padding: 8px;
    color: #333;
    line-height: 20px;
    border-radius: 4px;
    box-sizing: border-box;
    transition: all .2s linear;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.school-banner .column-search-panel .city-dropdown-sel .city-dropdown-list li.active {
    color: #00a6a7;
    font-weight: 500
}

.school-banner .column-search-panel .city-dropdown-sel .city-dropdown-list li:hover {
    background: #f8f8f8;
    color: #00a6a7;
    font-weight: 500
}

.school-banner .column-search-panel .city-dropdown-sel .label-text {
    width: 70px;
    text-overflow: ellipsis
}

.school-banner .column-search-panel .city-dropdown-sel b {
    font-weight: 400;
    color: #61687c;
    font-size: 16px
}

.school-banner .column-search-panel .city-dropdown-sel .line {
    display: none;
    height: 32px
}

.school-banner .column-search-panel .city-dropdown-sel .icon-arrow-down {
    position: absolute;
    right: -6px;
    top: 15px
}

.school-hotrecruitment .school-hotrecruitment-type {
    float: right
}

.school-hotrecruitment .school-hotrecruitment-type span {
    color: #414a60;
    font-size: 14px;
    width: 80px;
    line-height: 34px;
    margin-right: 10px;
    text-align: center;
    border-radius: 6px;
    background: #fff;
    float: left;
    cursor: pointer
}

.school-hotrecruitment .school-hotrecruitment-type span:hover {
    color: #5dd5c8
}

.school-hotrecruitment .school-hotrecruitment-type span.cur {
    background: #5dd5c8;
    color: #fff
}

.switch-login-btn {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: url(https://img.bosszhipin.com/static/file/2023/nxeq3irrud1680090770542.png) 0 0/50px auto no-repeat;
    cursor: pointer
}

.switch-login-btn:hover {
    background-position: 0 -50px
}

.switch-login-btn.app-way {
    background-position: 0 -100px
}

.switch-login-btn.app-way:hover {
    background-position: 0 -150px
}

.app-login-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 18px;
    background: linear-gradient(180deg, rgba(245, 252, 252, .8), #fcfbfa);
    border-radius: 12px 12px 0 0;
    border: 1px solid #f7fdfd;
    backdrop-filter: blur(7px)
}

.app-login-wrapper .qr-img-box {
    position: relative;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px
}

.app-login-wrapper .qr-img-box .qr-code {
    width: 160px;
    height: 160px;
    border-radius: 8px
}

.app-login-wrapper .qr-img-box i {
    font-size: 24px;
    color: #999;
    animation: qr-loading-animate 1.2s infinite
}

@keyframes qr-loading-animate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(180deg)
    }
}

.app-login-wrapper .login-step-box {
    position: relative;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.app-login-wrapper .login-step-box .user-photo {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.app-login-wrapper .login-step-box .user-photo img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.app-login-wrapper .login-step-text {
    margin-top: 10px;
    text-align: center
}

.app-login-wrapper .login-step-text .login-step-title {
    color: #222;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.app-login-wrapper .login-step-text .login-step-detail {
    font-size: 14px;
    margin-top: 4px;
    line-height: 20px;
    color: #666
}

.app-login-wrapper .qrcode-invalid-box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.app-login-wrapper .qrcode-invalid-box .btn-refresh {
    display: block;
    padding: 6px 12px;
    line-height: 20px;
    outline: 0;
    border: none;
    border-radius: 4px;
    background: #00bebd;
    color: #fff;
    margin-top: 10px;
    cursor: pointer;
    transition: all .2s linear
}