@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: #D55D5D;
    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: 1184px;
    line-height: 26px;
    color: #414a60;
    font-size: 14px
}

body,html {
    height: 100%
}

body {
    height: 100%
}

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
}
.active2{
    display: block!important;
}
#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: 1184px
}

.gray {
    color: #9fa3af
}

.red {
    color: #fc703e!important
}

.text-blue {
    color: #D55D5D
}

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

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

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

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

::selection {
    color: #fff;
    background: #0076d7
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ipt:focus,.radio-checked {
    border-color: #D55D5D;
    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: #D55D5D
}

.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 #D55D5D solid;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    background: #D55D5D;
    text-align: center;
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

.radio-list {
    white-space: nowrap
}

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

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

.radio-checked {
    border-color: #D55D5D;
    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: #D55D5D;
    border-color: #D55D5D;
    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: #D55D5D;
    width: 12px;
    height: 12px;
    border: 0;
    background-position: -48px -144px;
    border-color: #D55D5D;
    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 #D55D5D solid;
    padding: 19px;
    color: #D55D5D
}

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

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

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

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

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

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

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

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

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

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

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

.jconfirm {
    z-index: 1010
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#header a {
    color: #fff
}

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

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

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

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

.logo span {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.user-nav {
    float: right
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#main,#wrap {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#footer .home-inner {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.common-position .type .active {
    background: #fff;
    border-left: 4px #D55D5D 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-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 #D55D5D;
    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: #D55D5D;
    margin-right: 4px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .siderbar-bottom {
        bottom: 80px
    }

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

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

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

.geetest_holder.geetest_wind {
    height: 42px
}

.geetest_holder.geetest_wind .geetest_success_btn {
    border-color: #D55D5D;
    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: #D55D5D
}

.geetest_holder.geetest_wind .geetest_success_btn {
    border-color: #D55D5D;
    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
}

@font-face {
    font-family: iboss;
    src: url(//at.alicdn.com/t/font_916585_qfshouvhwr.eot?t=1561021091024);
    src: url(//at.alicdn.com/t/font_916585_qfshouvhwr.eot?t=1561021091024#iefix) format('embedded-opentype'),url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAADi8AAsAAAAAaegAADhpAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCPZAqBrAyBiR8BNgIkA4NQC4FqAAQgBYRJB4oZG8ZWdQfIdTuAgtL/40YihI0DzYYJjYp6PTmpsv//c3IyhrAnDNV6P0QWtao4XchpnlqN3eQlH+huI5SVYFHgs/pJsBV6eIe/NI1dhQ/66OgCk/CW0ectDXJza4gXr3SNU20NN4UWbfX9q0IqhLhwe7isrv4j/gtjjnpIUjRN+I+/186d8tK6yLeEOBThb9kGtrpoAdpGUPoMz8+t9xesihwMVgxGrkhBBr1RIzZgoJQMSWcOeliEBQYyLBDFA/QUxGKecqd4eqLHKTZ4WEFYcTei6La/cy+lnmgckIdBFMQYtH0xl0qjMd06HhqJUog05rCpd+q3K9kPdiW7mREEWnag9IBRECgkdlLfXErsH+lX+rsRmAJtDFSnECDHZRAc/J3P/833iLKiAAN6A72hEo2vd5wfjRUADfBvLR0EmNtCPNxMIERi5GpN72zehqDEsFACtAGnqhthSwdT20IAebvwfgxmwirM/WHOr1AhfWQko6vvu1+OpotOv2/QU64MC8Py6nhj3++XXdjCFjESsS2SvAj4e51lK9lhro4CVKXoUpRp6kzvD9be+//LESxJWpIdknQkrQ/kI3tDdoC4BO5O9hKc9tAXwC7VpUwFWAIXfZouXaq2TdKgCCP//9q3inraQ+KQ8RKJ6d7Zs8x9q39WLYm9h75BV7RyiKKJTNM3q2/QmdX5m/4iloYGFTaiGiKhkrOoquXqhnA/1AybtX2Q075Pvt5YZsNFSkpEShDjX936Yz7GrPsxZ2upoaIB2e4hgDF7bqDDV0wyQEPwmLDB6yc/G6A5E6LkREEXzASzDnZQczb0wMaOBnBPv3n9H9EAtGEIA+UgvEnPP1UXhNK7kj6DXer0WdjPhkGwGgZj4HthacDLQwqrKR+L4scBDyYSSHorK8Oph+lfpkCo/FLLazPrSJ41wNqXh6WLn+yTwnM7xoXUDAyNjE1MzcwtrAhkhf99nkghGalsGp3D4DJZPL5AKBJL9FKZXKFUOdQarc5ktlhtdqfL7fHxJZLIFCqNzmCy2BwuT8KXCoQisUyuUKrUGq1ObzCazBark7Orm7uHp5e3j6/NDwOG4qw/Ggz5jFWfEAib4jlCYQBCYyDCYBDCYjDCYQjCYygiYBgiYjgiYQQiYySiYBSiYjSiYQwyx1hkgXHIEhOQFcYjOqYgO0xEDGxE9piEmJiKWJiM2NiEOJiGuJiDHDEd8TADOWEucsZMxMc85IJZyBWzkRvmI3csQJ5YiARYhIRYjERYgiRYinwity+wDPlhOfLHCjQPK1EAVqFArEbzo3IQsAZJsRYFYx0KwXoUis0oDFtQOLaiCGxDkdiOorADybALybEbRWMPisFeFIt9KA77UTwOIAUOogQcQok4jJJwBCXjKFLiGFLhOErBCZSKkygNp5Aap1E6zqAMnEULcBktxDmUiSsoC+dRdoZwDoJzEbwIuIrycA1pcB3l4wZajJuoALdQIW6jItxBxbiLSnAPleI+WoIHSIuHaCkeoWV4jJbjCVqhw5gqVoKBWAXGPKEDA1EGBqIcDEQFGIhKMBBVYCCqwUDUgIGoBQOhB0AfNtsZ/gEG/ArMPBYN75RB+4cP07h8ow+HNBC+3HjyJwY7vzgjEDCwSPV7Kga7oj5Ww/ocM5HBHLiD77EU9bl/xAlkZKA/CAMycMxJUdHglDBVqQXlAwM1Aeug7eBSNTeEZ1RJI7SsWqiXciLn7NCGGVwB3jlVoPYRKs/7w9od7kK4A+UpPfbmAYeKR+lOuu9QOWiIUUXoPaTBlerpSHZNZAbmKh0bIYuc/cDNd/9BwOu7Fxt2ghSJBph7s23U99gT8wYggvdYuRSb/uBARBYW9RenbJqY2/Yo7/JAGD1yVblAgagOK8j83FrbAtoLx1hbcyLe1tA469gupShj1HIZ0/Mtg56XQ13CQBo1ZE2/SENsMp+BQgOSTlKtLQUYnYBlxdgsdhqN4ypSkJMbl0UZIbIGO8vkFFHaqwpuQ+oOa7iZz23IpyX4QhqRTgr0IY/HQzcZrX0uOBh9ViigMXIZu1a/WJboz93U01XwfY/eDr1V8PD3y21xQDMALhH7Zqha6GDYEzk4zJfbgHRAnAsz1e6Sv9/ljmapNqZ1UzHQHmyaLDAMhDQLQtUWsf5wafJUe7USCKWMw3oVBtVKG4uYbawLZFfeCc2trg9ONEegbUtzrHkzBIxcgYPobF4UtoD+6oDqu9BRXCsCKDjRPFVSwePZZxGgGC146UpXn6rBBWSf6pSfF1/U02ZjHw2VK7UGUuXOcLHacfAjuXonVzR1Pv7hcEnbJlkGEzN5ejaf1rbTnMRZiNK6JCuXTLE7Cuc7+ExVyPc6iTVZMT9Wm+mSCtra7Oq3LNtmRdM0DO5A69EO/x/d/5wHOOJrddTIiNnoICEWDcDlPDTONKpfkOgu7lZyb/goPfso0hcamHgyw6ugm7g/yEpocPnBSNBEq8+4T3dmaPbT7lfyehFCJLMp8LCirbarHfyB/KF3typmFLU6uRcjYziDUoponGQxQm6p3YKzEwcorGnycnGktsK6zR+DNGFWlKQBRSiLna6AZBRQhUr7smHhZdRushShIG3bEKoWFzIMgGKysYDJYpsPfh44y86jQgUGZZvffsM6bnzHg7mnHT0Gw3DhWdy269+5Ju/5rLudAzSgbIMO+enFo9OKQGS6gkJaqXW38XQNlcX0VBKh8X5FDCplvToS12uKDoJ7n52ptjHwSKg5Pdp3hS7HjBU4x9DElW6b72ZUv3n+/Ql/RgWSQZfG5CIzV0UywhhMrgYeOc6vk1y0v+gyz+Y7b/XrX/si1DGxPt1e9+AmNt91IPuwhlr4vkfvuzgUNNdd/v0y7kHW11kLpheIppk0OGn0b80uY8X1MkoBgj5L67PlMdBCL0+8uKWDIhPJuR8dVHBYLep5gJLTCjDG9uuQzS+7oy4mepw/8jbeXq3yPrps6THctcQHP13xJm/fvnz+q/pSxCi19qz8B93jYUlz6rPV2wswjNFvZYqsaCZznJSSp8wIP7QU9knl92aWF9v63um3NGaXAe5MfMr5crTO2za3Z3cqGzGQ5C9rcH138VZhfrb7/XXv5G4XFeYi4vr3c6UEWAPtIa3pEN7n5YcuViPv/WDmDV0Q/oVs4KPjE7cYyTo9oduKTvj9B0IzK0rj3fB8U139p0tMllBIq0Df2NhmCg7r0NMJqLLhaiyDDu3m9/TkSgV9tX2Pn3HKLK0eBWOIf90u5staWZk/r87cKdxqAjQRaV3bLIPZYZTmKoqDwv5L59Apw0BUuOQkNjYQqPbx6KZsKsywUaik+bitjyKtolYxhplmN51vtAGsl5WS5VPcdI9EquGXw5odJCYmRx3PImm9DEwpTRLIcjWfOuOkzmigNylCj4IMWPUxyNUjFGNzsp0vpxhh3qEEAS4MKkmWrEy1yB6TbdXMP7EgWZqhsKJgKKbOy6Kp2yrXW909HzGVksn7ho25cT6+z5qYZ0dGtrasMAmyu96g7i5HEFSV1TMYIPlh+kOimWUYQ+MkR+SZffsNQ3JmbrzD/3YmwKHL9mzit9hFp4bSlir1sSb4/Xo+pSRzqDD5tk1M209Cvo2mOQtTcqZjusOG599jLu4o9axcbANFdl0rpCEc96erHdMbMnxHt69Rac3uGKU3Ugyqf6HxY0U3V/S8OLzFzECytqDFjEkig7m5pToMTvn9cZuPTeTlG3LcM2p5pWYqmYt4mmeRSusXByILkVzkA0eFk8m2NoUbRsowHL+e/oiz0plMMc+yi42t5UuA5TPGhLTrEqYnejwVf1w8pPtspznPxB3Q8492NWpSXX3dT4kX3BKHjlLQ/IvX5/GnL8+Of5Vk6baqJIV8nnoEUfj9AUFAssH8krudvtwhS5XzU81uef5JTM4s64ttYupRrZhvnJvsEcTUxYWbeT9ZXIzWN6v1Lskar853iouuAApQUa8ktf0Mf8Xn7gcfoaZfVv9GW2itnfvQHCvNcM8NT/uOLuIOlKa7J47yG4yRBBxSSjOVdmncKxqr+0hnSiovqpkiHrBa90GmMMo9xAQFsSewjcA1Y2eSkvcOfN4LBCJlGBJETCAowfAAImjo+98iwHcDmykOAIqM4e2wEIrLtm7CGPXE5Kxg9mjybF/QhXPbJE5ICyXwvK2zMUAFwgOyQ8H4nNaMUaox5hJaj0qGicMRsbe+TUKCXWTFsivApBBAwhCmVT7TobIzeN8Wt+i6XszcLbjoHlMu7pK+eUAIsgHjaiTc3BrEioXdu6U67+hEcGytFITWv6tDiAB6SMAkBnh6w7vJniwDUj/C6W3vl9dh8TwUL9Snu82mC/g1cdCybZO95PbecfXRa2UyjgJPqjG3w6lFN3QMILxJDTEYe1YrS9TMytrAWONder654SQtBoKRTCGn4PcNXUGhXFPcdUTCj0hPM1opbKdUK6gfQx2gIKhBqMY1p0AofT6AMqb1Kg/Ht0kVzyVh3W0Vy5faQHIFRdkYVK9sl5v+OnwNjFkAagLjqweCmWYlaFR+HVcQyrUKmWXbhNsyr1YzswPSffvqGddNZLj62PvzupSAjUaMNPLr7IdkW2dZU2EEg4OWBUlG57GCYGhev9sqL9ssNE1gisEgy+JGzVSO81yWjuvnyRw9rtDboC6zM9EUtJ8s4eHsLUzJGxBnu+dm9snPc8sZVlhxW81JYS3QB5jiwMVh2BiwYwu6klI8zKS9kJY+YIAdD0tKq6Go6KfiOr88R7Q5u5E1tda35MleWJNOw2ffFj9FEIQom1F/rsRIugkAtO8V8Bm+R2+3wP8GMfjp65oWHJ0VYybKAqPtj8SvntosC7jNrch+8aC6QRD3MhzP2pbFFLuTXToc1VZ4v9fAtN5cphNWUZSefZYZmHzKvOA52N7uBdCA6sMAuUx4uVeytJLSSUzn+QE7PRfLIf+p7wUNlaEpfxZ2owd3IkpZJ/jJE1dkbhAZaXmssgZjDmq0ABZmDqKtgMt2q1EzO8N5pnvad+pwag6gvzG5jhwZYT1IZDy5KjdaKCsodHuScHwK99G59ELyJnMKau5lcmEJwvb0tvpno7KaZxs7L1wCJ/8loRO/tpp19YujzmVMhuCNeLreaKNJzxhBwm+/3JrBqK+C8zlhqLodh4dHXgBLIqHCantm+i7OKLvQd2udYwV8vHusHHPaAHcp3KLzdoY7a/185oJTkENr5q5H1Y7EtF+Yjy3rHw69HHrp5Z6kfCm5wEULWmTQWGp/OdNMrHmp5eXjhvYs/hChDVjTmfGy6qtYuwTCxG/BlGG0A/LJYmzCSTHD1CIyOmLq1QzbSKeUdT4et9WKxgyPmMWqyh3bZ82UwY4QLFvlE+HqTKWBw7+1wfHV9w6GXWLAAYS0++nLMOh707BdiURB96wnOoZT3U5NAwoiQsH0/Paq/J1TGii1QwgTAAME6Mk3vgV2E/SwMwj0ApzsuQo7fbZ5F1/3SOhXPbPhZNNkq7Tj3ujrjyVTtr6+Gv3E7fz8OgBMJJmdT6Y3l3pIQnWZyZKGeVpSIjO/ONZ6unSziPvtaauz7EgfGdb1ETzfxVtyTo/X3m4K2yyORACDBeFT39HbGq6eA9j5FGIM0dSWR+/K2x85Hf8vNLmx/4PGmx9f7tvh4ufefC2XzztI+85r5tDkcF6bMh1NvUIIEZjc2CNY7Src/BqD7FpKR3xHCfNGVslqGlITW/Q1Jpp+/Qx2gpcEN9aKMvO9hO9+NKv2UwQmMYGFDxTmzwGnvlhkDD/DhPClIAmiRSxWlKXYp7I0LH6y73Mx/tnnI58MBMLBg+taObB1SKu0BzNVjHAOnVIfGaWvUJ9q6o1ztchK5Cao8JVI/2P3QeeG0LEFlsYcXneRAKzFC5zJyCz9tQRjDpeliVnsWYGxkcgbrMQYY1j2krbKSZbWXN8oHfUTQRGqwSFiwEOjelmQEf6MRAIuKcsSvDfMPyI9v00CKOvxIPv0SjPYNA5bPqlaSEoI0JzoHLRP+XHnwHqPINMatO3PMEC0kIO5ruiQyceKZezBLu2RmaqoeLAgMQnViz/NHBrCWAdSENIgVAVM7zIUJHDBONsSLqouY31h/UItErIOC+KU0cfVQ95L+qgZj7VvF52k2GvMcMwOoehTRJp1l82gkxWGtJWOND5wXbIGdUsk4OncGvGjcIzN7FVcXUUhbQWAYZhAAOtNePDvgvTqHwvlVlolnI6BgFyMTBebkFRXd1ECRGR4b6AlOM4+EIqiisFM8wiPi1OwBSCA9tFvRBSWhaDaHAVR60rXLNJkTfWXx8SQr48pfepfaD0YHKUlqwsR1ExEoxDlGAHRIkazfzVgjvq4+u4p7hEicsVXGbDvGaVETEI5dD1L9ZAEQsJotkmHik11VVtRGjJAJD/1TglIM6Yxq4mxiAqrMKg2u4cC/VrjtEJUX55W60vorOEwGEN3nH3e62Ni1jmXG2oY6SRfXM4Ze50ExlvzyRP+Rt55O/dJ58gLkh+hKICHMuiIPAVwrotHfhJSSO7nID1FvDKHD/XFrhO0yni12x8/pTnCSHXqxY5xn/VHQqlFHio0UtgswvM32qs+dW8mgWIr5c4ZhT3+hzpE3X4a3nvjneRf7B7o7Ifc/w2Tnb6V27cqLn5PuFjZw0i+wbidruSY4dgAlcMfkO3xOZltzmQPs+VW8xNcvI9KaE5J3SChc26pq3P9OUXR52k/2zOzDtyWR3UveureYiX8Owle8ftdYta5l8SMTQIkShhmIquitBhQNkgWG1SrIx/2/rDlkNZvqfz/Un2mwvybXO9gccObPGcwUW+Yr7344E29fN818zQ89mxVpp5aPfsiBiiaNHKum3LRJF07s+QMRPDaEF9wngtJ47rXJA+tIrt4dUYmyNY20OqwPT0hN+Vi6fpHdtdfcq+vbLE5z0CkNdla25HseaoiBCbT/nR1+/TbNu+jyWR/G/MTrF9oG3Og9jSHSosA7CsQoqU5Pe9X+4bQMWZwoUduKJSsdHnb86k+9D8bXbwiyaZRXp/+OPaxzVevQGu0lUtbx1SoEGLIRvx7V2K2Ywv4KL9tdb0QSiz7mwBhKGjwG5TIJU1JTp3s1ACgISYGo+SfQJQhxgD9c+gugodi0VOY3PkYrIE4pF6FIQYPkd1kiBiFP8lWEuWAJL1FclViiAREhEmBwcQghjTAIFrl1hyYyN+yvvDBFW/scffLQ3QufeRZXvWsTbhatbjaXxvunQFHIXxcBxcjHZwT/vXC7brqMedS6Zf8hUrtAXLV+uEQZQrhDxHC/KqeWnsjkNJZvfuAKL2ZoaRWjTN1jc0e1mSzLYTGa8/VagXtpekyp5ardM2dRgmYUmZpu8qTVoUT5eJilr3QJc3pBh8CkYzBDUsq5sg5jpDNsJZMYUrPpBG9jR2ntHQG79XvvUvapKyj4p6R0DeqzADn1uKQDbHNjieeJB5FcJ5+BtmH8cfRUZp84i8ybjMS2jsSWQ4mWjSRWRNKhLSFlVpPrQuNRatOXm5OQ1Ktry6dlqy5hJZHpMr5eQIAmX0zPTRcrGu6h1g1Pa9SLMOcTRCCFMjzastlcwE+D7PhCnpvHdYhgJpQYACg+mvvlHdmyXQcVV9/r7YDwb7Dmsqwx85ZReOFIecmFPI46I7yR05c+uBfvkcEszJkEKzx9IkmuDJBcFEHIcvMOpwrbJYe3rQSCqC6aWn2dWQQvH3s2m64MkGDhrcHIa8n0NeMHFgPq4ddPDB1DGOkGjF8R6w8jlbozFANOKHNGsxQqPpVcrTZEYaA2fWo9SG1IhhspOqoJKS00l52cFvJRogEGcm76PJ7F6EMJANqUSGqh9yDKizE0LGYwly0gWxAO7y15nFf4+qw56SS4U8qen7vKWRtCGQEq+5hR2mjzaMtOsw5zMQZ6N9sUiEZwIzSJjCvMGXN65vLMBqMroWtn8hVshWTZpqTbD39nvzcSNw3AJEd1q2X4MMq+xnVg2QRtGZt2LAYmC3Z8SgX/J3tk/uhRrCiICQxF1PIOp/vt5bWIV0RnP77CHiGr9L4uVgW0e4IQwpDFh7ZMFGU4+timb06YykxObD4SdJRbZJH8c2kMJuWDbqWhPVM+YaYhsQ4hzdxuuAvvtHFIbE+Otl7YPIZQnz5gmgackQDxtn3Ip48QYB6DWGSgraOf62RAYcfbgwQPx6gnmL+ZJ6i0q23R5b+FLiLHKTv7KUi96StUiOiH2GUXnd7uca/nhVq1m8WmrXbYeVx/SnCKX1x3HEVe2HKEZyDnQMOLk1zK2gxJ7ZJ24jmLQU+noI5Dr84daaBH6K98Js34Xs/5LKbkUEAtBeKfY6b4EYjbCNsE9kmFxAH3wTfmPFlyQJKuoUMfjAZyGZrk4JZvUsiEBrEqu0rnbGb0EWx2QSHLLYHG8QWFrvEZJiZDglSerghPahQrVorRvUEcm3WWZOul9SbrNf1c7i8rBlUNGom6yl15nF52l50NLpX+1TbvnuQ27W+y2TYDnUHViYuMe+VqgVGWkk6wTsl4Ff5PI/F0Pxzrr490RD5Ruq8oxVNZ65UHN40L/UGORry7bENPLcY8pDP+xWsC22zbzuKHFWsc1unV6LjUSp9qV6FUrupEdcsSy2vIbK9MacJpzDFmFOE0xiTC37wBL6uroc+rmJUpuNEih2FiJSq+epmGnP0NCRas3pWrYHV10N5kIZM4wLiYBpYnkuecxJUugRKhJJKS5MgxkqjeyuxdAmwv8BLIZW6K580XuatoiZd8kvIiWYyfY+EecU6rUZIcA+j3TbNQySbDexdO2KGmCeM/T1QsUku/8EAEPhrm7mQNJWT6p4ugnhvQKGwYTPg0qVOvW9+pSr7vv+9FBbOy+2KCCtmqiQeYTHdi81oZtaXko79THeU4xnzQ493OBJVtnsSMGAZ+VuCVY1FLc+yNlwllwXLBKcldnsA66ZtAeZqTxUFVXoj9SyGixm9OY++krFvvXxFkP7Dmt0pp+0gWQR2we/dge+3uHt3u+Dp9+8y5f07XbwW+PB5+BZ4MzNa4KDmDRAtcH1oNpnlkzVt9bHL8maaj3m88ak5B3CwDbZr0tyQ4vf4+ZO7+fzRJ+biZTu5X7F4Oh4bjcXRcdiD8rv7Aex5P3nKOZmyKcQbvmjdGamf4zJD6472ZY6+wUrO5c9ynjzdJwy2YEK0KyB9zdr0wCFAYa2U9vYFrYSJiH6X+jvkB5bPqUpKYA2bNzbASm4P/WL76ebCwEMNk41LJJpQyarkZJZ56fjjpEzT25Ofs7bPd5Zo+PxKUCHjT285Wpzv57LlS/VrdZK4MokTxenOBYIjdUibCB+q01MxBL9khuoKjBniZ34u9Il45RfZNuyVrIdmOL+n4hV6/ZDpWe/bzwNut1S/ntz76mu/22DqqyWXjrz+2hl4K2XPpT3fv+4PGNEAf5aCGkBFHH358mgTwlVtl9thN65gDe8xBt9hXyaqndyOEiGC60I3pF6UNzHNP80h8ViXSDanm5OAeOw0OTTQ3r4scmoym0h0SOGkMl/Nf8VMFcTquPXH4a+uInYDDeUzZergu99cPc48CLt9CrYRgficIB+3TiH/QRtI7ehhdDvJgAaDH7fu6AGljDpILQMA6qjHuYNgFIDwNdYg6xoJQEZMF1f7GpCh7Y7z1P2oS9xgUYGEwr+qzn7IXWgTK8+SM3bOEyzKw1za/DxcsiKuCHvMYyzZz9yWSY/zS0z9y/0ICRx4ipvF77OYtHCzHLV0o277sDNWM9gurKFD0mHASnaD7cLP/oNsszVMTrY1szGNDycMdFAbNPXy7K5DihV3gA4xVtrBR6ayZBGHw6Lz+/RCWS/VI6OiFEDReUg98y5JKoVxp+uZRwhetq7EjpqPYlceRGCSbIQNDV0aaaNh1IBxQQcRExMI0EFDNCD2IwUFbVqAaizwqhpRQNuWNJGbcIBT29ysMzcxuuZmSIOwPviTJ/C+AGJkMgXgrBMImuji5h4JAuFE2o5Jd7lgcnvahO4XupjeBCRZ/hHwxlOnGo3gnglvZNpXyW1BK1cGtSV3dfUj3rxBTOqfnHfpgoULzhQsa2hB+qsFF99d/3MCMUF5wJ04cXSZ9BNfmZuggX1NXpSa9ZmjDS2JlM0IyusYQTeyuel+x5LESsEpdmCMfxx2KDQiIuwMPt7vRxgQsHFZCPt3ioEd6ujfL1pqZ1GWKSK/UAEhesRmJJoAbFPQBtTFYYKJE2tbUTj/cDLkLI76eoVWGkRAfOILrrqXFVzGPyYMZthkDBIek1xSLagvVnzZabP5caxZThws1kZdbw4s/boW+MHc9wsM8Ax05WQw9O+tFWlwg2BBZ1ysbRq6vEegfvgeyWWoirTHjYutM2xjY/vB+BYWc9tnKePkHj5eGJHMSLT0DUcqVYXok9HNGWpHKWbLwuVNvE2ixJU7E0vj2AUCy6jXU7ns3PmDChsIgaPRALIpELY/AR3a3cp/Ur5mZ6j88sa0UlYYtIHX3CwacCPZyCsspDVKncvUFQCsxL15sYUb8RtjNHtzDu7JidVsZGwc6r15CRl3Bj4fVJ8YmDmcpQdB2sEDf6cpDlpcAPXiuMWLCfJ4JhbEqbPC48J8fThYfkrLvrJ5UwT2lwXh6+3Dxm1YnxF+JgyzabPz5Rsl5YC4CGxfAHYMHnxcFTIsVNu3FRZyOt9rt4VhJeVT9mFnRn1Hzyj0sxWSCOy2pe/72UVFdIO/4O+E6iXdF0CcX6GZzIpnlxP1JrnGC5sd5c+Ldfd3AZ3Q1A0+nm7FYcb7auKzXabLnn0IR8Wsf8O0G7mwfAPjLXdPyM9Bao1LyE6lqyR3XtLpDuM37C6O9gyxm1Rw4n33Odt4kCwJLyHaBm0PDJaIdoz6emi985Py5YeQPiWMZ3P49BM2J9LxWkm8WIvPOGFNCuKggp4DPQLRame9N4HgPcLXjizXUVZabvsVKgsAnGOqo4ws52v9+HW3tjag6wnGAWo9sb7hgd5D7/IxFXg9Zt/uyPQuv91ZpACF8A8RvT/c7vjtLNjfDpWXQ5sJg5fBZrPN585FUYLLg6GbiQef3+g+iJqYQB3svvH8IBE6ehTvddf7bnH4OQC32GNjqyxnEbqnT6nMO38mcguWL0aSBLo17S9Rvk+4HTYyApu03REmuyMAlxgSrLM0sWUqVc+N/Wl7j+oQOqCx1GFfex9VKO54E86eBd2fVtHGBCs7bWv4oa1K5xGNWZxrMHFz95MCSbbDsiUczbw7CTb29miCgbTp/V/YUNt4VlPdKsSMYJXC3WMX4hiKiyJs5UWyreAsol2lz4qISuel6YxMz1/v4wrAkFw77TJlrgbFy6MsjHyjhSNIK65LphJO19jWnCaoqIWrQaqjRR+/zyJZcIG++5743m5gEp9GfPqEMDrtiAaMs++BP3oEB/UYwiTfFO5cVVJiKil12qN2c3dqSbAwF1boufqyxZzGXU7cmKCsD/i3/im53JDEUO4ixQNnnP+zqCU7hENCUHFampwsnUtmKr8rwsIUc2HM8FwtL27kovdudZi2eYF8i9PFW7E8O3lpShgIBsUJx7yMEgE6gsajxYTRUKudUzri43H7nfdjGpv3igZ6dwlmYFrYjOA7dY19c/jqH3xERLjiuyIiAq5Njw78gvVzHP+g3dy7CX5pBL4pXFydnV0tbkoQXBzD4RtHLm2+SMlzyGOFO1PoHrbA1vaubewRVDNdozlH/cL38b3JSvI0SUnyRu+7VR2N5rgUO5aI1S5m+6jgENabZHSYBgbgbUtG+IWbpbmkMNwTW7gWqhrst3ByZZ4zz1niSaxkGpm/OZxlqqQDkkzasr28b1rAVAlFqYsSJIsVUGEhFA8pdgoFhx/u5BypcI6AF/6cUukASZXJgM7SgL6cvP5LBuA1YB98fBzetM/5fcIG2MmTMFADECbrSmBB1XFXcVZxdWcSkavh5g9R8w+Y+/hA1oy2VEkKJ4eRw7dsWtUCtD3oKnSPFqY1oH530y5JLp6L6j0VZMI2id2aKEb8xD50kO6o4MWM3OS5pOYuBA0iBVwdgUo+wtve/HUMHsAyeBvcwMYNFjKcoPL/EfUqarlt2ItYfzczoU/Vr65n+Lc2B3TCxk/AG+D14yc7YbsBn4TXB4pK377W06XfYl2sEc7HdORwZhhznVpk5QHhA+x/Y+EFp+VbrgL5iLK7z2uPvafZFX+W+OnDbsswmGgF3d0XtfhZHXjWCoFUF4UQis3SREIB9Ahiha4JaeTt+Fye+pww0w/KWFGZCiH4ykooAy3MPKfmLcKvk3txQQPvMA+WpatVQ7nRkCK3sP0E8YKG45WQ1FEaDeUWzhbzHDlBfGYfofiqync7eV7RmLNUlb5JZZPX3MmzGG9QunB1Gn31a4GPMNF8DibckKVRkOERsW/cfV71wLQ03z+5m19ueeVIb5VaoFq2QQAILxyMJN8FlqKivSgdVXOmDZjmdhPDVjvjOLPzz3O8c8CE+vB012iuD5jbWuutydble/ZNOk1Tnnvs+ZsGDLVADNgGiUF0XMLqI4mRUZG7Dvudi3SUbiTHm8eVZ/4rFjAYLY4SL90Y6XjOj5/iEd9nkW2duX1lLpQD7VhplXl3UuP6UjziwAc6vhAMaApOX09QdSE4iHjQIaB4oWMnAdDBH4Q2R24rSEUd/ZBzzk9huTnmWpbIfwkIXiiMJXaERHaq/RSchMUeBXEzGiFkSaskNmLYGCnPPvj0lioD3bHzlxGKHJcMLynPwGsEa91pVtEbLUPKs1aKs6OYCmG0N255lFtwjD6Y6d5Ayz8eA4NRaa0DA87jtCZs6LF28y9//EGbETIFWdXRlmLoSLixWDePeDXAegN9lyRl/wIQlea8H2aAHscJNw2jSAq0DoXS0qDQAGLUgHHBC6GaGgi00BAm0W0LdgpnDG1podKjhqPo1JM8FM5wkkoW8CRbGcXDJkojG9a8URTdnbKlpcgJmEpJHKKKyLZnx2PkEFk0oYBJ4jDY4OEOTRq9y8IbTZjDq1C5rSo15xpBP24OUcKfulqpBO/NbA6452cGU9+7goFr/GQ+9XrwcHCd9vGsg1G+h3+yc7EL//iDAqvDioFPl4+wtDRUrT7DCLfbdQftaN9rXzrVQCylm8rIEgcJeSJOlPG+EBIuYgLBlSDAj38V8T2McHzvGq+Ph4cqpsEPJ0V874O9naFk9IKUNfHuEiWjZ3HvcPK0fTPtu24HmCdCshG6yJpkXaRqyEi+EHcxBEpNhUIuJmiHEOgis360jJk51erbIxQlW0kZweaACNdnAGDzZOkENMHH/q//6BjhrdPrF4uXpShr+lc2YVcTzZaH/LTJmfP8W1JHct893+iZ87yTYBdMDmX2zt/t4ZGIJEP5nmf7bH6Uc4YqeT6hFYULBenxQ+qoxaLowJOefQHkMlEZKfbwsmV7cOsxudqiu8tvW8yx5T791I/tBmGuDXgT+G/U+L8XJ+C0bd06IzHfYWidV/7/kNFEl5qMQ/9/IYemNEQjUHRlj621SR122Vat/nqx/tqzWfR/+pnfxof1wL0bZcXMOy42S/TeN9CpgUAi0D4iTmwua0Vt81h0e79PqsIv04bwCJlsXQ+dy/Hc51CwTorelcSoPe95Mgmx0yP99yVzFqH24x7tiFwZbTzm28HxJfP+SQiMkDtGycb2smLnHZdsKAzY8UfnVGaKPhj6cfPXYlkrplWouTXgq06Yl2NDfGSRYr0JuvZA2MYZXpP4colMuDk7I6sqtGLbQkVqulE4WBDCFLlilcMIofs1z40Lkw/cj+3xcKihCMyenA1WHfDu7faKzAwxD/PteZZjnEgW7zQTsIspHm+FbysllVvkJL+paj2i3XvJPA1pk73cstJ3oTgmTmiMFXnF+JzCIT4fJ/KRR+oRp92F1zsaLMzPxGpubQzGIs54NB1q8lTQHOZLncMeVu+9A+X8el/OMcY6ckLZUaD8DnDq0tfWNptM6mSp74/TbRusKdZt5ubj128r4pKRph7cjl6kOl2tbl+/rjc5OT25t9fFpRf8cdm6wrpcUCHtRVgjeqUV5mfh1vCz3YI+KKOyMgMKoArKkAvkUGRmZhQEwNsAFLn1R9vudVpv7brdbXHYSfNJrAbWl205OD3iHpN5rwnhmYh7TAIiUTFsyxbYpOKJaECsXJePMaVRCfxI8c1SSKUC0gBqleZkMuX6EAUC7x9SHmKmL8LPrP+gGXSi+E87zukCoD9esF7lr3czo+nv2n/5DHjYTd+6Ns1v+bmM1ngQiS1H3UYtxcTi37hbLBXljJh/eXVPBwSFdulMPguVPLO3YzabBTPdRV7RblsMNTdDxVCRxRXDimBIqBhWUa6hS5QgmEkPw1KqICkUrFQC8TH9qrFR/CX86JgrdEVgR7GXwpRVUJZSgAaqhSLTF4ZBoc9YCCJrIQ1HBdXCChs358MG0IIVHjtMVFLyoR5Iw9Zg3PJBXo1RYqzo/Plz48dDJ4KDe06Y3YRm8cphybASPwvd3OBNo8FhZfdVBcN5jPJMD+UFIg37GpsN2E7ZaD27nTIOIhyAUsQ2n9JV7D0luwAnOAMb5wILsVgK5sQOEtJ9R1KYQxjJcVOWgCnzKoJIRDRddUQDxvkfg79+DQcdM4RJxlxl3lQnda54YvVb6APWwcEmtKilYft+4HlwgcfiM4gvn98DgmWeQTgBI1xWt52X7GhKWa4RnOS9f5WmiPdYd9StORZ5l8m824ScCCSP065vhEsl9JJLBESfS99Hc9cGdnZanHUxuuxH2NrGaLCbtmtgRATEm6bjAyIYOkZZSEnRFLBM74Q9ZXo4n/CCsHg4tYnQ2LatbXK4zP6Fvc5K9DNjYebe919Ai1rmKBMp5I5jPQ4y+54xR3v5khENGg53q2yro+yU7MFWefHJEpkf6ikDYRvYZt8DTl6W1cFOdBH1WH3zxWq7GqublfzyMAvBlo87W8232xjvw3YmBLQsXdoSsCLq6j4dK8/+etWRM5lbI+vRM6V7HjCQ4qrfzHdGARMlfc+1w+QOx1OncrAnoyb6yEe2jmYc//LxDn07feTD+e+AYOhMVlTJjBmxL3BSHQ5WhISV1YfpVoRGFENbmmHLGCAVR4gSPYXK7ARxolhIo4GaYiwG1n53ir6fvB3jdgTsSk1pVcMlEvPSwlPnim+CiRNjiYkEQqWM0erAyKmG+f5aof/L5NwJ2VYHMDUNQuowoxgXx1YJQraO9djLx0lVEiUveeAczHMKi82SYEdn9e7NYSKeCGbu0Di/gX9qg+m0YLOxoAWMi/gnMYFIKPYPnUUgWh8Hz7P3lvumJOjBLsWoEVyqyqomu5YsXV7siqvMMcvzF+VWEzy0y5aXemLQXcuuIHA4RNMVR5hMC3pNUC7KN9I9Oi6+Clnbs3J76+oKFLRmEWHbAtd8liIl1otaxtVRk2qKXDXMeE1QFF7hqpq9eWUpVQITqeJQODR80YYw7yw4dRVtMVkGYwDU+vhUtRL3mIz3AHbOUVLIRe5oXVEVI0oGYfjH1GMeVJjdixfMEC4+UZY0ObwWIsjIhB3c7Yg7t5EsFvIO8jbZbYIMAVAR1vx+Dg77H3EBcZH55+Dnsegi4kIg4FDbhcrf8RqdcX3OCA4vQOfnozrSDiM7rqMz3nyBUPlDVg10tk3jb+fFqU3oYL0B6QhM4+dd9Cp21o/6+tGt/NF6r2CUv5XWNdqwbdqO8oHJ1ITkSjP3Shf8+FGevDIh/UaogOCctlRWePcc/QrzCl1woaUPagJUoN9o1RKZd+tMd7fB0VMOU0aAEnJL5FBW8vwk4G/pD5I8hllyKLcESiAwZUAEYx9Zl7fe9rugkz3DLvIuws/gy426e4fMrWasbC0nrZ/aDPz53xArjgM66/Nlzl7m3k55C+mTVxG4vG5BfQBT7yZSUdExGd81WpUg4VgYpFZD2zHwMQwTD+Nu+N7AM8ZGCYTR71j9v6w/RPAiFBO8CUVFnd6dLfc3nH28e5Ky5O/caJ5nqlhWjKuOlEe6vp1O5CYGDPLpdgQEAh92DJh54Sgoh6j7UcHZ23O387qexUbkOGfAKeCTA+B9ZMPMYHFx8CxZBn/C8BnZhE69yjnG8nvuSYwHLbyLuXZ4KEIVGmlGCU7MsfvlOW2zIMlM6C3EOIc6RWAmhbH+CQBSoG0iq+9Z4T4RtPGldqt5CU7dzCayihpPVZG9tY6oeDRX26RIjFobe9hqKgm+CeSV/Wl52Lw2huuGm8XZ4suHtUPrsrHf11tMhaz//W9bbrSbtb0jtix4cPP+fqfXos/ini6pjGkXnaDXDw929qHc9k23+3bZRjpBSYVL4qEATggoCecQPbFzZAcwsX7kxm8XVcO6u2FN1RNhMqe2oHrcrOUsbj/OFKr/t/wfB0zZowgSCTEaQIwaMM57ADE9jQANGMIksqf1jxiQlwfFBBiYEosHdIDHCkNDYbCyCzCJiaN11me3e8aHK1UDmLsX8DggwN1NF8vcjZfnMte9XBb4LnCx+tHc4nr1EeVhcMOyrJmCKQgIaMidCzCU5rLBgMHy0K5LK2gtAIsTy4rYYAVWFknobgyF3mrDPlaiKc3vBiUdjg92t3Yfnwv0CFSwAjxC68C8aD8AI7QP/IC3AX71KhzU5giDAcgA5Vq0rPm7RbWrn97PVXpscxoxIXyzjPeBVczVpoeUJe+oZRd/kPNe8D+uM0NDqdTKZLF6fgRgwvUfjRqwfFyX7S9fDD9xWWL85AbjXYEA7trHpHDApoZUwexzoTZwy6guqnGCMm4DVZ/dwaUPqMCtZNUWCdxIxy3b2QtciwpkFPXAJDgF//gRfirAMDKZs/1SV9ZNMApgjT7u/342a1kl++rDa9f+39s7u9aj2eOU/xvxLauV0XXzW7eku7EKFDTMjOkIvxBWjR0nrwqk+2dKTPqFJJqamRIRfyGKp3atPlaNS0L0IRNxPpj71KNU1tGjNYeBCV9ViGncBhX+5kW3sGy9PhuWBavTQ9lHEajwvWMhpmoc29yCvYptaY42pNazz99cqsqJ4zh+pMwlWe6iMrdxEPKtPM+ShofDxxEdkQoqFzEORzBQxbhwJubMhWqgZKko1ReGYoYuqMgaVt4c6ibtblKsg5KiYimB8sKZWIlN5/JYGnJTf6+G3U/OY+eB6MSrIpt+iq31PWtbyoCNyHqA6fvFimvnG+5R/8WDKYCbhd31AKevEK+TroDJef3ryD1G2HoSmyEiwZYbDMubYI6ogNNosPWv4ZPVP7snThnfIVCRKLSzcignB5KjEhSRg3AfZ05AQ7JHAUy1S+yf28xjz5OdLpUbW11at/hb2fQf8pRICk571tW61ta6pCajllcXg8xVrvEb41xXaqK9SvgH5ampqPt+97VduzaeXM81SWflA3KM2CLqV58q2EpavNVvQd3DjLooUGvyPoOf/9erz/1vVTsMoMZt4w4A/44toO7rhgagPvqDHaAuO81XlL2Ys/4V2JDp8lnO450rvHFyk8gTu4UlG13gDwD/DW7njNmvy5lwQlX9pCMwwRVAhtDz1aQuHOerhjaDN3awIA++109lOTj7ifiTV+OrK0ROFw/Zk3/opWy5M+mAqniqg+iq+1d3dRuNX4i8RwLdAXDV5EYvmt2iyGDRi0kAAI8deGoiZxP1a92ElOodBlWG6DwXYgvnq3p+aZeHFi5t10Fv1yIAuRj4Vw1izTYsdhANR0B3VzJ6XbK5nLN09S5Q5ugHEj2cXik59BBtS1H1O0zJavvoCZevwDYs3eGlRTlap2TgoQdMUAV9eldMfQb7vYDvsJF4MwcvAf5Xe+ZEKSuBf2nDF42p6HdcqPZ6LIesTUyP7ii1JXbq0aY41w2slZFoCPzPNpLgFVtH2ihvYyPX6kKOrLIXEDa9XHArb1LA2xCHAN7Vr/ui/RTb/SiUvo+h/vUJ+F9m+jB9ifS940HxOvvBd/+2witNJpTCzspvE4W/4c5/wOEh3E1+7zRDAL3Wk+cZwNi/E+B/zA2uPVwD6k4ax4Dk6P5sg0I/2yGx5DiUd3bCcYUG1RswFqjzMPcEjQYcNBgDAJ3y3dkQrK6zYYiOAPzhUCMgcOjI2UiW/gYzHPrsbCyV2Z3E4Q0IP0IvuyFktMN4G8gITzlD7miSlP6i0wDRIVGr/zEmEh7ePAT8mj/IGNWmSJt7z3kapijL8LuBPcMQZFijzGjys895/fbiqRG18WxkuevkiJDRDuMtviQZ4cnL3fXBkuR/+b/oNEAkVan1PxKc+7LCw9vza5n8h3P5iG3G0+bes29NQ7h1lGX4bQQggQBnWMWtZjT52St467cX/+YmWf48GHW5vAC4Ht7sPYO9XKFU00BDjX47+AuimeZaaPl6i5KsqJpumJbtuJ4fhFGcpFlelFXdtF0/jNO8rNt+nNf9fL4beACSrKiabpiW7bjez3ON8LcUp03SLC/Kqv5ux8Hd9cM4zct6Ol+ut/vj+Xp/vtvvr6n0bjYy2CxoyRBjmbKYUzkiGN8k49FqwDpHmCYyZVgiEULhaMqPo6amVsxEhKU0oUbbzagULLErDIRQZ9FIaWl0GSOGAOUhCWztEUL2t6KtKXJlMWDGYg2aduqjJHzyEoJc+oyUHLLll1btgqxPxkPu0+EJIRp/gBfRyALTNk+lWcZdUr5GmShg5Q03wgvattBcj9ch5IxxNTGG5RQx+YqgHNs3NrcyGcgkfDAezQltx2Ytv0M2vtCEsRsxhC4aTdJTZIPHQUUlPuEi+QWs7nnUdHNdsMbrGoC4pVZxh67uF4lD7lCD6yAj7LC6YH83LdIF1nqSqG2jLVcvjHtzqH0igZzPvQ0V66VwolnYzRR0txBw8lHzFaicdQSpPzxNE6LTKfAEhZULP+haxkbCRcAp17nyjmaC4kZW21mDYV8q+pkweVGmV0m7ZkEVnkagKmtzseoElFQew4QigL09LsBFxn+rb4pGWLWFjg9j11yAE6ilI4FAutQR5p7hcQKd9kMewuweTrpPUjDdoFIrUJUWV6T+yJ6Je3hkO2KrghsxiaeVyio50ccrwf21TLaEw3HoIg74WsU+a9cQzHVcQ83plKdykaaSTlcRO1gukjxlpdPqnoaZNCK3tWna11yknrU/ayuejOpRAXZ7X246k/F6wzcQnrfYO2H3oVLkHs+kU0CsH7gM9HUTV58WB51U1ktbiaKERc35hq29wyZHRqqTyvnw2KOiofKmN8R7pxK25LGyOBTyp6l3Nrc/qXC8X136TcKm2owEciZ2dwEAAA==") format('woff2'),url(//at.alicdn.com/t/font_916585_qfshouvhwr.woff?t=1561021091024) format('woff'),url(//at.alicdn.com/t/font_916585_qfshouvhwr.ttf?t=1561021091024) format('truetype'),url(//at.alicdn.com/t/font_916585_qfshouvhwr.svg?t=1561021091024#iboss) format('svg')
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jconfirm .jquery-clear {
    clear: both
}

.jconfirm.rtl {
    direction: rtl
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ipt-industry {
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prop-ios .title {
    padding: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pop-feedback a {
    color: inherit
}

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

.pop-feedback .tips {
    position: static
}

.pop-feedback .dialog-container {
    margin: -275px 0 0 -265px
}

.pop-feedback .dialog-title .title {
    padding: 26px 0 16px 30px!important;
    color: #62687a!important;
    font-size: 18px!important;
    border: none;
    font-weight: 400
}

.pop-feedback .dialog-title .tips {
    color: #fc6c38;
    font-size: 13px
}

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

.pop-feedback .dialog-con {
    width: 470px;
    padding: 0 30px!important
}

.pop-feedback .dialog-con span:last-child {
    display: block;
    line-height: 17px;
    margin-top: 4px
}

.pop-feedback .sub-title {
    float: left;
    width: 70px;
    margin-right: 10px;
    color: #62687a;
    text-align: left
}

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

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

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

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

.pop-feedback .upload .upload-tips {
    color: #9fa3af
}

.pop-feedback .upload .upload-pics {
    margin-top: 10px;
    font-size: 0;
    line-height: 108px
}

.pop-feedback .upload .upload-pic {
    display: inline-block;
    position: relative;
    z-index: 6;
    width: 108px;
    height: 108px;
    margin-right: 15px;
    border: 1px solid #e3e7ed;
    background: url(../images/icon-add.png) no-repeat center/20px;
    cursor: pointer;
    text-align: center
}

.pop-feedback .upload .upload-pic img {
    max-width: 100%;
    max-height: 100%;
    background-color: #fff;
    vertical-align: middle
}

.pop-feedback .upload .upload-pic .remove-pic {
    position: absolute;
    z-index: 7;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-close.png) no-repeat 0 0/100% auto
}

.pop-feedback .upload .upload-pic:hover .remove-pic {
    background-position: 0 -32px
}

.pop-feedback .upload .upload-pic-btn-wrapper {
    display: inline-block;
    position: relative;
    z-index: 6;
    width: 108px;
    height: 108px;
    border: 1px solid #e3e7ed;
    background: #fff url(../images/icon-add.png) no-repeat center/20px;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden
}

.pop-feedback .upload .upload-pic-btn {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 200%;
    background: 0 0;
    opacity: 0;
    cursor: pointer
}

.upload-complate .dialog-container {
    margin: -227px 0 0 -189px
}

.pop-feedback .verify-box .sub-content {
    font-size: 0
}

.pop-feedback .verify-box input {
    width: 241px;
    min-width: 212px;
    height: 32px;
    padding: 0 0 0 40px;
    border: 1px solid #eee;
    background: url(../images/icons-sign.png) 11px -39px no-repeat
}

.pop-feedback .verify-box img {
    width: 102px;
    height: 32px;
    border: 1px solid #eee;
    border-left: none;
    vertical-align: middle
}

.pop-feedback .dialog-footer {
    margin-top: 0;
    padding-bottom: 30px;
    margin-right: 30px
}

.pop-feedback .dialog-footer .btn-sure {
    color: #fff
}

.pop-feedback input:focus,.pop-feedback textarea:focus {
    box-shadow: 0 1px 3px rgba(93,213,200,.4);
    border-color: #00d7c6
}

.dialog-footer .btns .btn-outline:hover {
    height: 30px
}

.dialog-report-type-list .dialog-container {
    margin: 0;
    transform: translate(-50%,-50%);
    width: 660px
}

.dialog-report-type-list .dialog-title .title {
    padding: 30px 40px 0;
    font-size: 18px;
    font-weight: 500;
    color: rgba(68,77,98,1)
}

.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 40px;
    font-weight: 400;
    cursor: pointer
}

.dialog-report-type-list .dialog-con .type-list .type-item:hover {
    background: rgba(242,245,249,1)
}

.dialog-report-type-list .dialog-con .type-list .type-item .type-item-inner {
    border-bottom: 1px solid #e2e4ec;
    height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    position: relative
}

.dialog-report-type-list .dialog-con .type-list .type-item:last-child .type-item-inner {
    border: none
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .first-title {
    font-size: 14px;
    color: rgba(65,74,96,1)
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .second-title {
    font-size: 12px;
    color: rgba(141,146,161,1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 560px
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .right-icon {
    position: absolute;
    right: 0;
    top: 26px;
    width: 9px;
    height: 16px;
    background: url(../images/icon-to-right@2x.png) no-repeat;
    background-size: contain
}

.pop-report .dialog-container {
    margin: 0;
    width: 660px;
    transform: translate(-50%,-50%)
}

.pop-report .dialog-con {
    padding: 24px 40px 0
}

.pop-report .dialog-con .prop-inner .my-title {
    display: flex;
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(68,77,98,1);
    align-items: center
}

.pop-report .dialog-con .prop-inner .my-title .back-to-first {
    width: 9px;
    height: 16px;
    background: url(../images/icon-to-right@2x.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    transform: rotate(180deg)
}

.pop-report .dialog-con .prop-inner .my-title .title-text {
    margin-left: 10px
}

.pop-report .dialog-footer {
    padding: 0 30px 30px 0;
    margin-top: 0
}

.pop-report .dialog-footer .btn-sure {
    color: #fff
}

.pop-report .form-row+.form-row {
    margin-top: 20px
}

.pop-report .form-row-choice+.form-row {
    margin-top: 10px
}

.pop-report .form-row .t {
    float: left;
    font-size: 14px;
    width: 130px
}

.pop-report .form-row .t-pic {
    margin-top: 30px
}

.pop-report .form-row .require-icon {
    color: red
}

.pop-report .form-row .multiple-t-warp {
    position: relative
}

.pop-report .form-row .report-first-title {
    font-size: 14px;
    font-weight: 400;
    color: rgba(65,74,96,1)
}

.pop-report .form-row dd {
    display: inline-block
}

.pop-report .ipt-wrap {
    display: block;
    margin-left: 70px
}

.pop-report .ipt-wrap .ipt {
    padding-right: 0
}

.pop-report textarea {
    height: 94px;
    padding: 12px 18px;
    min-width: 430px;
    border: 1px solid #e3e7ed;
    resize: none;
    display: block;
    color: #414a60
}

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

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

.pop-report textarea:-moz-placeholder {
    color: #9fa3af
}

.pop-report textarea::-moz-placeholder {
    color: #9fa3af
}

.pop-report .report-second-title-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.pop-report .report-second-title-list .second-title {
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(248,248,248,1);
    border-radius: 2px;
    padding: 0 15px;
    cursor: pointer;
    margin: 0 10px 10px 0;
    border: 1px solid rgba(248,248,248,1);
    color: rgba(97,104,124,1)
}

.pop-report .report-second-title-list .second-title:hover {
    background: rgba(229,248,247,1);
    color: rgba(97,104,124,1);
    border-color: rgba(229,248,247,1)
}

.pop-report .report-second-title-list .second-title.active {
    background: rgba(229,248,247,1);
    color: #D55D5D;
    border-color: #D55D5D;
}

.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;
    top: 89px;
    right: 0
}

.pop-report .text-error {
    display: block;
    color: #fc6c38;
    font-size: 12px;
    height: 20px;
    position: absolute;
    padding-left: 130px
}

.pop-report .pic-error {
    padding-left: 0
}

.pop-report a {
    color: inherit
}

.pop-report .upload {
    display: inline-block;
    color: #D55D5D;
    margin-bottom: 12px;
    position: relative
}

.pop-report .upload a {
    position: absolute;
    z-index: 1;
    font-style: normal;
    color: #D55D5D;
    left: 7px;
    top: 44px
}

.pop-report .upload .upload-btn {
    width: 70px;
    height: 80px;
    position: relative;
    display: inline-block;
    border: 1px solid rgba(22,195,177,1);
    cursor: pointer;
    margin-bottom: 10px
}

.pop-report .upload .upload-btn .icon-plus {
    position: absolute;
    left: 24px;
    top: 19px;
    width: 20px;
    height: 20px;
    background: url(../images/icon-plus@2x.png) no-repeat;
    background-size: contain;
    display: inline-block
}

.pop-report .upload .upload-btn:hover {
    background: rgba(229,248,247,1)
}

.pop-report .upload a .icon-toast-loading {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-toast-loading.png) center center no-repeat;
    -webkit-animation: rotate .8s infinite linear;
    animation: rotate .8s infinite linear
}

.pop-report .upload a:hover {
    color: #55cbc4
}

.pop-report .upload input {
    position: absolute;
    left: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
    width: 70px;
    height: 80px;
    display: inline-block;
    background: red
}

.pop-report .preview {
    width: 450px
}

.pop-report .preview ul {
    display: flex;
    width: 450px;
    flex-wrap: wrap
}

.pop-report .preview li {
    position: relative;
    width: 70px;
    height: 80px;
    margin: 0 10px 10px 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(../images/icon-close.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100%
}

.pop-report .preview .link-close:hover {
    background-position: 0 -40px
}

.pop-report .preview img {
    width: 70px;
    max-height: 80px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pop-report .verify-box {
    font-size: 0;
    vertical-align: middle
}

.pop-report .verify-box input {
    height: 32px;
    padding: 0;
    min-width: 305px;
    border: 1px solid #eee;
    padding-left: 40px;
    color: #414a60;
    background: url(../images/icons-sign.png) 11px -39px no-repeat
}

.pop-report .verify-box img {
    width: 102px;
    height: 32px;
    border: 1px solid #eee;
    border-left: none;
    vertical-align: middle
}

.pop-report span {
    color: #9fa3b0
}

.pop-report input:focus,.pop-report textarea:focus {
    box-shadow: 0 1px 3px rgba(93,213,200,.4);
    border-color: #00d7c6
}

.pop-report .dialog-con span:last-child {
    display: inline-block;
    line-height: 17px;
    margin-top: 4px
}

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

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

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

.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: #D55D5D;
    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: #D55D5D;
    background-color: #fff;
    border: 1px solid #D55D5D
}

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

.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: #D55D5D;
    text-decoration: underline
}

.fl {
    float: left
}

.fr {
    float: right
}

.pay-active-list {
    padding-top: 4px
}

.pay-active-list li {
    overflow: hidden;
    font-size: 12px;
    padding: 4px 0;
    line-height: 20px
}

.pay-active-list .tag-desc {
    float: left;
    color: #fe7f7d;
    font-style: normal;
    padding: 0 8px;
    margin-right: 10px;
    background: #ffeeef
}

.pay-active-list .amount-desc {
    float: right;
    font-size: 14px
}

.pay-active-list .discount-desc {
    overflow: hidden;
    color: #8d92a1;
    padding: 0 20px 0 0
}

.datetimepicker {
    display: none;
    width: 284px;
    height: 294px;
    padding: 5px 10px;
    position: absolute;
    position: absolute;
    background: #fff;
    border: 1px solid #f2f2f2;
    font-size: 12px;
    box-shadow: 0 0 14px rgba(0,0,0,.11)
}

.table-condensed {
    width: 100%
}

.table-condensed tr {
    line-height: 30px
}

.table-condensed th.dow {
    font-size: 15px;
    color: #d2d6e2;
    font-weight: 400
}

.table-condensed td {
    text-align: center
}

.datetimepicker-days .table-condensed td {
    cursor: pointer;
    padding-bottom: 2px
}

.datetimepicker-days .table-condensed td em {
    display: inline-block;
    font-style: normal;
    line-height: 36px;
    min-width: 36px;
    font-size: 14px
}

.table-condensed td span {
    text-align: center;
    width: 55px;
    float: left;
    margin: 20px 8px;
    cursor: pointer
}

.table-condensed td span:hover {
    background: #f2f5f9;
    border-radius: 2px;
    transition: all .2s
}

.table-condensed td span.active {
    color: #fff;
    border-radius: 2px;
    background: #fa6a43
}

.table-condensed td span.active:hover {
    background: #fc7c5a
}

.datetimepicker-days .table-condensed td:hover em {
    background: #f2f5f9
}

.datetimepicker-days .table-condensed td.active em {
    background: #62d5c8;
    color: #fff
}

.datetimepicker-days .table-condensed td.disabled em {
    background: 0 0;
    color: #d2d6e2
}

.table-condensed td span.disabled,.table-condensed td.disabled {
    cursor: default;
    color: #d2d6e2
}

.table-condensed td span.disabled:hover,.table-condensed td.disabled:hover {
    background-color: #fff
}

.datetimepicker td.old {
    color: #d2d6e2
}

.datetimepicker .next,.datetimepicker .prev {
    border-radius: 2px;
    width: 38px;
    font-size: 20px;
    cursor: pointer
}

.datetimepicker .next .fz,.datetimepicker .prev .fz {
    margin-top: -5px;
    vertical-align: middle
}

.datetimepicker .next:hover,.datetimepicker .prev:hover {
    background: #e3e7ed;
    transition: all .3s
}

.table-condensed .switch {
    width: 193px;
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.datetimepicker .datetimepicker-days .switch,.datetimepicker .datetimepicker-months .switch {
    cursor: pointer
}

.datetimepicker .datetimepicker-days .switch:hover,.datetimepicker .datetimepicker-months .switch:hover {
    background-color: #f2f5f9;
    border-radius: 2px
}

.datetimepicker .tfoot {
    line-height: 26px;
    cursor: pointer
}

.datetimepicker .tfoot tr {
    line-height: 24px
}

.datetimepicker .tfoot td {
    position: relative
}

.datetimepicker .tfoot .today-btn {
    position: relative;
    width: 100%;
    bottom: 10px
}

.datetimepicker .tfoot .today-btn:hover {
    background: #e3e7ed;
    transition: all .3s
}

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

.datetimepicker .fz-arrow-left {
    background-position: 7px 7px
}

.datetimepicker .fz-arrow-right {
    background-position: 8px -42px
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px!important;
    direction: ltr;
    cursor: pointer
}

@media screen\9 {
    .fileinput-button input {
        font-size: 100%;
        height: 100%
    }
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active,.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"] {
    min-width: 30px
}

.progress-bar[aria-valuenow="0"] {
    min-width: 30px;
    color: #777;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.common-position-type input {
    cursor: pointer
}

.jcrop-holder {
    direction: ltr;
    text-align: left;
    -ms-touch-action: none
}

.jcrop-hline,.jcrop-vline {
    background: #fff url(../images/Jcrop.gif);
    font-size: 0;
    position: absolute
}

.jcrop-vline {
    height: 100%;
    width: 1px!important
}

.jcrop-vline.right {
    right: 0
}

.jcrop-hline {
    height: 1px!important;
    width: 100%
}

.jcrop-hline.bottom {
    bottom: 0
}

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.jcrop-handle {
    background-color: #333;
    border: 1px #eee solid;
    width: 7px;
    height: 7px;
    font-size: 1px
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%
}

.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px
}

.jcrop-dragbar.ord-n {
    margin-top: -4px
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0
}

.jcrop-dragbar.ord-w {
    margin-left: -4px
}

.jcrop-light .jcrop-hline,.jcrop-light .jcrop-vline {
    background: #fff;
    opacity: .7!important
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    border-color: #fff;
    border-radius: 3px
}

.jcrop-dark .jcrop-hline,.jcrop-dark .jcrop-vline {
    background: #000;
    opacity: .7!important
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    border-color: #000;
    border-radius: 3px
}

.solid-line .jcrop-hline,.solid-line .jcrop-vline {
    background: #fff
}

.jcrop-holder img,img.jcrop-preview {
    max-width: none
}

.avatar_layer {
    width: 410px;
    height: 480px;
    margin: -240px 0 0 -205px!important;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    display: none
}

.avatar_layer .hd {
    position: relative;
    height: 32px;
    line-height: 32px;
    border-top: 4px solid #D55D5D;
    border-bottom: 1px solid #dce1e6;
    padding: 0 10px;
    overflow: hidden
}

.avatar_layer .hd .close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 12px;
    height: 12px;
    background: url(../images/layer_close.png) no-repeat;
    cursor: pointer;
    display: inline-block
}

.avatar_layer .main {
    padding: 20px 30px
}

.avatar_layer .main .selectpic {
    position: relative;
    width: 100%;
    height: 350px;
    background: #f0f3f5;
    text-align: center;
    overflow: hidden
}

.avatar_layer .main .selectpic .sbox {
    margin-top: 140px
}

.avatar_layer .main .selectpic .sbox .btns {
    height: 24px;
    line-height: 24px;
    background: url(../images/i_new.png) no-repeat 12px center #fff;
    border-radius: 5px;
    box-shadow: 0 1px 1px #dee1e3;
    color: #626672;
    padding: 0 12px 0 26px;
    display: inline-block
}

.avatar_layer .main .selectpic .sbox p {
    color: #626672;
    lin-height: 20px;
    margin-top: 10px
}

.avatar_layer .main .selectpic .sbox .selectfile {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block
}

.avatar_layer .main .selectpic .editbox {
    position: relative;
    height: 350px;
    background: no-repeat center center;
    display: none
}

.avatar_layer .main .selectpic .editbox .pop {
    position: absolute;
    z-index: 1;
    left: 180px;
    top: 150px;
    width: 10px;
    height: 10px
}

.avatar_layer .main .selectpic .editbox .pop .move-icon {
    position: absolute;
    z-index: 1;
    left: 60px;
    top: 60px;
    width: 30px;
    height: 30px;
    background: url(../images/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: #D55D5D;
    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 #D55D5D;
    color: #D55D5D;
    line-height: 32px;
    padding: 0;
    background-position: 34px center;
    padding-left: 20px
}

.guide_layer .main .selectpic .sbox .selectfile {
    width: 140px;
    height: 34px;
    left: 105px;
    cursor: pointer
}

.guide_layer .layer_btns {
    padding-left: 0
}

.profile_form {
    width: 560px;
    margin-bottom: 100px
}

.profile_form dd.cont {
    position: relative
}

.profile_form dd.cont .bg {
    width: 340px;
    height: 14px;
    position: absolute;
    top: 15px;
    left: 0;
    background: #e8eff2;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display: inline-block
}

.profile_form dd.cont .loading_bg {
    height: 14px;
    width: 0;
    background: -moz-linear-gradient(left,#57c6de,#14d9d1);
    background: -webkit-linear-gradient(left,#57c6de,#14d9d1);
    background: -o-linear-gradient(left,#57c6de,#14d9d1);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 0
}

.profile_form dd.cont .loading_val {
    font-size: 10px;
    color: #755a06;
    width: 38px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    top: -8px;
    left: -19px;
    background: #ffd75a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center
}

.profile_form dd.cont .loading_val i {
    height: 0;
    width: 0;
    border-width: 4px 6px 0 6px;
    border-style: solid dashed dashed dashed;
    border-color: #ffd75a transparent transparent transparent;
    display: block;
    margin: 0 0 0 13px
}

.profile_form .avatar_line {
    height: 94px
}

.profile_form .avatar_tit {
    line-height: 94px
}

.profile_form .avatar_box .avatar {
    width: 90px;
    height: 90px;
    border: 2px solid #d6d6d6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e2e2e2;
    float: left
}

.profile_form .avatar_box .sel_avatar {
    margin-left: 112px;
    line-height: 1
}

.profile_form .avatar_box .sel_avatar a {
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #59cac2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block
}

.profile_form .avatar_box .sel_avatar p {
    font-size: 12px;
    color: #b9b9b9;
    margin-top: 10px
}

.profile_form .length_tip {
    font-size: 14px;
    color: #b9b9b9;
    position: absolute;
    right: 15px;
    top: 0
}

.profile_form dl .num {
    top: 8px;
    right: 15px
}

.profile_form .team .num {
    top: inherit
}

.profile_form .team_tit {
    line-height: 1
}

.profile_form textarea {
    height: 112px
}

.profile_form .textarea_tip {
    font-size: 14px;
    color: #b9b9b9;
    position: absolute;
    right: 15px;
    top: 142px;
    line-height: 30px
}

.profile_form .submit_box {
    text-align: center;
    position: relative
}

.profile_form input.vali_btn {
    width: 220px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #59cac2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    margin: 40px auto 0;
    cursor: pointer
}

.profile_form input.vali_btn:hover {
    background: #46bab2
}

.profile_form input.vali_btn_b1 {
    width: 136px;
    height: 42px;
    background: #fff;
    border: 2px solid #9bb4bd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    color: #9bb4bd;
    text-align: center
}

.profile_form input.vali_btn_b1:hover {
    color: #fff;
    background: #9bb4bd
}

.profile_form input.preview {
    position: absolute;
    right: 0;
    top: 40px
}

.profile_form .sparklight_box {
    padding: 20px;
    background: #32323a;
    width: 380px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 55px;
    left: 0;
    display: none;
    z-index: 999
}

.profile_form .sparklight_box .jiao {
    position: absolute;
    width: 16px;
    height: 8px;
    background: url(https://www.zhipin.com/v2/chat_v2/images/angleup.png) no-repeat;
    top: -8px;
    right: 30px
}

.profile_form .spark_list {
    overflow: hidden
}

.profile_form .spark_list li {
    margin-right: 10px;
    margin-bottom: 14px;
    float: left;
    line-height: 1;
    padding: 6px 9px;
    color: #fff;
    border: 1px solid #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px
}

.profile_form .spark_list li.select {
    border-color: #D55D5D;
    background: #D55D5D
}

.profile_form .add_spark {
    position: relative
}

.profile_form .add_spark .add_ipt {
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 10px;
    position: relative;
    width: 198px;
    height: 26px;
    line-height: 26px
}

.profile_form .add_spark .add_ipt input {
    width: 148px;
    margin-right: 0;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    vertical-align: top;
    margin-top: 6px
}

.profile_form .add_spark .add_ipt .num {
    position: absolute;
    right: 10px;
    bottom: 10px;
    top: 5px;
    line-height: 14px
}

.profile_form .add_spark .add {
    background: url(https://www.zhipin.com/v2/chat_v2/images/i_add.png) no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    left: 230px;
    top: 0;
    position: absolute
}

.profile_form .sparklight_box .btns {
    text-align: right;
    margin-top: 24px;
    line-height: 1
}

.profile_form .sparklight_box .btns a {
    width: 76px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.profile_form .sparklight_box .btns .cancle {
    background: #c6c6c6;
    margin-right: 12px
}

.profile_form .sparklight_box .btns .confirm {
    background: #D55D5D
}

.p_dialog {
    width: 590px;
    background-color: #e9e9e9;
    background-color: rgba(233,233,233,.8);
    padding: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #666;
    -moz-box-shadow: 0 0 10px #666;
    -ms-box-shadow: 0 0 10px #666;
    box-shadow: 0 0 10px #666;
    display: none
}

.p_dialog .dialog_con {
    position: relative;
    border: 1px solid #a0a0a0;
    min-height: 100px;
    background-color: #fff;
    padding: 20px
}

.p_dialog .dialog_close,.p_dialog .fddialog_close {
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    background: transparent url(https://www.zhipin.com/v2/chat_v2/images/close.png) no-repeat;
    right: 10px;
    top: 10px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.p_dialog .dialog_close:hover,.p_dialog .fddialog_close:hover {
    background-color: #eee
}

.p_dialog h3 {
    font-size: 18px;
    font-weight: 400
}

.p_dialog .dialog_alert {
    padding: 10px 0 10px;
    text-align: center
}

.p_dialog .dialog_alert p {
    margin-top: 20px
}

.suggestion {
    position: absolute;
    z-index: 10;
    display: none;
    overflow-y: auto;
    width: 100%;
    max-height: 200px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 14px rgba(0,0,0,.11);
    box-shadow: 1px 2px 14px rgba(0,0,0,.11)
}

.suggestion .suggestion-blank,.suggestion li {
    font-size: 14px;
    line-height: 40px;
    overflow: hidden;
    height: 40px;
    padding: 0 17px;
    cursor: pointer;
    text-overflow: ellipsis;
    color: #414a60
}

.suggestion li span {
    float: right;
    color: #16c3b1
}

.suggestion .suggestion-blank a {
    font-size: 12px;
    float: right;
    color: #9fa3b0
}

.suggestion li.hover,.suggestion li:hover {
    background-color: #f2f5fa
}

.suggestion li.active {
    color: #414a60;
    background-color: #f2f5fa
}

.city-selector {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    color: #414a60;
    background: #fff
}

.city-selector li {
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    padding: 0 0 0 13px;
    cursor: pointer
}

.city-selector li.active {
    color: #16c3b1
}

.city-selector li.hover,.city-selector li:hover {
    color: #414a60;
    background: #f2f5f9
}

.city-selector-cur li.active {
    background: #f2f5f9
}

.city-selector-province {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    width: 120px;
    height: 266px;
    border: 1px solid #e3e7ed
}

.city-selector-citys {
    overflow: hidden;
    overflow-y: auto;
    height: 266px;
    margin-left: 122px;
    text-align: center;
    border: 1px solid #e3e7ed;
    border-left: 0 none
}

.city-selector-citys li {
    padding: 0
}

.suggestion .h {
    text-decoration: none;
    color: #16c3b1
}

.bootstrap-tagsinput {
    display: inline-block;
    width: 469px;
    padding: 5px 12px 5px 7px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #e3e7ed;
    vertical-align: middle
}

.bootstrap-tagsinput.focus {
    box-shadow: 0 1px 3px rgba(93,213,200,.4);
    border-color: #00d7c6
}

.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    padding: 0 5px;
    margin: 0;
    margin-top: -2px;
    width: 130px;
    max-width: inherit;
    line-height: 22px
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none
}

.bootstrap-tagsinput .tag {
    display: inline-block;
    margin-right: 2px;
    background-color: #eef0f5;
    border-radius: 15px;
    height: 20px;
    line-height: 20px;
    padding: 0 12px
}

.bootstrap-tagsinput .tag [data-role=remove] {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px -6px 0 5px;
    cursor: pointer;
    background: url(../images/icons-form.png) 4px -128px no-repeat
}

.workstartpicker-wrap {
    width: 284px;
    padding: 5px 10px;
    position: absolute;
    background: #fff;
    border: 1px solid #f2f2f2;
    font-size: 12px;
    box-shadow: 0 0 14px rgba(0,0,0,.11);
    display: none
}

.workstartpicker-wrap li {
    width: 55px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin: 20px 8px;
    border-radius: 2px;
    cursor: pointer
}

.workstartpicker-wrap .month-wrap {
    display: none
}

.workstartpicker-wrap.month-panel .month-wrap {
    display: block
}

.workstartpicker-wrap.month-panel .year-wrap {
    display: none
}

.workstartpicker-wrap li:hover {
    background-color: #f2f5f9
}

.workstartpicker-wrap .title {
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    font-size: 14px
}

.workstartpicker-wrap .title p {
    text-align: center
}

.workstartpicker-wrap .next,.workstartpicker-wrap .prev {
    display: inline-block;
    width: 40px;
    height: 32px;
    cursor: pointer;
    line-height: 32px;
    background: url(https://www.zhipin.com/v2/web/boss/images/icons-calendar.png) no-repeat
}

.workstartpicker-wrap .prev {
    float: left;
    background-position: 14px 9px
}

.workstartpicker-wrap .next {
    float: right;
    background-position: 16px -41px
}

.workstartpicker-wrap .next:hover,.workstartpicker-wrap .prev:hover {
    background-color: #f2f5f9
}

.workstartpicker-wrap .content {
    height: 210px;
    overflow: hidden
}

.workstartpicker-wrap li.selected {
    color: #fff;
    background-color: #fa6a43
}

.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 .getcode-btn {
    width: 70px;
    min-width: 35px;
    background: #54cbc4;
    border: none;
    font-size: 12px
}

.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 .getcode-btn {
    float: right;
    height: 34px;
    line-height: 34px;
    width: 80px
}

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

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

.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: #414a60;
    font-size: 15px
}

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

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

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

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

.job-menu dd,.school-job-menu dd {
    padding: 8px 20px 9px;
    height: 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: #61687c;
    font-size: 13px;
    display: inline-block;
    line-height: 28px;
    margin-left: 16px
}

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

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

.job-menu dl.cur,.school-job-menu dl.cur {
    background: #D55D5D;
    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: #D55D5D
}

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

.menu-sub h4 {
    float: left;
    width: 104px;
    color: #8d92a1;
    font-size: 13px;
    padding-top: 2px;
    font-weight: 400;
    padding-left: 20px
}

.menu-sub h4 .icon-arrow-right {
    position: relative;
    top: 2px
}

.menu-sub .text {
    margin-left: 130px;
    border-bottom: solid 1px #f5f6f9;
    padding: 0 0 10px 1px
}

.menu-sub ul li:last-of-type .text {
    border: none
}

.menu-sub .text a {
    margin-left: 0;
    margin-right: 25px
}

.menu-sub .text a.cur,.menu-sub .text a:hover {
    color: #D55D5D
}

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

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

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

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

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

.home-site .job-tab-box {
    width: 100%;
    overflow: hidden
}

.home-site .job-tab-box ul {
    overflow: hidden
}

.home-site .job-tab-box ul li {
    height: 130px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff
}

.home-site .job-tab-box li .sub-li {
    display: block;
    height: 130px;
    width: 384px
}

.home-site .job-tab-box li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0,0,0,.05);
    position: absolute;
    z-index: 10
}

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

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

.home-site .job-tab-box li a.job-info:hover p {
    color: #00d7c6
}

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

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

.home-site .job-tab-box li a.job-info .title-text {
    margin-left: 20px;
    max-width: 174px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.home-site .job-tab-box li a.job-info .title-text.no-medium {
    max-width: 234px
}

.home-site .job-tab-box li a.job-info .job-medium-icon {
    width: 46px;
    height: 16px;
    vertical-align: middle;
    margin-left: 10px
}

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

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

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

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

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

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

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

.city-site .merge-city-company li .pull-right {
    text-align: right;
    float: right
}

.city-site.home-site .common-tab-box h3 span {
    margin-right: 74px
}

.city-site .common-tab-box {
    clear: both;
    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: #D55D5D;
    font-weight: 600
}

.city-site .common-tab-box h3 span.cur::after {
    background-color: #D55D5D;
    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: #D55D5D
}

.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: #D55D5D;
    color: #fff
}

.city-site .common-tab-more .btn-outline:hover {
    background: #D55D5D;
    border-color: #D55D5D
}

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

.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: 28px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job-recommend a.user-info {
    vertical-align: middle;
    margin-right: 20px;
    margin-left: 30px
}

.city-site .merge-city-job-recommend .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-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 {
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    border: 1px solid #5e96f2;
    border-radius: 2px;
    color: #4a89f1;
    margin-right: 10px
}

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

.city-site .merge-city-job-recommend .sub-li-bottom .user-info img {
    width: 30px;
    height: 30px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom {
    border-top: 1px solid #eef0f5;
    display: flex;
    margin-top: 8px;
    padding-top: 12px
}

.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 {
    display: inline-flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center
}

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

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place .job-card-location {
    display: inline-flex;
    width: 10px;
    height: 12px;
    background: url(../images/job-card-location.png) no-repeat;
    background-size: 100% 100%
}

.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: 16px;
    vertical-align: middle;
    margin-right: 10px
}

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

.nav .nav-find::after,.nav-school-new::after {
    content: 'New';
    width: 30px;
    height: 14px;
    box-sizing: border-box;
    position: absolute;
    top: 8px;
    right: -20px;
    line-height: 13px;
    background-color: #ef505e;
    color: #fff;
    font-size: 12px;
    border-radius: 7px
}

.nav .nav-find::after {
    content: 'hot'
}

.school-banner {
    height: 606px;
    max-width: 2000px;
    margin: 0 auto;
    background: url(../images/school-banner_v4.jpg) center no-repeat;
    position: relative
}

.renshebu-banner {
    background-image: url(../images/minying-banner.jpg)
}

.yangshi-banner {
    background-image: url(../images/yangshi-banner_v2.jpg)
}

.cyrensheju-banner {
    background-image: url(../images/cyrensheju-banner-new@1.5x.jpg);
    background-size: auto 100%
}

.ie8 .cyrensheju-banner {
    background-image: url(../images/cyrensheju-banner-new@1x.jpg)
}

.fupin-banner {
    background-image: url(../images/fupin-banner@1.5x.jpg);
    background-size: auto 100%
}

.ie8 .fupin-banner {
    background-image: url(../images/fupin-banner@1x.jpg)
}

.renshebu-banner .info-aside {
    display: none
}

.school-banner .column-search-panel {
    position: absolute;
    bottom: 24px;
    width: 100%
}

.school-banner .column-search-panel.fixed {
    position: absolute;
    top: auto;
    left: auto;
    height: auto;
    box-shadow: none
}

.school-banner .column-search-panel .search-box {
    position: relative;
    width: 980px
}

.school-banner .column-search-panel .search-form-con {
    width: 850px
}

.school-banner .column-search-panel .school-typebox {
    position: absolute;
    width: 100%;
    top: -14px;
    left: 0;
    font-size: 0
}

.school-banner .column-search-panel .city-sel {
    padding: 10px 15px 10px 15px;
    width: 78px;
    border-color: transparent
}

.school-banner .column-search-panel .city-sel .label-text {
    width: 70px;
    text-overflow: ellipsis
}

.school-banner .column-search-panel .city-sel b {
    font-size: 16px
}

.school-banner .column-search-panel .city-sel .line {
    display: none;
    height: 32px
}

.school-banner .column-search-panel .city-sel .icon-arrow-down {
    right: -6px
}

.school-banner .column-search-panel .search-form .ipt-search {
    width: 703px
}

.school-banner .column-search-panel .search-form .btn-search {
    width: 130px
}

.school-banner .column-search-panel .suggest-result {
    width: 720px
}

.school-banner .column-search-panel .school-typebox .typebox-full,.school-banner .column-search-panel .school-typebox .typebox-intern {
    vertical-align: middle;
    display: inline-block;
    width: 98px;
    height: 34px;
    background: url(../images/school-search-type@2x.png) no-repeat;
    background-size: 250px 112px;
    cursor: pointer
}

.school-banner .column-search-panel .school-typebox .typebox-full {
    background-position: 0 -39px
}

.school-banner .column-search-panel .school-typebox .typebox-full.cur {
    background-position: 0 -78px
}

.school-banner .column-search-panel .school-typebox .typebox-full:hover {
    background-position: 0 0
}

.school-banner .column-search-panel .school-typebox .typebox-full.cur:hover {
    background-position: 0 -78px
}

.school-banner .column-search-panel .school-typebox .typebox-intern {
    margin-left: -11px;
    background-position: -152px -39px
}

.school-banner .column-search-panel .school-typebox .typebox-intern.cur {
    background-position: -152px -78px
}

.school-banner .column-search-panel .school-typebox .typebox-intern:hover {
    background-position: -152px 0
}

.school-banner .column-search-panel .school-typebox .typebox-intern.cur:hover {
    background-position: -152px -78px
}

.ie8 .school-banner .column-search-panel .school-typebox .typebox-full,.ie8 .school-banner .column-search-panel .school-typebox .typebox-intern {
    background-image: url(../images/school-search-type@1x.png)
}

.school-banner .info-aside {
    position: absolute;
    right: 40px;
    top: 233px
}

.school-banner .info-aside ul {
    background: #fff;
    border-radius: 3px;
    width: 122px;
    overflow: hidden
}

.school-banner .info-aside ul li.info-btn {
    display: none
}

.school-banner .info-aside ul li:hover {
    background-color: #f3f5fb
}

.school-banner .info-aside ul li.cur .text-wrapper {
    display: block
}

.school-banner .info-aside ul li a {
    text-align: center;
    display: block;
    padding: 9px 0
}

.school-banner .info-aside ul .text-wrapper {
    display: none;
    background: #fff;
    position: absolute;
    width: 410px;
    height: 300px;
    right: 124px;
    border-radius: 3px;
    top: 0;
    padding: 30px;
    box-sizing: border-box;
    color: #414a60
}

.school-banner .info-aside ul .text-wrapper>p {
    font-size: 16px;
    font-weight: 600
}

.school-banner .info-aside ul .text-wrapper .info-wrap {
    margin-top: 16px
}

.school-banner .info-aside ul .text-wrapper .info-wrap>p {
    margin-bottom: 5px
}

.school-banner .info-aside ul .text-wrapper .info-wrap .info-title {
    color: #8d92a1;
    font-size: 14px
}

.school-banner .info-aside ul .text-wrapper .info-wrap .info-text,.school-banner .info-aside ul .text-wrapper .info-wrap .info-title {
    float: left
}

.school-page.home-sider {
    padding-top: 36px;
    width: 240px;
    position: static
}

.school-page h3.section-title {
    display: inline-block;
    font-size: 16px;
    color: #414a60;
    height: 22px;
    line-height: 22px;
    margin-bottom: 20px
}

.school-page h3.section-title+h3 {
    display: inline-block;
    vertical-align: middle
}

.job-menu-school {
    background: #fff;
    position: relative;
    height: 276px
}

.job-menu-school dl {
    line-height: 50px;
    cursor: pointer
}

.job-menu-school dl.cur {
    background: #D55D5D;
    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: #D55D5D
}

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

.school-page.common-tab-box .section-title+h3 span.cur {
    background: #D55D5D;
    color: #fff
}

.school-page.company-tab-box ul li {
    width: 384px;
    height: 210px;
    position: relative
}

.school-page.company-tab-box li .sub-li {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 20px 20px 0 20px;
    box-sizing: border-box
}

.school-page.company-tab-box li .sub-li>.company-info {
    border: none;
    height: auto;
    padding: 0;
    margin: 0
}

.school-page.company-tab-box li .sub-li>.company-info:hover .company-info {
    color: #414a60
}

.school-page.company-tab-box li .sub-li .company-title img {
    width: 57px;
    height: 57px;
    border: none
}

.school-page.company-tab-box li .sub-li .company-title .conpany-text {
    text-align: left
}

.school-page.company-tab-box li .sub-li .company-title .conpany-text h4 {
    font-size: 15px
}

.school-page.company-tab-box li .sub-li .company-title+.company-info {
    border: none;
    padding-top: 0;
    margin: 0;
    line-height: 20px
}

.school-page.company-tab-box li .sub-li .company-title+.company-info:hover {
    color: #414a60
}

.school-page.company-tab-box li .sub-li .company-link {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    line-height: 52px;
    border-top: 1px dashed #eef0f5;
    height: 52px
}

.school-page.company-tab-box li .sub-li .company-link a {
    display: inline-block;
    font-size: 14px;
    margin-right: 40px;
    color: #61687c
}

.school-page.company-tab-box li .sub-li .company-link a:first-child {
    position: absolute;
    left: 0
}

.school-page.company-tab-box li .sub-li .company-link a:last-child {
    position: absolute;
    right: 0;
    margin-right: 0
}

.school-page.company-tab-box li .sub-li .company-link a:hover {
    color: #D55D5D
}

.school-page.company-tab-box li .sub-li .company-link a span {
    margin-right: 5px
}

.school-page.job-tab-box ul li {
    height: 140px
}

.school-page.job-tab-box li .sub-li span.title-text {
    max-width: 250px
}

.school-page.job-tab-box li .sub-li {
    height: 140px
}

.school-page.job-tab-box li a.job-info {
    height: 69px
}

.school-page.job-tab-box a.user-info {
    padding: 0
}

.school-page.job-tab-box a.user-info p {
    line-height: 60px;
    height: 60px
}

.school-page.common-tab-box .common-tab-more {
    margin: 24px 0 50px 0
}

.school-page.common-tab-box .common-tab-more .btn {
    width: 384px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    color: #D55D5D;
    border: none
}

.school-page.common-tab-box .common-tab-more .btn:hover {
    background: #D55D5D;
    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: #D55D5D;
        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: #D55D5D;
    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: #D55D5D;
    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
}

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

.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: #D55D5D;
    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: #D55D5D;
    color: #fff;
    background-image: url(../images/city-sites.png);
    background-repeat: no-repeat;
    background-position: 9px 7px
}

.home-city-dialog .content {
    padding: 24px 30px 30px;
    font-family: PingFangSC-Regular
}

.home-city-dialog .content .content-prompt {
    height: 83px;
    border-bottom: 1px solid #dedede
}

.home-city-dialog .content .prompt-title {
    font-size: 16px;
    line-height: 30px
}

.home-city-dialog .content .prompt-desc {
    font-size: 14px;
    line-height: 30px
}

.home-city-dialog .content .cur-pos {
    margin-top: 27px;
    font-size: 14px;
    line-height: 20px
}

.home-city-dialog .content .cur-city {
    position: relative;
    margin: 16px 0 24px 0;
    width: 90px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #dedede;
    box-sizing: border-box
}

.home-city-dialog .content .cur-city:hover {
    border: 1px solid #D55D5D
}

.home-city-dialog .content .cur-city:hover .city-name>a {
    color: #D55D5D
}

.home-city-dialog .content .cur-city .icon-poi {
    position: absolute;
    top: 10px;
    left: 11px;
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url(../images/icon-poi.png) 0 -165px
}

.home-city-dialog .content .cur-city .city-name {
    display: inline-block;
    margin-left: 30px
}

.home-city-dialog .title-content {
    display: inline-block
}

.home-city-dialog .title-main {
    margin-right: 10px
}

.home-city-dialog .title-sub {
    font-size: 12px
}

.home-city-dialog .dialog-container {
    width: 590px;
    max-height: 100%;
    margin: 0;
    overflow: auto;
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.home-city-dialog h4 {
    font-size: 16px;
    line-height: 50px;
    padding-left: 30px;
    font-weight: 400
}

.home-city-dialog .city-writing {
    color: #D55D5D
}

.home-city-dialog .city-wrapper {
    margin-top: 20px;
    font-size: 0
}

.home-city-dialog .city-wrapper .city-list {
    margin-right: -20px
}

.home-city-dialog .city-item {
    display: inline-block;
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    width: 90px;
    height: 34px;
    border: 1px solid #e3e7ed
}

.home-city-dialog .city-item.current {
    border: 1px solid #D55D5D;
    background: #D55D5D
}

.home-city-dialog .city-item.current a {
    color: #fff
}

.home-city-dialog .city-item:hover {
    background: #D55D5D;
    border-color: #D55D5D;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.home-city-dialog .city-item:hover a {
    color: #fff
}

.home-city-dialog .city-item a {
    display: block;
    text-align: center;
    line-height: 32px;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #61687c
}

.home-city-dialog .content-footer {
    font-size: 12px;
    line-height: 20px;
    color: #8d92a1
}

.page-returnee .column-search-panel .search-box .search-hot {
    width: 830px
}

.page-returnee .top-banner {
    height: 300px;
    background: #838990 url(../images/returnee/banner-top.png) center center no-repeat;
    background-size: 1920px 300px
}

.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: 0;
    width: 590px;
    height: 97px;
    background: url(../images/returnee/slogan.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: #D55D5D
}

.page-returnee .city-sel .line {
    top: 12px
}

.page-returnee .common-tab-box .box-title {
    float: left;
    margin-top: 8px;
    font-size: 15px;
    font-weight: 500;
    color: rgba(65,74,96,1);
    line-height: 20px
}

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

.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: 0;
    color: #414a60;
    font-size: 13px;
    font-weight: 400
}

.page-returnee .common-tab-box h3 span.cur {
    background: #D55D5D;
    color: #fff;
    font-weight: 400
}

.page-returnee .common-tab-box h3 span+span {
    margin-left: 10px
}

.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(../images/returnee/banner-center.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: #D55D5D;
    font-weight: 500;
    position: relative
}

.page-returnee .article-container .tab-container .tab-box a.cur:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #D55D5D;
    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: #D55D5D;
    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: #D55D5D
}

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

.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 {
    left: auto;
    width: 336px;
    right: 130px
}

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

.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-login-form {
    display: block;
    animation: showSearchBox .35s linear both
}

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

.search-panel-new .btn-search:hover {
    background-color: #db6a6a
}

.search-panel-new .search-login-form .input-box+.input-box {
    margin-left: 4px
}

.search-panel-new .search-login-form .input-box:hover {
    border-color: #D55D5D
}

.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: #D55D5D;
    position: absolute;
    right: 14px;
    top: 14px;
    height: 20px;
    line-height: 20px
}

.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: #D55D5D;
    font-size: 14px;
    border: 1px solid #D55D5D;
    background-color: #fff;
    margin-left: 4px
}

.search-panel-new .search-box-scan .search-box-scan-container {
    top: -10px
}

.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-color: #36c6bb
}

.school-main-page .top-banner .img {
    background: url(../images/school/banner/top.png) 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;
    overflow: hidden
}

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

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

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

.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: #D55D5D;
    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: #D55D5D;
    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-strategy {
    margin-top: -10px;
    margin-bottom: 50px
}

.job-strategy .section-title {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px
}

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

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

.search-form .ipt-wrap-hover,.search-form-con:hover .ipt-wrap {
    border-color: #D55D5D!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: #D55D5D!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 #D55D5D;
    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: #D55D5D;
    background-color: #f8f9fb
}

.suggest-result li .h,.suggest-result li .text-blue {
    font-style: normal;
    color: #D55D5D;
    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 #D55D5D;
    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 #D55D5D;
    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 #D55D5D;
    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 #D55D5D
}

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

.position-box .select-tree ul.tree-2 {
    left: 166px
}

.position-box .select-tree ul.tree-3 {
    left: 332px;
    border-top: none
}

.search-box .search-banner {
    position: absolute;
    left: 786px;
    top: 20px
}

.search-box .search-box-login {
    position: relative;
    width: 282px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #fff;
    border: 1px solid #D55D5D;
    color: #D55D5D;
    font-size: 14px;
    cursor: pointer;
    float: left;
    margin-left: 16px
}

.search-box .search-box-login a {
    display: block;
    color: #D55D5D;
    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: #D55D5D;
    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: #D55D5D;
    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
}

.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: -280px;
    top: -26px;
    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: 10
}

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

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

.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: #D55D5D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 256px
}

.search-job-list-wrap .job-primary .info-publis {
    width: 205px
}

.search-job-list-wrap .job-primary .info-publis h3 {
    font-size: 12px
}

.search-job-list-wrap .job-primary .primary-wrapper .info-detail .job-title {
    color: #fff;
    max-width: unset;
    display: block;
    margin-bottom: 5px
}

.search-job-list-wrap .job-primary .icon-chat {
    width: 13px;
    height: 13px;
    vertical-align: -2px;
    margin: 0 6px 0 0;
    border-radius: 0
}

.search-job-list-wrap .job-primary .icon-chat-hover {
    margin: 0
}

.search-job-list-wrap .job-primary .btn-startchat {
    display: none;
    width: 87px;
    min-width: auto;
    height: 21px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 21px
}

.search-job-list-wrap .company-list .company-item {
    background: #fff;
    margin-bottom: 10px;
    padding: 34px 0 34px 30px;
    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: #D55D5D;
    font-size: 18px
}

.search-job-list-wrap .company-list .company-item .company-left .company-name:hover {
    color: #D55D5D!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;
        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
}

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

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

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

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

.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: #D55D5D;
    border-bottom: 3px #62d5c8 solid
}

.company-tab a.disabled {
    cursor: default;
    color: #9fa3af
}

.company-hotjob {
    background: #f2f2f5;
    padding: 25px 0 18px;
    overflow: hidden
}

.company-hotjob h3 {
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 20px
}

.company-hotjob ul {
    font-size: 0;
    white-space: nowrap
}

.company-hotjob li {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px
}

.company-hotjob li a {
    display: block;
    width: 342px;
    padding: 19px 20px 17px;
    border: 1px #fff solid;
    background: #fff
}

.company-hotjob li a:hover {
    background: #f8f9fb;
    border-color: #f8f9fb
}

.company-hotjob li .name {
    padding-bottom: 10px
}

.company-hotjob li .salary {
    color: #fc703e;
    float: right;
    font-size: 16px
}

.company-hotjob li .name b {
    font-weight: 400;
    font-size: 16px;
    display: block;
    max-width: 226px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

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

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

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

.company-products li {
    min-height: 60px;
    overflow: hidden;
    padding: 14px 0
}

.company-products li:last-of-type {
    padding-bottom: 0
}

.company-products .figure {
    width: 60px;
    height: 60px;
    float: left
}

.company-products .figure img {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background-color: #f7f7f7
}

.company-products .text {
    margin-left: 80px;
    font-size: 16px
}

.company-products .text .name {
    line-height: 24px;
    padding-bottom: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-products .text p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px
}

.company-sider .job-sec h3 {
    font-size: 15px;
    margin-top: 0
}

.company-sider .manager-list h3 {
    position: relative
}

.manager-list .slider-dot {
    width: 100%;
    top: -30px;
    right: auto;
    left: -7px
}

.manager-list .slider-dot i {
    display: inline-block;
    width: 14px;
    height: 10px;
    border-bottom: 2px #c6c8cf solid;
    margin-right: 8px;
    cursor: pointer;
    opacity: 1
}

.manager-list .slider-dot i.cur {
    border-bottom-color: #62d5c8;
    width: 19px
}

.manager-list .manager-inner {
    position: relative;
    height: auto!important
}

.manager-list li {
    display: none;
    padding-top: 13px
}

.manager-list li.cur {
    display: block!important
}

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

.manager-list .info-user img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    vertical-align: top
}

.manager-list .info-user p {
    display: inline-block;
    margin-left: 20px;
    max-width: 216px
}

.manager-list .info-user .name {
    display: block;
    font-size: 20px;
    padding-bottom: 10px
}

.manager-list .info-user .job-title {
    display: block;
    font-size: 16px
}

.more-view .fz-slidedown {
    background-position: 5px -786px;
    vertical-align: middle
}

.more-view .fz-slideup {
    background-position: 5px -810px;
    vertical-align: middle
}

.manager-list li .fold-text {
    max-height: 108px
}

.company-sider .picture-list h3 {
    margin-top: 5px
}

.picture-list {
    padding-bottom: 15px;
    position: relative
}

.picture-list .slider-main {
    position: relative;
    width: 298px;
    height: 165px!important;
    margin-top: 15px
}

.picture-list li {
    position: absolute;
    top: 0;
    left: 0;
    height: 165px;
    display: none
}

.picture-list li.cur {
    display: block
}

.picture-list li img {
    display: block;
    width: 298px;
    height: 165px;
    background-color: #f7f7f7
}

.picture-list .slider-dot {
    width: 100%;
    text-align: center;
    right: 0;
    top: auto;
    bottom: 3px;
    display: none
}

.picture-list .slider-dot i {
    width: 13px;
    height: 10px;
    border-bottom: 2px #59cac2 solid;
    background: 0 0;
    margin: 0 4px;
    opacity: .5
}

.picture-list .slider-dot i.cur {
    opacity: 1;
    width: 19px
}

.picture-list .pic-btn {
    display: none;
    position: absolute;
    height: 35px;
    width: 35px;
    background: rgba(0,0,0,.5);
    top: 66px;
    z-index: 1000
}

.ie7 .picture-list .pic-btn,.ie8 .picture-list .pic-btn {
    background: #000 url(../images/icon-arrow-left.png) no-repeat center center
}

.ie7 .picture-list .pic-btn.next,.ie8 .picture-list .pic-btn.next {
    background: #000 url(../images/icon-arrow-right.png) no-repeat center center
}

.picture-list .pic-btn:hover {
    background: rgba(0,0,0,.7)
}

.picture-list .pic-btn:hover:before {
    border-left: solid 1px rgba(255,255,255,1);
    border-bottom: solid 1px rgba(255,255,255,1)
}

.picture-list .pic-btn:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-left: solid 1px rgba(255,255,255,.8);
    border-bottom: solid 1px rgba(255,255,255,.8);
    position: relative
}

.picture-list .pic-btn.prev {
    left: 5px
}

.picture-list .pic-btn.next {
    right: 5px
}

.picture-list .pic-btn.prev:before {
    transform: rotate(45deg);
    left: 12px;
    top: 7px
}

.picture-list .pic-btn.next:before {
    transform: rotate(225deg);
    left: 5px;
    top: 7px
}

.picture-list .slider-main:hover .pic-btn {
    display: block
}

.recruiter-list ul {
    padding-top: 13px;
    padding-bottom: 10px
}

.recruiter-list li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px #f5f7f9 solid
}

.recruiter-list li:last-of-type {
    border-bottom: 0
}

.recruiter-list .figure {
    width: 60px;
    height: 60px;
    float: left
}

.recruiter-list .figure img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.recruiter-list .text {
    margin-left: 80px
}

.recruiter-list .text .name {
    position: relative;
    line-height: 24px;
    font-size: 16px;
    padding-bottom: 5px
}

.recruiter-list .text .name .company-full-name {
    display: none;
    position: absolute;
    bottom: 25px;
    left: -80px;
    right: 0;
    padding-bottom: 10px;
    line-height: 30px;
    text-align: center;
    cursor: default;
    overflow: hidden
}

.recruiter-list .text .name .company-full-name span {
    display: inline-block;
    padding: 0 10px;
    background-color: rgba(159,163,176,.95);
    color: #fff;
    border-radius: 5px;
    font-size: 13px
}

.recruiter-list .text .name .company-full-name span::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 129px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: rgba(159,163,176,.95)
}

.recruiter-list .text .name:hover .company-full-name {
    display: block
}

.recruiter-list .text .gray {
    line-height: 28px;
    color: #61687c
}

.recruiter-list .view-more {
    margin-top: -23px
}

.company-job {
    margin-top: 0
}

.company-job .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: #D55D5D
}

.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:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #61687c transparent transparent transparent;
    right: 0;
    top: 50%;
    transition: all linear .2s;
    margin-top: -5px
}

.company-job .job-select.open .job-selected:after {
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #61687c transparent
}

.company-job .job-selected:hover {
    color: #D55D5D
}

.company-job .job-selected:hover:after {
    border-color: #D55D5D 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/cdn.597.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: #D55D5D
}

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

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

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

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

#wechat-qrcode-layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%
}

#wechat-qrcode-wrap {
    display: none;
    float: left;
    position: absolute;
    top: 36px;
    left: -38px;
    z-index: 10;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
    background-color: #fff
}

