.resume_main{background:#fff;}
.resume_main .default_html {
    width: 220px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-align: center;
}

.resume_main .default_html:after {
    content: 'RESUME';
    left: 50px;
    position: absolute;
    top: 6px;
    width: 125px;
    height: 37px;
    color: #fff;
    font-size: 26px;
    font-family: "Microsoft YaHei";
    line-height: 1.2;
    z-index: 99999;
}
.resume_m1{position: absolute;height:18px;background: #f1f1f1 !important;top: 0;width: 100%;}
.resume_m2 .info_item-null{display:none;}
.resume_m1,.resume_m2,.resume_m3{padding:0 60px; background: inherit;}
.resume_m3 {
    position: relative;
}
.resume_main .head_item{position: absolute;top: -12px;right: 40px;z-index: 1;}
.resume_main .head_item~.info_item{min-height: 82px;width: 570px;}
.resume_main .head_item.hidden~.info_item{min-height: auto;}
.name_item dl,.base_info_item dl{padding:0;}
.resume_main .base_info_item .info_item_list{display:inline-block;width: 250px;}
.resume_main .base_info_item .info_item_list a.alifont{display:none;}
.resume_main .info_item .info_item_list span[data-placeholder]:not(:empty):before{content: attr(data-placeholder)'：';}

.resume_main .base_info_item .info_item_list span{display:block;padding-right:5px;margin-right:5px;line-height:1.2;}
.resume_main .base_info_item .info_item_list:last-child span,
.resume_main .base_info_item .info_item_list.last-child span{border-right:none; padding-right:0; margin-right:0;}

.name_item,.base_info_item{text-align:center;margin-bottom: 5px;width: 640px;}
.name_item .name-con{padding:24px 0 12px;}
.name_item .name-con .name{line-height:1.1;color:#222;}
.resume_main .name_item .name-con .word{margin-top: 10px;}
.resume_main .name_item dl{margin: 0 10px 0 0;border-bottom: 3px solid #f1f1f1;}
.resume_main .base_info_item dl{padding-top:5px !important;}
.resume_main .head_item .resume_item_list {
    border-color: #fff;
}
.resume_item dt{margin-bottom:10px;position: relative;display: block;color: black;height: 29px;overflow: hidden;background: #f1f1f1;}
.resume_item dl dt span.resume_item_title_span{color: #fff;padding: 0px;margin-left: 18px;margin-right: -16px;position: relative;height: 100%;z-index: 2;line-height: 26px;background: #292929;}
.resume_item dl dt a.alifont{
    display: none;
}
.resume_main .resume_item dt .default_item_html{
    display: inline-block;
    width: 200px;
    height: 29px;
}
.resume_main .resume_item dt .default_item_html svg:first-child {
    position: absolute;
    left: 0px;
    top: 0px;
}
.resume_main  .resume_item .resume_item_list_title span.time,
.resume_main  .resume_item .resume_item_list_title span.location,
.resume_main  .resume_item .resume_item_list_title span.role{float:left;width: 33.33%;margin:0;font-weight:bold;}
.resume_main  .resume_item .resume_item_list_title span.time{text-align:left;}

.resume_main .hobby_item .hobby_item_list,.resume_main .skill_item .skill_item_list {
    margin-bottom: 0px !important;
}
.resume_main  .skill_item dt,.resume_main  .hobby_item dt{margin-bottom: 20px;};
.resume_main .resume_m2 .skill_item .skill_item_list{margin: 0 18px 15px !important;}
.resume_main .skill_item .skill_slider span::before{background-color:#fff !important;}
.resume_m2 .work_list .work_title, 
.resume_m2 .work_list,
.resume_main .work_list{width:30%; margin-right:5%;}
.resume_main .work_list:nth-of-type(even){margin-right:5%;}
.resume_main .work_list:nth-of-type(odd){clear:none;}
.resume_main .work_list:nth-of-type(3n){margin-right:0;}
.resume_main .work_list:nth-of-type(3n+1){clear:both;}
.resume_main[data_color="c1"] .name_item .name-con .name{color:#0b70bd;}
.resume_main[data_color="c2"] .name_item .name-con .name{color:#254665;}
.resume_main[data_color="c3"] .name_item .name-con .name{color:#589bf7;}
.resume_main[data_color="c4"] .name_item .name-con .name{color:#ff7171;}
.resume_main[data_color="c5"] .name_item .name-con .name{color:#37b754;}
.resume_main[data_color="c6"] .name_item .name-con .name{color:#292929;}
.resume_main[data_color="c7"] .name_item .name-con .name{color:#ee7000;}
.resume_main[data_color="c8"] .name_item .name-con .name{color:#a29177;}
.resume_main[data_color="c9"] .name_item .name-con .name{color:#da180f;}
.resume_main[data_color="c10"] .name_item .name-con .name{color:#6b4b24;}
.resume_main[data_color="c11"] .name_item .name-con .name{color:#048BB3;}
.resume_main[data_color="c12"] .name_item .name-con .name{color:#5974D4;}
.resume_main[data_color="c13"] .name_item .name-con .name{color:#9D57CA;}
.resume_main[data_color="c14"] .name_item .name-con .name{color:#d4ba38;}
.resume_main[data_color="c15"] .name_item .name-con .name{color:#69cc41;}

.resume_main[data_color="c1"] .default_html svg path,.resume_main[data_color="c1"] .resume_item dt .default_item_html svg path{fill:#0b70bd;}
.resume_main[data_color="c2"] .default_html svg path,.resume_main[data_color="c2"] .resume_item dt .default_item_html svg path{fill:#254665;}
.resume_main[data_color="c3"] .default_html svg path,.resume_main[data_color="c3"] .resume_item dt .default_item_html svg path{fill:#589bf7;}
.resume_main[data_color="c4"] .default_html svg path,.resume_main[data_color="c4"] .resume_item dt .default_item_html svg path{fill:#ff7171;}
.resume_main[data_color="c5"] .default_html svg path,.resume_main[data_color="c5"] .resume_item dt .default_item_html svg path{fill:#37b754;}
.resume_main[data_color="c6"] .default_html svg path,.resume_main[data_color="c6"] .resume_item dt .default_item_html svg path{fill:#292929;}
.resume_main[data_color="c7"] .default_html svg path,.resume_main[data_color="c7"] .resume_item dt .default_item_html svg path{fill:#ee7000;}
.resume_main[data_color="c8"] .default_html svg path,.resume_main[data_color="c8"] .resume_item dt .default_item_html svg path{fill:#a29177;}
.resume_main[data_color="c9"] .default_html svg path,.resume_main[data_color="c9"] .resume_item dt .default_item_html svg path{fill:#da180f;}
.resume_main[data_color="c10"] .default_html svg path,.resume_main[data_color="c10"] .resume_item dt .default_item_html svg path{fill:#6b4b24;}
.resume_main[data_color="c11"] .default_html svg path,.resume_main[data_color="c11"] .resume_item dt .default_item_html svg path{fill:#048BB3;}
.resume_main[data_color="c12"] .default_html svg path,.resume_main[data_color="c12"] .resume_item dt .default_item_html svg path{fill:#5974D4;}
.resume_main[data_color="c13"] .default_html svg path,.resume_main[data_color="c13"] .resume_item dt .default_item_html svg path{fill:#9D57CA;}
.resume_main[data_color="c14"] .default_html svg path,.resume_main[data_color="c14"] .resume_item dt .default_item_html svg path{fill:#d4ba38;}
.resume_main[data_color="c15"] .default_html svg path,.resume_main[data_color="c15"] .resume_item dt .default_item_html svg path{fill:#69cc41;}

.resume_main[page_margin='0.5'] .head_item{right:0;}
.resume_main[page_margin='0.6'] .head_item{right:4px;}
.resume_main[page_margin='0.7'] .head_item{right:8px;}
.resume_main[page_margin='0.8'] .head_item{right:12px;}
.resume_main[page_margin='0.9'] .head_item{right:16px;}
.resume_main[page_margin='1'] .head_item{right:20px;}
.resume_main[page_margin='1.1'] .head_item{right:24px;}
.resume_main[page_margin='1.2'] .head_item{right:28px;}
.resume_main[page_margin='1.3'] .head_item{right:32px;}
.resume_main[page_margin='1.4'] .head_item{right:36px;}
.resume_main[page_margin='1.5'] .head_item{right:40px;}


.resume_main[modal_margin='0'] .name_item .name-con{padding:0px 0 5px}
.resume_main[modal_margin='0.2'] .name_item .name-con{padding:4px 0 6px}
.resume_main[modal_margin='0.4'] .name_item .name-con{padding:9px 0 7px}
.resume_main[modal_margin='0.6'] .name_item .name-con{padding:14px 0 8px}
.resume_main[modal_margin='0.8'] .name_item .name-con{padding:19px 0 10px}
.resume_main[modal_margin='1'] .name_item .name-con{padding:24px 0 12px}