body{ background: #F4F5FA; }

body,
ul,
li {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-family: aril;
    font-family: "Microsoft Yahei", "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica" !important;
    color: #333;
}
.col06f {
    color: #0066ff;
}
.mr5 { margin-right: 5px; }
.mr20 { margin-right: 20px; }
.mr110 { margin-right: 110px; }
.bold { font-weight: bold; }
.hidden {
    display: none;
}
[v-cloak] {
    display: none;
}
.radius5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.borderbox {
    box-sizing: border-box;
}
.remindCircle {
    display: block;
    position: absolute;
    background: #f86850;
    color: #ffffff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    top: 20px;
    right: 0px;
    text-align: center;
}
.recommendRemindCircle {
    display: block;
    position: absolute;
    background: #f86850;
    color: #ffffff;
    width: 12px;
    height: 12px;
    line-height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    top: 25px;
    right: 0px;
    text-align: center;
}
.remindCircle.hidden {
    display: none;
}
/* 设置所有input的placeholder颜色 */
input::-webkit-input-placeholder {
    /* WebKit browsers 适配谷歌 */
    color: #999999;
}
input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #999999;
}
input::-moz-placeholder {
    /* Mozilla Firefox 19+ 适配火狐 */
    color: #999999;
}
input:-ms-input-placeholder {
    /* Internet Explorer 10+  适配ie*/
    color: #999999;
}

.cursor {
    cursor: pointer !important;
}

a.viewManagerPosition {
    display: inline-block;
    color: #0066ff;
    padding: 5px 4px;
    border-radius: 5px;
    margin-left: 5px;
    cursor: pointer;
    border: 1px solid #0066ff;
    box-sizing: border-box;
}
a.viewManagerPosition:hover {
    color: #002bff;
    border: 1px solid #002bff;
}
.complainttop {
    background: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    opacity: 0.5;
    filter: Alpha(opacity=50);
    top: 0px;
}
#upgrade .complainttopmain {
    width: 752px;
    margin: 0 auto;
    height: 423px;
    text-align: left;
}
#upgrade .complainttopmain .complaintdiv_1 {
    width: 752px;
    background: #fff;
    z-index: 1001;
    position: fixed;
    top: 30%;
    border-radius: 5px;
}
#upgrade .complainttopmain .complaintdivtitle_1 {
    width: 100%;
    height: 65px;
    line-height: 65px;
    float: left;
    color: #333;
    font-size: 24px;
    font-family: "Microsoft YaHei";
    text-indent: 25px;
    border-bottom: 1px solid #dcdcdc;
}
#upgrade .complainttopmain .complaintdivli_1 {
    width: 100%;
    float: left;
    height: 78px;
    line-height: 78px;
    font-size: 14px;
    color: #666;
    font-family: "Microsoft YaHei";
}
#upgrade .complainttopmain .complaintdivlib_1 {
    width: 100%;
    float: left;
    height: 78px;
    line-height: 78px;
    background: #f7f9ff;
    font-size: 14px;
    color: #666;
    font-family: "Microsoft YaHei";
}
#upgrade .complainttopmain .ljzd {
    width: 118px;
    height: 36px;
    line-height: 36px;
    color: #dd412a;
    border: 1px solid #dd412a;
    border-radius: 4px;
    float: right;
    margin-right: 50px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}
#upgrade .complainttopmain .ljzd:hover {
    border: 1px solid #ab2715;
    color: #ab2715;
}
#upgrade .borderradius05 {
    border-radius: 0 0 5px 5px;
}