#wechat-qrcode-wrap .arrow {
    display: block;
    position: relative;
    z-index: 11;
    width: 20px;
    height: 10px;
    margin: -10px auto 0 auto
}

#wechat-qrcode-wrap .arrow-shadow {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 10px 8px 20px 3px #000
}

#wechat-qrcode-wrap .arrow-noumenon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent
}

#wechat-qrcode-wrap .qrcode {
    display: block;
    position: relative;
    z-index: 12;
    width: 100%;
    padding: 15px 0;
    background-color: #fff
}

#wechat-qrcode-wrap .qrcode-img {
    display: block;
    position: relative;
    z-index: 13;
    width: 150px;
    height: 150px;
    margin: 0 auto
}

#wechat-qrcode-wrap .brand-logo {
    display: block;
    position: absolute;
    z-index: 14;
    top: 56px;
    left: 56px;
    border-radius: 200px;
    width: 68px;
    height: 68px
}

.chat-list li {
    margin-top: 30px
}

.detail-op p {
    margin-top: 8px
}

.btn-loading:hover {
    background-color: #fff;
    color: #62d5c8;
    cursor: default
}

.job-sec {
    position: relative
}

.chat-sider h3,.job-sec h3,.secretary-sec h3 {
    font-size: 18px;
    font-weight: 400;
    color: #424a5e;
    line-height: 50px;
    padding: 0 0 10px 0;
    margin-bottom: 0;
    /*background: url(../images/line-sec.png) 0 45px no-repeat*/
}

