/* --- box ---*/
.resume_wrap{position: relative; display: flex;}
.resume_right{width: 26.1666%; margin-left: auto;}


/* --- tips ---*/
.resume_tips{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-align: center; }
.resume_tips::after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .8; background: #fff; content: "";  backdrop-filter:  blur(20px)  brightness(120%); }
.resume_tips .box{width: 50%; position: relative; z-index: 10; }
.resume_tips .title{font-size: 22px; margin-bottom: 8px;}
.resume_tips .dep{color: #999; margin-bottom: 16px; font-size: 16px;}
.resume_tips .wechat_tips{font-size: 16px; color: #999; margin: 16px 0;}
.resume_tips .button{display: flex; justify-content: center;}
.resume_tips .button a{margin: 0 8px; width: 200px;}


/* --- user ---*/
.resume_user{padding: 25px; position: relative; overflow: hidden; margin-bottom: 12px;}
.resume_user .user_pic{width: 120px; height: 120px; overflow: hidden; margin-right: 20px;}
.resume_user .user_pic img{width: 100%; height: 100%;}
.resume_user .user_info{width: calc(100% - 140px);}
.resume_user .user_top{ margin-bottom: 4px;}
.resume_user .user_name{font-size: 22px;}
.resume_user .user_good{position: absolute; right: 32px;}
.resume_user .user_good img{width: 64px; height: 64px;}
.resume_user .user_basic{display: flex; align-items: center; color: #999; margin-bottom:12px;}
.resume_user .user_basic i{color: #efefef; margin: 0 10px;}
.resume_user .user_data{color: #999; position: absolute; right: 25px; top: 25px;}
.resume_user .user_data dl{margin-left: 16px;}
.resume_user .user_data dd{color: #212121;}
.resume_user .user_tag{margin-right: auto;}
.resume_user .user_tag em{background: #08d284; color: #fff; padding: 6px 16px; border-radius: 4px; margin-right: 4px;} 
.resume_user .user_chat{border: 1px solid #398FD7; margin-left: 20px; border-radius: 4px;}
.resume_user .user_chat a{ color: #398FD7; display: block; padding: 3px 20px;}
.resume_user .user_attestation{margin-left: auto;}
.resume_user .user_attestation em{margin-left: 8px; padding: 6px 12px; border-radius: 4px;}
.resume_user .user_attestation em.phone{ background: #FFF4EE; color: #CC5302;}
.resume_user .user_attestation em.email{ background: #F7F2FF; color: #9D6CFD;}
.resume_user .user_attestation em.id{ background: #FDEB98; color:#A78A03;}



/* --- about  ---*/
.resume_about{width: 73%; padding: 25px;}
.resume_about .about_cell{ border-bottom: 1px solid #efefef; padding-bottom: 32px; margin-bottom: 32px;}
.resume_about .about_list dl{display: flex; margin-bottom: 8px;}
.resume_about .about_list dt{color: #999; margin-right: 8px;}

/* old */
.resume_about .about_old .tips{ color: #FF6A6A; margin-bottom: 16px; font-weight: bolder;}
.resume_about .about_old .name{font-size: 15px; font-weight: bolder; margin-bottom: 6px; color: #398FD7;}
.resume_about .about_old .item{padding-left: 25px; position: relative; padding-bottom: 16px;}
.resume_about .about_old .item:before{content: ""; left: 0; top: 9px; width: 8px; height: 8px; background: #398FD7; position: absolute; border-radius: 100px; z-index: 9;}
.resume_about .about_old .item::after{background: #efefef; width: 1px; height: 100%; position: absolute; left: 3px; top: 8px; content: "";}
.resume_about .about_old .item dl{display: flex; align-items: center; margin-bottom: 4px}
.resume_about .about_old .item dt{color: #999; margin-right: 8px;}

/* case */
.resume_about .about_case .item{width: 31%; margin-left: 2.333%; height: 200px; background: #f60; display: flex; align-items: center; justify-content: center; border: 1px solid #efefef; padding: 8px; background: #fff;}
.resume_about .about_case .item:nth-child(3n+1){margin-left: 0;}
.resume_about .about_case .item img{width: 100%;}

/* other */
.resume_about .about_other .item{padding-left: 25px; position: relative; padding-bottom: 16px;}
.resume_about .about_other .item:before{content: ""; left: 0; top: 9px; width: 8px; height: 8px; background: #398FD7; position: absolute; border-radius: 100px; z-index: 9;}
.resume_about .about_other .item::after{background: #efefef; width: 1px; height: 100%; position: absolute; left: 3px; top: 8px; content: "";}
.resume_about .about_other .item .title{font-size: 15px;  margin-bottom: 6px; color: #398FD7; font-weight: bolder;}
.resume_about .about_other .item .dep{color: #999;}

/* content */
.resume_about .about_content .text{ line-height: 200%;}


/* --- company  ---*/
.resume_company {padding: 25px; margin-bottom: 12px;}
.resume_company .yun_newedition_resume_ceil_tel_n{color: #fff; background: #FF6A6A; border-radius: 4px; overflow: hidden; display: block; margin-top: 8px; text-align: center;  padding: 8px 16px;}
.resume_company .company_other{margin-top: 25px; display: flex; align-items: center;}
.resume_company .company_other .cell{width: 33.333%; text-align: center;}
.resume_company .company_other .cell .icon{margin-bottom: 8px;}
.resume_company .company_other .cell input{border: none; background: none; cursor: pointer;}


/* --- report  ---*/
.resume_report{padding: 25px; margin-bottom: 12px;}
.resume_report .tips{margin-bottom: 16px;}
.resume_report .checked{margin-bottom: 16px;}


/* --- chat  ---*/
.resume_chat{padding: 25px; margin-bottom: 12px; text-align: center; color: #999;}


/* --- chat  ---*/
.resume_more{padding: 25px; margin-top: 12px; padding-bottom: 0;} 
.resume_more .item{width: 33.333%;}


#zwf{display: none;}