/*弹出框*/
.lebi_alert {
    overflow: visible;
    font-family: "Microsoft Yahei";
    border: none !important;
    width: auto !important;
}
.lebi_alert .layui-layer-content {
    overflow: visible !important;
}
.mask {
    width: 100%;
    height: 900px;
    background: rgba(0, 0, 0, 0.7) !important;
    background: #000;
    filter: alpha(opacity=70);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
.popUp_lebi {
    width: 380px;
    min-height: 120px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 60px 25px 20px;
}
.popUp_lebi p {
    min-height: 80px;
    line-height: 30px;
    color: #666;
    font-size: 16px;
    text-align: left;
    margin: 10px auto;
}
.redTitle {
    background: url(../../images/talent/titleBg.png) no-repeat center;
    width: 280px;
    height: 69px;
    line-height: 50px;
    position: absolute;
    left: 50%;
    top: -35px;
    margin-left: -138px;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.title2 {
    background: url(../../images/talent/top1.png) no-repeat center;
    width: 280px;
    height: 191px;
    top: -136px;
}
.title3 {
    background: url(../../images/talent/top2.png) no-repeat center;
    width: 280px;
    height: 191px;
    top: -136px;
}
.title4 {
    background: url(../../images/talent/top3.png) no-repeat center;
    width: 280px;
    height: 191px;
    top: -120px;
}

.popUp2 {
    padding: 0;
    min-height: 240px;
}
.popUp2 h4.popUpTitle {
    background: #f92d4a;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    height: 40px;
    line-height: 40px;
    color: #fff;
    padding-left: 15px;
    vertical-align: middle;
    text-align: left;
}
.popUp2 p {
    padding: 5px 25px;
    min-height: 10px;
}
.popUp2 p.noteRed {
    color: #f90024;
    font-size: 14px;
    line-height: 25px;
}
.popUp_lebi .subtitle {
    color: #f90024;
    font-size: 28px;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.popUp_lebi span {
    font-size: 18px;
    padding: 0 5px;
    font-weight: bold;
}
.popUp_lebi span.red {
    color: #dd412a;
}
.popUp_lebi span.yellow {
    color: #fec62e;
}
.popUpBtn {
    text-align: center;
    padding-bottom: 15px;
}
.popUpBtn a {
    display: inline-block;
    width: 138px;
    height: 40px;
    background: #f90024;
    text-align: center;
    line-height: 40px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -moz-border-radius: 15px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.popUpBtn a.yes:hover {
    background: #f92d4a;
    color: #ffffff;
    text-decoration: none;
}
.popUpBtn a.no {
    color: #f90024;
    background: none;
    margin-left: 15px;
    text-decoration: none;
}
.popUpBtn a.no:hover {
    background: #eee;
    text-decoration: none;
}
/*弹出框关闭*/
.popUpClose {
    display: inline-block;
    width: 32px;
    height: 45px;
    line-height: 45px;
    background: url(../../images/talent/icon_close.png) -40px 4px no-repeat;
    margin-right: 15px;
    float: right;
}
.popUpClose:hover {
    background-position: 0px 4px;
}

.PpopUp_recommend p {
    padding: 0px 30px;
    font-family: "Microsoft Yahei";
    line-height: 30px;
    text-align: left;
}
.PpopUp_recommend p.indent {
    text-indent: 20px;
}
.PpopUp_recommend p.popNote {
    color: #ff0000;
}
.PpopUp_recommend p.PopUp_btn {
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    line-height: 50px;
    height: 49px;
    width: 335px;
    padding: 0px;
    float: left;
    margin-top: 15px;
    border-top: 1px solid #cccccc;
    letter-spacing: 2px;
}
.PpopUp_recommend p.color {
    background: #ff6a50;
    color: #ffffff;
    border: 0px;
    height: 50px;
}
.PpopUp_recommend p a {
    color: #0b85ff;
}
/*签约特权券弹出框关闭*/
.contractPop p {
    padding: 0px 30px;
    font-family: "Microsoft Yahei";
    line-height: 25px;
    text-align: left;
}
.contractPop p.title1 {
    color: #ff6a50;
    font-size: 20px;
    text-align: center;
    height: 80px;
    line-height: 100px;
}
.contractPop p.title2 {
    color: #ff6a50;
    font-size: 18px;
    text-align: center;
    height: 80px;
    line-height: 100px;
    background: #fff;
    width: 350px;
}
.contractPop p.popNote {
    color: #ff0000;
    margin-top: 10px;
}
.contractPop p.viewBtn {
    width: 180px;
    height: 32px;
    background: url(/images/talent/btn.png) center no-repeat;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: 30px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    padding: 0;
    display: inline-block;
    float: left;
}
.contractPop p.closeBtn1 {
    width: 240px;
    height: 32px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: 85px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
}
.contractPop p.closeBtn2 {
    width: 80px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: 75px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    display: inline-block;
    float: left;
}
.contractPop p.color {
    background: #ff6a50;
    color: #ffffff;
    border: 0px;
    height: 50px;
}
.contractPop p a {
    color: #0b85ff;
}
/*************************************************/
.pr {
    position: relative;
}
.pa {
    position: absolute;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.new_wrapper {
    width: 1200px;
    margin: 0 auto;
    height: 64px;
    background: #FFF;
}

.new_wrapper .nav-tab-list {
    font-size: 16px;
    margin-left: 39px;
    margin-right: 20px;
    height: 64px;
    line-height: 64px;
}

.new_wrapper .nav-tab-list.mr180 { margin-right:180px; }


.new_wrapper .nav-tab-list a {
    color: #333;
    position: relative;
    width: 90px;
    text-align: center;
}

.new_wrapper .nav-tab-list a:hover {
    background: linear-gradient( 180deg, #FFF 0, #FFF 61.9px, #E40012 62px, #E40012 64px);
}

.new_wrapper .nav-tab-list a.current {
    background: linear-gradient( 180deg, #FAFAFA 0, #FFF6F6 61.9px, #E40012 62px, #E40012 64px);
}

.new_wrapper .nav-tab-list a .nav-remind {
    background-color: #fa2f4e;
    position: absolute;
    top: 10px;
    height: 18px;
    width: 18px;
    border-radius: 8px;
    font-size: 12px;
    display: inline-block;
    line-height: 18px;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
    border-radius: 50%;
}

.new_wrapper .nav-tab-list a .icon-new {
    height: 20px;
    position: absolute;
    left: 75%;
    transform: translate(-50%, -50%);
    top: -9px;
}

.new_wrapper .fast-page {
}

.new_wrapper .fast-page a {
    margin-right: 30px;
    cursor: pointer;
    position: relative;
    z-index: 99;
}

.new_wrapper .fast-page a:hover {
    opacity: 0.7;
}

.new_wrapper .fast-page a span.func-title {
    display: none;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    font-weight: normal;
    padding: 8px 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 99999;
    box-sizing: border-box;
    color: #FFF;
    white-space: nowrap;
    background: rgb(0 0 0 / 80%);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
    transform: translate(-50%, 13px);
    left: 50%;

    &:before {
        position: absolute;
        display: inline-block;
        top: -5px;
        left: calc(50% - 5px);
        width: 0;
        height: 0px;
        content: "";
        border-style: solid;
        border-width: 5px;
        border-color: transparent transparent rgba(2, 2, 2, 0.8) rgba(2, 2, 2, 0.8);
        transform: rotate(135deg);
    }
}

.new_wrapper .fast-page a:hover span.func-title {
    display: block;
}

.new_wrapper .publish-btn {
    width: 88px;
    height: 32px;
    background: linear-gradient( 90deg, #E92E4D 0%, #E60012 100%);
    border-radius: 4px;
    margin-left: 32px;
    color: #FFF;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.new_wrapper .publish-btn:hover {
    opacity: 0.7;
}

.new_wrapper .publish-btn-more {
    position: relative;
    padding: 16px 0;
    margin-left: 32px;
}

.new_wrapper .publish-btn-more .publish-btn {
    margin-left: 0;
}

.new_wrapper .publish-btn-more img {
    margin-left: 2px;
}

.new_wrapper .publish-btn-more:hover img {
    transform: rotate(180deg);
    transition: transform .15s linear;
}

.new_wrapper .publish-btn-more .more-btn-list {
    position: absolute;
    top: 57px;
    left: 0px;
    width: 144px;
    padding: 8px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 1px solid #E1E3E8;
    font-weight: normal;
    display: none;
    z-index: 99;
}

.new_wrapper .publish-btn-more .more-btn-list a {
    text-decoration: none;
    color: #333;
    width: 128px;
    padding: 8px;
    line-height: 21px;
    text-align: left;
    box-sizing: border-box;
    display: block;
}

.new_wrapper .publish-btn-more .more-btn-list a:hover {
    background: #FAF9F9;
}

.new_wrapper .user-info {
    padding: 16px 0;
}

.new_wrapper .user-info:hover {
}

.new_wrapper .user-info img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 6px;
}

.new_wrapper .user-info .user-name {
    color: #333;
}

.new_wrapper .user-info i {
    transform: rotate(0);
    transition: transform .15s linear;
}

.new_wrapper .user-info:hover i {
    transform: rotate(180deg);
    transition: transform .15s linear;
}

.new_wrapper .icon-img {
    width: 22px;
    height: 22px;
}

.nav-short {
    background: #313131;
    color: #FFF;
    width: 100%;
    line-height: 30px;
    padding: 0px calc(50% - 720px);
    box-sizing: border-box;
}

.nav-short a, .nav-short a:hover {
    color: #FFF !important;
    margin-right: 40px;
}

.nav-short .user-info:hover span.systemSelected {
    display: flex;
    flex-direction: column;
    top: 30px;
    left: -24px;
    border-radius: 0px 0px 3px 3px;
}

.nav-short .enter-merchant-btn {
    background: linear-gradient(45deg, #f3c98a, #f3dfc9);
    color: #000;
    line-height: 25px;
    border-radius: 18.5px;
    padding: 5px 7px;
}

.nav-short .enter-merchant-btn img {
    width: 18px;
}

.nav-short .enter-merchant-btn.enter-merchant-btn-1 {
    color: #FFF;
    text-shadow: 0 1px 2px #9d4040;
    background: linear-gradient(45deg, #fa556e, #ffab96);
}

.new_header {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #333742;
    color: #fff;
    font-size: 14px;
    text-align: left;
}
.new_header a {
    color: #fff;
    padding: 0 10px;
}
.new_header a:link {
    color: #fff;
}
.new_header a:visited {
    color: #fff;
}
.new_header a:hover {
    color: #ffffff;
}
.new_header_l {
    display: inline-block;
    width: 25%;
    text-align: left;
}
.new_header_r {
    display: inline-block;
    width: 74%;
    text-align: right;
}
.new_header_r a.guide,
.new_header_r a.helpe {
    color: #ffec10;
}
.new_header_r a.guide,
.new_header_r a.helpe img {
    vertical-align: middle;
    margin-right: 3px;
}
.new_header_r a.announce {
}
.new_header_r a.announce img {
    vertical-align: middle;
    margin-right: 3px;
    width: 18px;
}
.new_header_r .inviteImg {
    vertical-align: middle;
    margin-right: 3px;
    width: 18px;
}
.new_header_r a.announce i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #ff6b50;
    box-shadow: 0 0 10px #ff6b50;
    border-radius: 20px;
    -moz-border-radius: 20px;
}
.orderSelectShow {
    height: 100%;
    display: inline-block;
}

.recommendSystemList {

}

div.systemSelected {
    width: 100px;
    cursor: pointer;
    position: absolute;
    z-index: 99999;
    border-bottom: 0;
    left: 0px;
    top: 58px;
    border: 1px solid #E1E3E8;
    background: #FFFFFF;
    border-radius: 4px;
    overflow: hidden;
    padding-bottom: 5px;
    display: none;
    box-sizing: border-box;
    box-shadow: 0px 3px 5px #bcbcd1;
}

div.systemSelected .p9 {
    padding: 9px;
}

div.systemSelected a {
    height: 30px;
    line-height: 30px;
    width: 100%;
    color: #333;
    display: inline-block;
    padding: 0px;
    text-align: center;
    margin-bottom: 2px;
}

div.systemSelected a:hover {
    background: #FAF9F9;
    border: 4px;
}

.new_header_r .uarrow {
    background: url(/images/common/arrow.png) no-repeat;
    display: block;
    width: 19px;
    height: 11px;
    position: absolute;
    z-index: 99999;
    right: 33px;
    margin-left: -75px;
    top: 27px;
}
.upload-resume-btn-new {
    background: linear-gradient(to top right, blue, #15e9fd);
    color: white !important;
    border-radius: 50px;
    height: 35px !important;
    line-height: 35px !important;
}
.groupMessageNum i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #ff6b50;
    box-shadow: 0 0 10px #ff6b50;
    border-radius: 20px;
    -moz-border-radius: 20px;
}

.nav {
    width: 100%;
    border-bottom: 1px solid #eceaea;
    background: #fff;
}

.nav a.new_logo {
    width: 98px;
    height: 31px;
    background: url(/hunter/images/hunter-top/logo.png?1) no-repeat left center;
    background-size: 100%;
}
.nav p.nav_c {
    width: 67% !important;
    display: inline-block;
    text-align: right;
    padding-right: 2%;
    box-sizing: border-box;
}
.nav p.nav_c a {
    color: #313131;
    font-size: 18px;
    padding: 0 15px;
    vertical-align: middle;
    line-height: 79px;
    height: 79px;
    display: inline-block;
    position: relative;
}
.nav p.nav_c a.curret,
.nav p.nav_c a:hover {
    color: #ff6666;
    font-weight: bold;
}
.new_header_c {
    width: 100%;
    height: 74px;
    background: #fff;
    border-bottom: 3px solid #dd412a;
    clear: both;
    font-size: 14px;
}
.new_header_b {
    width: 100%;
    height: 40px;
    background: #fff;
    line-height: 40px;
    font-size: 14px;
}
.new_header_b p.new_fl {
    width: 44.4%;
    border-right: 1px solid #eee;
    text-align: left;
    height: 40px;
}
.new_header_b p.new_fr {
    width: 55.5%;
}
.new_header_c .new_logo {
    background: url(/images/top/logo.png) no-repeat center;
    width: 22%;
    height: 49px;
    margin-top: 10px;
    z-index: 999;
    position: relative;
}
.new_header_c .new_logo:hover {
    cursor: pointer;
}
.new_header_c .new_nav {
    width: 80%;
    line-height: 64px;
    position: relative;
}
.new_header_c .new_nav h2 {
    width: 40%;
    text-align: left;
}
.new_header_c .new_nav h2 div {
    font-style: normal;
    font-size: 16px;
    color: #333;
    font-family: "Microsoft Yahei";
    padding: 0 10px;
    font-weight: normal;
    position: relative;
    display: inline-block;
}
.new_header_c .new_nav h2 div:hover,
.new_header_c .nav h2 div.new_current a {
    color: #d9351e;
    cursor: pointer;
}
.new_header_c .new_nav h2 div.new_current {
    font-weight: bold;
    color: #d9351e;
}
.new_header_c .new_nav h2 div.new_current i {
    position: absolute;
    bottom: -5px;
    font-size: 24px;
    left: 50%;
    margin-left: -7px;
    margin-bottom: -13px;
}
.new_header_c .new_nav h2 div p {
    width: 122px;
    background: #fff;
    box-shadow: 0 0 2px #666;
    left: -20px;
    z-index: 99999;
    background-position: 45px 0;
}
.new_header_c .new_nav h2 div p i {
    background: url(/images/top/arrow2.png) no-repeat;
    display: block;
    width: 19px;
    height: 11px;
    position: absolute;
    top: -10px;
    left: 45px;
}
.new_header_c .new_nav h2 div p a {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #666;
    font-weight: normal;
}
.new_header_c .new_nav h2 div p a:hover {
    background: #eee;
}
.new_header_c .new_nav h2 div p a:hover {
    font-weight: normal;
}
.new_header_c .new_nav input {
    width: 30%;
    height: 31px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    outline: none;
    border: 1px solid #dce2ec;
    text-indent: 3px;
    margin-left: 2%;
    font-family: "微软雅黑";
    margin-top: 17px;
    font-size: 12px !important;
}
.new_header_c .new_nav input:hover {
    border: 1px solid #d9351e;
    box-shadow: 0 0 2px #d9351e;
}
.new_header_c .new_nav a.new_del {
    right: 9px;
    top: 27px;
    color: #666;
}
.new_header_c .new_nav a.new_btn {
    right: -68px;
    background: #dd412a;
    color: #fff;
    padding: 0 15px;
    height: 35px;
    top: 16px;
    line-height: 35px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}
.new_header_c .new_nav a.new_btn:hover {
    background: #f75740;
}
.new_header_c .new_fr {
    width: 10%;
    height: 74px;
    position: relative;
    text-align: center;
}
.new_header_c .new_fr a {
    width: 27px;
    height: 25px;
    display: inline-block;
    position: relative;
    margin-top: 15px;
    vertical-align: middle;
}
.new_header_c .new_fr a.fa-envelope-o {
    font-size: 26px;
    color: #375d81;
    margin-right: 25px;
}
.new_header_c .new_fr a.fa-envelope-o i,
.new_header_c .new_fr a.new_chatIcon i {
    position: absolute;
    border-radius: 15px;
    -o-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    font-style: normal;
    font-size: 14px;
    font-family: "Microsoft Yahei";
}
.new_header_c .new_fr a.fa-envelope-o i {
    background: #ffcc00;
    color: #333;
    right: -20px;
    padding: 3px;
    top: 0px;
}
.new_header_c .new_fr a.new_chatIcon i {
    background: #ff6b50;
    color: #fff;
    right: -20px;
    padding: 0 5px;
}
.new_header_c .new_fr a.new_chatIcon {
    background: url(/images/top/chatIcon.png) no-repeat 0 4px;
}
.new_header_c .new_fr div.new_layer {
    width: 227px;
    background: #fff;
    box-shadow: 0 0 4px #ccc;
    z-index: 999;
    position: absolute;
    right: 0;
    margin-right: -15px;
    margin-top: 10px;
}
.new_header_c .new_fr i.new_arrow2 {
    display: inline-block;
    background: url(/images/top/arrow2.png) no-repeat;
    width: 19px;
    height: 18px;
    top: -10px;
    position: absolute;
    z-index: 99999;
    right: 36px;
}
.new_header_c .new_fr div.new_layer img {
    float: left;
    margin: 10px 5px;
}
.new_header_c .new_fr div.new_layer p {
    color: #666;
    font-size: 16px;
    border-bottom: 1px dashed #eee;
}
.new_header_c .new_fr div.new_layer p:hover {
    background: #f5faff;
    cursor: pointer;
}
.new_header_c .new_fr p span {
    overflow: hidden;
    width: 120px;
    height: 70px;
    line-height: 70px;
    text-align: left;
    display: block;
}
.new_header_c .new_fr div.new_layer p a.new_chatIconNub {
    border-radius: 15px;
    -o-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    font-style: normal;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    background: #ff6b50;
    color: #fff;
    padding: 0px 2px;
    vertical-align: middle;
    margin-top: 27px;
    line-height: 20px;
    height: 20px;
    margin-right: 2px;
    text-align: center;
}
.new_header_c .new_fr div.operation {
    height: 36px;
    line-height: 36px;
    width: 98%;
    margin: 0 auto;
    background: #eee;
    padding: 0 1%;
}
.new_header_c .new_fr div.new_operation a {
    display: inline-block;
    width: 49%;
    text-align: center;
}
.new_header_c .new_fr div.new_operation a.new_fr {
    text-align: right;
    color: #666;
}

.new_header_b p.new_fl i.new_grade {
    display: inline-block;
    width: 71px;
    height: 28px;
} /*lip 20180530*/
.new_header_b p.new_fl a.new_upGrade {
    background: #0b61ef;
    color: #fff;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left: 10px;
    padding: 2px 5px;
}
.new_header_b p.new_fl a.new_upGrade:hover {
    background: #4589fa;
}
.new_grade_3 {
    background: url(/images/top/grade_3.png) no-repeat center;
    vertical-align: middle;
}
.new_header_b p.new_fl a.new_integral {
    color: #0b61ef;
    font-size: 14px;
    padding: 2px 3px;
    margin: 0 5px;
}
.new_header_b p.new_fl a.integral_rule {
    color: #0b61ef;
    font-size: 14px;
    padding: 2px 3px;
}
.new_header_b p.new_fl a.integral_rule i.rule_img {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 5px;
    background: url("/new/levelimg/u49.png") no-repeat;
}

.new_header_b p.new_fr i.new_notice {
    display: inline-block;
    width: 21px;
    height: 24px;
    background: url(/images/top/notice.png) no-repeat center;
    vertical-align: middle;
    margin-left: -130px;
    text-align: left;
    vertical-align: middle;
    float: left;
    margin-top: 7px;
    margin-left: 5px;
}
.new_header_b p.new_fr {
    color: #666;
}
.new_header_b p.new_fr span {
    vertical-align: middle;
    float: left;
    margin-left: 5px;
}
#spangg {
    float: left;
}
.new_header_b p.new_fr span.colorred {
    width: 593px;
}

/* 上传简历 s */
a.upload-resume-btn {
    width: 90px;
    display: inline-block;
    vertical-align: middle;
}
a.upload-resume-btn img {
    width: 90px;
}
/* 上传简历 e */

/* setting  bg  */
.setting {
    width: 100%;
    height: 180px;
}
.setting-bg {
    width: 100%;
    height: 180px;
    background: url(/images/common/setting-bg.png) no-repeat;
    background-size: auto;
    background-size: 100% 100%;
}
.setting-bg .setting-ul {
    color: white;
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    text-align: left;
}
.setting-bg .setting-ul li {
    display: inline-block;
    text-align: center;
}

.setting-bg .setting-info{
    color: #fff;
}

.setting-bg .setting-ul .setting-li {
    width: 25%;
    padding: 15px 0px;
}
.blrd {
    border-left: 1px dashed white;
    border-right: 1px dashed white;
}
.tcl {
    text-align: left !important;
}
.middle {
    vertical-align: middle;
}
.setting-bg .setting-ul li span {
    display: block;
}
.setting-bg .setting-ul .avatar {
    position: relative;
    height: 100%;
}
.setting-bg .setting-ul .avatar-img {
    border-radius: 50%;
    padding: 10px;
    vertical-align: middle;
    width: 140px;
    height: 140px;
}
.setting-bg .setting-ul .user-lv-img {
    position: absolute;
    left: 40px;
    bottom: 20px;
    width: 71px;
    height: 25px;
}

.setting-info {
    margin-left: 10px;
    position: absolute;
    top: 30px;
    line-height: 25px;
}

.setting-li-max {
    font-size: 30px;
    font-weight: bold;
    margin-top: 0px;
    line-height: 22px;
}

.setting-li-min {
    font-size: 16px;
    margin-top: 10px;
}
.pat65 {
    position: absolute;
    top: 50px;
}
.par_0 {
    right: 0;
}
.par_22 {
    right: 22%;
}
.par_45 {
    right: 45%;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}

.footerIndex {
    width: 100%;
    background: #101010 url(/site/images/common/footer-bg.png) no-repeat center;
    height: 212px;
    overflow: visible;
}
.footerIndex div.content {
    width: 1160px;
    height: 212px;
    margin: 0 auto;
    overflow: visible;
}
.footerL {
    min-width: 188px;
    float: left;
    background: url(/site/images/common/footer-logo.png) no-repeat center left;
    height: 105px;
    background-size: 188px 105px;
}

.footerR {
    width: 372px;
    font-size: 14px;
    color: #fff;
}
.footerR .tele {
    color: #7c7c7e;
    margin-bottom: 10px;
    font-size: 18px;
}
.footerR div {
    margin: 0;
    text-align: right;
}
.footerR div img {
    margin: 0 15px 5px;
    vertical-align: middle;
    cursor: pointer;
}
.footerC {
    width: 600px;
    font-size: 14px;
    text-align: right;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    padding-left: 100px;
    box-sizing: border-box;
}

.footerC p span {
    font-size: 18px;
    font-weight: bold;
    color: #7c7c7e;
    margin-bottom: 5px;
    padding: 0 30px;
}

.footerC p a {
    color: #fff;
    padding: 0 30px;
    line-height: 30px;
}

.copyright {
    width: 100%;
    background: #7d0000;
    float: left;
    font-weight: normal;
    color: #fedba4;
    height: 35px;
    line-height: 35px;
    font: "Microsoft Yahei", Verdana, Arial, sans-serif, "Times New Roman";
    text-align: center;
    font-size: 14px;
}
.copyright span {
    padding: 0 20px;
}

.footerR .contact-info {
    position: absolute;
    bottom: 90px;
    background: #FFF;
    color: #333;
    padding: 10px 15px;
    border-radius: 3px;
    box-shadow: 0 0 5px #ccc;
    z-index: 99999;
    width: 340px;
    left: 59px;
    transform: translate(-50%, 0);
    box-sizing: border-box;
}

.footerR .contact-info.contact-zh {
    left: 59px;
    width: 220px;
}

.footerR .contact-info .contact-content {
    background: #f2f2f2;
    padding: 5px 10px;
}

.footerR .contact-info img {
    width: 90px;
    margin: 0 5px 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px;
    box-sizing: border-box;
}

.footerR .contact-info .contact-content .icon-zh {
    background: #FFF;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    color: #488A9B;
    font-size: 16px;
    font-weight: bold;
    margin-right: 5px;
}

.footerR .contact-info.contact-group {
    left: 59px;
    padding: 20px 10px;
}

.footerR .contact-info.hidden {
    display: none;
}

.footerR .contact-info.contact-wechat {
    left: 59px;
    padding: 20px 10px;
    width: 240px;
}

.footerR .contact-info .arrow-down:before { box-sizing: content-box; width: 0px; height: 0px; position: absolute; bottom: -16px; left: 50%; transform: translate(-50%, 0); padding:0; border-bottom:8px solid transparent; border-top:8px solid #FFFFFF; border-left:8px solid transparent; border-right:8px solid transparent; display: block; content:''; z-index: 12;}
.footerR .contact-info .arrow-down:after { box-sizing: content-box; width: 0px; height: 0px; position: absolute; bottom: -18px;; left: 50%; transform: translate(-50%, 0); padding:0; border-bottom:9px solid transparent; border-top:9px solid #cccccc; border-left:9px solid transparent; border-right:9px solid transparent; display: block; content:''; z-index:10 }


/*会员等级弹窗*/
.grade .layui-layer-content {
    padding: 0px !important;
    overflow: initial !important;
}
.gradetop {
    background: url(/images/default/gradeBg.png);
    height: 272px;
    margin-top: -161px;
}
.gradeBox {
    width: 516px;
    height: 458px;
}
.gradeIcon {
    position: absolute;
    left: 50%;
    display: block;
}
.gradeIcon_silver {
    width: 180px;
    height: 180px;
    margin-left: -90px;
    top: 110px;
    background: url(/images/default/silver.png?1) no-repeat center;
    background-size: 100%;
} /*银牌会员*/
.gradeIcon_gold {
    width: 180px;
    height: 180px;
    margin-left: -90px;
    top: 110px;
    background: url(/images/default/gold.png?1) no-repeat center;
    background-size: 100%;
} /*金牌会员*/
.gradeIcon_write {
    width: 180px;
    height: 180px;
    margin-left: -90px;
    top: 110px;
    background: url(/images/default/blatinum.png?1) no-repeat center;
    background-size: 100%;
} /*白金会员*/
.gradeIcon_black {
    width: 180px;
    height: 180px;
    margin-left: -90px;
    top: 110px;
    background: url(/images/default/black.png?1) no-repeat center;
    background-size: 100%;
} /*黑金会员*/
.gradeIcon_diamond {
    width: 180px;
    height: 180px;
    margin-left: -90px;
    top: 110px;
    background: url(/images/default/diamond.png?1) no-repeat center;
    background-size: 100%;
} /*钻石会员*/
.gradeIcon_celadon {
    width: 180px;
    height: 180px;
    margin-left: -90px;
    top: 110px;
    background: url(/images/default/celadon.png?1) no-repeat center;
    background-size: 100%;
} /*青瓷会员*/
.gradeIcon_bronze {
    width: 180px;
    height: 180px;
    margin-left: -90px;
    top: 110px;
    background: url(/images/default/bronze.png?1) no-repeat center;
    background-size: 100%;
} /*铜牌会员*/
.gradeBox p {
    width: 90%;
    margin: 0 auto;
    text-indent: 2em;
    text-align: left;
}
.gradeBox p.red {
    color: #f76155;
    font-size: 18px;
    line-height: 40px;
    text-indent: 0em;
    margin-top: 15px;
}
.gradeBox .strong {
    color: #f76155;
}
.gradeBox a.know {
    display: block;
    width: 100%;
    border-top: 1px solid #eee;
    position: absolute;
    bottom: 0px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    color: #f76155;
    font-size: 16px;
}
/*会员降级弹窗*/
.degrade .layui-layer-content {
    padding: 0px !important;
    overflow: initial !important;
}
.degradetop {
    width: 516px;
    height: 90px;
    background: url(/images/default/degradeBg.png);
}
.degradetop h2 {
    font-size: 28px;
    color: #fff;
    padding-top: 35px;
    font-weight: normal;
}
.degradeBox {
    width: 516px;
    height: 370px;
}
.degradeBox p {
    text-align: left;
    padding: 0 30px;
    color: #000;
}
.degradeBox p.title {
    line-height: 60px;
}
.degradeBox p.end {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: right;
}
.degradeBox span.red {
    color: #f36861;
}
.degradeBox a.know {
    width: 220px;
    height: 35px;
    display: block;
    background: #f36861;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 20px;
    margin-left: 118px;
}
.degradeBox a.know:hover {
    background: #f37e78;
}

.floatbtn {
    position: fixed;
    right: 10px;
    width: 40px;
    height: 200px;
    bottom: 250px;
    cursor: pointer;
}
.floatbtn a .fbqg {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/fbqg.gif");
}
.floatbtn a .wechat {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/wechat.png");
}
.floatbtn a:hover .wechat {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/wechat_focus.png");
}
.floatbtn a .searchposition {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
}
.floatbtn a .returntop {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
    background-position: 0px -80px;
}
.floatbtn a .question {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
    background-position: 0px -160px;
}
.floatbtn a .feedback {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
    background-position: 0px -240px;
}
.floatbtn a .qrcode {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
    background-position: 0px -320px;
}
.floatbtn a .weibo {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
    background-position: 0px -400px;
}
.floatbtn a:hover .fbqg {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/fbqg.gif");
    background-position: 0px 0px;
}
.floatbtn a:hover .searchposition {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
    background-position: 0px -40px;
}
.floatbtn a:hover .returntop {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
    background-position: 0px -120px;
}
.floatbtn a:hover .question {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
    background-position: 0px -200px;
}
.floatbtn a:hover .feedback {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
    background-position: 0px -280px;
}
.floatbtn a:hover .qrcode {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
    background-position: 0px -360px;
}
.floatbtn a:hover .weibo {
    width: 40px;
    height: 40px;
    background: url("../../images/talent/backtop.gif");
    background-position: 0px -440px;
}

/*做单券弹窗*/
.popUpBox3 {
    background: #fff;
    width: 500px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 15px 20px;
    font-size: 14px;
}
.popUpBox3 a.closeBtn {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/images/activity/close.png) no-repeat center;
    right: 15px;
    top: 10px;
    position: absolute;
}
.popUpBox3 p.ticket {
    width: 50%;
    height: 316px;
    display: inline-block;
    margin-top: 25px;
    float: left;
}
.popUpBox3 p.ticket span {
    width: 210px;
    line-height: 30px;
    display: block;
}
.popUpBox3 p.ticket span.titleValid {
    margin: 45px auto 0;
    text-align: center;
    color: #fff58d;
    font-size: 22px;
}
.popUpBox3 p.ticket span.titleInvalid {
    margin: 45px auto 0;
    text-align: center;
    color: #6e6e6e;
    font-size: 22px;
}
.popUpBox3 p.ticket span.value1 {
    width: 120px;
    height: 34px;
    line-height: 34px;
    margin: 5px auto 0;
    text-align: center;
    color: #fff100;
    background-color: #e33434;
    font-weight: bold;
    border-radius: 5px;
    font-size: 22px;
}
.popUpBox3 p.ticket span.value2 {
    width: 120px;
    height: 34px;
    line-height: 34px;
    margin: 5px auto 0;
    text-align: center;
    color: #a3a3a3;
    background-color: #6e6e6e;
    font-weight: bold;
    border-radius: 5px;
    font-size: 22px;
}
.popUpBox3 p.ticket span.expiryDate1 {
    margin: 20px auto 0;
    text-align: center;
    color: #621b1b;
    font-size: 14px;
}
.popUpBox3 p.ticket span.expiryDate2 {
    margin: 20px auto 0;
    text-align: center;
    color: #545353;
    font-size: 14px;
}
.popUpBox3 p.ticket span.desc {
    margin: 15px auto 0;
    color: #666;
    font-size: 14px;
    text-align: left;
    line-height: 24px;
    height: 72px;
}
.popUpBox3 p.ticket a.titleValid {
    display: inline-block;
    width: 212px;
    text-align: center;
    margin: 0 auto;
    line-height: 30px;
}
.popUpBox3 p.oneTicket {
    width: 100%;
}
.popUpBox3 p.valid {
    background: url(/images/activity/bg2.png) no-repeat center;
}
.popUpBox3 p.invalid {
    background: url(/images/activity/bg3.png) no-repeat center;
}
.popUpBox3 p a.applyBtn,
.popUpBox3 p a.choseBtn,
.popUpBox3 p a.invalidBtn,
.popUpBox3 p a.awardBtn {
    display: block;
    width: 150px;
    margin: 20px auto;
    border: 2px solid #fb2741;
    font-size: 18px;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    text-decoration: none;
    color: #fb2741;
    line-height: 30px;
    cursor: inherit;
}
.popUpBox3 p a.choseBtn {
    cursor: pointer;
}
.popUpBox3 p a.invalidBtn {
    margin: 20px auto;
    border: 2px solid #666;
    color: #666;
}
.popUpBox3 a.closeBtn {
    right: 0;
    top: 0;
}
.popUpBox3 p.none {
    width: 100%;
    height: 316px;
    display: inline-block;
    margin-top: 25px;
    background: url(/images/activity/none.png) no-repeat 112px center;
}
.popUpBox3 p a.awardBtn {
    margin: 300px auto 0;
    cursor: pointer;
}

#invite {
    position: fixed;
    z-index: 12;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 300px;
    margin-left: -300px;
    margin-top: -150px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 5px;
}
#invite .intop {
    height: 52px;
    background: #f4f4f4;
    width: 100%;
    float: left;
}
#invite .intop .close {
    height: 51px;
    width: 51px;
    background: url(/new/images/closewindow.png) no-repeat #fe5e48;
    cursor: pointer;
    float: right;
}
#invite .intop .close:hover {
    height: 51px;
    width: 51px;
    background: url(/new/images/closewindow.png) no-repeat #dd4f3c;
    cursor: pointer;
    float: right;
}
#invite .inbotton {
    height: 248px;
    width: 100%;
    float: left;
}
#invite .inbotton .con {
    height: 160px;
    width: 560px;
    margin-top: 44px;
    margin-left: 20px;
    background: #f4f4f4;
    border: 1px solid #eeeeee;
    text-align: left;
}
#invite .inbotton .con .text {
    height: 60px;
    width: 560px;
    line-height: 70px;
    font-size: 16px;
    color: #333;
    text-align: left;
}
#invite .inbotton .con .copy {
    margin-left: 30px;
    height: 30px;
    width: 420px;
}
#invite .inbotton .con .button {
    height: 30px;
    width: 80px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #fe5e48;
    border-radius: 3px;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}