.job-sec .text,.secretary-sec .text {
    color: #61687c;
    line-height: 36px
}

.job-sec h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    color: #424a5e
}

.job-sec h3 {
    font-weight: 700;
    font-size: 15px;
    color: #424a5e
}

.job-sec h3 .recommend-title {
    width: 180px
}

.job-sec .job-tags {
    padding-top: 4px
}

.secretary-sec h3 {
    background: 0 0;
    margin: 0
}

.secretary-sec .text {
    border-bottom: 1px #f2f2f5 solid;
    padding-bottom: 20px
}

.secretary-sec .text:last-of-type {
    border-bottom: 0
}

.job-sec .fold-text {
    max-height: 180px;
    overflow: hidden;
    position: relative
}

.job-sec .fold-text .more-view {
    position: absolute;
    bottom: 6px;
    right: 0;
    background: url(../images/layer-more.png) no-repeat;
    padding-left: 22px;
    color: #9fa3b0;
    line-height: 24px;
    display: none;
    z-index: 1001
}

.job-sec .look-all {
    color: #D55D5D;
    position: absolute;
    bottom: 4px;
    right: 0
}

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

.level-list li {
    display: inline-block;
    width: 246px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.level-list span {
    display: inline-block;
    margin-right: 7px;
    color: #8d92a1
}

.level-list .res-time {
    width: 155px;
    float: right
}

.level-list .company-type {
    width: 350px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.level-list .manage-state {
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.job-sec.company-info .text {
    height: auto;
    overflow: hidden
}

.job-sec.company-info .look-all {
    background: url(../images/layer-more.png) no-repeat;
    padding-left: 20px
}

.job-sec.company-info .look-all span {
    color: #61687c!important
}

.job-sec .company-tags {
    margin: 15px 0 10px
}

.job-sec .company-tags span {
    display: inline-block;
    margin: 6px 15px 5px 0;
    padding: 0 12px;
    border: 1px solid #d1d4da;
    line-height: 20px;
    color: #9fa3af;
    font-size: 12px;
    border-radius: 15px
}

.job-recomend {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px #f5f7f9 solid
}

.detail-search h3,.job-recomend h3 {
    color: #4a4e52;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px
}

.company-hotjob .more,.detail-search .more,.job-recomend .more,.promotion-job .more,.recruiter-list .more {
    float: right;
    font-size: 14px;
    color: #9fa3b0;
    background-position: right -1581px;
    padding-right: 28px;
    margin-right: -10px;
    font-weight: 400
}

.company-hotjob .more:hover,.detail-search .more:hover,.job-recomend .more:hover,.promotion-job .more:hover,.recruiter-list .more:hover {
    color: #4a4e52
}

.job-recomend ul {
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

.job-recomend li {
    width: 269px;
    margin-right: 14px;
    display: inline-block;
    font-size: 14px
}

.job-recomend li a {
    display: block;
    height: 60px;
    padding: 15px 11px;
    border: 1px #e3e7ed solid
}

.job-recomend li a:hover {
    border: 1px #D55D5D 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-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: #D55D5D;
    background-color: #fff
}

.special-hotjob li a:hover b {
    color: #414a60
}

.code-box {
    width: 38px;
    height: 148px;
    background-color: #fff;
    border: #edeef1 1px solid;
    border-right: none;
    position: absolute;
    right: 0;
    top: 75px;
    overflow: hidden;
    color: #9fa3b0;
    font-size: 16px;
    cursor: pointer;
    -moz-transition: all linear .5s;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.code-box span {
    width: 18px;
    display: inline-block;
    line-height: 19px;
    padding: 37px 10px;
    position: absolute;
    background-color: #fff;
    right: 0;
    z-index: 10
}

.code-box:hover {
    width: 178px;
    border-color: #fff
}

.code-box:hover img {
    right: 41px
}

.code-box img {
    margin-top: 6px;
    width: 140px;
    height: 140px;
    margin-right: -8px;
    position: absolute;
    right: -74px;
    -moz-transition: all linear .5s;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.company-job .update-time {
    margin: -30px 0 30px 0;
    color: #9fa3b0
}

.links {
    position: relative;
    height: auto;
    overflow: hidden;
    margin: 30px auto 6px auto;
    width: 1184px;
    font-size: 12px;
    height: 27px;
    overflow: hidden
}

.links label {
    position: absolute;
    right: 0;
    top: 0;
    color: #9fa3b0;
    cursor: pointer
}

.links .links-item {
    margin-bottom: 20px
}

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

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

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

.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: #D55D5D;
    color: #fff;
    font-size: 15px;
    text-align: center
}

.company-detail-grab .job-list .view-more a:hover {
    background-color: #db6a6a
}

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

.job-location-width {
    width: 660px;
    height: 501px;
    margin: 0
}

.job-location-width #map-container,.job-location-width #map-container .map-container {
    height: 450px;
    cursor: pointer
}

.location-address {
    display: block;
    background-position: 15px -420px;
    padding-left: 25px;
    color: #62687a;
    padding: 13px 15px 11px 35px;
    font-size: 15px;
    border-bottom: 1px #ecedef solid
}

.location-address:last-of-type {
    border-bottom: 0
}

.location-address .more-view {
    float: right;
    margin-top: -3px
}

#map-container,.map-container {
    height: 174px;
    cursor: pointer
}

.location-item {
    position: relative
}

.location-item .map-container {
    display: none
}

.show-map .map-container {
    display: block
}

.show-map .location-address {
    cursor: default;
    background-position: 15px -1965px
}

.show-map .more-view .fz-slidedown {
    background-position: 5px -808px
}

.location-item-pop {
    width: 660px;
    height: 501px;
    margin: 0
}

.location-item-pop .map-container {
    height: 450px
}

.promotion-top {
    background: #f6f6f8;
    padding: 20px 25px;
    margin-top: 20px
}

.promotion-top a {
    display: block
}

.promotion-top h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px
}

.promotion-top .arrow-right {
    float: right;
    width: 28px;
    height: 28px;
    background-position: 3px -1641px;
    margin-top: -1px;
    margin-right: -5px
}

.promotion-top .text-blue {
    color: #D55D5D;
    padding: 0 5px
}

.promotion-sign {
    background: #f6f6f8;
    padding: 25px 25px 30px;
    margin-top: 30px
}

.promotion-sign .sign-form {
    background: 0 0;
    float: none;
    padding: 0;
    width: 280px
}

.promotion-sign .sign-form .intro {
    padding-bottom: 0
}

.promotion-sign .sign-form .form-row {
    margin-top: 22px
}

.promotion-sign .sign-form .ipt {
    width: 242px
}

.promotion-sign .sign-form .ipt-code {
    width: 122px;
    min-width: 0
}

.promotion-sign .form-btn {
    margin-top: 28px
}

.promotion-sign .form-btn .error-tip {
    margin-top: -28px
}

.job-sider .welcome-box img {
    width: 178px;
    height: 150px
}

.job-sider .welcome-text {
    padding-bottom: 20px
}

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

.job-sider .sign-welcome div.count-down {
    padding: 10px 0 0
}

.job-sider .salary-miniapp {
    width: 284px;
    height: 170px;
    padding-top: 114px;
    background: url(../images/salary-miniapp.jpg) no-repeat center top;
    background-size: 100%;
    margin-bottom: 16px
}

.job-sider .salary-miniapp img {
    display: block;
    width: 111px;
    height: 111px;
    margin: 0 auto;
    box-shadow: 0 0 0 8px #fff
}

.amap-copyright,.amap-logo {
    z-index: 0!important
}

.container-mes,.container-tip {
    margin-right: 50px;
    position: fixed;
    bottom: 50px;
    z-index: 111111;
    width: 232px;
    right: 0;
    text-align: right;
    display: none
}

.container-mes .message {
    position: relative;
    top: 160px;
    padding-right: 10px
}

.container-mes li {
    margin-bottom: 20px;
    text-align: right;
    display: none
}

.container-mes li .text {
    display: inline-block;
    line-height: 24px;
    background-color: #f2f5fa;
    vertical-align: top;
    color: #424a5e;
    padding: 7px 20px;
    border-radius: 7px;
    max-width: 494px;
    position: relative;
    word-break: break-all;
    border-bottom-right-radius: 0;
    box-shadow: 0 1px 2px 0 rgba(176,176,176,.3)
}

.container-mes .avatar {
    position: relative;
    width: 80px;
    height: 80px;
    padding: 10px 0;
    float: right;
    text-align: center;
    margin-top: 30px
}

.container-mes .avatar img {
    width: 60px;
    height: 60px;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 101;
    cursor: pointer;
    box-shadow: 0 3px 10px 0 rgba(131,131,131,.5)
}

.container-mes .avatar img:hover {
    width: 68px;
    height: 68px
}

.aladingtip {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #565e70;
    display: none;
    z-index: 100;
    background: rgba(86,94,112,.7)
}

.aladingtip img {
    position: fixed;
    right: 190px;
    bottom: 66px
}

.avatar-ani {
    -webkit-animation: scale .8s linear infinite alternate;
    -moz-animation: scale .8s linear infinite alternate;
    -ms-animation: scale .8s linear infinite alternate;
    -o-animation: scale .8s linear infinite alternate;
    animation: scale .8s linear infinite alternate
}

.tip-box {
    background-color: #22c5b4;
    padding: 36px 32px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px
}

.tip-box p {
    font-size: 14px
}

.tip-box .tit {
    font-size: 22px;
    line-height: 40px
}

.tip-box a {
    background-color: #3ed4c4;
    height: 42px;
    display: block;
    line-height: 42px;
    margin-top: 60px;
    color: #fff
}

.tip-box i.trangle {
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top: 15px solid #22c5b4;
    position: absolute;
    bottom: 49px;
    right: 17px
}

.container-tip {
    bottom: 70px;
    right: 10px
}

.container-tip .tip-bot {
    width: 60px;
    height: 60px;
    position: relative;
    float: right
}

.container-tip .close {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #22c5b4 url(../images/close-alading.png) center center no-repeat;
    box-shadow: 0 3px 10px 0 rgba(131,131,131,.5);
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.container-tip .close:hover {
    background-color: #D55D5D;
    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: #D55D5D
}

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

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

.city-dialog .section-province li.active:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: #D55D5D;
    left: 0;
    top: 0
}

.city-dialog .section-city {
    margin-left: 150px;
    padding: 10px 22px 22px 22px;
    overflow: hidden
}

.city-dialog .section-city li {
    float: left;
    line-height: 40px;
    width: 25%;
    cursor: pointer
}

.city-dialog .section-city li a {
    display: block
}

.city-letter-show.city-dialog h4 {
    font-size: 16px;
    line-height: 70px;
    font-weight: 500;
    color: #414a60;
    padding-left: 30px
}

.city-letter-show.city-dialog .dialog-container {
    width: 786px;
    height: 527px;
    margin: -243px 0 0 -393px
}

.city-letter-show.city-dialog .city-wrapper {
    height: unset
}

.city-letter-show.city-dialog .section-province {
    padding-top: unset;
    background-color: #f9fafb;
    overflow-y: hidden;
    float: unset;
    width: 786px;
    height: 39px
}

.city-letter-show.city-dialog .section-province li {
    float: left;
    width: 131px;
    line-height: 39px;
    padding: unset;
    position: relative;
    cursor: pointer;
    text-align: center;
    user-select: none
}

.city-letter-show.city-dialog .section-province li:hover {
    background-color: #f9fafb;
    color: #D55D5D
}

.city-letter-show.city-dialog .section-province li.active {
    background-color: #f9fafb;
    color: #D55D5D
}

.city-letter-show.city-dialog .section-province li.active:before {
    content: "";
    position: absolute;
    background-color: #D55D5D;
    left: 25%;
    top: unset;
    bottom: 0;
    width: 50%;
    height: 2px
}

.city-letter-show.city-dialog .section-city {
    margin-left: 0;
    padding: 20px 0;
    height: 378px;
    overflow-y: scroll;
    overflow-x: hidden
}

.city-letter-show.city-dialog .section-city .hot-city {
    float: left;
    line-height: 40px;
    width: 20%;
    cursor: pointer;
    text-align: center;
    margin-bottom: 8px
}

.city-letter-show.city-dialog .section-city .hot-city:hover {
    color: #D55D5D
}

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

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

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

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

.security-knowledge-dialog .dialog-container .dialog-con {
    height: 100%
}

.security-knowledge-dialog .dialog-container iframe {
    width: 100%;
    height: 100%
}

.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 {
    font-size: 15px;
    margin-bottom: 20px;
    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
}

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

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

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

.file-result:hover {
    background: #db6a6a
}

.file-result-text {
    width: 148px;
    height: 38px;
    line-height: 40px;
    white-space: nowrap;
    text-align: center;
    color: #D55D5D;
    border: 1px solid #D55D5D;
    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 #D55D5D
}

.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: #D55D5D;
    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: #D55D5D;
    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: #D55D5D;
    vertical-align: middle
}

.resume-item .op a:hover {
    opacity: .8
}

.resume-item .op i {
    color: #D55D5D;
    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: #D55D5D;
    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(../../boss/images/icons-detail.png) no-repeat 0 -639px;
    color: #2db4b4;
    font-size: 12px
}

.history-project li .item-name .training {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../../boss/images/icons-detail.png) no-repeat 0 -696px;
    color: #fa3;
    font-size: 12px
}

