.resume_main{background-color:#f7f7f7;}
.resume_m2{float: left;width: 270px;height: 100%;padding-top: 50px;background-color: #4b4e58;position: relative;}
.resume_m2:before{content:'PERSONAL RESUME';display: inline-block;font-size: 23.5px;font-weight: bold;color: #ffffff;position: absolute;width: 100%;left: 0px;margin-top: -37px;text-align: center;}
.resume_m3{float: right;width: 550px;padding-top: 20px;padding-left: 30px !important;background-color: transparent;}
.resume_m3:before{content:'';display: inline-block;width: 127px;height: 7px;background: #4b4e58;position: absolute;top: 0px;right: 35px;}
.resume_m4{display: none;}
.resume_content .resume_m3 .resume_item:not(.name_item){background-color:#ffffff}
.resume_main .resume_m2 .resume_item {
    color: #fff;
}
.resume_main .resume_item dt a.alifont{display: none;}
.resume_main .resume_item dt span.resume_item_title_span{z-index: 2;color: #fff;}
.resume_main .resume_item dl dt{margin-bottom: 6px !important;height: 35px;line-height: 35px;padding-bottom: 0px !important;position: relative;}
.resume_main .resume_item dl dt .default_item_html{
    display: inline-block;
    position: absolute;
    left: 9px;
    top: -11px;
}
.resume_main .resume_m3  .resume_item dl dt{padding-left: 35px;overflow: hidden;}
.resume_main .resume_m3 .resume_item dl dt .default_item_html{
    left: 0px;
    top: 0px;
}
.resume_main .resume_m3 .resume_item dl dt .default_item_html svg:first-child{display:none}
.resume_main .resume_m3 .resume_item dl dd{
    padding-left: 11px;
}

.resume_main .resume_m2 .resume_item dl dt .default_item_html svg:last-child{display:none}
.resume_main .resume_m2 .resume_item dl dt{
    background: rgb(149, 149, 149);
    padding-left: 10px;
}
.resume_main .resume_m2 .resume_item:not(.head_item) dl dd{padding-left: 10px;}
.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  .resume_item .resume_item_list_title span.location{text-align:left;}
.resume_main  .resume_item .resume_item_list_title span.role{text-align:left;}
.resume_main .resume_item .resume_item_list_logo:not(.hidden) ~ .resume_item_list_title span.time{text-align: left;width:47%;}
.resume_main .resume_item .resume_item_list_logo:not(.hidden) ~ .resume_item_list_title span.location{text-align: right;width:47%;}
.resume_main .resume_item .resume_item_list_logo:not(.hidden) ~ .resume_item_list_title span.role{text-align: left;width:100%;}

.resume_main .head_item{margin: -6px 0 0 -5px;}
.resume_main .head_item.hidden ~ .name_item{margin-left:0;}

.resume_main .name_item dl{
    padding-top: 0px !important;
}
.resume_main .name_item .name-con .name{margin-bottom: 5px;color: #ffffff;text-align: center;}
.resume_main .name_item .name-con .word {color:#ffffff;text-align: center;};
.resume_main .base_info_item dt{display:block;}
.resume_main .info_item dl dt{display:block;margin-bottom:10px;position: relative;}
.resume_main .info_item .info_content .info_item_list{position: relative;margin-bottom: 10px;}
.resume_main .info_item .info_content a.alifont{display: none;}
.resume_main .info_item .info_item_list span{display:block;line-height:24px;width: 235px;color: #fff;}
.resume_main .inte_item_list .alifont{display: inline-block;    line-height: 28px;font-size: 15px;width: 21px;height: 28px;text-align: center;}
.resume_main .info_item .info_item_list span[data-placeholder]:not(:empty):before{content: attr(data-placeholder)'：';}

.resume_main .resume_m2 .hobby_item_list a.aiconfont {
    border-color: #fff !important;
    color: #fff !important;
}

.resume_main .resume_m2 .hobby_item_list .hobby_item_title {
    color: #fff !important;
}

.resume_main[page_margin='0.5'] .info_item .info_item_list span{width:232px;}
.resume_main[page_margin='0.6'] .info_item .info_item_list span{width:226px;}
.resume_main[page_margin='0.7'] .info_item .info_item_list span{width:222px;}
.resume_main[page_margin='0.8'] .info_item .info_item_list span{width:218px;}
.resume_main[page_margin='0.9'] .info_item .info_item_list span{width:214px;}
.resume_main[page_margin='1'] .info_item .info_item_list span{width: 210px;}
.resume_main[page_margin='1.1'] .info_item .info_item_list span{width:206px;}
.resume_main[page_margin='1.2'] .info_item .info_item_list span{width:202px;}
.resume_main[page_margin='1.3'] .info_item .info_item_list span{width:198px;}
.resume_main[page_margin='1.4'] .info_item .info_item_list span{width:194px;}
.resume_main[page_margin='1.5'] .info_item .info_item_list span{width:190px;}


.resume_main[page_margin='0.5'] .resume_m3:before{right: 15px;}
.resume_main[page_margin='0.6'] .resume_m3:before{right: 19px;}
.resume_main[page_margin='0.7'] .resume_m3:before{right: 23px;}
.resume_main[page_margin='0.8'] .resume_m3:before{right: 28px;}
.resume_main[page_margin='0.9'] .resume_m3:before{right: 31px;}
.resume_main[page_margin='1'] .resume_m3:before{right: 35px;}
.resume_main[page_margin='1.1'] .resume_m3:before{right:40px;}
.resume_main[page_margin='1.2'] .resume_m3:before{right: 44px;}
.resume_main[page_margin='1.3'] .resume_m3:before{right: 48px;}
.resume_main[page_margin='1.4'] .resume_m3:before{right: 52px;}
.resume_main[page_margin='1.5'] .resume_m3:before{right: 56px;}

.resume_main[page_margin='0.5'] .resume_m2 .resume_item dl dt .default_item_html{left:29px;}
.resume_main[page_margin='0.6'] .resume_m2 .resume_item dl dt .default_item_html{left:25px;}
.resume_main[page_margin='0.7'] .resume_m2 .resume_item dl dt .default_item_html{left:21px;}
.resume_main[page_margin='0.8'] .resume_m2 .resume_item dl dt .default_item_html{left:17px;}
.resume_main[page_margin='0.9'] .resume_m2 .resume_item dl dt .default_item_html{left:13px;}
.resume_main[page_margin='1'] .resume_m2 .resume_item dl dt .default_item_html{left:9px;}
.resume_main[page_margin='1.1'] .resume_m2 .resume_item dl dt .default_item_html{left:5px;}
.resume_main[page_margin='1.2'] .resume_m2 .resume_item dl dt .default_item_html{left:1px;}
.resume_main[page_margin='1.3'] .resume_m2 .resume_item dl dt .default_item_html{left: -3px;}
.resume_main[page_margin='1.4'] .resume_m2 .resume_item dl dt .default_item_html{left: -7px;}
.resume_main[page_margin='1.5'] .resume_m2 .resume_item dl dt .default_item_html{left: -11px;}

.resume_main[modal_margin='0'] .resume_item:not(.head_item) dl{padding-top:0; padding-bottom:0;}
.resume_main[modal_margin='0.2'] .resume_item:not(.head_item) dl{padding-top:6px; padding-bottom:6px;}
.resume_main[modal_margin='0.4'] .resume_item:not(.head_item) dl{padding-top:12px; padding-bottom:12px;}
.resume_main[modal_margin='0.6'] .resume_item:not(.head_item) dl{padding-top:18px; padding-bottom:18px;}
.resume_main[modal_margin='0.8'] .resume_item:not(.head_item) dl{padding-top:24px; padding-bottom:24px;}
.resume_main[modal_margin='1'] .resume_item:not(.head_item) dl{padding-top:30px; padding-bottom:30px;}
.resume_main[modal_margin='1.2'] .resume_item:not(.head_item) dl{padding-top:36px; padding-bottom:36px;}
.resume_main[modal_margin='1.4'] .resume_item:not(.head_item) dl{padding-top:42px; padding-bottom:42px;}
.resume_main[modal_margin='1.6'] .resume_item:not(.head_item) dl{padding-top:48px; padding-bottom:48px;}
.resume_main[modal_margin='1.8'] .resume_item:not(.head_item) dl{padding-top:54px; padding-bottom:54px;}