.resumeBox {
    margin-left: 23px;
    width: 857px;
}

.resumeHeader {
    width: 857px;
    background-color: #ffffff;
}

/* .container{
    color: #ffffff;
} */
.resumeHeader li {
    padding: 30px 0;
    float: left;
    width: 214px;
    height: 50px;
    position: relative;
}

.resumeHeader li::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 50px;
    background-color: #DDDDDD;
    right: 0px;
}

.resumeHeader li:last-child::before {
    width: 0px;
}

.resumeHeader li span {
    display: block;
    text-align: center;
}

.resumeHeader li span:nth-of-type(1) {
    color: #333;
    font-size: 24px;
    line-height: 24px;
}

.resumeHeader li span:nth-of-type(2) {
    font-size: 14px;
    line-height: 14px;
    color: #666666;
    margin-top: 14px;
}

.resumeContent {
    background-color: #fff;
    margin-top: 23px;
}

.resumeContent .headerTip {
    font-size: 0px;
    background: #E5F4FF;
    padding: 0 27px 0 17px;
}

.resumeContent .headerTip span {
    font-size: 16px;
    font-weight: 400;
    color: #1E9FFF;
    line-height: 52px;

}

.resumeContent .headerTip .goBtn {
    width: 90px;
    height: 30px;
    background: #1E9FFF;
    border-radius: 4px;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 11px;
    text-align: center;
    line-height: 30px;
}

.personalContent {
    padding-bottom: 36px;
}

.personalBox {
    padding: 25px 23px 30px;
}

.personalBox .layui-upload-list {
    margin: 0px;
}