.history-project li .op {
    top: 5px
}

.history-project li .text-type {
    color: #61687c;
    font-weight: 700
}

.history-project li .keywords span {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #9fa3b0;
    padding: 0 14px;
    margin-right: 10px;
    border: 1px solid #cfd1d7;
    border-radius: 50px
}

.history-project li .text h4 {
    position: relative;
    font-weight: 700;
    font-size: 15px
}

.history-project li .text h4 b {
    font-size: 14px
}

.history-project li .tags {
    margin-top: 15px
}

.history-project li .tags span {
    display: inline-block;
    border: 1px #cfd1d7 solid;
    border-radius: 15px;
    margin-right: 12px;
    color: #9fa3b0;
    font-size: 12px;
    line-height: 18px;
    padding: 0 15px
}

.history-project li .vline {
    margin: 0 20px
}

.prefix-minyear {
    position: absolute;
    top: 4px;
    left: 15px;
    width: 62px;
    background-color: #fff;
    color: #9fa3b0;
    font-style: normal;
    display: none
}

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

.resume .show-prefix-minyear .prefix-minyear {
    color: #414a60;
    top: 8px;
    left: 12px
}

.social-account {
    margin-top: 3px
}

.social-account li {
    position: relative;
    margin-bottom: 1px;
    padding: 4px 0 4px 24px;
    cursor: pointer
}

