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



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



.city-site .merge-city-job {
    width: 100%;
    overflow: hidden
}

.city-site .merge-city-job ul {
    overflow: hidden
}

.city-site .merge-city-job ul li {
    height: 130px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff
}

.city-site .merge-city-job li .sub-li {
    display: block;
    height: 130px;
    width: 384px;
    font-size: 0;
    padding: 16px 20px;
    box-sizing: border-box
}

.city-site .merge-city-job li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

.city-site .merge-city-job li a {
    display: inline-block
}

.city-site .merge-city-job li a.user-info:hover {
    background: #fafafa
}

.city-site .merge-city-job li a.job-info {
    padding-top: 17px;
    vertical-align: middle
}

.city-site .merge-city-job li p {
    line-height: 35px;
    font-size: 16px;
    color: #61687c;
    position: relative
}

.city-site .merge-city-job li .name .name-text {
    max-width: 192px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.city-site .merge-city-job li .name .name-text.no-medium {
    max-width: 240px
}

.city-site .merge-city-job li .name .job-medium-icon {
    height: 16px;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    top: -1px
}

.city-site .merge-city-job li .salary {
    color: #fc6c38;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job li a.job-info p.job-text {
    font-size: 13px;
    color: #8d92a1;
    padding-right: 0;
    line-height: 28px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job a.user-info {
    vertical-align: middle;
    margin-right: 20px;
    margin-left: 30px
}

.city-site .merge-city-job .user-info p {
    font-size: 14px;
    width: auto;
    padding-right: 0;
    border: 1px solid #f3f5fb;
    border-radius: 4px;
    line-height: normal
}

.city-site .merge-city-job .user-info img {
    width: 58px;
    height: 58px;
    vertical-align: middle
}

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

.city-site .merge-city-company ul li {
    height: 238px;
    width: 284px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff;
    position: relative
}

.city-site .merge-city-company li a {
    color: #414a60;
    display: block
}

.city-site .merge-city-company li .sub-li {
    display: block;
    height: 140px;
    width: 100%;
    height: 100%
}

.city-site .merge-city-company li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

.city-site .merge-city-company li .company-info {
    margin: 0 20px 10px;
    padding-top: 30px
}

.city-site .merge-city-company li .company-info:hover {
    color: #00d7c6
}

.city-site .merge-city-company li .company-info .img-box {
    text-align: center;
    margin-bottom: 14px
}

.city-site .merge-city-company li .company-info img {
    height: 58px;
    width: 58px;
    vertical-align: middle;
    border: 1px solid #f3f5fb;
    border-radius: 9px
}

.city-site .merge-city-company li .conpany-text {
    margin-bottom: 11px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.city-site .merge-city-company li .conpany-text p .industry {
    max-width: 59px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    position: relative;
    top: 3px
}

.city-site .merge-city-company li .conpany-text h4 {
    margin-bottom: 10px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.city-site .merge-city-company li .conpany-text h4 a:hover {
    color: #61687c
}

.city-site .merge-city-company li .conpany-text p {
    height: 18px;
    line-height: 18px;
    color: #898e9d;
    font-size: 12px;
    display: inline-block;
    white-space: nowrap
}

@media screen and (min-width: 0\0
) {
    .city-site .merge-city-company li .conpany-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
}

@-moz-document url-prefix() {
    .city-site .merge-city-company li .conpany-text {
        overflow: auto;
        text-overflow: unset
    }
    .city-site .merge-city-company li .conpany-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }
}

.city-site .merge-city-company li .about-info {
    width: 180px;
    height: 34px;
    color: #61687c;
    line-height: 34px;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #e3e7ed
}

.city-site .merge-city-company li .about-info:hover {
    border-color: #5dd5c8
}

.city-site .merge-city-company li .pull-right {
    text-align: right;
    float: right
}

.city-site.home-site .common-tab-box h3 span {
    margin-right: 74px
}

.city-site .common-tab-box {
    clear: both;
    margin-top: 37px;
    overflow: hidden
}

.city-site .common-tab-box .box-title {
    font-size: 24px;
    text-align: center;
    position: relative;
    margin-bottom: 24px
}

.city-site .common-tab-box .box-title::after, .city-site .common-tab-box .box-title::before {
    content: '';
    display: inline-block;
    vertical-align: 8px;
    margin: 0 10px;
    width: 50px;
    height: 1px;
    background: #d1d4db
}

.city-site .common-tab-box h3 {
    height: 50px;
    position: relative;
    padding-left: 20px;
    background: #fff;
    margin-bottom: 10px;
    margin-right: -77px
}

.city-site .common-tab-box h3 span {
    position: relative;
    display: inline-block;
    margin-right: 77px;
    line-height: 50px;
    color: #8d92a1;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400
}

.city-site .common-tab-box h3 span .hot-icon {
    width: 30px;
    height: 14px;
    box-sizing: border-box;
    position: absolute;
    top: 12px;
    right: -28px;
    line-height: 13px;
    background-color: #ef505e;
    color: #fff;
    font-size: 12px;
    border-radius: 7px;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.city-site .common-tab-box h3 span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px
}

.city-site .common-tab-box h3 span.cur {
    color: #00c2b3;
    font-weight: 600
}

.city-site .common-tab-box h3 span.cur::after {
    background-color: #00c2b3;
    bottom: 0;
    left: 0
}

.city-site .common-tab-box ul {
    font-weight: 400;
    display: none;
    width: 110%;
    overflow: hidden
}

.city-site .common-tab-box ul.cur {
    display: block
}

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

.city-site .common-tab-box .sub-li:hover .job-info .name {
    color: #00c2b3
}

.city-site .common-tab-more {
    text-align: center;
    margin-top: 4px
}

.city-site .common-tab-more .btn {
    width: 216px;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    background: #5dd5c8;
    color: #fff
}

.city-site .common-tab-more .btn-outline:hover {
    background: #00c2b3;
    border-color: #00c2b3
}

.city-site .job-tab-box {
    width: 100%;
    overflow: hidden
}

.city-site .job-tab-box ul {
    overflow: hidden
}

.city-site .job-tab-box ul li {
    height: 130px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff
}

.city-site .job-tab-box li .sub-li {
    display: block;
    height: 130px;
    width: 384px;
    font-size: 0
}

.city-site .job-tab-box li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

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

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

.city-site .job-tab-box li a.job-info {
    padding-top: 17px;
    vertical-align: middle
}

.city-site .job-tab-box li p {
    line-height: 35px;
    font-size: 16px;
    color: #61687c;
    position: relative
}

.city-site .job-tab-box li .name .name-text {
    max-width: 192px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.city-site .job-tab-box li .name .name-text.no-medium {
    max-width: 240px
}

.city-site .job-tab-box li .name .job-medium-icon {
    width: 46px;
    height: 16px;
    vertical-align: middle;
    margin-left: 10px
}

.city-site .job-tab-box li .salary {
    color: #fc6c38;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .job-tab-box li a.job-info p.job-text {
    font-size: 14px;
    color: #61687c;
    padding-right: 0;
    line-height: 28px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .job-tab-box a.user-info {
    vertical-align: middle;
    margin-right: 20px;
    margin-left: 30px
}

.city-site .job-tab-box .user-info p {
    font-size: 14px;
    width: auto;
    padding-right: 0;
    border: 1px solid #f3f5fb;
    border-radius: 4px
}

.city-site .job-tab-box .user-info img {
    width: 58px;
    height: 58px;
    vertical-align: middle
}

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

.city-site .company-tab-box ul li {
    height: 238px;
    width: 284px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff;
    position: relative
}

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

.city-site .company-tab-box li .sub-li {
    display: block;
    height: 140px;
    width: 100%;
    height: 100%
}

.city-site .company-tab-box li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

.city-site .company-tab-box li .company-info {
    margin: 0 20px 10px;
    padding-top: 30px
}

.city-site .company-tab-box li .company-info:hover {
    color: #00d7c6
}

.city-site .company-tab-box li .company-info .img-box {
    text-align: center;
    margin-bottom: 14px
}

.city-site .company-tab-box li .company-info img {
    height: 58px;
    width: 58px;
    vertical-align: middle;
    border: 1px solid #f3f5fb;
    border-radius: 9px
}

.city-site .company-tab-box li .conpany-text {
    margin-bottom: 11px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.city-site .company-tab-box li .conpany-text p .industry {
    max-width: 59px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    position: relative;
    top: 3px
}

.city-site .company-tab-box li .conpany-text h4 {
    margin-bottom: 10px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.city-site .company-tab-box li .conpany-text p {
    height: 18px;
    line-height: 18px;
    color: #898e9d;
    font-size: 12px;
    display: inline-block;
    white-space: nowrap
}

@media screen and (min-width: 0\0
) {
    .city-site .company-tab-box li .conpany-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
}

@-moz-document url-prefix() {
    .city-site .company-tab-box li .conpany-text {
        overflow: auto;
        text-overflow: unset
    }
    .city-site .company-tab-box li .conpany-text p {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }
}

.city-site .company-tab-box li .about-info {
    width: 180px;
    height: 34px;
    color: #61687c;
    line-height: 34px;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #e3e7ed
}

.city-site .company-tab-box li .about-info:hover {
    border-color: #5dd5c8
}

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

.city-site .merge-city-job-recommend {
    width: 100%;
    overflow: hidden;
    display: none
}

.city-site .merge-city-job-recommend ul {
    overflow: hidden
}

.city-site .merge-city-job-recommend ul li {
    height: 130px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff
}

.city-site .merge-city-job-recommend li .sub-li {
    display: block;
    height: 130px;
    width: 384px;
    font-size: 0;
    padding: 16px 20px;
    box-sizing: border-box
}

.city-site .merge-city-job-recommend li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .05);
    position: absolute;
    z-index: 10
}

.city-site .merge-city-job-recommend li a {
    display: inline-block
}

.city-site .merge-city-job-recommend li a.user-info:hover {
    background: #fafafa
}

.city-site .merge-city-job-recommend li a.job-info {
    padding-top: 17px;
    vertical-align: middle
}

.city-site .merge-city-job-recommend li p {
    line-height: 35px;
    font-size: 16px;
    color: #61687c;
    position: relative
}

.city-site .merge-city-job-recommend li .name .name-text {
    max-width: 192px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.city-site .merge-city-job-recommend li .name .name-text.no-medium {
    max-width: 240px
}

.city-site .merge-city-job-recommend li .name .job-medium-icon {
    width: 46px;
    height: 16px;
    vertical-align: middle;
    margin-left: 10px
}

.city-site .merge-city-job-recommend li .salary {
    color: #fc6c38;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job-recommend li a.job-info p.job-text {
    font-size: 13px;
    color: #8d92a1;
    padding-right: 0;
    line-height: 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
}




.home-city-dialog .dialog-title .icon-close:after, .home-city-dialog .dialog-title .icon-close:before {
    background: #fff
}

.home-city-dialog .dialog-title .close:hover {
    background-color: unset
}

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

.home-city-dialog .dialog-title .icon-close {
    top: 5px
}

.home-city-dialog .title {
    background: #5dd5c8;
    color: #fff;
    background-image: url(../images/city-sites.png);
    background-repeat: no-repeat;
    background-position: 9px 7px
}

.home-city-dialog .content {
    padding: 24px 30px 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 #ff7200
}

.home-city-dialog .content .cur-city:hover .city-name > a {
    color: #ff7200
}

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

.home-city-dialog .city-wrapper {
    margin-top: 20px;
    font-size: 0
}

.home-city-dialog .city-wrapper .city-list {
    margin-right: -20px
}

.home-city-dialog .city-item {
    display: inline-block;
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    width: 90px;
    height: 34px;
    border: 1px solid #e3e7ed
}

.home-city-dialog .city-item.current {
    border: 1px solid #5dd5c8;
    background: #5dd5c8
}

.home-city-dialog .city-item.current a {
    color: #fff
}

.home-city-dialog .city-item:hover {
    background: #5dd5c8;
    border-color: #5dd5c8;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.home-city-dialog .city-item:hover a {
    color: #fff
}

.home-city-dialog .city-item a {
    display: block;
    text-align: center;
    line-height: 32px;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #61687c
}

.home-city-dialog .content-footer {
    font-size: 12px;
    line-height: 20px;
    color: #8d92a1
}





.condition-box {
    background: #fff;
    margin-top: 10px;
    font-size: 12px;
    width: 100%;
    padding: 0 10px;
}

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

.condition-box dd a {
    display: inline-block;
    background: #fff;
    padding: 0 8px;
    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: 15px
}

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

.condition-area dd a.selected {
    color: #e61f18
}

.condition-box dl.show-condition-area, .condition-box dl.show-condition-district {
    display: block;
    border-bottom: 1px #eef0f5 solid
}



.filter-select-box {
    height: 40px;
    font-size: 12px;
    background: #fff;
    padding: 0 10px;
}

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



.condition-city .city-wrapper {
    max-height: 40px;
    overflow: hidden;
    position: relative;
    padding-right: 55px
}

.condition-box dd a.btn-allcity {
    position: absolute;
    right: 0;
    top: 2px;
    padding-right: 0
}

.condition-box dd .btn-disabled:hover {
    color: #9fa3b0 !important
}

.city-dialog .dialog-container {
    width: 900px;
    height: 550px;
    margin: -275px 0 0 -450px
}

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

.city-dialog h4 {
    font-size: 16px;
    color: #424a5e;
    line-height: 50px;
    padding-left: 24px;
    font-weight: 400
}

.city-dialog .city-wrapper {
    height: 500px;
    font-size: 14px;
    color: #424a5e
}

.city-dialog .section-province {
    float: left;
    width: 150px;
    padding-top: 10px;
    height: 490px;
    background-color: #f9fafb;
    overflow-y: scroll
}

.city-dialog .section-province li {
    line-height: 20px;
    padding: 10px 0 10px 24px;
    position: relative;
    cursor: pointer
}

.city-dialog .section-province li:hover {
    background-color: #fff;
    color: #5dd5c8
}

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

.city-dialog .section-province li.active:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: #5dd5c8;
    left: 0;
    top: 0
}

.city-dialog .section-city {
    margin-left: 150px;
    padding: 10px 22px 22px 22px;
    overflow: hidden
}

.city-dialog .section-city li {
    float: left;
    line-height: 40px;
    width: 25%;
    cursor: pointer
}

.city-dialog .section-city li a {
    display: block
}

.city-letter-show.city-dialog h4 {
    font-size: 16px;
    line-height: 70px;
    font-weight: 500;
    color: #414a60;
    padding-left: 30px
}

.city-letter-show.city-dialog .dialog-container {
    width: 786px;
    height: 527px;
    margin: -243px 0 0 -393px
}

.city-letter-show.city-dialog .city-wrapper {
    height: unset
}

.city-letter-show.city-dialog .section-province {
    padding-top: unset;
    background-color: #f9fafb;
    overflow-y: hidden;
    float: unset;
    width: 786px;
    height: 39px
}

.city-letter-show.city-dialog .section-province li {
    float: left;
    width: 131px;
    line-height: 39px;
    padding: unset;
    position: relative;
    cursor: pointer;
    text-align: center;
    user-select: none
}

.city-letter-show.city-dialog .section-province li:hover {
    background-color: #f9fafb;
    color: #5dd5c8
}

.city-letter-show.city-dialog .section-province li.active {
    background-color: #f9fafb;
    color: #5dd5c8
}

.city-letter-show.city-dialog .section-province li.active:before {
    content: "";
    position: absolute;
    background-color: #5dd5c8;
    left: 25%;
    top: unset;
    bottom: 0;
    width: 50%;
    height: 2px
}

.city-letter-show.city-dialog .section-city {
    margin-left: 0;
    padding: 20px 0;
    height: 378px;
    overflow-y: scroll;
    overflow-x: hidden
}

.city-letter-show.city-dialog .section-city .hot-city {
    float: left;
    line-height: 40px;
    width: 20%;
    cursor: pointer;
    text-align: center;
    margin-bottom: 8px
}

.city-letter-show.city-dialog .section-city .hot-city:hover {
    color: #5dd5c8
}

.city-letter-show.city-dialog .section-city .hot-city span {
    display: block;
    width: 100%;
    height: 100%
}

.city-letter-show.city-dialog .section-city .classify-city {
    float: unset;
    line-height: 40px;
    width: 100%;
    cursor: pointer;
    text-align: center
}

.city-letter-show.city-dialog .section-city .classify-city:after {
    content: "";
    clear: both;
    height: 0;
    display: block
}

.city-letter-show.city-dialog .section-city .city-title {
    width: 11.2%;
    text-align: center;
    color: #5dd5c8;
    float: left
}

.city-letter-show.city-dialog .section-city .city-main {
    float: left;
    width: 88.8%
}

.city-letter-show.city-dialog .section-city .city-main li {
    width: 20%;
    text-align: left;
    margin-bottom: 8px
}

.city-letter-show.city-dialog .section-city .city-main li span {
    display: block;
    width: 90%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-letter-show.city-dialog .section-city .city-main li:hover {
    color: #5dd5c8
}


.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: #ff7200 !important;
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    -o-transition: all linear .1s;
    transition: all linear .1s
}

.city-sel b, .industry-sel b, .position-sel b {
    font-weight: 400;
    font-size: 13px;
    color: #61687c
}

.city-sel .line {
    width: 1px;
    height: 26px;
    background-color: #f2f2f5;
    position: absolute;
    top: 8px;
    right: 0
}

.city-sel .label-text {
    width: 68px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis
}


.city-sel .icon-arrow-down {
    position: absolute;
    right: 7px;
    top: 15px
}

.city-sel {
    display: block;
    width: 78px;
    height: 28px;
    /*border: 1px solid #ff7200;*/
    border-right: none;
    line-height: 30px;
    float: left;
    padding: 5px 15px 5px 15px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    margin-right: -1px;
}

.city-sel .icon-arrow-down {
    position: absolute;
    right: 7px;
    top: 15px;
}

.filter-select-box .icon-select-arrow, .search-box .icon-arrow-down {
    background-position: 0 -2044px !important;
}
.icon-arrow-down, .icon-select-arrow {
    width: 16px;
    height: 16px;
    background-position: 0 -2044px !important;
}

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


.condition-box dd .icon-arrow-right {
    margin: 0;
    vertical-align: middle;
}
.icon-arrow-right {
    width: 16px;
    height: 16px;
    background-position: 4px -886px;
}
em {
    font-style: normal;
}

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

.dropdown-select .ipt {
    cursor: pointer;
    background: 0 0;
    position: relative;
}
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;
}

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

.filter-select-box .dropdown-select .icon-select-arrow {
    left: 0;
    top: 6px;
    position: relative;
}

.dropdown-select .icon-select-arrow {
    position: absolute;
    right: 15px;
    top: 14px;
    cursor: pointer;
}
.filter-select-box .icon-select-arrow, .search-box .icon-arrow-down {
    background-position: 0 -2044px;
}
.icon-arrow-down, .icon-select-arrow {
    width: 16px;
    height: 16px;
    background-position: 2px -54px;
}
.dropdown-menu {
    display: none;
    position: relative;
    height: 0;
    margin-right: 2px;
    z-index:999;
}

.filter-select-box .dropdown-menu ul {
    max-height: 550px;
    box-shadow: 0 3px 6px rgb(6 0 1 / 5%);
    top: 3px;
    border-top: 1px #e3e7ed solid;
}

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

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

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

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

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

.dropdown-menu li a:hover{
    color: #00d7c6;
    text-decoration: none;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

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