.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:#f7f7f7;}
.resume_m1{background-color:inherit;height: 235px;position: relative;}
.resume_m1:before {
    content: 'CV';
    display: inline-block;
    background-color: rgb(244, 209, 99);
    width: 109px;
    height: 240px;
    position: absolute;
    left: 80px;
    font-size: 46.5px;
    text-align: center;
    color: #2c2c2c;
    padding: 50px 35px;
    font-weight: 100;
    z-index: 2;
}
.resume_main .hide_item{
    display:inline-block;
    width: 51px;
    height: 1px;
    background-color: rgb(41, 41, 41);
    position: absolute;
    top: 118px;
    left: 110px;
    z-index: 2;
}
.resume_m1:after {
    content: '';
    display: inline-block;
    background-color: rgb(240, 243, 248);
    position: absolute;
    left: 0px;
    top: 185px;
    width: 820px;
    height: 48px;
}
.resume_m2{float: right;width:270px;padding-top: 4px;background-color:inherit;}

.resume_m3{float: left;width:550px;padding-top: 4px;background-color:inherit;}
.resume_m4{display: none;}
.resume_main .resume_item dl dt{height:40px;line-height:34px;padding-bottom:10px;border-bottom: 1px solid #000000;margin-bottom:15px;}
.resume_main .resume_item dl dt a.alifont{display:none}
.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;}
.resume_main .resume_m2 .resume_item dl dt{padding-bottom:10px !important;margin-bottom:10px !important;}


.resume_main .resume_item  .resume_item_list_title span.time,.resume_main .resume_item  .resume_item_list_title span.role,
.resume_main .resume_item  .resume_item_list_title span.location{width:50%;font-weight:bold;font-size:14px;color: #484b4e;}
.resume_main .resume_item  .resume_item_list_title span.location{float:right; margin-right:0; text-align:right;}
.resume_main .resume_item  .resume_item_list_title span.role{float:none; clear:both; width:60%; font-size:14px; color:#484b4e;}
.resume_main .resume_item  .resume_item_list_title span.time{width:35%;}

.resume_main .head_item{
    position: absolute;
    right: 40px;
    top: 0px;
}
.resume_main .head_item.hidden ~ .name_item{margin-left:0;}

.resume_main .name_item{display: inline-block;height: 99px;width: 365px;position: absolute;top: 50px;left: 200px;}
.resume_main .name_item dl{padding:5px;}
.resume_main .name_item .name-con{color: #222425;}
.resume_main .name_item .name-con .name{margin-bottom:16px;font-size: 30px;}

.resume_main .info_item dl dt{display:block; 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;line-height:20px;margin-top:2px;color: #282828;font-size:14px;text-align:center;border-radius: 50%;}
.resume_main .info_item .info_item_list span{display:block;line-height:24px;padding-left: 30px;width: 225px;}
.resume_main .inte_item,.resume_main .info_item,.resume_main .skill_item,.resume_main .hobby_item  {color: #222425;}


/** 全局颜色切换*/
.resume_main[data_color="c1"] .resume_m1:before{background-color:#0b70bd;color: #fff;}
.resume_main[data_color="c2"] .resume_m1:before{background-color:#254665;color: #fff;}
.resume_main[data_color="c3"] .resume_m1:before{background-color:#589bf7;color: #fff;}
.resume_main[data_color="c4"] .resume_m1:before{background-color:#ff7171;color: #fff;}
.resume_main[data_color="c5"] .resume_m1:before{background-color:#37b754;color: #fff;}
.resume_main[data_color="c6"] .resume_m1:before{background-color:#292929;color: #fff;}
.resume_main[data_color="c7"] .resume_m1:before{background-color:#ee7000;color: #fff;}
.resume_main[data_color="c8"] .resume_m1:before{background-color:#a29177;color: #fff;}
.resume_main[data_color="c9"] .resume_m1:before{background-color:#da180f;color: #fff;}
.resume_main[data_color="c10"] .resume_m1:before{background-color:#6b4b24;color: #fff;}
.resume_main[data_color="c11"] .resume_m1:before{background-color:#048BB3;color: #fff;}
.resume_main[data_color="c12"] .resume_m1:before{background-color:#5974D4;color: #fff;}
.resume_main[data_color="c13"] .resume_m1:before{background-color:#9D57CA;color: #fff;}
.resume_main[data_color="c14"] .resume_m1:before{background-color:#d4ba38;color: #fff;}
.resume_main[data_color="c15"] .resume_m1:before{background-color:#69cc41;color: #fff;}
/** 强制颜色处理*/
.resume_main[data_color='#292929'] .resume_m1:before {
    color: #fff;
}

.resume_main[data_color='#292929'] .resume_m1 .hide_item {
    background: #fff;
}

.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'] .hobby_item_list{margin-right: 38px;}
.resume_main[page_margin='0.6'] .hobby_item_list{margin-right: 34px;}
.resume_main[page_margin='0.7'] .hobby_item_list{margin-right: 30px;}
.resume_main[page_margin='0.8'] .hobby_item_list{margin-right: 26px;}
.resume_main[page_margin='0.9'] .hobby_item_list{margin-right: 22px;}
.resume_main[page_margin='1'] .hobby_item_list{margin-right: 18px;}
.resume_main[page_margin='1.1'] .hobby_item_list{margin-right: 14px;}
.resume_main[page_margin='1.2'] .hobby_item_list{margin-right: 10px;}
.resume_main[page_margin='1.3'] .hobby_item_list{margin-right:6px;}
.resume_main[page_margin='1.4'] .hobby_item_list{margin-right: 2px;}
.resume_main[page_margin='1.5'] .hobby_item_list{margin-right: -2px;}

.resume_main .skill_item .skill_item_list:nth-child(2n+1){margin-right:0;}
.resume_main[page_margin='0.5'] .skill_item_list{margin-right: 33px;}
.resume_main[page_margin='0.6'] .skill_item_list{margin-right: 29px;}
.resume_main[page_margin='0.7'] .skill_item_list{margin-right: 25px;}
.resume_main[page_margin='0.8'] .skill_item_list{margin-right: 21px;}
.resume_main[page_margin='0.9'] .skill_item_list{margin-right: 17px;}
.resume_main[page_margin='1'] .skill_item_list{margin-right: 13px;}
.resume_main[page_margin='1.1'] .skill_item_list{margin-right: 9px;}
.resume_main[page_margin='1.2'] .skill_item_list{margin-right: 5px;}
.resume_main[page_margin='1.3'] .skill_item_list{margin-right: 1px;}
.resume_main[page_margin='1.4'] .skill_item_list{margin-right: -3px;}
.resume_main[page_margin='1.5'] .skill_item_list{margin-right: -7px;}