.social-account li:hover {
    background-color: #f2f5f9;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.social-account li:hover .op {
    display: block
}

.social-account li img {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 24px;
    vertical-align: middle
}

.social-account li>span {
    display: inline-block;
    max-width: 480px;
    overflow: hidden;
    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: #D55D5D
}

.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: #D55D5D;
    text-align: center;
    cursor: pointer
}

.link-add i {
    color: #D55D5D;
    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: #D55D5D
}

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

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

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

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

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

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

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

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

.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: #D55D5D;
    border: 1px solid #D55D5D
}

.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: #db6a6a;
    border-color: #db6a6a;
    color: #fff
}

#resume-education .edu-type .btn-outline:hover {
    background-color: #fff;
    color: #db6a6a
}

.upload-resume-dialog .dialog-container {
    padding: 40px 30px 35px;
    margin: -200px 0 0 -320px
}

.upload-resume-dialog .btn {
    height: 32px;
    line-height: 32px;
    font-size: 14px
}

.upload-resume-dialog .btn-file {
    position: relative;
    overflow: hidden;
    width: 152px;
    cursor: pointer
}

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

.upload-resume-dialog .resume-wrap {
    display: flex;
    justify-content: space-between;
    width: 580px
}

.upload-resume-dialog .resume-wrap dd {
    flex: none;
    width: 260px
}

