.resume_m2 .hobby_style_panel.change_style_panel, .resume_m2 .skill_style_panel.change_style_panel {  left: -193px;}
.resume_m2 .change_style_panel:before {  right: 30px;left: unset;}
.resume_main{background-color: #e6e6e6;}
.resume_main .resume_content {background: #e6e6e6;}
.resume_main .resume_content:before{content:'';display: inline-block;position: absolute;height: 100%;width: 270px;right: 0px;background: #242a2f;}
.resume_m1{background-color: #ee7000;position: relative;text-align: right;margin-bottom: 8px;min-height: 370px;}
.resume_main .resume_m1:after{content:'';display:inline-block;position: absolute;width: 270px;height: 8px;bottom: 0px;right: 0px;background-color: #e6e6e6;}
.resume_m2{float: right;width:270px;padding-top: 4px;background-color: #242a2f;color: #fff;}
.resume_m3{float: left;position: relative;margin-top: -250px;width:550px;padding-top: 4px;background-color: #e6e6e6 !important;border-top-right-radius: 15px;}
.resume_m4{display: none;}
.resume_main .resume_item dl dt{height:40px;line-height:34px;padding-bottom:10px;}
.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;color: #484b4e;}
.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;}
.resume_main .resume_m2 .resume_item dl dt{padding-bottom:10px !important;margin-bottom:10px !important;color: #fff;}
.resume_main .resume_m2 .resume_item .resume_item_list_content{margin-top:0px !important;color: #fff;}
.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;text-align:right}
.resume_main  .resume_item .resume_item_list_title span.time{text-align:left;}

.resume_main .head_item{display: inline-block;margin-right: 19px;}
.resume_main .head_item.hidden ~ .name_item{display: block;position: relative;margin-left: -30px;width: 520px;margin-bottom: 39px;}

.resume_main .name_item{display: inline-block;min-height: 90px;width: 470px;position: absolute !important;top: 20px;left: 30px;text-align: left;}
.resume_main .name_item dl{padding:5px;}
.resume_main .name_item .name-con{color: #fff;}
.resume_main .name_item .name-con .name{margin-bottom:16px;font-size: 30px;}

.resume_main .info_item:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background: rgba(255, 255, 255,0.102);
}
.resume_main .info_item{
    margin-left: 549px;
    text-align: left;
    color: #fff;
}
.resume_main .info_item dl dt{display: none;margin-bottom:10px;}
.resume_main .info_item .info_content .info_item_list{position: relative;margin-bottom: 10px;}
.resume_main .info_item .info_content a.alifont{position: absolute;width: 20px;height: 20px;color: #fff;line-height: 18px;margin-top: 2px;border: 1px solid #fff;border-radius: 50%;font-size: 14px;text-align: center;}
.resume_main .info_item .info_item_list span{display:block;line-height:24px;padding-left: 30px;width: 200px;}
.resume_main .resume_m2 .skill_style_02.skill_item .skill_slider s{
    background-color:transparent !important;
    border:1px solid #fff !important;
}
.resume_main .resume_m2 .skill_style_02.skill_item .skill_slider s i{
    background-color:#fff;
}
.resume_m3 .skill_style_02.skill_item .skill_item_list{width: 28%;}
.resume_main .hobby_item_con a.alifont{border-color:inherit!important;color:inherit !important;}
.resume_main .hobby_item_con .hobby_item_title{color:inherit !important;}

/** 全局颜色切换*/
.resume_main[data_color="c1"] .resume_m1{background-color:#0b70bd;}
.resume_main[data_color="c2"] .resume_m1{background-color:#254665;}
.resume_main[data_color="c3"] .resume_m1{background-color:#589bf7;}
.resume_main[data_color="c4"] .resume_m1{background-color:#ff7171;}
.resume_main[data_color="c5"] .resume_m1{background-color:#37b754;}
.resume_main[data_color="c6"] .resume_m1{background-color:#292929;}
.resume_main[data_color="c7"] .resume_m1{background-color:#ee7000;}
.resume_main[data_color="c8"] .resume_m1{background-color:#a29177;}
.resume_main[data_color="c9"] .resume_m1{background-color:#da180f;}
.resume_main[data_color="c10"] .resume_m1{background-color:#6b4b24;}
.resume_main[data_color="c11"] .resume_m1{background-color:#048BB3;}
.resume_main[data_color="c12"] .resume_m1{background-color:#5974D4;}
.resume_main[data_color="c13"] .resume_m1{background-color:#9D57CA;}
.resume_main[data_color="c14"] .resume_m1{background-color:#d4ba38;}
.resume_main[data_color="c15"] .resume_m1{background-color:#69cc41;}

.resume_main[page_margin='0.5'] .resume_m1,
.resume_main[page_margin='0.5'] .resume_m2,
.resume_main[page_margin='0.5'] .resume_m3,
.resume_main[page_margin='0.5'] .resume_m4{padding-left:10px; padding-right:10px;}
.resume_main[page_margin='0.6'] .resume_m1,
.resume_main[page_margin='0.6'] .resume_m2,
.resume_main[page_margin='0.6'] .resume_m3,
.resume_main[page_margin='0.6'] .resume_m4{padding-left:14px; padding-right:14px;}
.resume_main[page_margin='0.7'] .resume_m1,
.resume_main[page_margin='0.7'] .resume_m2,
.resume_main[page_margin='0.7'] .resume_m3,
.resume_main[page_margin='0.7'] .resume_m4{padding-left:18px; padding-right:18px;}
.resume_main[page_margin='0.8'] .resume_m1,
.resume_main[page_margin='0.8'] .resume_m2,
.resume_main[page_margin='0.8'] .resume_m3,
.resume_main[page_margin='0.8'] .resume_m4{padding-left:22px; padding-right:22px;}
.resume_main[page_margin='0.9'] .resume_m1,
.resume_main[page_margin='0.9'] .resume_m2,
.resume_main[page_margin='0.9'] .resume_m3,
.resume_main[page_margin='0.9'] .resume_m4{padding-left:26px; padding-right:26px;}
.resume_main[page_margin='1'] .resume_m1,
.resume_main[page_margin='1'] .resume_m2,
.resume_main[page_margin='1'] .resume_m3,
.resume_main[page_margin='1'] .resume_m4{padding-left:30px; padding-right:30px;}
.resume_main[page_margin='1.1'] .resume_m1,
.resume_main[page_margin='1.1'] .resume_m2,
.resume_main[page_margin='1.1'] .resume_m3,
.resume_main[page_margin='1.1'] .resume_m4{padding-left:34px; padding-right:34px;}
.resume_main[page_margin='1.2'] .resume_m1,
.resume_main[page_margin='1.2'] .resume_m2,
.resume_main[page_margin='1.2'] .resume_m3,
.resume_main[page_margin='1.2'] .resume_m4{padding-left:38px; padding-right:38px;}
.resume_main[page_margin='1.3'] .resume_m1,
.resume_main[page_margin='1.3'] .resume_m2,
.resume_main[page_margin='1.3'] .resume_m3,
.resume_main[page_margin='1.3'] .resume_m4{padding-left:42px; padding-right:42px;}
.resume_main[page_margin='1.4'] .resume_m1,
.resume_main[page_margin='1.4'] .resume_m2,
.resume_main[page_margin='1.4'] .resume_m3,
.resume_main[page_margin='1.4'] .resume_m4{padding-left:46px; padding-right:46px;}
.resume_main[page_margin='1.5'] .resume_m1,
.resume_main[page_margin='1.5'] .resume_m2,
.resume_main[page_margin='1.5'] .resume_m3,
.resume_main[page_margin='1.5'] .resume_m4{padding-left:50px; padding-right:50px;}

.resume_main[page_margin='0.5'] .resume_m1 .name_item {left:10px}
.resume_main[page_margin='0.6'] .resume_m1 .name_item {left:14px}
.resume_main[page_margin='0.7'] .resume_m1 .name_item {left:18px}
.resume_main[page_margin='0.8'] .resume_m1 .name_item {left:22px}
.resume_main[page_margin='0.9'] .resume_m1 .name_item {left:26px}
.resume_main[page_margin='1'] .resume_m1 .name_item {left:30px}
.resume_main[page_margin='1.1'] .resume_m1 .name_item {left:34px}
.resume_main[page_margin='1.2'] .resume_m1 .name_item {left:38px}
.resume_main[page_margin='1.3'] .resume_m1 .name_item {left:42px}
.resume_main[page_margin='1.4'] .resume_m1 .name_item {left: 46px;}
.resume_main[page_margin='1.5'] .resume_m1 .name_item {left: 50px;}

.resume_main[modal_margin='0'] .resume_item:not(.head_item):not(.name_item) dl {
    padding-top: 5px;
    padding-bottom: 5px;
}