.resume_main{background:#fff;}

.resume_m2 .info_item-null{display:none;}
.resume_m1,.resume_m2,.resume_m3{padding: 10px 60px;background: inherit;}
.resume_main .head_item{position: absolute;top: 128px;right: 40px;z-index: 2;}
.resume_main .head_item dd{padding-bottom: 0px;}
.name_item dl,.base_info_item dl{padding:0;}
.resume_main .base_info_item.info_item dt{
    display: block;
}
.resume_main .resume_item dt::before{
    width: 100%;
    height: 14px;
    bottom: 0;
    position: absolute;
    background: #f2f2f2;
}
.resume_main .base_info_item.info_item  dl{
    padding-right: 0px !important;
}
.resume_main .base_info_item .info_item_list{position:relative;display:inline-block;width: 250px;padding: 10px 0;}
.resume_main .base_info_item .info_item_list a.alifont{display:none;}
.resume_main .base_info_item .info_item_list span{display:block;padding-right:5px;margin-right:5px;line-height:1;}
.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;}
.resume_m1 .name_item{color:#fff;}
.name_item .name-con{padding:5px 0 12px;}
.name_item .name-con .name{line-height:1.1;margin-bottom: 10px;color:#fff;}
.resume_main .name_item dl{margin: 0 10px 0 0;}
.resume_main .base_info_item dl{padding-top:5px !important;}

.resume_main .info_item .info_item_list span[data-placeholder]:not(:empty):before{content: attr(data-placeholder)'：';}

.resume_content .resume_m3 .base_info_item.info_item{
    width: 630px;
}
.resume_main .head_item.hidden+.info_item {
    width: 100%;
}
.resume_item dt{margin-bottom:10px;position: relative;display: block;color: black;height: 29px;overflow: hidden;}
.resume_main .resume_item dt span.resume_item_title_span {
    color: #fff;
    padding: 0px 10px 0px 30px;
    position: relative;
    height: 100%;
    line-height: 29px;
    background: #44546B;
    vertical-align: top;
    overflow: visible;
    float: none;
    margin-right: -15px;
}
.resume_main .resume_item dt a.alifont {
    cursor: pointer;
    position: absolute;
    left: 0px;
    font-size: 18px;
    color: #fff;
    z-index: 2;
    vertical-align: middle;
    line-height: 29px;
    margin: 0 0 0 6px;
}
.resume_main .resume_item dt .default_item_html{
    display: inline-block;
    position: relative;
    height: 29px;
    vertical-align: top;
}
.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%;margin:0;font-weight:bold;}
.resume_main  .resume_item .resume_item_list_title span.time{text-align:left;position: relative;padding: 0 0 0 15px;margin-left: 3px;}
.resume_main  .resume_item .resume_item_list_title span.time::after{
    top: 8px;
    left:0;
    content:"";
    position:absolute;
    width: 6px;
    height: 6px;
    background:#000;
    z-index:2;
    border-radius: 50%;
}
.resume_main  .resume_item .resume_item_list_title span.time::before{
    top: 5px;
    left: -3px;
    content:"";
    position:absolute;
    width: 12px;
    height: 12px;
    z-index:2;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.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:-4px;}
.resume_main[page_margin='0.6'] .head_item{right:0px;}
.resume_main[page_margin='0.7'] .head_item{right:4px;}
.resume_main[page_margin='0.8'] .head_item{right:8px;}
.resume_main[page_margin='0.9'] .head_item{right:12px;}
.resume_main[page_margin='1'] .head_item{right:16px;}
.resume_main[page_margin='1.1'] .head_item{right:20px;}
.resume_main[page_margin='1.2'] .head_item{right:24px;}
.resume_main[page_margin='1.3'] .head_item{right:28px;}
.resume_main[page_margin='1.4'] .head_item{right:32px;}
.resume_main[page_margin='1.5'] .head_item{right:36px;}