.upload-resume-dialog .resume-wrap .sec-upload {
    position: relative
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap {
    height: 260px;
    border: 1px dashed #e3e7ed;
    box-sizing: border-box
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap p {
    color: #9fa3b0
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap .upload-guide {
    font-size: 13px;
    padding: 121px 0 65px;
    text-align: center
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap .upload-tip {
    font-size: 12px;
    line-height: 17px;
    padding: 0 56px
}

.upload-resume-dialog .resume-wrap .sec-upload:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 324px;
    right: -29px;
    top: 0;
    background: #e3e7ed
}

.upload-resume-dialog .resume-wrap .sec-make .zhipin-resume-img {
    width: 100%;
    height: 260px;
    background: url(../images/zhipin-resume.png) no-repeat center;
    background-size: contain
}

.upload-resume-dialog .resume-wrap .btn {
    display: block;
    width: auto;
    margin-top: 30px
}

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

.chat-controls a {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-image: url(/https/cdn.597.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/cdn.597.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/cdn.597.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/cdn.597.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: #bd2d2a url(/https/cdn.597.com/img/job/234.png) center bottom no-repeat;
    position:fixed;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    min-width: 1000px;
    z-index:1;
    zoom: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    /* background-position: center 0; */
}

.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: #D55D5D;
    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;
    z-index: 10
}

.sign-form .form-row em.error {
    position: absolute;
    display: block;
    right: 0;
    top: 9px;
    font-style: normal;
    color: #9fa3b0;
    font-size: 12px;
    padding-right: 15px
}

.sign-form .form-row .link-signin,.sign-form .form-row .link-sms {
    text-align: right;
    position: absolute;
    right: 0;
    cursor: pointer;
    bottom: -28px
}

.sign-form .ipt,.sign-form .sel {
    width: 286px;
    min-width: 0;
    padding: 9px 18px;
    border-color: #e3e7ed;
    vertical-align: middle
}

.sign-form .sel {
    margin-right: 0;
    width: 380px;
    height: 42px
}

.row-code .cell-wrap,.sign-form .ipt-wrap {
    position: relative;
    display: block
}

.row-code .cell-wrap {
    display: inline-block
}

.sign-form .row-select .dropdown-menu li {
    height: 42px;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.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: #D55D5D;
    border-color: #D55D5D
}

.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 {
    display: none;
    position: absolute;
    top: 1px;
    left: 28px;
    height: 40px;
    z-index: 1;
    background: 0 0
}

.sign-form .dropdown-select .text-select {
    display: inline-block;
    font-style: normal;
    cursor: pointer;
    width: 37px;
    padding: 7px 25px 7px 0;
    border: 0;
    text-align: right
}

.sign-form .dropdown-select .icon-select-arrow {
    right: 5px;
    top: 12px
}

.sign-form .dropdown-menu {
    z-index: 10;
    left: 0
}

.sign-form .dropdown-menu ul {
    width: 176px;
    max-height: 292px;
    overflow-x: hidden
}

.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(/https/cdn.597.com/img/job/sjh.png);
    background-position: 0;
    background-size:  auto 98%;
    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-image: url(/https/cdn.597.com/img/job/mima.png);
    background-position: 0;
    background-size:  auto 98%;
    background-repeat: no-repeat;
}

.icon-sign-code {
    background-position: 2px -44px
}

.icon-sign-sms {
    background-image: url(/https/cdn.597.com/img/job/dx.png);
    background-position: 0;
    background-size: 98% auto;
    background-repeat: no-repeat;
}

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

.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 #f4d7d7;
    border-color: #D55D5D;
}

.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: #D55D5D;
    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 #f4d7d7;
    border-color: #ca5959;
    color: #D55D5D
}

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

