.resume_main{background-color:#f7f7f7;color:#1c1e21}
.resume_main .resume_content{
    padding: 300px 30px 0 30px;
    background: #eee;
}
.resume_m1 {
    background: #eee;
    height: 350px;
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 6px solid #000;
}
.resume_m2{float: left;width: 270px;padding: 20px 20px!important;background: #fff;margin-top: -80px;position: relative;height: 100%;}
.resume_m3{float: right;width: 490px;padding-right:20px !important;background-color: #fff;padding-left: 10px !important;padding-top: 20px;margin-top: -80px;position: relative;height: 100%;}
.resume_m4{display: none;}
.resume_main .resume_item dl dt{position:relative;height: 38px;line-height:34px;border-bottom: 2px solid #000000;margin-bottom: 0;}
.resume_m3::before {
    position: absolute;
    content: " ";
    width: 2px;
    height: calc(100% - 40px);
    left: -5px;
    top: 26px;
    background: #000;
}
.resume_main .resume_m3 .resume_item dl dd{
    width:100%;
    padding-right: 10px;
    padding-top: 20px;
}
.resume_main .resume_m3 .resume_item.name_item dl dd,.resume_main .resume_m3 .resume_item.info_item dl dd{
    border-right:none;
    padding-top: 0px;
}
.resume_main .resume_item dl dt a.alifont{display:none}
.resume_main .resume_m3 .resume_item  dt span{float:left; display:block; height:30px; line-height:30px;}
.resume_main .resume_item  dl dt span div{position:relative;display:inline-block;height:28px;line-height:26px;font-size:18px;word-break:break-all;font-weight:bold;overflow:hidden;color: #000;}
.resume_main .resume_m2 .resume_item dl dt{padding-bottom:10px !important;margin-bottom: 16px !important;}
.resume_main .resume_m3 .resume_item:first-child dl{padding-top: 0px !important;}
.resume_main .resume_m2 .resume_item:first-child dl{padding-top: 0px !important;}

.resume_main .resume_m3 .resume_item.desc_item dl dt {
    display: block;
}
.resume_main .resume_m3 .resume_item.desc_item dl dd{
}
.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: 35%;margin:0;font-weight:bold;color: #484b4e;}
.resume_main  .resume_item .resume_item_list_title span.time{text-align:left;width: 30%;}
.resume_main  .resume_item .resume_item_list_title span.role{text-align:right}
.resume_main  .resume_item .resume_item_list_title span.location{text-align: left;}
.resume_m3 .resume_item.time_item  .resume_item_list_text {
}
.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{display:inline-block;float: left;margin: 28px 20px 0 0;}
.resume_main .head_item[data-size=rectangle]{top:0;}


.resume_main .name_item{
    float: left;
    width: 500px;
}
.resume_main .name_item .name-con .name{display:inline-block;}
.resume_main .name_item .name-con .name{padding-right:10px;font-size:30px;}
.resume_main .name_item .name-con .word{display:block;margin-top: 5px;position: relative;}

.resume_main .inte_item_list{
    display:block;
}
.resume_main .inte_item_list .alifont {
    color: #999;
    margin-top: -1px;
}

.resume_main .base_info_item .info_item_list{display:inline-block;vertical-align: middle;}
.resume_main[data_language="en"] .base_info_item .info_item_list{white-space: nowrap;}
.resume_main .base_info_item .info_item_list a.alifont{
    float: left;
    vertical-align: middle;
    background: #000;
    color: #fff;
    width: 22px;
    height: 22px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.resume_main .base_info_item .info_item_list span{display:block;padding-right:5px;margin-right:5px;padding-left: 5px;line-height:1.2;float: left;vertical-align: middle;height: 22px;border: 2px solid #000;background: #fff;}
.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_main .info_item {
    float: left;
    width: 540px;
}
.resume_main[data_color] .skill_slider s i {background-color: #000000 !important; }
.resume_main .hobby_item_list .hobby_item_title{color:inherit}
.resume_main[data_color] .hobby_item_con a.alifont {border-color: #222425 !important; color: #222425 !important;}
.resume_main .head_item .resume_item_list {
    border-color: #000;
    background-color: #000;
}