.navBox li:nth-of-type(6) a{color: #256CFA;}
#printPage{background-color: white;}
.printBox{width: 100%; page-break-inside: avoid;}
.personInfoBox{-webkit-print-color-adjust:exact;
    -moz-print-color-adjust:exact;
    -ms-print-color-adjust:exact;
    print-color-adjust:exact;}
.personInfoBox .personInfoCon{position: relative;display: flex;align-items: center;justify-content: space-between;padding:35px 0px 24px;}
.personInfoBox .personInfoCon .photo{ width: 140px; height: 140px; box-sizing: border-box; padding: 5px;background-color: #E7EFFF; border-radius: 50%; -webkit-print-color-adjust:exact;
    -moz-print-color-adjust:exact;
    -ms-print-color-adjust:exact;
    print-color-adjust:exact;}
    .personInfoBox .personInfoCon .photo img{width: 130px; height: 130px; border-radius: 50%; object-fit: cover;}
.personInfoBox .personInfoCon .info{margin-left: 166px;}
.personInfoBox .personInfoCon .info h4{font-size: 32px; color: #000;font-weight: bold;}
.personInfoBox .personInfoCon .info p.userInfo{margin-top: 8px;white-space: nowrap;color: #666666;font-size: 14px;margin-bottom: 15px;padding-left: 4px;}
.personInfoBox .personInfoCon .info p.userInfo em{color: #ccc; font-size: 10px; vertical-align: middle; margin: 0 10px;font-weight: 0;}
.personInfoBox .personInfoCon .info p.userInfo span{vertical-align: middle;}

.personInfoBox .personInfoCon .info p.userContact{color: #000; font-size: 16px; margin-top: 24px;}
.personInfoBox .personInfoCon .info p.userContact span{margin-right: 36px;display: block;margin-bottom: 5px;}
.personInfoBox .personInfoCon .info p.userContact span s{display: inline-block; vertical-align: middle; margin-bottom: 2px; margin-right: 4px;}
.personInfoBox .personInfoCon .info p.userContact .phone{color: #111421;font-size: 14px;}



.personInfoBox .personInfoCon .info .userContact span s{width: 20px; height: 20px; background: url(../images/phone_icon.png) no-repeat center/cover;}
.personInfoBox .personInfoCon .info .userContact .email s{background-image: url(../images/email_icon.png);}
.personInfoBox .personInfoCon .info .userContact .wechat s{background-image: url(../images/wechat_icon.png);}
.personInfoBox .personInfoCon .post_in{color:#333; font-size: 16px; font-weight: bold;}


.resumeDetailContainer{background-color: #fff; padding-top: 30px; padding-bottom: 64px; -webkit-print-color-adjust:exact;
    -moz-print-color-adjust:exact;
    -ms-print-color-adjust:exact;
    print-color-adjust:exact;}
.resumeDetailBox .advantage,.advantage{font-size: 14px; color: #666;}
.advantage{height: 120px;position: relative;display: flex;align-items: center;background-color: #EDEFF2 !important;}
.resumeDetailBox .advantage b,.advantage b{color: #000;}
.resumeDetailBox p.labs,.advantage p.labs{margin-top: 12px;}

.resumeDetailBox p.labs span,.advantage p.labs span{background-color: #94AFDA !important;display: inline-block;border-radius: 17px;margin-right: 8px;padding: 1px;}
.resumeDetailBox p.labs em,.advantage p.labs em{display: inline-block; height: 28px; background: #FFFFFF;  border-radius: 14px; padding: 0 16px; color: #0041c4; font-size: 16px; line-height: 26px; box-sizing: border-box;  -webkit-print-color-adjust:exact;
    -moz-print-color-adjust:exact;
    -ms-print-color-adjust:exact;
    print-color-adjust:exact;}
.resumeDetail dl {margin-top: 30px;}
.resumeDetail .intention{margin-top: 0px !important;}
.resumeDetail dl dt{font-weight: bold; position: relative;color: #111421;font-size: 18px;}
.resumeDetail dl dd{padding-bottom: 20px;}
.resumeDetail dl dt span{padding-right: 20px; z-index: 1; position: relative; display: inline-block; background-color: #fff;}
.resumeDetail dl dt s{display: block; position: absolute; right: 0; top: 6px; bottom: 0; margin: auto; height: 1px; background-color: #eee; left: 0;}
.resumeDetail dl.intention dd{padding-top: 18px;}
.resumeDetail dl.intention .left_info{font-size: 14px; min-width: 240px; box-sizing: border-box; padding-left: 24px; line-height: 36px;color: black !important;} 
.resumeDetail dl.intention .left_info span{color: #666 !important;}

.resumeDetail dl dd.timeline_dd{padding-top: 26px; padding-left: 24px;}
.el-timeline .el-timeline-item__tail{border:none;border-left: dashed 1px #B8CFE6; width: 0;}
.el-timeline .el-timeline-item__node { width: 7px; height: 7px; background: #FFFFFF; border: 2px solid #2278FF; border-radius: 50%; box-sizing: border-box; left: 1px; }
.resumeDetail dl dd.timeline_dd h4{transform: translateY(-4px);color: #333333;font-size: 15px;font-weight: bold;}
.resumeDetail dl dd.timeline_dd p{color: #666; font-size: 14px; margin-top: 10px;}
.resumeDetail dl dd.timeline_dd span{vertical-align: middle;}
.resumeDetail dl dd.timeline_dd em{vertical-align: middle; color: #ccc ; font-size: 12px; margin: 0 14px;}
.el-timeline-item{padding-bottom: 38px;}
.el-timeline .el-timeline-item:last-child {padding-bottom: 6px;}
.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display: block;}
.resumeDetail dl dd.timeline_dd .workCon{color: black; font-size: 16px; margin-top: 22px;}
.resumeDetail dl dd.timeline_dd .workCon h5{margin-bottom: 6px;color: #666666;font-size: 14px;}
.resumeDetail dl dd.timeline_dd .workCon .work_content{line-height: 30px;   color: #666666;font-size: 14px;word-break: break-all;margin-right: 250px;}
.resumeDetail dl.work_jl dd.timeline_dd p{margin-top: 4px;}
.resumeDetail dl .ul_text {padding-left: 18px;}
.resumeDetail dl .ul_text li{margin-top: 16px;font-size: 16px;color: black;}
.resumeDetail dl .ul_text label{display: inline-block;font-weight: bold; margin-right: 16px;color: #333;font-size: 15px;}
.resumeDetail dl .ul_text p{display: inline-block;vertical-align: 2px;color: #808080;font-size: 13px;}
.resumeDetail dl .ul_text p em{font-size: 10px; color: #ccc; vertical-align: middle; margin: 0 12px;}
.resumeDetail dl .ul_text p span{vertical-align: middle;font-size: 14px;color: #666;}


.bottomInfoCon{background-color: #EDEFF2; height: 80px; -webkit-print-color-adjust:exact; -moz-print-color-adjust:exact; -ms-print-color-adjust:exact; print-color-adjust:exact; page-break-inside: avoid;width: 100%;}
.bottomInfoCon .masterInfo {padding-top: 20px;}
.bottomInfoCon .masterInfo .logo{width: 140px; height: 40px; float: left; margin-right: 16px;}
.bottomInfoCon .masterInfo .logo img{display: block; width: 100%; height: 100%; object-fit: cover;}
.bottomInfoCon .masterInfo p{font-size: 16px; color: #212121; line-height: 40px; float: left;}
.bottomInfoCon .masterInfo em{font-size: 11px; color: #ccc; margin-right: 14px;}
.bottomInfoCon .resumeInfo span{font-size: 15px; color: #212121; margin-right: 30px; line-height: 80px;}
.bottomInfoCon .resumeInfo span b,.bottomInfoCon .resumeInfo span em{color: #333;}


#printPage{display: none;}
@media print{
    body{
        page-break-inside: avoid;
        display: block;
        -webkit-print-color-adjust:exact;
        -moz-print-color-adjust:exact;
        -ms-print-color-adjust:exact;
        print-color-adjust:exact;
    }
    #printPage{display: block;}
    .w1200 .wrap{width: 1000px;}
    .noPrint,.im-panel_box,.im-msg_tip,.im-tip_p,.im-big_img,.im-notes_panel,.im-photo,.im-video_box{display: none !important; visibility: hidden; opacity: 0;}
    .topInfo,.pubTop,.footer,.Shell,.btntop{display: none;}

    @page {
        size: A4 portrait;
        margin: 30px 0px;
    }
};
 


/* 预览 */
.resumeWrapBox {background-color: #F7F9FC;}
.resumeWrapBox p.resumeTip span{color: #999; font-size: 12px;}
.resumeInfoContainer{width: 866px; box-sizing: border-box; }
.resumeWrapBox .personInfoBox {background-color: #fff; padding: 30px; padding-bottom: 24px; box-sizing: border-box; border-radius: 8px; margin-bottom: 12px;}
.resumeWrapBox .personInfoBox .personInfoCon{padding: 0; height: auto; padding-bottom: 28px;}
.resumeWrapBox .personInfoBox .personInfoCon .photo{width: 100px; height: 100px; background: rgba(255,255,255,0); border: 1px solid #EEEEEE; border-radius: 50px; padding: 0; position: relative;}
.resumeWrapBox .personInfoBox .personInfoCon .photo .el-avatar{background: white;}
.resumeWrapBox .personInfoBox .personInfoCon .photo .onLine{display: inline-block; line-height: 20px; border-radius: 10px; background-color: #18D5F2; color: #fff; padding:  0 8px;}
.resumeWrapBox .personInfoBox .personInfoCon .photo .onlineBox{position:absolute; left: 0; right: 0; text-align: center; bottom: -6px;}
.resumeWrapBox .personInfoBox .personInfoCon .photo img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;} 
.resumeWrapBox .personInfoBox .personInfoCon .info { margin-left: 130px; }
.resumeWrapBox .personInfoBox .personInfoCon .info h4{color: #111421; font-weight: bold; font-size: 24px;}
.resumeWrapBox .personInfoBox .personInfoCon .info .userInfo{margin-top: 0;}
.resumeWrapBox .personInfoBox .personInfoCon .info .userContact{font-size: 14px; margin-top: 16px;}
.resumeWrapBox .personInfoBox .personInfoCon .info .userContact span s{width: 20px; height: 20px; background: url(../images/phone_icon.png) no-repeat center/cover;}
.resumeWrapBox .personInfoBox .personInfoCon .info .userContact .email s{background-image: url(../images/email_icon.png);}
.resumeWrapBox .personInfoBox .personInfoCon .info .userContact .wechat s{background-image: url(../images/wechat_icon.png);}
.resumeWrapBox .personInfoBox .resumeCheck{margin-top: 16px;}


.resumeInfoContainer .resumeDetailContainer{padding: 30px;border-radius: 8px;}
.resumeInfoContainer .resumeDetailContainer .intention{margin-top: 0;}


/* 右侧 */
.rightInfo{width: 318px;}
.interactBox{max-height: 914px; background-color: #fff; border-radius: 8px; padding:20px 22px 20px 24px;}
.interactBox .postInfo>h4{font-size: 18px; font-weight: bold; color: #333;}
.interactBox .steps{padding-bottom: 30px; padding-top: 20px; border-bottom: solid 1px #eee;}
.interactBox .steps li{width: 33.3%; text-align: center; font-size: 14px; color: rgba(51, 51, 51, 0.6); position: relative;}
.interactBox .steps li s.dot{display: block; width: 10px; height: 10px; background:#B8CFE6; border: 2px solid #fff; border-radius: 50%; margin: auto; box-sizing: border-box; margin-bottom: 12px; position: relative; z-index: 1;}
.interactBox .steps li s.line{display: block;width: 50%; height: 0; border-top:dashed 2px #B8CFE6 ; position: absolute; top: 4px; left: 0; ;}
.interactBox .steps li s.line_right{left: auto; right: 0;}
.interactBox .steps li.on s.line_left{border-top: solid 2px #2278FF; opacity: 1;}
.interactBox .steps li.on s.line_right{border-top: solid 2px #2278FF; opacity: 1;}
.interactBox .steps li.on s.line_left ~ s.line_right{border-top:dashed 2px #B8CFE6;}
.interactBox .steps li.on s.dot{background: #2278FF;}
.interactBox .steps li.on { color: #333 }

.interactBox .btnGroupsBox{padding-top: 28px; border-bottom: solid 1px #eee;}
.interactBox .btnGroupsBox .invite_btn{width: 100%; height: 46px; background-color: #3F7EFC; color: #fff;}
.interactBox .btnGroupsBox .invite_btn s{display: inline-block; width: 24px; height: 24px; background: url(../images/invite_icon.png) no-repeat center/cover; vertical-align: middle; margin-right: 5px;}
.interactBox .btnGroupsBox .btn_groups .el-button{width: 82px; height: 40px; margin: 0; padding: 0; text-align: center;}
.interactBox .btnGroupsBox .btn_groups{margin-top: 16px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.optBox{padding-bottom: 32px; margin-top: -4px;}
.optBox ul li{width: 25%; float: left; cursor: pointer;}
.optBox ul li p{font-size: 12px; color: #666; text-align: center;}
.optBox ul li s{display: block; width: 24px; height: 24px; margin: auto; margin-bottom: 8px; background: url(../images/share_btn.png) no-repeat center/cover;}
.optBox ul li.collect_btn s{background-image: url(../images/collect_btn.png);}
.optBox ul li.save_btn s{background-image: url(../images/save_btn.png);}
.optBox ul li.print_btn s{background-image: url(../images/print_btn.png);}

/* 人才标记 */
.interactBox .markBox{padding: 30px 0; border-bottom: solid 1px #eee;}
.interactBox .markBox h3,.interactBox .recordBox h3{font-size: 18px; color: #333; font-weight: bold; position: relative;}
.interactBox .markBox a{display: block; font-size: 14px; color: #575A66; position: absolute; font-weight: normal; right: 0; top: 0; line-height: 26px;}  
.interactBox .markBox a s{display: inline-block; width: 20px; height: 20px; background: url(../images/mark_icon.png) no-repeat center/cover; vertical-align: middle;}
.interactBox .markBox p{color: #828799; font-size: 14px; margin-top: 16px; letter-spacing: 0;}

.interactBox .recordBox{padding-top: 30px; padding-bottom: 50px;}
.interactBox .recordBox .el-timeline{margin-top: 36px;}
.interactBox .recordBox h4{font-size: 15px; color: #333; font-weight: bold; transform: translateY(-6px); margin-bottom: -6px;}
.interactBox .recordBox p{font-size: 14px; color: #828799; margin-top: 6px;} 
.interactBox .recordBox p.datetime{font-size: 12px;}
.interactBox .recordBox .el-timeline-item:last-child{padding-bottom: 0;}

.jubaoBox{background-color: #fff; border-radius: 8px; padding: 20px 14px; color: #666; font-size: 12px; margin-top: 12px;}
.jubaoBox a{color: #F15C38;text-decoration: underline;}
.jubaoBox s{display: inline-block; width: 20px; height: 20px; background: url(../images/jubao_icon.png) no-repeat center/cover; vertical-align: middle;}



/* 简历用户自己查看 */
.userSelf .fn-right.rightInfo{display: none;}
.userSelf .resumeInfoContainer{width: 100%;}
.userSelf .personInfoBox{position: relative;}
.userSelf .personInfoBox .superiority{padding-top: 20px;border-top: solid 1px #eee;margin-top: 30px;}
.userSelf .optBox{position: absolute; right: 0; top: 0; width: 200px; }
.userSelf .optBox li{width: 33.3%; }
/* 分享 */
.userSelf .optBox .share_btn:hover .popver_app{display: block;}
.popver_app::before{content: ''; display: block; width: 20px; height: 10px; background: url(../images/arr_white_1.png) no-repeat center/cover; position: absolute; left: 66px; top: -10px;}
.popver_app::after{content: ''; display: block; height: 10px; position: absolute; left: 0; top: -10px; right: 0;}
.popver_app{width: 340px; min-height: 230px; background: #FFFFFF; border: 1px solid #EDEDED; box-shadow: 1px 8px 40px 0px rgba(0,15,77,0.08); border-radius: 8px; position: absolute; left: -44px; top:56px; color: #333; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; display: none; animation: topFadeIn .3s;z-index: 1;} 
.popver_app h4{font-size: 14px; color: #333; display: flex; align-items: center; justify-content: center;}
.popver_app h4::before,.popver_app h4::after{content: ''; display: block; width: 60px; height: 1px; background-color: #EDEDED; margin: 0 10px;}
.popver_app .qrCode{width: 120px; height: 120px; background-color: #fff; padding: 4px; margin: 10px auto 0;}
.popver_app .qrCode img{display: block; width: 100%; height: 100%; object-fit: cover;}
.popver_app p{color: #666; font-size: 12px; text-align: center; margin-top: 12px;}
.popver_app p span{color: #1975FF;}

.superiority div{color: #333333;font-size: 14px;margin-bottom: 10px;display: flex;}
.superiority div span{color: #666666;}
.superiority ul{display: flex;align-items: center;}
.superiority ul li{height: 28px;background: rgba(245, 249, 255, .5);border: 1px solid #94AFDA;border-radius: 14px;color: #668FCC;font-size: 13px;padding: 0px 15px;line-height: 28px;margin-right: 8px;}




#printPage{background-color: white;}
#printPage .printBox{width: 100%; page-break-inside: avoid;}
#printPage .personInfoBox{-webkit-print-color-adjust:exact;
    -moz-print-color-adjust:exact;
    -ms-print-color-adjust:exact;
    print-color-adjust:exact;}
#printPage .personInfoBox .personInfoCon{position: relative;display: flex;align-items: center;justify-content: space-between;padding:35px 0px 24px;}
#printPage .personInfoBox .personInfoCon .photo{ width: 140px; height: 140px; box-sizing: border-box; padding: 5px;background-color: #E7EFFF; border-radius: 50%; -webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;}
#printPage .personInfoBox .personInfoCon .photo img{width: 130px; height: 130px; border-radius: 50%; object-fit: cover;}
#printPage .personInfoBox .personInfoCon .info{margin-left: 166px;}
#printPage .personInfoBox .personInfoCon .info h4{font-size: 32px; color: #000;font-weight: bold;}
#printPage .personInfoBox .personInfoCon .info p.userInfo{color: black; font-size: 15px; margin-top: 8px;font-weight: bold;white-space: nowrap;}
#printPage .personInfoBox .personInfoCon .info p.userInfo em{color: #999; font-size: 10px; vertical-align: middle; margin: 0 8px;font-weight: 0;}
#printPage .personInfoBox .personInfoCon .info p.userInfo span{vertical-align: middle;}
#printPage .personInfoBox .personInfoCon .info p.userContact{color: #000; font-size: 16px; margin-top: 24px;}
#printPage .personInfoBox .personInfoCon .info p.userContact span{margin-right: 36px;display: block;margin-bottom: 5px;}
#printPage .personInfoBox .personInfoCon .info p.userContact span s{display: inline-block; vertical-align: middle; margin-bottom: 2px; margin-right: 4px;}
#printPage .personInfoBox .personInfoCon .info p.userContact .phone{font-size: 20px;font-weight: bold;}
#printPage .personInfoBox .personInfoCon .info .userContact span s{width: 20px; height: 20px; background: url(../images/phone_icon.png) no-repeat center/cover;}
#printPage .personInfoBox .personInfoCon .info .userContact .email s{background-image: url(../images/email_icon.png);}
#printPage .personInfoBox .personInfoCon .info .userContact .wechat s{background-image: url(../images/wechat_icon.png);}
#printPage .personInfoBox .personInfoCon .post_in{color:#333; font-size: 16px; font-weight: bold;}
#printPage .resumeDetailContainer{background-color: #fff; padding-top: 0px; padding-bottom: 64px; -webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;}
#printPage .resumeDetailBox .advantage,.advantage{font-size: 14px; color: #666;}
#printPage .advantage{height: 120px;position: relative;display: flex;align-items: center;background-color: #EDEFF2 !important;margin-bottom: 30px;}
#printPage .resumeDetailBox .advantage b,.advantage b{color: #000;}
#printPage .resumeDetailBox p.labs,.advantage p.labs{margin-top: 12px;}
#printPage .resumeDetailBox p.labs span,.advantage p.labs span{background-color: #94AFDA !important;display: inline-block;border-radius: 17px;margin-right: 8px;padding: 1px;}
#printPage .resumeDetailBox p.labs em,.advantage p.labs em{display: inline-block; height: 28px; background: #FFFFFF;  border-radius: 14px; padding: 0 16px; color: #0041c4; font-size: 16px; line-height: 26px; box-sizing: border-box;  -webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;}
#printPage .resumeDetail dl {margin-top: 30px;}
#printPage .resumeDetail .intention{margin-top: 0px !important;}
#printPage .resumeDetail dl dt{font-size: 24px; color: #111421; font-weight: bold; position: relative;}
#printPage .resumeDetail dl dd{padding-bottom: 20px;}
#printPage .resumeDetail dl dt span{padding-right: 20px; z-index: 1; position: relative; display: inline-block; background-color: #fff;}
#printPage .resumeDetail dl dt s{display: block; position: absolute; right: 0; top: 6px; bottom: 0; margin: auto; height: 1px; background-color: #eee; left: 0;}
#printPage .resumeDetail dl.intention dd{padding-top: 18px;}
#printPage .resumeDetail dl.intention .left_info{font-size: 16px; min-width: 240px; box-sizing: border-box; padding-left: 24px; line-height: 36px;color: black !important;} 
#printPage .resumeDetail dl.intention .left_info span{color: black !important;}
#printPage .resumeDetail dl dd.timeline_dd{padding-top: 32px; padding-left: 24px;}
#printPage .el-timeline .el-timeline-item__tail{border:none;border-left: dashed 1px #B8CFE6; width: 0;}
#printPage .el-timeline .el-timeline-item__node { width: 7px; height: 7px; background: #FFFFFF; border: 2px solid #2278FF; border-radius: 50%; box-sizing: border-box; left: 1px; }
#printPage .resumeDetail dl dd.timeline_dd h4{font-size: 17px; color: black; font-weight: bold; transform: translateY(-4px);}
#printPage .resumeDetail dl dd.timeline_dd p{color: black; font-size: 16px; margin-top: 10px;}
#printPage .resumeDetail dl dd.timeline_dd span{vertical-align: middle;}
#printPage .resumeDetail dl dd.timeline_dd em{vertical-align: middle; color: #ccc ; font-size: 12px; margin: 0 14px;}
#printPage .el-timeline-item{padding-bottom: 38px;}
#printPage .el-timeline .el-timeline-item:last-child {padding-bottom: 6px;}
#printPage .el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display: block;}
#printPage .resumeDetail dl dd.timeline_dd .workCon{color: black; font-size: 16px; margin-top: 22px;}
#printPage .resumeDetail dl dd.timeline_dd .workCon h5{margin-bottom: 6px;color: black; font-size: 16px;}
#printPage .resumeDetail dl dd.timeline_dd .workCon .work_content{line-height: 30px;color: black; font-size: 16px;}
#printPage .resumeDetail dl.work_jl dd.timeline_dd p{margin-top: 4px;}
#printPage .resumeDetail dl .ul_text {padding-left: 18px;}
#printPage .resumeDetail dl .ul_text li{margin-top: 16px;font-size: 16px;color: black;}
#printPage .resumeDetail dl .ul_text label{display: inline-block; font-size: 17px; font-weight: bold; margin-right: 16px;}
#printPage .resumeDetail dl .ul_text p{display: inline-block; color: black; font-size: 16px;vertical-align: 2px;}
#printPage .resumeDetail dl .ul_text p em{font-size: 10px; color: #ccc; vertical-align: middle; margin: 0 12px;}
#printPage .resumeDetail dl .ul_text p span{vertical-align: middle;}
#printPage .bottomInfoCon{background-color: #EDEFF2; height: 80px; -webkit-print-color-adjust:exact; -moz-print-color-adjust:exact; -ms-print-color-adjust:exact; print-color-adjust:exact; page-break-inside: avoid;width: 100%;}
#printPage .bottomInfoCon .masterInfo {padding-top: 20px;}
#printPage .bottomInfoCon .masterInfo .logo{width: 140px; height: 40px; float: left; margin-right: 16px;}
#printPage .bottomInfoCon .masterInfo .logo img{display: block; width: 100%; height: 100%; object-fit: cover;}
#printPage .bottomInfoCon .masterInfo p{font-size: 16px; color: #212121; line-height: 40px; float: left;}
#printPage .bottomInfoCon .masterInfo em{font-size: 11px; color: #ccc; margin-right: 14px;}
#printPage .bottomInfoCon .resumeInfo span{font-size: 15px; color: #212121; margin-right: 30px; line-height: 80px;}
#printPage .bottomInfoCon .resumeInfo span b,.bottomInfoCon .resumeInfo span em{color: #333;}
/* 预览 */
#printPage .resumeWrapBox {background-color: #F7F9FC;}
#printPage .resumeWrapBox p.resumeTip span{color: #999; font-size: 12px; line-height: 56px;}
#printPage .resumeInfoContainer{width: 866px; box-sizing: border-box; }
#printPage .resumeWrapBox .personInfoBox {background-color: #fff; padding: 30px; padding-bottom: 24px; box-sizing: border-box; border-radius: 8px; margin-bottom: 12px;}
#printPage .resumeWrapBox .personInfoBox .personInfoCon{padding: 0; height: auto;}
#printPage .resumeWrapBox .personInfoBox .personInfoCon .photo{width: 100px; height: 100px; background: rgba(255,255,255,0); border: 1px solid #EEEEEE; border-radius: 50px; padding: 0; position: relative;}
#printPage .resumeWrapBox .personInfoBox .personInfoCon .photo .onLine{display: inline-block; line-height: 20px; border-radius: 10px; background-color: #18D5F2; color: #fff; padding:  0 8px;}
#printPage .resumeWrapBox .personInfoBox .personInfoCon .photo .onlineBox{position:absolute; left: 0; right: 0; text-align: center; bottom: -6px;}
#printPage .resumeWrapBox .personInfoBox .personInfoCon .photo img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;} 
#printPage .resumeWrapBox .personInfoBox .personInfoCon .info { margin-left: 130px; }
#printPage .resumeWrapBox .personInfoBox .personInfoCon .info h4{color: #111421; font-weight: bold; font-size: 24px;}
#printPage .resumeWrapBox .personInfoBox .personInfoCon .info .userInfo{margin-top: 0;}
#printPage .resumeWrapBox .personInfoBox .personInfoCon .info .userContact{font-size: 14px; margin-top: 16px;}
#printPage .resumeWrapBox .personInfoBox .personInfoCon .info .userContact span s{width: 20px; height: 20px; background: url(../images/phone_icon.png) no-repeat center/cover;}
#printPage .resumeWrapBox .personInfoBox .personInfoCon .info .userContact .email s{background-image: url(../images/email_icon.png);}
#printPage .resumeWrapBox .personInfoBox .personInfoCon .info .userContact .wechat s{background-image: url(../images/wechat_icon.png);}
#printPage .resumeWrapBox .personInfoBox .resumeCheck{margin-top: 16px;}
#printPage .resumeInfoContainer .resumeDetailContainer{padding: 30px; margin-bottom: 52px ; border-radius: 8px;}
#printPage .resumeInfoContainer .resumeDetailContainer .intention{margin-top: 0;}
/* 右侧 */
#printPage .rightInfo{width: 318px;}
#printPage .interactBox{max-height: 914px; background-color: #fff; border-radius: 8px; padding:20px 22px 20px 24px;}
#printPage .interactBox .postInfo>h4{font-size: 18px; font-weight: bold; color: #333;}
#printPage .interactBox .steps{padding-bottom: 30px; padding-top: 20px; border-bottom: solid 1px #eee;}
#printPage .interactBox .steps li{width: 33.3%; text-align: center; font-size: 14px; color: rgba(51, 51, 51, 0.6); position: relative;}
#printPage .interactBox .steps li s.dot{display: block; width: 10px; height: 10px; background:#B8CFE6; border: 2px solid #fff; border-radius: 50%; margin: auto; box-sizing: border-box; margin-bottom: 12px; position: relative; z-index: 1;}
#printPage .interactBox .steps li s.line{display: block;width: 50%; height: 0; border-top:dashed 2px #B8CFE6 ; position: absolute; top: 4px; left: 0; ;}
#printPage .interactBox .steps li s.line_right{left: auto; right: 0;}
#printPage .interactBox .steps li.on s.line_left{border-top: solid 2px #2278FF; opacity: 1;}
#printPage .interactBox .steps li.on s.line_right{border-top: solid 2px #2278FF; opacity: 1;}
#printPage .interactBox .steps li.on s.line_left ~ s.line_right{border-top:dashed 2px #B8CFE6;}
#printPage .interactBox .steps li.on s.dot{background: #2278FF;}
#printPage .interactBox .steps li.on { color: #333 }
#printPage .interactBox .btnGroupsBox{padding-top: 28px; border-bottom: solid 1px #eee;}
#printPage .interactBox .btnGroupsBox .invite_btn{width: 100%; height: 46px; background-color: #3F7EFC; color: #fff;}
#printPage .interactBox .btnGroupsBox .invite_btn s{display: inline-block; width: 24px; height: 24px; background: url(../images/invite_icon.png) no-repeat center/cover; vertical-align: middle; margin-right: 5px;}
#printPage .interactBox .btnGroupsBox .btn_groups .el-button{width: 82px; height: 40px; margin: 0; padding: 0; text-align: center;}
#printPage .interactBox .btnGroupsBox .btn_groups{margin-top: 16px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
#printPage .optBox{padding-top: 25px; padding-bottom: 32px; }
#printPage .optBox ul li{width: 25%; float: left; cursor: pointer;}
#printPage .optBox ul li p{font-size: 12px; color: #666; text-align: center;}
#printPage .optBox ul li s{display: block; width: 24px; height: 24px; margin: auto; margin-bottom: 8px; background: url(../images/share_btn.png) no-repeat center/cover;}
#printPage .optBox ul li.collect_btn s{background-image: url(../images/collect_btn.png);}
#printPage .optBox ul li.save_btn s{background-image: url(../images/save_btn.png);}
#printPage .optBox ul li.print_btn s{background-image: url(../images/print_btn.png);}
/* 人才标记 */
#printPage .interactBox .markBox{padding: 30px 0; border-bottom: solid 1px #eee;}
#printPage .interactBox .markBox h3,.interactBox .recordBox h3{font-size: 18px; color: #333; font-weight: bold; position: relative;}
#printPage .interactBox .markBox a{display: block; font-size: 14px; color: #575A66; position: absolute; font-weight: normal; right: 0; top: 0; line-height: 26px;}  
#printPage .interactBox .markBox a s{display: inline-block; width: 20px; height: 20px; background: url(../images/mark_icon.png) no-repeat center/cover; vertical-align: middle;}
#printPage .interactBox .markBox p{color: #828799; font-size: 14px; margin-top: 16px; letter-spacing: 0;}
#printPage .interactBox .recordBox{padding-top: 30px; padding-bottom: 50px;}
#printPage .interactBox .recordBox .el-timeline{margin-top: 36px;}
#printPage .interactBox .recordBox h4{font-size: 15px; color: #333; font-weight: bold; transform: translateY(-6px); margin-bottom: -6px;}
#printPage .interactBox .recordBox p{font-size: 14px; color: #828799; margin-top: 6px;} 
#printPage .interactBox .recordBox p.datetime{font-size: 12px;}
#printPage .interactBox .recordBox .el-timeline-item:last-child{padding-bottom: 0;}
#printPage .jubaoBox{background-color: #fff; border-radius: 8px; padding: 20px 14px; color: #666; font-size: 12px; margin-top: 12px;}
#printPage .jubaoBox a{color: #F15C38;text-decoration: underline;}
#printPage .jubaoBox s{display: inline-block; width: 20px; height: 20px; background: url(../images/jubao_icon.png) no-repeat center/cover; vertical-align: middle;}
/* 简历用户自己查看 */
#printPage .userSelf .fn-right.rightInfo{display: none;}
#printPage .userSelf .resumeInfoContainer{width: 100%;}
#printPage .userSelf .personInfoBox{position: relative;}
#printPage .userSelf .optBox{position: absolute; right: 0; top: 0; width: 200px; }
#printPage .userSelf .optBox li{width: 33.3%; }
/* 分享 */
#printPage .userSelf .optBox .share_btn:hover .popver_app{display: block;}
#printPage .popver_app::before{content: ''; display: block; width: 20px; height: 10px; background: url(../images/arr_white_1.png) no-repeat center/cover; position: absolute; left: 66px; top: -10px;}
#printPage .popver_app::after{content: ''; display: block; height: 10px; position: absolute; left: 0; top: -10px; right: 0;}
#printPage .popver_app{width: 340px; min-height: 230px; background: #FFFFFF; border: 1px solid #EDEDED; box-shadow: 1px 8px 40px 0px rgba(0,15,77,0.08); border-radius: 8px; position: absolute; left: -44px; top:80px; color: #333; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; display: none; animation: topFadeIn .3s;z-index: 1;} 
#printPage .popver_app h4{font-size: 14px; color: #333; display: flex; align-items: center; justify-content: center;}
#printPage .popver_app h4::before,.popver_app h4::after{content: ''; display: block; width: 60px; height: 1px; background-color: #EDEDED; margin: 0 10px;}
#printPage .popver_app .qrCode{width: 120px; height: 120px; background-color: #fff; padding: 4px; margin: 10px auto 0;}
#printPage .popver_app .qrCode img{display: block; width: 100%; height: 100%; object-fit: cover;}
#printPage .popver_app p{color: #666; font-size: 12px; text-align: center; margin-top: 12px;}
#printPage .popver_app p span{color: #1975FF;}
#printPage .superiority{padding-top: 20px;border-top: solid 1px #eee;margin-top: 28px;}
#printPage .superiority div{color: #333333;font-size: 14px;margin-bottom: 10px;display: flex;}
#printPage .superiority div span{color: #666666;}
#printPage .superiority ul{display: flex;align-items: center;margin-bottom: 16px;}
#printPage .superiority ul li{height: 28px;background: rgba(245, 249, 255, .5);border: 1px solid #94AFDA;border-radius: 14px;color: #668FCC;font-size: 13px;padding: 0px 15px;line-height: 28px;margin-right: 8px;}