.sign-form .text-tip .left-tip {
    float: left
}

.sign-form .text-tip .link-wechat-login {
    text-indent: 30px;
    text-align: left;
    background: url(/https/cdn.597.com/img/job/weixin@2x.png) no-repeat 0/22px auto;
    color: #9fa3b0;
    cursor: pointer
}
.link-wechat-login , .link-wechat-login2{
    /* display: none; */
}
.sign-form .text-tip .link-wechat-login:hover {
    color: #D55D5D
}

.sign-form .text-tip .link-wechat-login2 {
    text-indent: 30px;
    text-align: left;
    background: url(/https/cdn.597.com/img/job/qq.png) no-repeat 23px/22px auto;
    color: #9fa3b0;
    cursor: pointer
}

.sign-form .text-tip .link-wechat-login2:hover {
    color: #D55D5D
}

.sign-form .text-tip .right-tip {
    float: right
}

.sign-form .text-tip a {
    color: #9fa3b0;
}

.sign-form .text-tip a:hover {
    color: #D55D5D;
}

.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: 514px;
    min-height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -262px 0 0 -257px
}

.sign-wrap-v2 .hide {
    display: none!important
}

.sign-wrap-v2 .sign-form {
    display: none;
    width: 514px;
    height: 500px;
    padding: 0;
    background: #fff;
    box-shadow: 0 6px 13px 0 rgba(0,0,0,.1);
    border-radius: 10px
}

.sign-wrap-v2 .sign-form .title {
    display: none
}

.sign-wrap-v2 .sign-content {
    position: relative;
    /* margin-left: 240px; */
    height: 100%
}

.sign-wrap-v2 .sign-form .inner-box {
    position: relative;
    width: 324px;
    padding-top: 68px;
    margin: 0 auto
}

.sign-wrap-v2 .sign-form form {
    padding: 0
}

.page-sign .sign-wrap-v2 .sign-pwd .link-scan {
    display: none
}

.page-sign .sign-wrap-v2 .sign-sms .link-scan {
    display: none
}

.page-sign .sign-wrap-v2 .sign-pwd .link-scan {
    display: none
}

.page-sign .sign-wrap-v2 .sign-scan .link-scan,.page-sign .sign-wrap-v2 .sign-scan .link-signin,.page-sign .sign-wrap-v2 .sign-scan .link-sms {
    display: none
}

.sign-wrap-v2 .sign-tab {
    display: flex;
    justify-content: space-between;
    height: 22px;
    margin-bottom: 44px;
    padding: 0 0 15px;
    line-height: 22px;
    border: none
}

.sign-wrap-v2 .sign-tab span {
    width: 152px;
    height: 42px;
    line-height: 42px;
    color: #414a60;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    border: 1px solid rgba(227,231,237,1);
    margin: 0
}

.sign-wrap-v2.jconfirm-box-container .sign-tab span {
    width: 100px
}

.sign-wrap-v2 .sign-tab span.cur {
    border-color: #D55D5D;
    color: #D55D5D
}

.sign-wrap-v2 .sign-tab span:hover {
    border-color: #D55D5D;
    color: #D55D5D
}

.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;
    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 a.pwd-login-btn {
    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: 18px;
    text-align: center;
    margin-top: 30px
}

.page-sign .sign-wrap-v2 .text-argeement a {
    font-size: 13px;
    font-weight: 400;
    color: #D55D5D;
    line-height: 18px
}

.page-sign .sign-wrap-v2 .text-tip .link-signup {
    text-align: center;
}

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

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

.page-sign .sign-wrap-v2 .sign-register .text-tip {
    text-align: center;
    font-size: 13px
}

.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: 6px 3px 0 0
}

.sign-wrap-v2 .text-tip .user-agreemen {
    color: #D55D5D
}

.sign-wrap-v2 .text-tip .user-agreement:hover {
    color: #D55D5D
}

.sign-wrap-v2 .btn-switch {
    left: 6px;
    top: 6px
}

.sign-wrap-v2 .login-tab-switch {
    z-index: 2;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    left: auto;
    background-image: url(/https/cdn.597.com/img/job/sm_dl.png);
    background-size: 100% auto
}

.sign-wrap-v2 .login-tab-switch:hover {
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    left: auto;
    background-image: url(/https/cdn.597.com/img/job/sm_dl2.png);
    background-size: 100% auto
}

.sign-wrap-v2 .login-tab-switch.pwd-switch {
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    left: auto;
    background-image: url(/https/cdn.597.com/img/job/dn.png);
    background-size: 100% auto
}

.sign-wrap-v2 .login-tab-switch.pwd-switch:hover {
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    left: auto;
    background-image: url(/https/cdn.597.com/img/job/dn2.png);
    background-size: 100% auto
}

.sign-wrap-v2 .btn-switch .switch-tip {
    top: 8px
}

.sign-wrap-v2 .login-tab-switch .switch-tip {
    width: 117px;
    height: 30px;
    background: #D55D5D;
    color: #fff;
    box-shadow: 0 1px 7px 0 rgba(93,213,200,.2);
    font-size: 13px;
    top: -5px;
    right: 35px;
    left: auto
}

.sign-wrap-v2 .app-load-box {
    display: none;
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: -95px;
    right: -288px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 13px 0 rgba(0,0,0,.1)
}

.sign-wrap-v2 .app-load-box:after {
    width: 0;
    height: 0;
    transform: rotate(45deg);
    border: 8px solid transparent;
    box-shadow: 0 6px 13px 0 rgba(0,0,0,.1);
    position: absolute;
    content: '';
    left: -8px;
    top: 128px;
    background: #fff
}

.sign-wrap-v2 .app-load-box:before {
    width: 20px;
    height: 28px;
    left: 0;
    top: 124px;
    background: #fff;
    position: absolute;
    content: '';
    z-index: 1
}

.sign-wrap-v2 .download-btn:hover .app-load-box {
    display: block
}

.sign-wrap-v2 .app-load-box img {
    width: 103px;
    height: 103px;
    margin: 34px auto 14px auto
}

.sign-wrap-v2 .app-load-box p {
    font-size: 14px;
    color: rgba(97,104,124,1);
    line-height: 20px;
    letter-spacing: 1px;
    padding: 0
}

.sign-wrap-v2 .login-tab-switch .switch-tip:before {
    top: 8px;
    right: -9px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid #D55D5D;
    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: #D55D5D;
    line-height: 20px
}

.sign-slide-box .logo img {
    width: 42px;
    height: 42px
}

.sign-slide-box .logo div {
    float: right;
    position: relative;
    bottom: -1px;
    right: 65px
}

.sign-slide-box ul {
    margin: 50px 0 0 40px
}

.sign-slide-box li {
    margin-bottom: 50px
}

.sign-slide-box li:last-of-type {
    margin-bottom: 0!important
}

.sign-slide-box li i {
    float: left;
    width: 25px;
    height: 42px;
    background: url(/https/cdn.597.com/img/job/2.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 {
    float: left;
    width: 25px;
    height: 42px;
    background: url(/https/cdn.597.com/img/job/3.png) no-repeat;
    background-size:auto 89%;
}

.sign-slide-box li:nth-of-type(4n+3) i {
    float: left;
    width: 25px;
    height: 42px;
    background: url(/https/cdn.597.com/img/job/4.png) no-repeat;
    background-size:100% auto;
}

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

.sign-wrap-v2 .sign-sms {
    height: 524px
}

.sign-wrap-v2 .sign-scan {
    height: 524px
}

.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: #9fa3b0;
    font-size: 18px;
    font-weight: 400;
    text-align: center
}

.sign-wrap-v2 .sign-scan-help .scan-help-tab {
    position: relative;
    z-index: 1;
    width: 188px;
    height: 29px;
    margin: 0 auto;
    border: 1px solid #ca5353;
    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: #b91919;
    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: #f8e5e5
}

.sign-wrap-v2 .sign-scan-help .sub-title {
    margin: 26px auto 19px;
    color: #61687c;
    text-align: center
}

.sign-wrap-v2 .sign-scan-help .scan-help-content li {
    display: none;
    width: 208px;
    height: 301px;
    margin: 0 auto
}

.sign-wrap-v2 .sign-scan-help .scan-help-content li.active {
    display: block
}

.sign-wrap-v2 .sign-scan-help .help-boss {
    background: url(/https/cdn.597.com/img/login/example2.png) no-repeat center center;
    background-size: 100% 100%
}

.sign-wrap-v2 .sign-scan-help .help-geek {
    background: url(/https/cdn.597.com/img/login/example1.png) no-repeat center center;
    background-size: 100% 100%
}

.sign-wrap-v2 .sign-register {
    height: 524px
}

.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: #D55D5D;
    font-size: 16px;
    font-weight: 400
}

.sign-wrap-v2 .sign-register .tip-error-form {
    top: 126px
}

.sign-wrap-v2 .sign-miniapp {
    height: 560px;
    text-align: left
}

.sign-wrap-v2 .sign-miniapp .sign-slide-box ul {
    margin-top: 50px
}

.sign-wrap-v2 .sign-miniapp .inner-box {
    text-align: center
}

.sign-wrap-v2 .sign-miniapp h4 {
    margin: 20px 0 40px;
    line-height: 22px;
    color: #D55D5D;
    font-size: 16px;
    font-weight: 400
}

.sign-wrap-v2 .sign-miniapp .tip-error-form {
    top: 58px
}

.sign-wrap-v2 .sign-miniapp .sign-tip {
    margin-top: 30px;
    color: #61687c
}

.sign-wrap-v2 .sign-miniapp .text-tip {
    padding-top: 62px
}

.sign-wrap-v2 .sign-resume .tip-error-form {
    top: 118px
}

.sign-wrap-v2 .sign-quick .tip-error-form {
    position: static;
    height: auto;
    margin-top: -18px
}

.sign-wrap-v2 .sign-welcome {
    width: 324px;
    padding: 35px 43px 0
}

@media (max-width: 800px) {
    #wrap {
        position:relative
    }

    .page-sign {
        min-width: inherit;
        background: 0 0
    }

    .page-sign #header {
        display: none
    }

    .page-sign .sign-wrap {
        position: static;
        margin: 0;
        width: auto
    }

    .page-sign .sign-form {
        box-shadow: none;
        width: auto;
        padding: 0 15px 0;
        border-radius: 0
    }

    .page-sign .sign-form .title {
        padding: 30px 0 20px 0
    }

    .page-sign .sign-register.sign-form .title {
        padding-bottom: 0
    }

    .page-sign .sign-register .sign-tab {
        display: none
    }

    .page-sign .sign-form .tip-error {
        display: none
    }

    .page-sign .sign-tab {
        display: table;
        width: 100%;
        border-bottom-width: 0
    }

    .page-sign .sign-tab span {
        display: table-cell;
        width: 50%;
        text-align: center
    }

    .page-sign .sign-tab .link-scan {
        display: none
    }

    .page-sign .form-row .ipt {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .page-sign .form-row .ipt-zone {
        width: 62px
    }

    .page-sign .row-code {
        display: table;
        width: 100%;
        height: 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: #D55D5D;
        padding-top: 2px
    }

    .row-code.nc-container ._nc .icon-slide-arrow {
        border: 1px solid #ccc;
        width: 46px;
        height: 40px;
        left: 0;
        line-height: 40px;
        text-align: center
    }

    .row-code ._nc .icon {
        line-height: 30px
    }

    .row-code ._nc .stage1 .icon-ok {
        color: #8d92a1;
        font-size: 22px;
        border: 1px solid #8d92a1;
        width: 46px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        left: 0
    }

    .row-code ._nc .stage1 .bg-green {
        background: #8d92a1;
        box-shadow: none
    }

    .row-code ._nc .icon-slide-arrow {
        font-size: 22px
    }

    .page-sign .row-code .cell-wrap {
        display: table-cell;
        width: 100%
    }

    .page-sign .row-code .cell-wrap .ipt-code {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .page-sign .sign-register .sign-tab {
        padding-top: 26px;
        margin-bottom: -22px
    }

    .page-sign .sign-register .purpose-row {
        display: none
    }

    .page-sign .sign-form .btn-switch {
        display: none
    }

    .toast {
        display: none;
        position: absolute;
        width: 80%;
        margin: 0 auto;
        height: 40px;
        line-height: 40px;
        top: 60%;
        left: 10%;
        margin-top: -40%;
        background: rgba(0,0,0,.8);
        border-radius: 20px;
        color: #fff;
        text-align: center;
        z-index: 100
    }

    .page-sign .sign-wrap-v2 .text-tip a {
        /* float: none; */
        width: 90px;
    }
    .sign-form .text-tip {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex:1;
        flex:1;
        flex-direction:row;
        -webkit-flex-direction:row;
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
        justify-content:space-between;
        -webkit-justify-content:space-between;
    }
    .sign-form .text-tip .link-wechat-login2 {
        text-indent: 30px;
        background: url(/https/cdn.597.com/img/job/qq.png) no-repeat 16px/22px auto;
        color: #9fa3b0;
        cursor: pointer;
    }
    .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
    }

    .sign-wrap-v2.sign-wrap {
        min-height: 0
    }

    .sign-form .sign-slide-box {
        display: none
    }

    .sign-wrap-v2 .sign-content {
        position: static;
        margin: 0;
        height: auto
    }

    .sign-wrap-v2 .sign-form .title {
        display: block
    }

    .sign-wrap-v2 .sign-form {
        height: auto
    }

    .sign-wrap-v2 .sign-form .inner-box {
        width: auto;
        padding: 0
    }
}

@media only screen and (-webkit-device-pixel-ratio: 2) and (max-device-height:568px) and (min-device-width:320px) {
    ._nc .stage1 .icon {
        bottom:0!important
    }
}

.defaultConfirm .jconfirm-box {
    width: 340px
}

.qrcodeimg-box {
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: relative
}

.qrcodeimg-box img:not([src]),.qrcodeimg-box img[src=""] {
    opacity: 0
}

.invalid-box {
    display: none;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    text-align: center;
    background: rgba(255,255,255,.9);
    position: absolute;
    left: 0;
    top: 0
}

.invalid-box .btn {
    font-size: 13px;
    min-width: 100px
}

.invalid-box p {
    padding: 50px 0 25px;
    color: #333
}

.sign-form {
    position: relative
}

.btn-switch {
    position: absolute;
    z-index: 1005;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    background: no-repeat;
    background-size: 42px 84px;
    cursor: pointer
}