#invite .inbotton .con .button:hover {
    height: 30px;
    width: 80px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #dd4f3c;
    border-radius: 3px;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

.activity-reward .layui-layer-content {
    background: #fe2150;
    color: #ffffff;
    border-radius: 5px;
    padding: 30px !important;
}
.activity-reward .activity-reward-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
}
.activity-reward .activity-reward-p {
    margin-bottom: 10px;
    text-align: left;
}
.activity-reward .activity-reward-btn {
    text-align: center;
    background: #ffd202;
    width: 200px;
    margin: 0 auto;
    height: 45px;
    border-radius: 22.5px;
    line-height: 45px;
    color: #463f40;
    cursor: pointer;
}
.activity-reward .activity-reward-btn:hover {
    background: #ffd402;
}

.newUser {
    background: none !important;
    box-shadow: none !important;
}
.newUser img {
    width: 100%;
}
.newUser .btnReceive {
    position: absolute;
    bottom: 21px;
    width: 407px;
    height: 72px;
    left: 94px;
    border-radius: 31px;
    cursor: pointer;
}
.newUserSuccess {
    background: linear-gradient(to right top, #fb5722, #f5331e, #fd5520) !important;
}
.newUserSuccess .layui-layer-content,
.newUser .layui-layer-content {
    padding: 0px !important;
}
.newUserSuccess img {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    cursor: pointer;
}
.newUserSuccess p {
    margin-top: 50px;
    text-align: left;
    padding: 0px 30px;
    color: #fbcd81;
}
.newUserSuccess .btnViewPosition {
    margin: 0 auto;
    margin-top: 30px;
    display: block;
    background: #f9e28f;
    padding: 12px 60px;
    border-radius: 30px;
    font-size: 18px;
    color: #933a27;
    cursor: pointer;
    width: 120px;
}
.newUserSuccess .btnViewPosition:hover {
    background: #f7da71;
}

/* 合伙人提醒弹框 */
.partnerLayer {
    background: url(/hunter/images/hunter-top/partner-trigger.png) no-repeat center;
    background-size: 100%;
    box-shadow: none !important;
    background-color: initial !important;
}
.partnerLayer .closeBtn {
    right: 98px;
    position: absolute;
    width: 25px;
    top: 187px;
    cursor: pointer;
}
.partnerLayer p {
    position: absolute;
    bottom: 100px;
    width: 371px;
    left: 170px;
    text-align: left;
    color: #e2d296;
    font-size: 16px;
    line-height: 30px;
}
.partnerLayer .btnList {
    width: 100%;
    position: absolute;
    bottom: 25px;
    text-align: center;
}
.partnerLayer .btnList span.jumpPartner {
    display: inline-block;
    background: linear-gradient(0deg, #f4d66b, #f9e08a, #f4d66b);
    line-height: 50px;
    height: 50px;
    color: #f70057;
    width: 240px;
    border-radius: 25px;
    border: 1px solid #e60049;
    box-shadow: 0px 2px 15px #e60049;
    font-size: 16px;
    cursor: pointer;
}
.partnerLayer .btnList span.jumpPartner:hover {
    background: #f7d86a;
}
.partnerLayer .btnList span.giveUp {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    margin-left: 30px;
    width: 120px;
    cursor: pointer;
}

/* 新规则提醒 s */
.rulesChange {
    background-color: unset !important;
    box-shadow: none !important;
}
.rulesChange .layui-layer-content {
    padding: 0px !important;
}
.rulesChange .bg {
    background: url("/site/images/viprules/bg3.png");
    width: 615px;
    height: 518px;
    padding: 140px 88px 0px;
    box-sizing: border-box;
}
.rulesChange .bg .close-rules-layer {
    background: url(/site/images/viprules/close.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 14px;
    background-size: 100%;
    right: 36px;
}
.rulesChange .bg p {
    color: #9e7c5f;
    font-size: 18px;
    font-style: italic;
}
.rulesChange .bg p.line-2 {
    margin-top: 15px;
    text-indent: 2em;
    line-height: 30px;
}
.rulesChange .bg .view-rules {
    display: inline-block;
    margin: 130px 69px 0px;
    width: 300px;
    line-height: 55px;
    text-align: center;
    border-radius: 10px;
    background: -moz-linear-gradient(top, #383e61 0%, #1c0d26 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #383e61), color-stop(100%, #1c0d26));
    background: -webkit-linear-gradient(top, #383e61 0%, #1c0d26 100%);
    background: -o-linear-gradient(top, #383e61 0%, #1c0d26 100%);
    background: -ms-linear-gradient(top, #383e61 0%, #1c0d26 100%);
    background: linear-gradient(to bottom, #383e61 0%, #1c0d26 100%);
    color: #ffffff;
    font-size: 16px;
}

.rulesChange1 {
    background-color: unset !important;
    -webkit-background-clip: content;
    box-shadow: none !important;
}
.rulesChange1 .layui-layer-content {
    padding: 0px !important;
}
.rulesChange1 .bg {
    background: url("/site/images/viprules/bg4.png");
    width: 615px;
    height: 650px;
    padding: 140px 82px 0px;
    box-sizing: border-box;
}
.rulesChange1 .bg .close-rules-layer {
    background: url(/site/images/viprules/close.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 14px;
    background-size: 100%;
    right: 36px;
}
.rulesChange1 .bg p {
    color: #9e7c5f;
    font-size: 18px;
    font-style: italic;
}
.rulesChange1 .bg p.line-2 {
    margin-top: 15px;
    text-indent: 2em;
    line-height: 30px;
}
.rulesChange1 .bg img {
    margin: 0px 5px;
}
.rulesChange1 .bg .view-rules {
    display: inline-block;
    margin: 85px 70px 0px;
    width: 300px;
    line-height: 55px;
    text-align: center;
    border-radius: 10px;
    background: -moz-linear-gradient(top, #383e61 0%, #1c0d26 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #383e61), color-stop(100%, #1c0d26));
    background: -webkit-linear-gradient(top, #383e61 0%, #1c0d26 100%);
    background: -o-linear-gradient(top, #383e61 0%, #1c0d26 100%);
    background: -ms-linear-gradient(top, #383e61 0%, #1c0d26 100%);
    background: linear-gradient(to bottom, #383e61 0%, #1c0d26 100%);
    color: #ffffff;
    font-size: 16px;
}
/* 新规则提醒 e */
.apply-recruit-contract {
    background-image: url(/images/passport-recruit-contract/apply-recruit-center.jpg);
    background-size: auto 100%;
    height: 31px;
    display: inline-block;
    line-height: 32px;
    background-repeat: no-repeat;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    position: relative;
    width: 151px;
    text-align: center;
}

.entry-recruit-contract {
    background-image: url(/images/passport-recruit-contract/entry-recruit-center.png);
    background-size: auto 100%;
    height: 31px;
    display: inline-block;
    line-height: 32px;
    background-repeat: no-repeat;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    position: relative;
    width: 151px;
    text-align: center;
}

.apply-contract {
    background-image: url(/images/passport-recruit-contract/apply-super-hunter.png);
    background-size: auto 100%;
    height: 29px;
    display: inline-block;
    line-height: 30px;
    background-repeat: no-repeat;
    font-size: 12px;
    padding-left: 24px;
    color: #614229;
    font-weight: 600;
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}

.apply-contract-first {
    background-color: rgba(248, 74, 82, 1);
    border-radius: 0 15px 15px 15px;
    padding: 1px 5px;
    font-size: 12px;
    position: relative;
    top: 8px;
    left: -10px;
}

.apply-contract .bubble {
    position: absolute;
    width: 430px;
    background-color: #fff;
    border-radius: 5px;
    top: 40px;
    left: -155px;
    z-index: 9999;
    box-shadow: 0 0 5px #999;
    display: none;
}

.apply-contract .triangle {
    position: absolute;
    display: inline-block;
    top: 33px;
    left: 51px;
    width: 0;
    height: 0px;
    content: "";
    border-style: solid;
    border-width: 7px;
    border-color: #fff #fff transparent transparent;
    transform: rotate(-38deg) skewX(15deg);
    box-shadow: 2px -2px 2px #ddd;
    z-index: 99999;
    display: none;
}

.apply-contract .bubble .body {
    width: 410px;
    height: 185px;
    margin: 10px;
    /* background-color: #0064C8; */
    display: block;
}

.apply-contract .bubble .body .left {
    width: 200px;
    height: 165px;
    margin: 10px 20px;
    background-color: #fff;
    display: block;
    float: left;
    text-align: left;
    line-height: 23px;
    font-size: 14px;
}

.apply-contract .bubble .body .right {
    width: 165px;
    height: 185px;
    background-color: rgba(252, 242, 231, 1);
    display: inline;
    float: right;
}

.apply-contract .bubble .body .right img {
    width: 140px;
    height: 140px;
    background-color: #fff;
    margin: 13px 13px 0 13px;
}

.apply-contract .bubble .body .right span {
    width: 165px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #614229;
    display: inline-block;
}

.apply-contract .bubble .body .left span {
    font-weight: 400;
    line-height: 27px;
}

.apply-contract .bubble .body .left .title {
    text-align: center;
    color: #f84a52;
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 16px;
}

.apply-contract .bubble .body .left .title span {
    font-weight: 600;
}

.apply-contract .bubble .body .left .title span {
    color: #614229;
}

.apply-contract .bubble .body .left .footer-text {
    text-align: center;
    color: #f84a52;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.apply-contract .footer-btn {
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
}

.apply-contract .contract-apply-btn {
    width: 320px;
    margin: 5px auto 10px;
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.apply-contract .footer-btn span {
    width: 320px;
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #f84a52;
}

.popContainer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center !important;
}

.apply-contract-hunter .close-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    left: 599px;
}

.apply-contract-hunter .apply-btn {
    width: 344px;
    height: 43px;
    position: absolute;
    top: 360px;
    left: 150px;
}

.apply-contract-hunter {
    width: 654px;
    height: 592px;
    margin: 0 auto;
    /* background-color: #f2f2f2; */
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.fast-btn-list {
    margin-top: 30px;
    font-size: 24px;
    position: fixed;
    bottom: 185px;
    left: 50%;
    margin-left: 610px;
}

.fast-btn-list div.fast-icon {
    width: 35px;
    height: 35px;
    cursor: pointer;
    margin-top: 5px;
    border-radius: 5px;
}

.fast-btn-list div.chat-icon {
    background: #ffffff url(/hunter/images/position-list/customer.png) center center no-repeat;
}

.fast-btn-list div.appoint-icon {
    background: #ffffff url(/hunter/images/position-list/appoint.png) center center no-repeat;
}

.fast-btn-list div.favorite-icon {
    background: #ffffff url(/hunter/images/position-list/favorite.png) center center no-repeat;
}

.fast-btn-list div.visit-icon {
    background: #ffffff url(/hunter/images/position-list/visit-record.png) center center no-repeat;
}

.fast-btn-list div.return-top {
    background: #ffffff url(/hunter/images/position-list/to-top.png) center center no-repeat;
}

.match-popup .match-title {
    line-height: 35px;
}

.match-popup .layui-layer-title {
    cursor: move;
    background: #fff;
    border-bottom: 0px;
    height: 30px;
    line-height: 30px;
}

.match-popup .layui-layer-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.match-list {
    background: #f7f7fc;
    padding: 5px 15px;
    color: #333;
}

.match-list .match-info {
    width: 100%;
    line-height: 30px;
}

.match-list .match-info .match-base-info {
    margin-right: auto;
}

.match-list .match-info .match-base-info .p-title {
    font-size: 16px;
    font-weight: bold;
}

.match-popup .arrow-right {
    margin-left: 10px;
    color: #d0dcee;
    font-size: 30px;
}

.match-popup .match-desc {
    color: #70a7fa;
}

.match-popup .more-btn {
    border: 1px solid #f8585a;
    display: inline-block;
    color: #f8585a;
    line-height: 40px;
    height: 40px;
    border-radius: 20px;
    width: 200px;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 15px;
}

.bounty-view {
    font-size: 20px;
    font-weight: bold;
    color: #f8585a;
}

/* 分页组件 */
.vue-pager {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    background: #ffffff;
    padding: 15px 0;
    display: flex;
    justify-content: center;
}
.clear:after {
    content: "";
    display: block;
    clear: both;
}
.vue-pager span {
    margin: 0 5px;
}
.vue-pager span.page,
.vue-pager span.prev,
.vue-pager span.next,
.vue-pager span.first,
.vue-pager span.end {
    cursor: pointer;
    display: flex;
    border: 1px solid #333333;
    padding: 0px 5px;
    box-sizing: border-box;
    border-radius: 5px;
    min-width: 32px;
    height: 30px;
    justify-content: center;
    align-items: center;
}

.vue-pager span.prev img,
.vue-pager span.next img {
    height: 16px;
}

.vue-pager span.page:hover {
    color: #0266ff;
    border: 1px solid #0266ff;
}
.vue-pager span.page.active {
    color: #0266ff;
    border: 1px solid #0266ff;
    cursor: default;
}
.vue-pager span.prev.disabled,
.vue-pager span.next.disabled {
    color: #cccccc;
    cursor: not-allowed;
}
.vue-pager input[type="text"] {
    padding: 2px;
    border: 1px solid #333333;
    border-radius: 5px;
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    outline: none;
    transition: 0.2s all;
    margin: 0px 5px;
}
.vue-pager input[type="text"]:focus {
    border-color: #409eff;
}
.vue-pager .total {
    margin-right: 15px;
}
.vue-pager .jump {
    margin-left: 15px;
}
.vue-pager span.page.active {
    border: 1px solid #0266ff;
    cursor: default;
    color: #fff;
    background: #0266ff;
}
.vue-pager span.page:hover {
    background: #0266ff;
    color: white;
}
.vue-pager span.page,
.vue-pager span.prev,
.vue-pager span.next,
.vue-pager span.first,
.vue-pager span.end {
    border: 1px solid #d7d7d7 !important;
}
.vue-pager span.page,
.vue-pager span.prev,
.vue-pager span.next,
.vue-pager span.first,
.vue-pager span.end {
    cursor: pointer;
    display: flex;
    border: 1px solid #333333;
    padding: 0px 5px;
    box-sizing: border-box;
    border-radius: 5px;
    min-width: 32px;
    height: 30px;
    justify-content: center;
    align-items: center;
}
.vue-pager input[type="text"] {
    border: 1px solid #d7d7d7 !important;
}
.vue-pager input[type="text"] {
    padding: 2px;
    border-radius: 5px;
    width: 30px;
    height: 23px;
    line-height: 30px;
    text-align: center;
    outline: none;
    transition: 0.2s all;
    border: 1px solid #d7d7d7 !important;
    padding-top: 3px;
}

.step { font-family: 'Microsoft Yahei';}
.step .shade{ position: fixed; width: 100%; height: 100%; z-index: 19891040; background-color: #000; opacity: 0.5;}
.step .shade_top { position: fixed; width: 100%; height: 100%; z-index: 19891042;}
.step_guide .btnknow { background: #fff; width: 90px; height: 30px; line-height: 30px; position: relative; margin-top: 115px; margin-left: 70px; border: 1px solid #d9341e; float: left; color: #d9341e; cursor: pointer; text-align: center; border-radius: 5px;}
.step_guide .btnknow:hover { background: #F6E4E4;}
.step_guide { height: 40px; line-height: 40px; color: #666;}
.step_guide .show { position: absolute; width: 125px; background: #dd412a; z-index: 19891042; top: 180px; overflow: hidden; left: 1286.5px; height: 40px;}
.step_guide .show .workzt { margin-top: 0px;}
.step_guide .msg { background: url(../../images/step_guide.png); width: 244px; height: 167px; position: absolute; z-index: 99999999; left: 1042.5px; top: 180px;}
.tmworkdescription {margin-bottom: 25px;}

.popup-dialog .confirm-dialog { position: absolute; top: 50%; left: 50%; font-size: 14px;background: #FFFFFF; width: 400px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.popup-dialog .confirm-dialog .confirm-title {
    line-height: 50px;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 15px;
    font-size: 16px;
    padding-right: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.popup-dialog .confirm-dialog .confirm-title .close {
    height: 20px;
    width: 20px;
    right: 15px;
    position: absolute;
    top: 15px;
    margin-top: 0px !important;
}

.popup-dialog .confirm-dialog .confirm-content { text-align: center; padding: 25px 35px;}
.popup-dialog .confirm-dialog .btn-list {
    text-align: center;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.popup-dialog .confirm-dialog.remove-bond {
    width: 450px;
}

.popup-dialog .confirm-dialog.remove-bond .confirm-content {
    padding: 25px 35px 0;
}

.confirm-content .mb5 {
    margin-bottom: 5px;
}

.confirm-content div div span.confirm-form-title {
    line-height: 39px;
    width: 70px;
    text-align: left;
}

.confirm-content textarea {
    width: 300px;
    height: 75px;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;
    resize: none;
}

.popup-dialog .confirm-dialog .btn-list span.btn1 { padding: 2.5px 35px; margin-right: 25px; height: auto}
.popup-dialog .confirm-dialog .confirm-content .textarea {width: 100%; resize: none; border: 1px solid #D7D7D7; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 8px; padding: 10px; box-sizing: border-box;}

.btn-common {
    display: inline-block;
    padding: 0 15px;
    line-height: 35px;
    height: 35px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
}

.btn-blue-bg {
    background: #4777e9;
    color: #FFFFFF;
}

.shadow {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .3); z-index: 10000 !important}

.refund-process {
    background: #F2F2F2;
    margin: 0px 3px 3px;
    padding: 10px 20px;
}

.verification-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 444px;
    height: 270px;
    background: #FFF;
    z-index: 10000;
    border-radius: 5px;
}

.verification-popup .verification-title {
    width: 100%;
    height: 71px;
    background: url(/hunter/images/hunter-top/identity-bg.png) no-repeat center;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 30px 0 0 155px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFF;
}

.verification-popup .verification-content {
    padding: 25px 40px 40px;
}

.verification-popup .verification-btn {
    background: #ff4345;
    width: 251px;
    height: 45px;
    color: #FFF;
    line-height: 45px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.verification-popup .verification-btn:hover {
    background: #ed3033;
}

.layui-layer-dialog.passElite {
    overflow: hidden;
    font-family: Microsoft Yahei;
}
.layui-layer-dialog.passElite .layui-layer-content {
    padding: 0px;
    background: url('/images/hunter/title-bg.png') top center no-repeat;
}

.passElite .pass-top {
    padding: 30px 0 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.passElite .pass-top img {
    width: 24px;
    height: 24px;
    margin: 0px 5px;
}

.passElite .pass-top .close {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 16px;
    top: 16px;
    margin: 0;
    cursor: pointer;
}

.passElite .pass-content {
    padding: 0px 30px;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
}

.passElite .rule {
    background: #FFF6EE;
    margin: 15px 14px;
    padding: 24px 16px;
    border-radius: 8px;
    color: #6E360B;
    line-height: 24px;
}

.passElite .rule span {
    color: #EF2140;
    font-weight: bold;
    margin: 0px 3px;
}

.passElite .pass-know {
    width: 214px;
    height: 36px;
    background: linear-gradient( 90deg, #E92E4D 0%, #E60012 100%);
    border-radius: 4px;
    display: block;
    margin: 20px auto;
    text-align: center;
    color: #FFF;
    line-height: 36px;
    cursor: pointer;
}

.passElite .pass-know:hover {
    opacity: 0.7;
}


.app-scroll {
    /* Firefox 中滚动条颜色（较少控制） */
    scrollbar-color: #ccc transparent; /* thumb, track */
    scrollbar-width: thin; /* auto | thin | none */
}
/* 整个滚动条 */
.app-scroll::-webkit-scrollbar {
    width: 6px; /* 垂直滚动条宽度 */
    height: 6px; /* 水平滚动条高度 */
}

/* 滚动条轨道 */
.app-scroll::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 3px;
}

/* 滚动条滑块 */
.app-scroll::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* 鼠标悬停在滑块上时 */
.app-scroll::-webkit-scrollbar-thumb:hover {
    background: #555 !important;
}

/* 去掉滚动条的上下箭头（WebKit浏览器） */
.app-scroll::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
}