.personalBox .headImg {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.personal_info {
    margin-left: 20px;
    margin-top: 14px;
}

.personal_info .name {
    /* position: relative; */
}

.personal_info .name p:nth-of-type(1) {
    font-size: 18px;
    line-height: 18px;
    color: #333;
}

.personal_info_top {
    width: 697px
}

.layui-upload_tip {
    position: relative;
}

.upload_tip {
    position: absolute;
    color: red;
    font-size: 20px;
    left: 110px;
    top: 10px;
}

.personal_info_top .editBox {
    font-size: 0px;
    cursor: pointer;
}

.personal_info_top .editBox i {
    vertical-align: middle;
    display: inline-block;
    color: #1d9fff;
}

.personal_info_top .editBtn {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #219cfa;
    margin-left: 10px;
}

.personal_info_bottom {
    margin-top: 25px;
}

.personal_info_bottom i {
    vertical-align: middle;
    display: inline-block;
}

.personal_info .name p:nth-of-type(2) {
    cursor: pointer;
    font-size: 0px;
    color: #969696;
    margin-left: 27px;
    position: relative;

}

.personal_info .name p:nth-of-type(2) img {
    vertical-align: middle;
}

.personal_info .name p:nth-of-type(2) span {
    display: inline-block;
    margin-left: 12px;
    font-size: 12px;
    vertical-align: middle;
}

.personal_info .name p:nth-of-type(2) span:nth-of-type(2) {
    position: absolute;
    color: #da1f00;
    left: -30px;
    top: 0px;
}

.personal_info .name i {
    display: inline-block;
    vertical-align: middle;
    color: #1d9fff;
}



.personal_details {
    font-size: 0px;
}

.personal_details i {
    vertical-align: middle;
    margin-right: 10px;
}

.personal_details span {
    display: inline-block;
    vertical-align: middle;
    color: #606060;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 2px;
}

.resume_tel,
.resume_email {
    font-size: 0;
    margin-left: 68px;
}

.resume_tel img,
.resume_email img {
    vertical-align: middle;
}

.resume_tel span,
.resume_email span {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

.personalFrom {
    background: #F9F9F9;
    width: 746px;
    margin: 0 23px;
    padding: 23px 32px 34px 22px;
}

.layui-form-label {
    float: none;
    padding: 0;
    color: #333;
    font-size: 17px;
    margin-bottom: 18px;
}

.resumeContent .layui-input {
    background-color: #F9F9F9;
    border-color: #ddd;
    width: 220px;
    padding-left: 12px
}

.resumeContent .layui-form-label {
    text-align: left;
    width: 70px;
}

.resumeContent .layui-form-item {
    margin-bottom: 0;
    display: inline-block;
    width: 220px;
}

.resumeContent .layui-input-block {
    margin-left: 0px;
}

.gender {
    margin-left: 36px;

}

/* .gender .layui-input-block{
    float: left\9\0;
    float: left\10\0;
    float: left\11\0;
} */
.gender .layui-form-radio {
    margin: 6px 10px 10px 0;
}

.resumeContent .layui-form-radio>i {
    font-size: 20px;
    color: #0f9eff
}

.resumeContent .layui-form-radio>i:hover,
.resumeContent .layui-form-radioed>i {
    color: #0f9eff
}

.years {
    margin-left: 42px;
}

.cityBox,
.userEamilBox,
.telBox {
    margin-top: 36px;
}

.userEamilBox {
    margin-left: 40px;
}

.telBox {
    margin-left: 38px;
}

.personalFrom .operationBtn,
.intentionFrom .operationBtn {
    width: 100% !important;
    text-align: center;
    margin-top: 46px;
}

.resumeContent .layui-btn {
    padding: 0px;
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    width: 90px;
}

.cancelBtn {
    background-color: #BBBBBB
}

.depositBtn {
    background-color: #1E9FFF;
    margin-left: 100px !important;
}

/* 
*求职意向
*/
.intentionContent,
.advantageContent,
.workExperienceContent,
.educationContent,
.trainContent,
.certificateContent {
    padding: 0 30px 30px 24px;
}

.intentionHeader p,
.advantageHeader .advantageHeader_fl,
.workExperienceHeader p,
.educationHeader p,
.trainHeader p,
.certificateHeader p {
    position: relative;
}

.intentionHeader p span:nth-of-type(1),
.advantageHeader .advantageHeader_fl span:nth-of-type(1),
.workExperienceHeader p span,
.educationHeader p span:nth-of-type(1),
.trainHeader p span,
.certificateHeader p span {
    display: inline-block;
    height: 18px;
    font-size: 18px;
    color: #333333;
    padding-left: 14px;
    line-height: 20px;
}

.intentionHeader p span:nth-of-type(1)::after,
.advantageHeader .advantageHeader_fl span:nth-of-type(1)::after,
.workExperienceHeader p span::after,
.educationHeader p span:nth-of-type(1)::after,
.trainHeader p span::after,
.certificateHeader p span::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 20px;
    background: #1E9FFF;
    border-radius: 2px;
    left: 0px;
}

.intentionHeader p span:nth-of-type(2),
.advantageHeader .advantageHeader_fl span:nth-of-type(2),
.educationHeader p span:nth-of-type(2) {
    position: absolute;
    color: #E31717;
    left: 100px;
    top: 0px;
}

.intentionHeader i,
.workExperienceHeader i,
.educationHeader i,
.trainHeader i,
.certificateHeader i {
    cursor: pointer;
    font-size: 20px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.intentionList {
    padding-bottom: 17px;
}

.intentionList li {
    margin-top: 15px;
}

.intentionList .intention_fl span {
    position: relative;
    height: 14px;
    font-size: 14px;
    color: #666666;
    padding-right: 25px;
    line-height: 14px;
    display: inline-block;
    padding-left: 20px
}

.intentionList .intention_fl span:nth-of-type(1) {
    padding-left: 18px;
}

.intentionList .intention_fl span::before {
    content: '';
    width: 1px;
    height: 14px;
    position: absolute;
    right: 0px;
    background: #DDDDDD;
    border-radius: 1px;
}

.intentionList .intention_fl span:last-child::before {
    width: 0;
}

.intention_fr p,
.workExperience_list_fr p,
.educationList_fr p {
    font-size: 0px;
    cursor: pointer;
}

.intention_fr p i,
.educationList_fr p i {
    vertical-align: middle;
    display: inline-block;
    color: #1d9fff;
}

.trainList_fr p {
    cursor: pointer;
}

.intention_fr p span,
.educationList_fr p span,
.trainList_fr p span,
.certificateList_fr p span {
    display: inline-block;
    font-size: 14px;
    color: #1E9FFF;
    vertical-align: middle;
    line-height: 14px;
    margin-left: 10px;
}

.intention_fr p:nth-of-type(2) {
    margin-left: 40px;
}

.intentionFrom,
.workExperienceFrom,
.educationFrom,
.trainFrom,
.certificateFrom {
    background: #F9F9F9;
    padding: 0 23px 40px 20px;
}

.intentionFrom .title {
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    padding: 22px 0 25px;
}

.moneyType {
    margin-left: 40px;
}

.cityType {
    margin-left: 45px;
}

.expectWorkBox {
    position: relative;
    margin-top: 38px;
}

.expectWork,
.expectWork .layui-input {
    width: 752px
}

.expectWork_List {
    position: absolute;
    top: 74px;
    left: 0px;
    width: 712px;
    background: #FFFFFF;
    padding: 22px 20px;
    height: 60px;
    overflow-y: auto;
    z-index: 100;
}

.expectWork_List li {
    cursor: pointer;
    float: left;
    margin-right: 30px;
    font-size: 14px;
    line-height: 37px;
}

.advantageContent .layui-form-item {
    width: 100%;
    text-align: center;
}

.advantageHeader_fr p {
    font-size: 0px;
    cursor: pointer;
}

.advantageHeader_fr p i,
.advantageHeader_fr p span,
.workExperience_list_fr i,
.workExperience_list_fr span,
.educationList_fr p i,
.trainList_fr p i,
.certificateList_fr p i {
    display: inline-block;
    vertical-align: middle;
    color: #1d9fff;
}

.advantageHeader_fr p:nth-of-type(2),
.workExperience_list_fr p:nth-of-type(2),
.educationList_fr p:nth-of-type(2),
.trainList_fr p:nth-of-type(2),
.certificateList_fr p:nth-of-type(2) {
    margin-left: 40px;
}

.certificateList_fr p {
    cursor: pointer;
}

.advantageHeader_fr p span,
.workExperience_list_fr p span {
    font-size: 14px;
    line-height: 14px;
    margin-left: 10px;
}

.advantageTitle {
    width: 770px;
    font-size: 14px;
    color: #666666;
    margin-top: 25px;
    margin-bottom: 20px;
    padding-left: 14px;
}
.advantageFrom{
    margin-left: 14px;
}
.advantageFrom .layui-textarea,
.advantageFrom .layui-input-block {
    width: 786px;
    resize: none
}

.advantageFrom .word {
    position: absolute;
    right: 20px;
    bottom: 10px;
    height: 14px;
    font-size: 14px;
    color: #333333;
}

.advantageFrom .layui-textarea {
    border-color: #ddd;
    padding: 12px;
    min-height: 140px;
}

.advantageBtn,
.workExperienceBtn,
.educationBtn,
.trainBtn {
    margin-top: 34px;
}

/* 
*工作经验
*/
.workExperience_item {
    margin-top: 25px;
}

.workExperience_list {
    margin-bottom: 30px;
    margin-left: 14px;
}

.workExperience_list_fl .company_name {
    font-size: 0;
}

.workExperience_list_fl .company_name span {
    font-size: 16px;
    color: #333;
    line-height: 16px;
}

.workExperience_list_fl .company_name span:nth-of-type(2) {
    margin-left: 20px;
}

.workExperience_list_fl .work_name {
    font-size: 14px;
    color: #333;
    line-height: 14px;
    margin-top: 14px;
}

.personalExperience_info {
    margin-top: 10px;
    font-size: 14px;
    color: #5e5e5e;
    line-height: 20px;
}

.personalExperience_info_tip {
    font-size: 14px;
    color: #565656;
    margin-top: 10px;
}


.companyNameBox,
.companyNameBox .layui-input,
.companyNameBox .layui-input-block,
.schoolNameBox,
.schoolNameBox .layui-input,
.schoolNameBox .layui-input-block,
.mechanismNameBox,
.mechanismNameBox .layui-input,
.mechanismNameBox .layui-input-block {
    width: 752px !important;
}

.companyNameBox {
    margin-top: 24px;
}

.workNameBox,
.startTimeBox,
.endTimeBox,
.majorBox,
.graduationTimeBox,
.educationBox,
.trainNameBox,
.trainstartTimeBox,
.trainendTimeBox {
    margin-top: 38px;
}

.startTimeBox,
.graduationTimeBox,
.trainstartTimeBox {
    margin-left: 40px;
}

.endTimeBox,
.educationBox,
.trainendTimeBox {
    margin-left: 45px;
}

.jobContentBox {
    margin-top: 32px;
}

.jobContentBox .layui-textarea,
.jobContentBox .layui-input-block,
.trainBox .layui-textarea,
.trainBox .layui-input-block {
    width: 752px !important;
    resize: none;
    border-color: #ddd;
    background-color: #F9F9F9;

}

.jobContentBox .layui-textarea,
.trainBox .layui-textarea {
    padding: 14px;
    min-height: 135px;
}

.jobContentBox .word,
.trainBox .word {
    position: absolute;
    right: 20px;
    bottom: 10px;
    height: 14px;
    font-size: 14px;
    color: #333333;
}

.jobContentBox,
.advantageBtn,
.educationBtn,
.workExperienceBtn,
.trainBtn,
.certificateBtn {
    width: 100% !important;
    text-align: center;
}


/* 
*教育经历
*/
.educationList_fl p {
    font-size: 0px;
}

.educationList {
    margin-bottom: 23px;
    margin-left: 14px;
}

.educationList li {
    margin-top: 23px;
}

.educationList_fl p:nth-of-type(1) {
    margin-bottom: 12px;
}

.educationList_fl p span {
    display: inline-block;
    font-size: 18px;
    position: relative;
    line-height: 18px;
}

.educationList_fl p span:nth-of-type(1) {
    padding-right: 30px;
    margin-right: 25px;
}

.educationList_fl p span:nth-of-type(1)::before {
    content: '';
    width: 2px;
    height: 18px;
    background: #333333;
    right: 0px;
    top: 0px;
    position: absolute;
}

.schoolNameBox {
    margin-top: 24px;
}

/* 
*培训经历
*/
.trainHeader .trainHeader_fr {

    font-size: 0px;
}

.trainHeader .trainHeader_fr span {
    display: inline-block;
    color: #2ca5f8;
    vertical-align: middle;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
}

.trainHeader .trainHeader_fr i {
    cursor: pointer;
}

.trainList_fl p {
    font-size: 0px;
}

.trainList {
    margin-bottom: 33px;
    margin-left: 14px;
}

.trainList>li {
    margin-top: 24px;
}

.trainList_fl p span {
    height: 16px;
    font-size: 16px;
    color: #333333;
}

.trainList_fl p span:nth-of-type(2) {
    margin-right: 15px;
}

.trainList_Info {
    font-size: 14px;
    color: #5e5e5e;
    line-height: 14px;
    margin-top: 10px;
}

/* .trainList_trainContent{
    font-size: 14px;
    color: #5e5e5e;  
    line-height: 23px;
    margin-top: 10px;
} */


.mechanismNameBox {
    margin-top: 23px;
}

.trainBox {
    margin-top: 38px;
}

.trainBox {
    width: 100% !important;
}

/* 资格证书
*/

.certificateList {
    margin-bottom: 30px;
    margin-left: 14px;
}

.certificateList li {
    margin-top: 23px;
}

.certificateList>li>p {
    height: 16px;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
}

.certificateBox,
.certificateBox .layui-input {
    width: 100% !important;
}

.certificateBox {
    margin-top: 23px;
}

.certificateBtn {
    margin-top: 38px;
}

/* 
* 
*/


.previewResumeHeader_details i,
.previewResumeHeader_tel i,
.previewResumeHeader_email i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    color: #565665;
}

.previewResumeHeader_details span,
.previewResumeHeader_tel span,
.previewResumeHeader_email span {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    letter-spacing: 1px;
}


.tip {
    font-size: 20px !important;
}



/* #region 级联选择器 */
.cascaderBox .layui-input-block>i {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.cascaderBox .urp-cascader-content {
    white-space: nowrap;
    background: #fff;
    border: 1px solid #e4e7ed;
    border-right: 0px;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    position: absolute;
    left: 0px;
    top: 100%;
    margin-top: 12px;
}

.cascaderBox ul.urp-cascader-child {
    display: inline-block;
    vertical-align: top;
    height: 204px;
    overflow: auto;
    border-right: 1px solid #e4e7ed;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0;
    padding: 6px 0;
    width: 200px;
}

.cascaderBox ul.urp-cascader-child>li>i {
    float: right;
}

.cascaderBox ul.urp-cascader-child>li {
    font-size: 14px;
    padding: 8px 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 1.5;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
}

.cascaderBox ul.urp-cascader-child li.active {
    color: #409eff;
}

.cascaderBox ul.urp-cascader-child>li:hover {
    background-color: #f5f5f5;
}

.cascaderBox .layui-form-item {
    width: 350px;
    display: inline-block;
}

.cascaderBox ul.urp-cascader-child:first-of-type:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 35px;
    z-index: -1;
    display: inline-block;
    width: 0px;
    height: 0px;
    /* background-color: #fff; */
    /* transform: rotate(45deg); */
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;

}


.expectWorkBox .layui-form-item {
    width: 100% !important;
}

.expectWorkBox .cascaderBox .layui-input-block>i {
    right: 15px;
}

.expectWorkBox .cascaderBox ul.urp-cascader-child {
    min-width: 200px;
}

/* #endregion */