.ewm-switch {
    background-image: url(../images/btn-ewm.png)
}

.ewm-switch:hover {
    background-position: 0 -42px
}

.phone-switch {
    background-image: url(../images/btn-phone.png)
}

.phone-switch:hover {
    background-position: 0 -42px
}

.btn-switch .switch-tip {
    width: 120px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #9fa3af;
    position: absolute;
    left: 42px;
    top: 5px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    cursor: default;
    pointer-events: none;
    background-color: #fff
}

.btn-switch .switch-tip .icon-triangle {
    background: url(../images/arrow-left.png) no-repeat center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -10px;
    width: 10px;
    background-size: 20px 20px
}

.sign-miniapp {
    text-align: center
}

.sign-miniapp h4 {
    font-weight: 400;
    line-height: 20px;
    margin: 22px 0 53px
}

.sign-miniapp .qrcodeimg-box img {
    width: 200px
}

.sign-miniapp .sign-tip {
    color: #D55D5D;
    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: #D55D5D
}

.check-phone.sign-form .btn-sms.count-down {
    color: #9fa3b0;
    white-space: nowrap;
    font-size: 13px;
    letter-spacing: 0
}

.check-phone .form-footer {
    margin-top: 5px
}

.check-phone .form-footer .btns {
    text-align: right
}

.check-phone .form-footer .btns .btn {
    min-width: 42px;
    height: 32px;
    margin: 0 0 0 20px;
    padding: 0 25px;
    line-height: 32px;
    font-size: 14px;
    box-sizing: content-box
}

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

.check-phone .phonecode-error,.check-phone .verifyimg-error {
    height: 25px;
    margin-left: 120px;
    line-height: 25px;
    font-size: 12px
}

.dialog-wechat-login .dialog-con {
    display: flex
}

.dialog-wechat-login .wechat-login-dialog-layer {
    position: fixed;
    width: 100%;
    height: 100%
}

.dialog-wechat-login .wechat-login-wrap {
    position: relative;
    height: 425px;
    margin: auto
}

.dialog-wechat-login iframe {
    height: 425px;
    margin: auto
}

.dialog-wechat-login .overdue {
    display: none;
    position: absolute;
    top: 55px;
    left: 9px;
    height: 282px;
    width: 282px;
    background-color: rgba(255,255,255,.9);
    text-align: center
}

.dialog-wechat-login .overdue span {
    display: block;
    margin-top: 90px;
    font-size: 20px;
    color: #414a60;
    letter-spacing: 1px
}

.dialog-wechat-login .overdue .btn-refresh {
    display: block;
    width: 146px;
    min-width: unset;
    height: 42px;
    min-height: unset;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    margin: 20px auto 0
}

.sign-bind-wechat-signin .title,.sign-bind-wechat-signup .title {
    color: #414a60;
    margin-bottom: 18px
}

.sign-bind-wechat-signin .sub-title,.sign-bind-wechat-signup .sub-title {
    line-height: 24px;
    font-size: 14px;
    color: #9fa3b0;
    text-align: center
}

.sign-bind-wechat-signin form {
    padding-top: 0
}

.sign-bind-wechat-signin .form-btn {
    margin-top: 79px
}

.sign-bind-wechat-signup form {
    padding-top: 16px
}

.sign-bind-wechat-signup .purpose-row {
    margin-bottom: 0
}

.sign-bind-wechat-signup .form-btn {
    margin-top: 27px
}

.sign-form .top-btn-back {
    position: absolute;
    z-index: 10;
    top: 21px;
    left: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/icon/arrow-left.png) no-repeat left top/50% auto
}

.sign-form .top-btn-back:hover {
    background-position: 0 -54px;
    cursor: pointer;
    -webkit-transition: none;
    transition: none
}

.pop-sign-wechat .dialog-container {
    padding: 40px
}

.pop-sign-wechat .title {
    line-height: 24px;
    font-size: 24px;
    color: #414a60
}

.pop-sign-wechat .dialog-con {
    padding: 20px 0;
    line-height: 30px;
    font-size: 16px;
    color: #9fa3b0
}

#wrap.sign-resume-wrapper {
    height: 100%;
    min-height: 700px;
    background: #D55D5D 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: #D55D5D;
    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: #D55D5D;
    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: #D55D5D;
    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: #D55D5D
}

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

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

.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-wrap-v2 .form-row .geetest_holder.geetest_wind {
    min-width: 216px;
    z-index: 1
}

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

.form-row-verify .picture_box .input_code {
    width: 78px!important;
    top: 0!important;
    padding: 6px 18px;
    border: none;
    padding-left: 12px
}

.form-row-verify .picture_box img {
    height: 42px!important;
    display: inline-block;
    margin-left: 0!important;
    vertical-align: middle
}

.form-row-verify .picture_box .btn-img {
    background: #fff;
    color: #D55D5D;
    border-color: #fff;
    min-width: 62px;
    line-height: 42px;
    height: 42px
}

.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: 1000;
    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-container {
    padding: 40px 0;
    width: 800px;
    height: 600px;
    box-sizing: border-box;
    margin: -300px 0 0 -400px
}

.dialog-container .dialog-con {
    padding: 0 68px;
    height: 440px;
    overflow: auto
}

.dialog-container .dialog-title .title {
    font-size: 24px;
    font-weight: 500;
    color: rgba(65,74,96,1);
    line-height: 34px;
    margin: 0 auto 40px;
    text-align: center
}

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
}

.limit-boss-dialog .limit-content .content p {
    color: #51586d;
    line-height: 28px
}

.limit-boss-dialog .limit-content .content p:first-child {
    padding-bottom: 8px
}

@media (max-width: 800px) {
    .dialog-container {
        width:300px;
        height: 350px;
        margin: -175px 0 0 -150px;
        padding-top: 20px
    }

    .title {
        margin: 0 auto 20px;
        font-size: 20px
    }

    .dialog-container .dialog-con {
        padding: 0 20px;
        height: 257px
    }
}

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

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

.semwrap7 #wrap button.item:hover,.semwrap7 #wrap button:hover {
    background-color: #db6a6a;
    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: #D55D5D;
    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: #D55D5D 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: #D55D5D
}

.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: #db6a6a;
    border-color: #db6a6a;
    color: #fff
}

.guide .education-info .edu-type .btn-outline:hover {
    background-color: #fff;
    color: #db6a6a
}

.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 #D55D5D;
    color: #D55D5D;
    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;
    background-color: #f8f9fc;
    color: #9fa3b0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.greet-pop .dialog-title {
    padding: 15px 30px
}

.greet-pop .dialog-con {
    padding: 10px 30px
}

.greet-pop .dialog-container {
    width: 490px;
    margin: -128px 0 0 -245px
}

.greet-pop .title {
    font-size: 14px;
    font-weight: 400
}

.greet-pop .dialog-con span {
    display: inline-block;
    padding-top: 20px;
    font-size: 12px;
    color: #9fa3b0
}

.greet-pop .dialog-footer {
    border-top: 1px #eee solid;
    padding: 15px 30px;
    margin-top: 20px
}

.greet-pop .op-text {
    position: absolute;
    top: 205px;
    color: #9fa3b0
}

.greet-pop .checkbox input[type=checkbox]~span,.radio input[type=radio]~span {
    min-height: auto
}

.interview-pop .dialog-container {
    width: 500px;
    margin: -153px 0 0 -250px
}

.interview-pop .dialog-con,.refuse-pop .dialog-con {
    padding: 0 30px
}

.interview-pop .dialog-title {
    padding: 30px 30px 10px;
    font-size: 18px;
    color: #D55D5D;
    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: #D55D5D;
    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: #D55D5D;
    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: #D55D5D
}

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

.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: #D55D5D;
    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: #D55D5D;
    border-color: #D55D5D;
    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: #D55D5D;
    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: #D55D5D;
    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 #D55D5D;
    border-radius: 3px;
    margin-left: 71px
}

.analyzer-list .compete-place span {
    display: inline-block;
    white-space: nowrap;
    font-size: 18px;
    transform: scale(.5);
    color: #D55D5D;
    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: #D55D5D
}

.analyzer-combo-list dd.selected {
    border-color: #D55D5D;
    color: #D55D5D;
    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: #D55D5D
}

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

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

.company-search .expect-filter {
    font-size: 16px;
    color: #D55D5D;
    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: #D55D5D;
    top: 6px
}

.standard .company-search .expect-filter.checkbox input[type=checkbox]:checked~span:before {
    width: 14px;
    height: 14px;
    background: #D55D5D;
    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: #D55D5D;
    background: 0 0
}

.company-search .expect-dropdown-wrap .dropdown-select .vline {
    background-color: #D55D5D
}

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

.company-search .expect-dropdown-wrap li.cur .vline {
    background-color: #D55D5D
}

.company-search .expect-dropdown-wrap li:hover {
    background-color: #f2f5f9
}

.company-search .expect-dropdown-wrap li:hover .vline {
    background-color: #D55D5D
}

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

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

.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: #D55D5D;
    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: #D55D5D;
    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: #D55D5D;
    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: #D55D5D;
    display: inline-block;
    vertical-align: middle
}

.smallbanner-bottom .company-info .info .job-detail-guide-immediate-login {
    color: #D55D5D;
    margin-left: 30px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

.smallbanner-bottom .company-info .info .job-detail-guide-download-app {
    color: #D55D5D;
    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: #D55D5D;
    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
}

.startchat-dialog .dialog-container .dialog-title .close {
    top: 18px;
    right: 15px
}

.startchat-dialog .dialog-container .dialog-title .icon-close:after,.startchat-dialog .dialog-container .dialog-title .icon-close:before {
    background: #fff
}

.startchat-dialog .startchat-title {
    height: 60px;
    box-sizing: border-box;
    display: flex;
    background-color: #61687c;
    padding: 10px 20px 12px
}

.startchat-dialog .startchat-title .avatar {
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #fff
}

.startchat-dialog .startchat-title .boss-info {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 20px;
    margin-left: 10px
}

.startchat-dialog .startchat-title .boss-info .position {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 1px
}

.startchat-dialog .startchat-content {
    display: flex;
    background-color: #fff
}

.startchat-dialog .startchat-content .left {
    width: 419px;
    border-right: 1px solid #eef0f5
}

.startchat-dialog .startchat-content .message {
    height: 328px;
    padding-top: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #eef0f5
}

.startchat-dialog .startchat-content .message-list {
    height: 100%;
    box-sizing: border-box;
    padding: 10px 20px 20px;
    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 {
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    padding: 0 3px;
    border-radius: 3px;
    color: #8d92a1;
    background-color: #e3e7ed
}

.startchat-dialog .startchat-content .message-item .text {
    padding: 8px 14px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 6px 0 6px 6px;
    color: #414a60;
    background-color: #e3e7ed;
    margin-left: 8px
}

.startchat-dialog .startchat-content .edit-area {
    padding: 12px 20px 20px;
    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: #414a60;
    border: none;
    resize: none
}

.startchat-dialog .startchat-content .edit-area .input-area::placeholder {
    color: #d1d4db
}

.startchat-dialog .startchat-content .edit-area .send-message {
    height: 26px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 26px;
    color: #fff;
    padding: 0 16px;
    border-radius: 13px;
    background-color: #D55D5D;
    cursor: pointer
}

.startchat-dialog .startchat-content .edit-area .send-message.disable {
    border: 1px solid #ebeef5;
    color: #d1d4db;
    background-color: #fff;
    cursor: not-allowed
}

.startchat-dialog .startchat-content .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 80px
}

.startchat-dialog .startchat-content .right .title {
    font-size: 15px;
    font-weight: 500;
    color: #414a60;
    line-height: 21px;
    margin-bottom: 8px
}

.startchat-dialog .startchat-content .right .desc {
    font-size: 13px;
    color: #61687c;
    line-height: 18px
}

.startchat-dialog .startchat-content .right .img-container {
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 10px
}

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

.page-chat-loading .loading-img {
    width: 60px;
    height: 60px
}

.job-bindwechat-dialog .dialog-container {
    padding: 30px 40px;
    margin: -140px 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
}

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

.company-banner .info-primary {
    height: auto;
    font-size: 0
}

.company-banner .info-primary img {
    width: 103px;
    height: 103px;
    border-radius: 13px;
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: -11px
}

.company-banner .info-primary .info {
    margin-left: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.company-banner .info-primary h1 {
    font-size: 32px;
    line-height: 48px;
    padding: 0 0 3px 0
}

.company-notag .info-primary h1 {
    padding-top: 22px
}

.company-new .company-banner {
    padding-top: 20px
}

.company-new .company-tab {
    clear: both
}

.company-banner .info-primary p {
    line-height: 20px;
    padding: 0;
    color: rgba(255,255,255,.7);
    margin-bottom: 13px
}

.company-banner .job-tags {
    padding: 0
}

.company-banner .company-stat {
    text-align: right
}

.company-stat span b {
    line-height: 50px;
    color: #fff;
    padding: 0
}

.company-stat span i {
    display: block;
    line-height: 20px;
    height: 20px;
    font-style: normal
}

.company-stat .op {
    margin-top: 25px;
    font-size: 16px
}

.company-stat .op a {
    color: #fa6a43;
    line-height: 20px
}

.company-stat .op a+a {
    margin-left: 55px
}

.company-sider .update-time {
    color: #d0d4da;
    line-height: 20px;
    margin-top: 20px
}

.company-new .company-job .job-primary {
    padding-right: 0
}

.company-new .company-job .company-new .company-job .job-list {
    width: 884px;
    padding: 0
}

.company-new .company-job .startchat-box {
    display: none
}

.company-new .company-job .job-list .job-primary .info-primary {
    width: 500px
}

.company-new .company-job .job-list li .name .job-title {
    max-width: 284px
}

.company-new .job-list li .name {
    text-overflow: unset
}

.job-primary .info-publis {
    width: 294px
}

.company-new .company-job .job-list li:hover .startchat-box {
    display: block
}

.company-new .company-job .job-list li:hover .info-publis {
    display: none!important
}

.company-new .seen-list {
    background: #fff
}

.company-new .seen-list .list-title {
    color: #D55D5D;
    line-height: 20px;
    padding: 13px 25px 12px;
    border-bottom: 2px solid #f2f2f5
}

.company-new .seen-list ul li {
    margin: 0 25px;
    border-bottom: 1px solid #eef0f4;
    padding: 11px 0
}

.company-new .seen-list .salary {
    color: #fc6f3b;
    float: right;
    line-height: 20px
}

.company-new .seen-list .job-name {
    line-height: 20px
}

.company-new .seen-list .company-name {
    font-size: 12px;
    line-height: 17px;
    color: #8d92a1
}

.company-detail-grab .company-banner .smallbanner,.company-new .smallbanner {
    height: auto;
    left: 0;
    z-index: 1001;
    padding: 0
}

.company-new .tag-container .tag-more {
    top: 0
}

.company-new .smallbanner .company-tab {
    margin-bottom: 0
}

.company-new .smallbanner .info-primary {
    height: auto;
    margin-bottom: 20px
}

.company-detail-grab .company-banner .smallbanner-content,.company-new .smallbanner-content {
    width: 1184px;
    margin: 0 auto
}

.company-detail-grab .company-banner .smallbanner-content {
    padding: 20px 0 10px
}

.company-new .smallbanner-content .info-primary {
    padding-top: 20px
}

.company-new .smallbanner-content .info-primary h1 {
    padding-top: 12px;
    padding-bottom: 12px
}

.smallbanner.notag img {
    width: 80px;
    height: 80px
}

.company-new .notag .smallbanner-content .op {
    margin-top: 67px
}

.company-new .smallbanner-content .op {
    margin-top: 104px
}

.company-new .smallbanner-content .company-tab {
    margin-top: -19px
}

.company-new .sider-list li h4 {
    line-height: 20px
}

.company-new .job-detail {
    float: left;
    width: 836px;
    margin-right: 0
}

.company-new .company-sider,.company-new .job-detail {
    padding-bottom: 0
}

.company-new .company-banner .industry-link {
    color: rgba(255,255,255,.7)
}

.company-new .company-desc.company-job .job-list {
    width: 100%
}

.company-new .company-desc.company-job .job-list .job-primary {
    margin: 0
}

.company-new .company-desc.company-job .job-list li {
    border-bottom: 1px solid #f4f4f6;
    margin-bottom: 0
}

.company-new .company-desc.company-job .job-list li:hover {
    background-color: #fff
}

.company-new .company-desc.company-job .job-list li .startchat-box {
    right: 0
}

.company-desc.company-job .job-list li .job-primary .name {
    padding-bottom: 0
}

.links-container {
    background: #fff;
    border-top: 1px solid #f4f4f6;
    padding-bottom: 20px;
    position: relative;
    margin-top: 12px
}

.company-new+#footer,.links-container+#footer {
    margin-top: 0;
    border: none
}

.links-box {
    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: #D55D5D
}

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

.links-box .title-box .title-item.cur::after {
    background-color: #D55D5D
}

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

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

.userType_top{
    width: 100%;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
}

.userType_top .userType_top_p1{
    font-size: 24px;
    color: #6A4F4F;
    margin-bottom: 20px;
    margin-top: 40px;
}

.userType_top .userType_top_p2{
    font-size: 14px;
    color:#6b5050;
}

.userType{
    width: 445px;
    margin: 0 auto;
    overflow: hidden;
    color:#d4c5c6;
}

.userType p{
    color:#d4c5c6;
    margin-top: 20px;
}

.userType .userType_on{
    box-shadow: 0px 0px 24px 0px rgba(236, 220, 220, 0.8);
}

.userType .userType_on p{
    color:#d86a6a;
}

.userType .userType_personal{
    width: 188px;
    height: 224px;
    float: left;
    margin: 24px 0 24px 24px;
    cursor:pointer;
    border-radius: 9px;
    text-align: center;
}
.userType .userType_personal img , .userType .userType_enterprise img{
    width: 154px;
    margin: 17px 20px 0 20px;
}

.userType .userType_enterprise{
    width: 188px;
    height: 224px;
    float: right;
    margin: 24px 24px 24px 0;
    cursor:pointer;
    border-radius: 9px;
    text-align: center;
}


.userType_text{
   height: 42px;
   line-height: 42px;
   color:#d4c4c5;
   text-align: center;
}
.userType_button{
    width: 324px;
    height: 42px;
    font-size: 16px;
    line-height: 42px;
    background-color: #d55d5d;
    text-align: center;
    color:#fff;
    margin: 0 auto;
    cursor: pointer;
}

.icon-yc{
    position: absolute;
    width: 20px;
    height: 20px;
    right: 9px;
    top: 11px;
    background-image: url(/https/cdn.597.com/img/job/yincang@2.png);
    background-position: 0;
    background-size: 98% auto;
    background-repeat: no-repeat;
}

.icon-xs{
    position: absolute;
    width: 20px;
    height: 20px;
    right: 9px;
    top: 11px;
    background-image: url(/https/cdn.597.com/img/job/xianshi@2x.png);
    background-position: 0;
    background-size: 98% auto;
    background-repeat: no-repeat;
}

.tongyi , .tongyi2 , .tongyi3{
    cursor: pointer;
}

.class_index{
    position: absolute;
    left: 20px;
    top: 12px;
    color:#D55D5D;
}
.class_index i{
    float: left;
    width: 14px;
    height: 17px;
    margin: 4px 3px 0 0;
    background-image: url(/https/cdn.597.com/img/job/fh_index.png);
    background-position: 0;
    background-size: 98% auto;
    background-repeat: no-repeat;
}