/** 默认样式清除*/
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; text-decoration:none; word-wrap:break-word; }
html,body{background:#fff; line-height:1.5; font-size:14px;  }
div[contenteditable], input, button, textarea, a, span{outline:none; }
ul, ol, li{list-style:none; font-weight:normal; }
input, button, textarea{font-family:"microsoft yahei"; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img, button{margin:0; padding:0; border:none;line-height:inherit}
fieldset, img{border:0;}
ol, ul{list-style:none;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
em,i,cite,em,var,address,dfn{font-style:normal;}
input, button, select, textarea{outline:none;}
/** 常见默认样式*/
.clear{clear:both}
.left{float:left; }
.right{float:right; }
.hidden{display:none !important; }
/*富文本编辑后的默认样式*/
[contenteditable] ul{list-style:disc; margin-left:20px; font-size:inherit; color:inherit; }
[contenteditable] ol{list-style:decimal; margin-left:18px; font-size:inherit; color:inherit; }
[contenteditable] ol li{padding-left:2px; }
[contenteditable] li{ display:list-item; text-align:-webkit-match-parent; list-style:inherit; font-size:inherit; color:inherit;}
[contenteditable] a{color:#0e5dff;}
/*浮动处理*/
.clearfix {display:block; height:1%; zoom:1; }
.clearfix::after {content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
/*字体引入*/
@font-face {
    font-family: 'Microsoft YaHei';
    src: local('Microsoft YaHei'),
    url('//file.100chui.com/upload/fonts/common-Microsoft-YaHei.woff2') format('woff2'),
    url('//file.100chui.com/upload/fonts/common-Microsoft-YaHei.woff') format('woff');
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Microsoft YaHei Light';
    src: local('Microsoft YaHei Light'),
    url('//file.100chui.com/upload/fonts/common-Microsoft-YaHei-Light.woff2') format('woff2'),
    url('//file.100chui.com/upload/fonts/common-Microsoft-YaHei-Light.woff') format('woff');
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'SimHei';
    src: local('SimHei'),
    url('//file.100chui.com/upload/fonts/common-simhei.woff2') format('woff2'),
    url('//file.100chui.com/upload/fonts/common-simhei.woff') format('woff');
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'SimSun';
    src: local('SimSun'),
    url('//file.100chui.com/upload/fonts/common-SimSun.woff2') format('woff2'),
    url('//file.100chui.com/upload/fonts/common-SimSun.woff') format('woff');
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'KaiTi';
    src: local('KaiTi'),
    url('//file.100chui.com/upload/fonts/common-KaiTi.woff2') format('woff2'),
    url('//file.100chui.com/upload/fonts/common-KaiTi.woff') format('woff');
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'alifont';  /* project id 1428100 */
    src: url('//at.alicdn.com/t/font_1428100_pznvvtbj8mn.eot');
    src: url('//at.alicdn.com/t/font_1428100_pznvvtbj8mn.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1428100_pznvvtbj8mn.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1428100_pznvvtbj8mn.woff') format('woff'),
    url('//at.alicdn.com/t/font_1428100_pznvvtbj8mn.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1428100_pznvvtbj8mn.svg#alifont') format('svg');
}
.alifont{font-family:alifont !important; height:100%; font-size:18px;font-weight: normal;}
.alifont svg.icon{width:100%; height:100%; overflow: hidden;}
dt .alifont svg.icon{width:80%; pointer-events: none;}
.resume_item_empty { display: none;}
/*容器和模块默认样式*/
.resume_main{width:820px; color:#414141; height:100%;box-shadow:0 0 8px 0 rgba(0,0,0,0.2); }
.resume_main .resume_fixed_image,
.resume_main .school_motto_element,.resume_main .school_motto_element .text2,.resume_main .school_motto_element .text3,
.resume_main .hide_item,
.resume_main .default_html,
.resume_main .default_item_html{display:none}
.resume_main .resume_item,.resume_main .resume_item .resume_item_list_content{position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.resume_content{position:relative;width:100%;height:100%;background:#fff;overflow: hidden;}
.resume_m3,
.resume_m2{text-align:center;    background: inherit;}
.resume_content .resume_m3 .base_info_item,
.resume_content .resume_m3 .resume_item,
.resume_content .resume_m2 .base_info_item,
.resume_content .resume_m2 .resume_item{text-align:left;}
.resume_item dl{border:1px dashed transparent;}
.resume_main .resume_item,
.resume_main .resume_item .resume_item_list_content,{position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.resume_m2 .resume_item dl dt{padding-bottom: 10px !important;margin-bottom:0 !important;}
.resume_m2 .resume_item:last-child dl,.resume_m3 .resume_item:last-child dl{padding-bottom:0px !important;margin-bottom: 0px !important;}
/*模块项结构样式*/
.resume_main .base_info_item dl,.resume_main .name_item dl{padding:30px 0 0 0;}
.resume_main .resume_content .resume_item:not(.head_item) dl{padding-left:5px; padding-right:5px;}
.resume_main .base_info_item dt,
.resume_main .qrcode_item dt,
.resume_main .head_item dt{display:none;}
.resume_main .head_item dl{border:none;}
.resume_main .resume_item dt{padding-left:0;}
.resume_main .resume_item dt a,
.resume_main .resume_item dt span.resume_item_title_span{display:block; float:left; }
.resume_main .resume_item dt a{cursor:pointer; }
.resume_main .resume_item dt span.resume_item_title_span{display:inline-block; position:relative; font-size:20px; word-break:break-word; font-weight:bold; overflow:hidden;}
.resume_main .resume_item dt span.resume_item_title_span div[contenteditable="false"]{cursor:pointer;}
/* 模块标题*/
.resume_main .resume_item_list_title>span{color:#333;}
.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{display:block;float:left;min-width:70px;min-height:20px;font-size:14px;}
.resume_main .resume_item .resume_item_list_title span div[contenteditable=true]{overflow:hidden; clear:both; }
.resume_main .resume_item .resume_item_list_title span div[contenteditable=true] span{float:none; }
.resume_main .resume_item .resume_item_list_title span.time{cursor:pointer; margin-right:20px; width:120px; }
.resume_main .resume_item .resume_item_list_title span.time span{float:none; min-width:auto; display:inline-block; position:relative; }
.resume_main .resume_item .resume_item_list_title span.time i{font-style:normal; }
.resume_main .resume_item .resume_item_list_title span.location{width:185px; margin-right:20px; }
.resume_main .resume_item .resume_item_list_title span.role{width:128px; }
.resume_main .resume_item .resume_item_list_text{position:relative; line-height:1.5; word-break:break-word; word-wrap:break-word;}
.resume_main .resume_m2 .resume_item .resume_item_list_title span.time,
.resume_main .resume_m2 .resume_item .resume_item_list_title span.location,
.resume_main .resume_m2 .resume_item .resume_item_list_title span.role{width:100%;text-align: inherit;color: inherit;}
/** 一行模式*/
.resume_main[title_style="title_01"] .resume_m3 .resume_item .resume_item_list_title{
}
.resume_main[title_style="title_01"] .resume_m3 .resume_item .resume_item_list_title>span{
    width: 33% !important;
    clear: none;
}
.resume_main[title_style="title_01"] .resume_m3 .resume_item .resume_item_list_title span.time{display: inline-block;margin: 0px !important;float: left;}
.resume_main[title_style="title_01"] .resume_m3 .resume_item .resume_item_list_title span.location{display: inline-block;text-align: center;margin: 0px !important;float: left;}
.resume_main[title_style="title_01"] .resume_m3 .resume_item .resume_item_list_title span.role{display: inline-block;margin: 0px !important;text-align: right;float: right;clear: none;}
/** 2行模式*/
.resume_main[title_style="title_02"] .resume_m3 .resume_item .resume_item_list_title{}
.resume_main[title_style="title_02"] .resume_m3 .resume_item .resume_item_list_title>span{
    width: 50% !important;
    clear: none;
}
.resume_main[title_style="title_02"] .resume_m3 .resume_item .resume_item_list_title span.time{display: inline-block;margin: 0px !important;float: left;}
.resume_main[title_style="title_02"] .resume_m3 .resume_item .resume_item_list_title span.location{display: inline-block;text-align: right;margin: 0px !important;float: left;}
.resume_main[title_style="title_02"] .resume_m3 .resume_item .resume_item_list_title span.role{display: inline-block;margin: 0px !important;text-align: left;clear: none;width: 100% !important;}

/* 时间排序end */
.resume_main[time_sort="end"] .resume_m3 .resume_item .resume_item_list_title{}
.resume_main[time_sort="end"] .resume_m3 .resume_item .resume_item_list_title>span{width: 33% !important;clear: none;}
.resume_main[time_sort="end"] .resume_m3 .resume_item .resume_item_list_title span.time{display: inline-block;text-align: right;margin: 0px !important;float: right;}
.resume_main[time_sort="end"] .resume_m3 .resume_item .resume_item_list_title span.location{display: inline-block;text-align: left;margin: 0px !important;float: left;}
.resume_main[time_sort="end"] .resume_m3 .resume_item .resume_item_list_title span.role{display: inline-block;text-align: left;float: left;margin: 0px !important;}


/* logo模式 */
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo {position: absolute; top: auto; left: auto; z-index: 1; height:68px; width:68px; border: solid 1px #e5e5e5; cursor:pointer; text-align: center; font-size: 0; overflow: hidden;}
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo img {display: block; width: 100%; height: 100%;}
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo[data-style="round"],
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo[data-style="round"] img {border-radius: 50%;}
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo[data-style="square"],
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo[data-style="square"] img {border-radius: 0;}
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo[data-style="squareRound"],
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo[data-style="squareRound"] img {border-radius: 10%;}
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo:not(.hidden) ~ .resume_item_list_title,
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo:not(.hidden) ~ .resume_item_list_text,
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo:not(.hidden) ~ .resume_item_list_tags {padding-left: 88px;}
.resume_main .resume_item:not(.school_info_item) .resume_item_list_logo:not(.hidden) + .resume_item_list_title.hidden ~ .resume_item_list_text {min-height: 68px;}
.resume_main .resume_item:not(.school_info_item) .resume_item_list_content.logo_show {min-height: 69px;}

/** 背景样式*/
.resume_main .resume_fixed_image {display: none; position: absolute; width: 100%; height: auto; font-size: 0; overflow: hidden;}
.resume_main .resume_fixed_image .resume_fixed_image_content img {display: block; width: 100%; height: auto; padding: 2px 0; margin-top: -2px;}
.resume_main .resume_fixed_image .resume_fixed_image_content .filter_layer {position: absolute; top: -1px; bottom: -1px; left: 0; width: 100%;}

/** 报考信息*/

.resume_main .resume_item.school_info_item .resume_item_list_title span.location {
    float: left;
    display: inline-block;
    text-align: left;
    margin-right: 10px;
    min-width: 40%;
    width: auto;
    font-weight: bold;
}
.resume_main .resume_item.school_info_item .resume_item_list_title span.role {
    display: inline-block;
    width: auto;
    font-weight: bold;
}
.resume_main .resume_m3 .resume_item.school_info_item .resume_item_list_text,.resume_main .resume_m3 .resume_item.school_info_item .resume_item_list_text .description{
    padding-left:0px;
}
.resume_main .resume_item.school_info_item .school_info {
    border: 1px solid #ccc;
    border-right: 0px;
    position: relative;
}

.resume_main .resume_item.school_info_item .school_info .school_logo {
    display: inline-block;
    width: 90px;
    height: 100%;
    vertical-align: middle;
    position: relative;
    padding: 2px;
    padding-left: 6px;
}
.resume_main .resume_item.school_info_item .school_info .school_logo img {
    width: 82px;
    height: 82px;
    display: block;
}
.resume_main .resume_item.school_info_item .school_info .score_list {
    vertical-align: middle;
    display: inline-block;
    outline: 1px solid #ccc;
    position: relative;
    overflow: hidden;
}
.resume_main .resume_item.school_info_item .school_info .score_list .score_item{
    display: inline-block;
    margin: 0;
    float: left;
}
.resume_main .resume_item.school_info_item .resume_item_list_title{
    width: 100%;
}
.resume_main .resume_item.school_info_item .resume_item_list_text{
    width: auto;
}

.resume_main .resume_item.school_info_item .school_info .score_list .score_item:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0px;
    width: 101%;
    border-bottom: 1px solid #ccc;
}
.resume_main .resume_item.school_info_item .school_info .score_list .score_info:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 820px;
    border-bottom: 1px solid #ccc;
}

.resume_main .resume_item.school_info_item .school_info .score_item:not(.hideright) .score_info:before {
    content: '';
    position: absolute;
    top: 0px;
    right: -4px;
    width: 1px;
    height: 500px;
    background: #ccc;
}
.resume_main .resume_item.school_info_item .school_info .score_list .score_info {
    display: inline-block;
    text-align: center;
    float: left;
    position: relative;
}
.resume_main .resume_item.school_info_item .school_info .score_list .score_info .course_name,.resume_main .resume_item.school_info_item .school_info .score_list .score_info .course_score {
    height: 46px;
    line-height: 46px;
    width: 76px;
    white-space: nowrap;
    overflow: hidden;
}
.resume_main .resume_item.school_info_item .school_info .score_list .score_info a.delete {
    display: none;
}

.resume_main .resume_item.school_info_item .school_info .score_list .score_info:hover a.delete {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
}
/**子项第一个和最后一个去除margin*/
.resume_main .resume_item .resume_item_list_content:first-child{margin-top:0 !important; }
.resume_main .resume_item .resume_item_list_content:last-child{margin-bottom:0 !important; }

.resume_main[modal_margin='0'] .resume_m3 .resume_item .resume_item_list_title{margin-bottom: 0px;}
.resume_main[modal_margin='0.2'] .resume_m3 .resume_item .resume_item_list_title{margin-bottom: 2px;}
.resume_main[modal_margin='0.4'] .resume_m3 .resume_item .resume_item_list_title{margin-bottom: 4px;}
.resume_main[modal_margin='0.6'] .resume_m3 .resume_item .resume_item_list_title{margin-bottom: 6px;}
.resume_main[modal_margin='0.8'] .resume_m3 .resume_item .resume_item_list_title{margin-bottom: 8px;}
.resume_m3 .resume_item .resume_item_list_title{margin-bottom:10px; }
.resume_m3 .resume_item .resume_item_list_text{float:left;width:100%;letter-spacing:0;}
.resume_m3 .resume_item .resume_item_list_text .description{word-break:break-all;}
.resume_main[data_language="en"] .resume_m3 .resume_item .resume_item_list_text .description{word-break:normal;}
.resume_main[data_language="en"] *{word-break:normal;}
.resume_m3 .resume_item .resume_item_list_content{margin-top:30px; float:left; width:100%;}

/*头像默认样式*/
.resume_main .head_item dd{position:relative; display:block; width:170px; margin:0 auto; padding:20px; border:1px dashed  transparent !important;}
.resume_main .head_item .img_content{width:120px; height:150px; overflow:hidden;}
.resume_main .head_item .img_content img{display:block; width:100%;}
.resume_main .head_item .resume_item_list{position:relative;width:128px;height:158px;margin:0 auto;border:4px solid #e5e5e5;background:#e5e5e5;overflow:hidden;cursor:pointer;}
.head_item[data-type='rectangle'] .resume_item_list{width:128px; height:158px;}
.head_item[data-type='rectangle'] .img_content{width:120px; height:150px;}
.head_item[data-type='square'] .resume_item_list{width:130px; height:130px;}
.head_item[data-type='square'] .img_content{width:122px; height:122px;}
.head_item[data-type='round'] .resume_item_list{width:130px; height:130px; border-radius:130px;}
.head_item[data-type='round'] .img_content{width:122px; height:122px; border-radius:122px;}

/*姓名*/
.resume_main .name_item .name-con .name{font-size:30px;}
.resume_main .name_item .name-con .word{line-height:1.2;}
.resume_main .resume_m1 .name_item .name-con .word:empty,
.resume_main .resume_m2 .name_item .name-con .word:empty,
.resume_main .resume_m3 .name_item .name-con .word:empty,
.resume_main .resume_m4 .name_item .name-con .word:empty{display:none}
/** 基本信息*/
.resume_main .info_item.style_01 .info_content a.alifont{display:inline-block !important;margin-right: 5px;}
.resume_main .info_item.style_01 .info_content a.alifont~span{display:inline-block;}
.resume_main .info_item.style_01 .info_content a.alifont~span:before{display:none}
.resume_main .info_item.style_01 .info_content a.alifont~span:empty:before{display:inline-block}

.resume_main .info_item.style_02 .info_content a.alifont{display:none !important;}
.resume_main .info_item.style_02 .info_content a.alifont~span{padding-left: 0px;}
.resume_main .info_item.style_02 .info_item_list span[data-placeholder]:not(:empty):before{content: attr(data-placeholder)'：';}
.resume_main .info_item.style_02 .info_item_list#sex span::before{content:'性别：';}
.resume_main .info_item.style_02 .info_item_list#nation span::before{content:'民族：';}
.resume_main .info_item.style_02 .info_item_list#education span::before{content:'学历：';}
.resume_main .info_item.style_02 .info_item_list#marriageStatus span::before{content:'婚姻状况：';}
.resume_main .info_item.style_02 .info_item_list#politicalStatus span::before{content:'政治面貌：';}
.resume_main .info_item.style_02 .info_item_list#city span::before{content:'所在城市：';}
.resume_main[data_language="en"] .info_item.style_02 .info_item_list#sex span::before{content:'Sex：';}
.resume_main[data_language="en"] .info_item.style_02 .info_item_list#nation span::before{content:'Nation：';}
.resume_main[data_language="en"] .info_item.style_02 .info_item_list#education span::before{content:'Education：';}
.resume_main[data_language="en"] .info_item.style_02 .info_item_list#marriageStatus span::before{content:'Marital：';}
.resume_main[data_language="en"] .info_item.style_02 .info_item_list#politicalStatus span::before{content:'Political：';}
.resume_main[data_language="en"] .info_item.style_02 .info_item_list#city span::before{content:'City：';}

.resume_main .info_item.style_03 .info_content a.alifont{display:none !important;}
.resume_main .info_item.style_03 .info_content a.alifont~span{padding-left:0px;}
.resume_main .info_item.style_03 .info_content a.alifont~span:before{display:none}
.resume_main .info_item.style_03 .info_content a.alifont~span:empty:before{display:inline-block}

/*求职意向*/
.resume_main .inte_item_con{position:relative;font-size:0;}
.resume_main .inte_item_list{position:relative;display:inline-block;font-size:14px;height:30px;padding-right:5px;border:1px dashed transparent;cursor:pointer;text-align: left;}
.resume_main .inte_item_list:last-child{margin-right:0;}
.resume_main .inte_item_list .alifont{display: inline-block;vertical-align:middle;font-size:20px;width:21px;height:28px;line-height: 28px;}
.resume_main .inte_item_list .alifont+div[contenteditable] {
    display: inline-block;
    vertical-align:top;
    height:28px;
    line-height:28px;
}

.resume_main .inte_item.style_01 .inte_item_list .alifont{display:inline-block !important;}
.resume_main .inte_item.style_02 .inte_item_list .alifont{display:none !important;}
/*技能特长*/
.resume_main .skill_item .skill-con{font-size:0;}
.resume_main .skill_item_list{display:inline-block; position:relative; width:80px; height:110px; padding-top:5px; margin-right:40px; margin-bottom:15px; font-size:14px;cursor: pointer;}
.resume_main .skill_item_list:last-child{margin-bottom:0 !important;}
.resume_main[page_margin='0.5'] .skill_item_list{margin-right:50px;}
.resume_main[page_margin='0.6'] .skill_item_list{margin-right:46px;}
.resume_main[page_margin='0.7'] .skill_item_list{margin-right:42px;}
.resume_main[page_margin='0.8'] .skill_item_list{margin-right:38px;}
.resume_main[page_margin='0.9'] .skill_item_list{margin-right:34px;}
.resume_main[page_margin='1'] .skill_item_list{margin-right:30px;}
.resume_main[page_margin='1.1'] .skill_item_list{margin-right:26px;}
.resume_main[page_margin='1.2'] .skill_item_list{margin-right:22px;}
.resume_main[page_margin='1.3'] .skill_item_list{margin-right:18px;}
.resume_main[page_margin='1.4'] .skill_item_list{margin-right:14px;}
.resume_main[page_margin='1.5'] .skill_item_list{margin-right:10px;}
.resume_main .skill_title{position:absolute; left:-20px; right:-20px; top:80px; text-align:center; word-break:break-all;}
.resume_main .skill_slider{position:absolute; left:5px; right:5px; top:5px; cursor:pointer;}
.resume_main .skill_slider s{display:block;width:68px;height:68px;}
.resume_main .skill_slider s i{display:block;}
.resume_main .skill_slider span{position:absolute; left:0; right:0; text-align:center; white-space:nowrap;}

/*技能特长默认样式*/
/*技能特长默认样式百分比数值*/
.resume_main .resume_m2 .skill_item.default_style .skill_item_list:nth-child(2n+1){margin-right:0;}
.skill_item.default_style .skill_slider[data_level="average"] i{background-position-x:0;}
.skill_item.default_style .skill_slider[data_level="good"] i{background-position-x:-68px;}
.skill_item.default_style .skill_slider[data_level="advanced"] i{background-position-x:-136px;}
.skill_item.default_style .skill_slider[data_level="expert"] i{background-position-x:-205px;}
.skill_item.default_style .skill_slider s i{width:68px;height:68px;border-radius:50%;background:url(../images/skill_default.png) no-repeat;}
.skill_item.default_style .skill_slider span{top:4px; left:4px; width:60px; height:60px; line-height:60px; text-align:center; border-radius:50%; overflow:hidden;}
.skill_item.default_style .skill_slider[data_level="average"] span::before{content:"50%";}
.skill_item.default_style .skill_slider[data_level="good"] span::before{content:"65%";}
.skill_item.default_style .skill_slider[data_level="advanced"] span::before{content:"80%";}
.skill_item.default_style .skill_slider[data_level="expert"] span::before{content:"95%";}
.skill_item .skill_slider span::before{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; border-radius:50%;}
/** 技能其它样式*/
/* 01 */
.skill_style_01.skill_item .skill_item_list{width:100%; height:40px;}
.resume_m3 .skill_style_01.skill_item .skill_item_list{width:190px;}
.skill_style_01.skill_item .skill_title{left:0; top:0; right:auto; text-align:left; white-space:nowrap;}
.skill_style_01.skill_item .skill_slider{top:22px; left:0;}
.skill_style_01.skill_item .skill_slider span{left: auto;right: 0px !important;top:-20px;text-align:left;}
.skill_style_01.skill_item .skill_slider s{display:inline-block; height:8px;width: 100%; background: #fff; border-radius: 4px; border: 1px solid #329cec;}
.skill_style_01.skill_item .skill_slider s i{display: block; height:8px; margin-top:-1px;margin-left: -1px;border-radius:4px;}
.skill_style_01.skill_item .skill_slider[data_level="average"] i{width:25%; transition: width 0.1s;}
.skill_style_01.skill_item .skill_slider[data_level="good"] i{width:50%; transition: width 0.1s;}
.skill_style_01.skill_item .skill_slider[data_level="advanced"] i{width:75%; transition: width 0.1s;}
.skill_style_01.skill_item .skill_slider[data_level="expert"] i{width:90%; transition: width 0.1s;}


.skill_style_02.skill_item .skill_item_list{width:100%; height:40px;}
.resume_m3 .skill_style_02.skill_item .skill_item_list{width:190px;}
.skill_style_02.skill_item .skill_title{left:0; top:0; right:auto; text-align:left; white-space:nowrap;}
.skill_style_02.skill_item .skill_slider{top:22px; left:0;}
.skill_style_02.skill_item .skill_slider s{display:inline-block;width: 100%;height: 6px;background:#ccc;}
.skill_style_02.skill_item .skill_slider s i{height:100%;}
.skill_style_02.skill_item .skill_slider span{left: auto;right: 0px !important;top:-20px;text-align:left;}

.skill_style_03.skill_item .skill_item_list{width:100%; height:45px;}
.resume_m3 .skill_style_03.skill_item .skill_item_list{width:190px;}
.skill_style_03.skill_item .skill_title{left:0; top:0; right:auto; text-align:left; white-space:nowrap;}
.skill_style_03.skill_item .skill_slider{top:22px; left:0;}
.skill_style_03.skill_item .skill_slider s{display:inline-block;width: 100%;height: 2px;background:#ccc;}
.skill_style_03.skill_item .skill_slider s i{height:100%;position: relative;}
.skill_style_03.skill_item .skill_slider s i:after {content: '';border-radius: 50%;background-color: inherit;width: 8px;height: 8px;display: inline-block;position: absolute;right: 0px;top: -3px;}
.skill_style_03.skill_item .skill_slider span{left: auto;right: 0px !important;top:-20px;text-align:left;}

.skill_style_06.skill_item .skill_item_list {width:100%; height:45px; margin:0 0 15px 0;}
.resume_m3 .skill_style_06.skill_item .skill_item_list{width:190px;}
.skill_style_06.skill_item .skill_title{left:0; top:0; right:auto; text-align:left; white-space:nowrap;}
.skill_style_06.skill_item .skill_slider{top:22px; left:0;}
.skill_style_06.skill_item .skill_slider s{display:inline-block; width:144px; height:10px; background:#ccc;}
.skill_style_06.skill_item .skill_slider s i{height:100%;}
.skill_style_06.skill_item .skill_slider span{left:154px; top:auto; text-align:left;}


.resume_main .resume_m3 .skill_item.skill_style_06 .skill_item_list {margin:0 0 15px 0;}
.resume_main .resume_m2 .skill_item.skill_style_06 .skill_item_list :last-child,
.resume_main .resume_m2 .skill_item.skill_style_03 .skill_item_list :last-child,
.resume_main .resume_m2 .skill_item.skill_style_02 .skill_item_list :last-child{margin-bottom:0;}
.skill_style_06.skill_item .skill_slider[data_level="average"] i,
.skill_style_03.skill_item .skill_slider[data_level="average"] i,
.skill_style_02.skill_item .skill_slider[data_level="average"] i{width:25%; transition: width 0.1s;}
.skill_style_06.skill_item .skill_slider[data_level="good"] i,
.skill_style_03.skill_item .skill_slider[data_level="good"] i,
.skill_style_02.skill_item .skill_slider[data_level="good"] i{width:50%; transition: width 0.1s;}
.skill_style_06.skill_item .skill_slider[data_level="advanced"] i,
.skill_style_03.skill_item .skill_slider[data_level="advanced"] i,
.skill_style_02.skill_item .skill_slider[data_level="advanced"] i{width:80%; transition: width 0.1s;}
.skill_style_06.skill_item .skill_slider[data_level="expert"] i,
.skill_style_03.skill_item .skill_slider[data_level="expert"] i,
.skill_style_02.skill_item .skill_slider[data_level="expert"] i{width:90%; transition: width 0.1s;}

.resume_main[data_color="c0"] .skill_item .skill_slider span::before{background-color:#254665;}
.resume_main[data_color="c1"] .skill_item .skill_slider span::before{background-color:#0b70bd;}
.resume_main[data_color="c2"] .skill_item .skill_slider span::before{background-color:#254665;}
.resume_main[data_color="c3"] .skill_item .skill_slider span::before{background-color:#589bf7;}
.resume_main[data_color="c4"] .skill_item .skill_slider span::before{background-color:#ff7171;}
.resume_main[data_color="c5"] .skill_item .skill_slider span::before{background-color:#37b754;}
.resume_main[data_color="c6"] .skill_item .skill_slider span::before{background-color:#292929;}
.resume_main[data_color="c7"] .skill_item .skill_slider span::before{background-color:#ee7000;}
.resume_main[data_color="c8"] .skill_item .skill_slider span::before{background-color:#a29177;}
.resume_main[data_color="c9"] .skill_item .skill_slider span::before{background-color:#da180f;}
.resume_main[data_color="c10"] .skill_item .skill_slider span::before{background-color:#6b4b24;}
.resume_main[data_color="c11"] .skill_item .skill_slider span::before{background-color:#048BB3;}
.resume_main[data_color="c12"] .skill_item .skill_slider span::before{background-color:#5974D4;}
.resume_main[data_color="c13"] .skill_item .skill_slider span::before{background-color:#9D57CA;}
.resume_main[data_color="c14"] .skill_item .skill_slider span::before{background-color:#d4ba38;}
.resume_main[data_color="c15"] .skill_item .skill_slider span::before{background-color:#69cc41;}
.resume_main .resume_m3 .skill_item .skill_slider span::before{background-color:#fff;}

.skill_style_04.skill_item .skill_item_list{width:190px; height:45px; margin:0 10px 15px 0;}
.skill_style_04.skill_item .skill_title{left:0; top:0; right:auto; text-align:left; white-space:nowrap;}
.skill_style_04.skill_item .skill_slider{top:auto; bottom:1px; left:0;}
.skill_style_04.skill_item .skill_slider s{width:144px; height:14px;}
.skill_style_04.skill_item .skill_slider s i{width: 20px;height: 10px;margin: 0;padding:0;transition: box-shadow 0.2s;transform: skewX(-24deg);-ms-transform: skewX(-24deg);-moz-transform: skewX(-24deg);-webkit-transform: skewX(-24deg);-o-transform: skewX(-24deg);}
.skill_style_04.skill_item .skill_slider span{left:154px; top:-3px; text-align:left;}

.skill_style_07.skill_item .skill_item_list{width:190px; height:45px; margin:0 10px 15px 0;}
.skill_style_07.skill_item .skill_title{left:0; top:0; right:auto; text-align:left; white-space:nowrap;}
.skill_style_07.skill_item .skill_slider{top:auto; bottom:1px; left:0;}
.skill_style_07.skill_item .skill_slider s{width:144px; height:14px;}
.skill_style_07.skill_item .skill_slider s i{width:14px; height:14px; margin:0; padding:0; border-radius:50%; transition: box-shadow 0.2s;}
.skill_style_07.skill_item .skill_slider span{left:154px; top:-3px; text-align:left;}
.resume_main .resume_m3 .skill_item.skill_style_07 .skill_item_list{margin:0 10px 15px 0;}
.resume_main .resume_m2 .skill_item.skill_style_07 .skill_item_list:last-child{margin-bottom:0;}
.resume_main[data_color="c1"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #329cec, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c2"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #4487c6, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c3"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #a9cdff, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c4"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #ffb6b6, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c5"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #72ff72, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c6"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #a2a2a2, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c7"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #ffb173, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c8"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #e4b279, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c9"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #ff827c, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c10"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #ee8b22, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c11"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #24c7f7, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c12"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #829dff, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c13"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #cc7cff, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c14"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #f9de56, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c15"] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 #8bff5c, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c1"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #329cec, 48px 0 0 #329cec, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c2"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #4487c6, 48px 0 0 #4487c6, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c3"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #a9cdff, 48px 0 0 #a9cdff, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c4"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #ffb6b6, 48px 0 0 #ffb6b6, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c5"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #72ff72, 48px 0 0 #72ff72, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c6"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #a2a2a2, 48px 0 0 #a2a2a2, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c7"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #ffb173, 48px 0 0 #ffb173, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c8"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #e4b279, 48px 0 0 #e4b279, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c9"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #ff827c, 48px 0 0 #ff827c, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c10"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #ee8b22, 48px 0 0 #ee8b22, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c11"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #24c7f7, 48px 0 0 #24c7f7, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c12"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #829dff, 48px 0 0 #829dff, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c13"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #cc7cff, 48px 0 0 #cc7cff, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c14"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #f9de56, 48px 0 0 #f9de56, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c15"] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 #8bff5c, 48px 0 0 #8bff5c, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c1"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #329cec, 48px 0 0 #329cec, 72px 0 0 #329cec, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c2"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #4487c6, 48px 0 0 #4487c6, 72px 0 0 #4487c6, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c3"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #a9cdff, 48px 0 0 #a9cdff, 72px 0 0 #a9cdff, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c4"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #ffb6b6, 48px 0 0 #ffb6b6, 72px 0 0 #ffb6b6, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c5"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #72ff72, 48px 0 0 #72ff72, 72px 0 0 #72ff72, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c6"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #a2a2a2, 48px 0 0 #a2a2a2, 72px 0 0 #a2a2a2, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c7"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #ffb173, 48px 0 0 #ffb173, 72px 0 0 #ffb173, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c8"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #e4b279, 48px 0 0 #e4b279, 72px 0 0 #e4b279, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c9"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #ff827c, 48px 0 0 #ff827c, 72px 0 0 #ff827c, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c10"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #ee8b22, 48px 0 0 #ee8b22, 72px 0 0 #ee8b22, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c11"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #24c7f7, 48px 0 0 #24c7f7, 72px 0 0 #24c7f7, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c12"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #829dff, 48px 0 0 #829dff, 72px 0 0 #829dff, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c13"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #cc7cff, 48px 0 0 #cc7cff, 72px 0 0 #cc7cff, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c14"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #f9de56, 48px 0 0 #f9de56, 72px 0 0 #f9de56, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c15"] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 #8bff5c, 48px 0 0 #8bff5c, 72px 0 0 #8bff5c, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color="c1"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #329cec, 48px 0 0 #329cec, 72px 0 0 #329cec, 96px 0 0 #329cec, 120px 0 0 #ccc;}
.resume_main[data_color="c2"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #4487c6, 48px 0 0 #4487c6, 72px 0 0 #4487c6, 96px 0 0 #4487c6, 120px 0 0 #ccc;}
.resume_main[data_color="c3"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #a9cdff, 48px 0 0 #a9cdff, 72px 0 0 #a9cdff, 96px 0 0 #a9cdff, 120px 0 0 #ccc;}
.resume_main[data_color="c4"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #ffb6b6, 48px 0 0 #ffb6b6, 72px 0 0 #ffb6b6, 96px 0 0 #ffb6b6, 120px 0 0 #ccc;}
.resume_main[data_color="c5"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #72ff72, 48px 0 0 #72ff72, 72px 0 0 #72ff72, 96px 0 0 #72ff72, 120px 0 0 #ccc;}
.resume_main[data_color="c6"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #a2a2a2, 48px 0 0 #a2a2a2, 72px 0 0 #a2a2a2, 96px 0 0 #a2a2a2, 120px 0 0 #ccc;}
.resume_main[data_color="c7"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #ffb173, 48px 0 0 #ffb173, 72px 0 0 #ffb173, 96px 0 0 #ffb173, 120px 0 0 #ccc;}
.resume_main[data_color="c8"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #e4b279, 48px 0 0 #e4b279, 72px 0 0 #e4b279, 96px 0 0 #e4b279, 120px 0 0 #ccc;}
.resume_main[data_color="c9"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #ff827c, 48px 0 0 #ff827c, 72px 0 0 #ff827c, 96px 0 0 #ff827c, 120px 0 0 #ccc;}
.resume_main[data_color="c10"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #ee8b22, 48px 0 0 #ee8b22, 72px 0 0 #ee8b22, 96px 0 0 #ee8b22, 120px 0 0 #ccc;}
.resume_main[data_color="c11"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #24c7f7, 48px 0 0 #24c7f7, 72px 0 0 #24c7f7, 96px 0 0 #24c7f7, 120px 0 0 #ccc;}
.resume_main[data_color="c12"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #829dff, 48px 0 0 #829dff, 72px 0 0 #829dff, 96px 0 0 #829dff, 120px 0 0 #ccc;}
.resume_main[data_color="c13"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #cc7cff, 48px 0 0 #cc7cff, 72px 0 0 #cc7cff, 96px 0 0 #cc7cff, 120px 0 0 #ccc;}
.resume_main[data_color="c14"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #f9de56, 48px 0 0 #f9de56, 72px 0 0 #f9de56, 96px 0 0 #f9de56, 120px 0 0 #ccc;}
.resume_main[data_color="c15"] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 #8bff5c, 48px 0 0 #8bff5c, 72px 0 0 #8bff5c, 96px 0 0 #8bff5c, 120px 0 0 #ccc;}



.skill_style_08.skill_item .skill_item_list{width: 230px;height: 25px;margin:0 10px 0px 0;}
.skill_style_08.skill_item .skill_title{left:0;top:0;right:auto;text-align:left;/* white-space:nowrap; */width: 80px;}
.skill_style_08.skill_item .skill_slider{top: 8px;bottom:1px;left: 85px;width: 150px;}
.skill_style_08.skill_item .skill_slider s{width:144px; height:14px;}
.skill_style_08.skill_item .skill_slider s i{width:6px; height:6px; margin:0; padding:0; border-radius:50%; transition: box-shadow 0.2s;}
.skill_style_08.skill_item .skill_slider span{left: 108px;top: -8px;text-align:left;font-size: 0px;}
.resume_main .resume_m3 .skill_item.skill_style_08 .skill_item_list{margin:0 10px 15px 0;}
.resume_main .resume_m2 .skill_item.skill_style_08 .skill_item_list:last-child{margin-bottom:0;}
.skill_style_08.skill_item .skill_slider[data_level="average"] span:before{content:"50%";}
.skill_style_08.skill_item .skill_slider[data_level="good"] span:before{content:"65%";}
.skill_style_08.skill_item .skill_slider[data_level="advanced"] span:before{content:"80%";}
.skill_style_08.skill_item .skill_slider[data_level="expert"] span:before{content:"95%";}
.skill_style_08.skill_item .skill_slider span:before{content:'';position:absolute;top:0;left: -20px;width:100%;height:100%;text-align:center;border-radius:50%;background-color: inherit !important;font-size: 14px;}

.resume_main[data_color="c1"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #329cec, 18px 0 0 #329cec, 27px 0 0 #329cec, 36px 0 0 #329cec, 45px 0 0 #329cec,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c2"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #4487c6, 18px 0 0 #4487c6, 27px 0 0 #4487c6, 36px 0 0 #4487c6, 45px 0 0 #4487c6,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c3"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #a9cdff, 18px 0 0 #a9cdff, 27px 0 0 #a9cdff, 36px 0 0 #a9cdff, 45px 0 0 #a9cdff,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c4"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #ffb6b6, 18px 0 0 #ffb6b6, 27px 0 0 #ffb6b6, 36px 0 0 #ffb6b6, 45px 0 0 #ffb6b6,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c5"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #72ff72, 18px 0 0 #72ff72, 27px 0 0 #72ff72, 36px 0 0 #72ff72, 45px 0 0 #72ff72,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c6"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #a2a2a2, 18px 0 0 #a2a2a2, 27px 0 0 #a2a2a2, 36px 0 0 #a2a2a2, 45px 0 0 #a2a2a2,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c7"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #ffb173, 18px 0 0 #ffb173, 27px 0 0 #ffb173, 36px 0 0 #ffb173, 45px 0 0 #ffb173,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c8"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #e4b279, 18px 0 0 #e4b279, 27px 0 0 #e4b279, 36px 0 0 #e4b279, 45px 0 0 #e4b279,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c9"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #ff827c, 18px 0 0 #ff827c, 27px 0 0 #ff827c, 36px 0 0 #ff827c, 45px 0 0 #ff827c,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c10"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #ee8b22, 18px 0 0 #ee8b22, 27px 0 0 #ee8b22, 36px 0 0 #ee8b22, 45px 0 0 #ee8b22,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c11"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #24c7f7, 18px 0 0 #24c7f7, 27px 0 0 #24c7f7, 36px 0 0 #24c7f7, 45px 0 0 #24c7f7,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c12"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #829dff, 18px 0 0 #829dff, 27px 0 0 #829dff, 36px 0 0 #829dff, 45px 0 0 #829dff,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c13"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #cc7cff, 18px 0 0 #cc7cff, 27px 0 0 #cc7cff, 36px 0 0 #cc7cff, 45px 0 0 #cc7cff,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c14"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #f9de56, 18px 0 0 #f9de56, 27px 0 0 #f9de56, 36px 0 0 #f9de56, 45px 0 0 #f9de56,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c15"] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 #8bff5c, 18px 0 0 #8bff5c, 27px 0 0 #8bff5c, 36px 0 0 #8bff5c, 45px 0 0 #8bff5c,54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c1"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #329cec, 18px 0 0 #329cec, 27px 0 0 #329cec, 36px 0 0 #329cec, 45px 0 0 #329cec,54px 0 0 #329cec,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c2"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #4487c6, 18px 0 0 #4487c6, 27px 0 0 #4487c6, 36px 0 0 #4487c6, 45px 0 0 #4487c6,54px 0 0 #4487c6,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c3"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #a9cdff, 18px 0 0 #a9cdff, 27px 0 0 #a9cdff, 36px 0 0 #a9cdff, 45px 0 0 #a9cdff,54px 0 0 #a9cdff,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c4"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #ffb6b6, 18px 0 0 #ffb6b6, 27px 0 0 #ffb6b6, 36px 0 0 #ffb6b6, 45px 0 0 #ffb6b6,54px 0 0 #ffb6b6,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c5"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #72ff72, 18px 0 0 #72ff72, 27px 0 0 #72ff72, 36px 0 0 #72ff72, 45px 0 0 #72ff72,54px 0 0 #72ff72,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c6"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #a2a2a2, 18px 0 0 #a2a2a2, 27px 0 0 #a2a2a2, 36px 0 0 #a2a2a2, 45px 0 0 #a2a2a2,54px 0 0 #a2a2a2,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c7"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #ffb173, 18px 0 0 #ffb173, 27px 0 0 #ffb173, 36px 0 0 #ffb173, 45px 0 0 #ffb173,54px 0 0 #ffb173,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c8"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #e4b279, 18px 0 0 #e4b279, 27px 0 0 #e4b279, 36px 0 0 #e4b279, 45px 0 0 #e4b279,54px 0 0 #e4b279,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c9"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #ff827c, 18px 0 0 #ff827c, 27px 0 0 #ff827c, 36px 0 0 #ff827c, 45px 0 0 #ff827c,54px 0 0 #ff827c,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c10"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #ee8b22, 18px 0 0 #ee8b22, 27px 0 0 #ee8b22, 36px 0 0 #ee8b22, 45px 0 0 #ee8b22,54px 0 0 #ee8b22,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c11"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #24c7f7, 18px 0 0 #24c7f7, 27px 0 0 #24c7f7, 36px 0 0 #24c7f7, 45px 0 0 #24c7f7,54px 0 0 #24c7f7,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c12"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #829dff, 18px 0 0 #829dff, 27px 0 0 #829dff, 36px 0 0 #829dff, 45px 0 0 #829dff,54px 0 0 #829dff,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c13"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #cc7cff, 18px 0 0 #cc7cff, 27px 0 0 #cc7cff, 36px 0 0 #cc7cff, 45px 0 0 #cc7cff,54px 0 0 #cc7cff,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c14"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #f9de56, 18px 0 0 #f9de56, 27px 0 0 #f9de56, 36px 0 0 #f9de56, 45px 0 0 #f9de56,54px 0 0 #f9de56,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c15"] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 #8bff5c, 18px 0 0 #8bff5c, 27px 0 0 #8bff5c, 36px 0 0 #8bff5c, 45px 0 0 #8bff5c,54px 0 0 #8bff5c,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c1"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #329cec, 18px 0 0 #329cec, 27px 0 0 #329cec, 36px 0 0 #329cec, 45px 0 0 #329cec,54px 0 0 #329cec,63px 0 0 #329cec,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c2"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #4487c6, 18px 0 0 #4487c6, 27px 0 0 #4487c6, 36px 0 0 #4487c6, 45px 0 0 #4487c6,54px 0 0 #4487c6,63px 0 0 #4487c6,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c3"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #a9cdff, 18px 0 0 #a9cdff, 27px 0 0 #a9cdff, 36px 0 0 #a9cdff, 45px 0 0 #a9cdff,54px 0 0 #a9cdff,63px 0 0 #a9cdff,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c4"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #ffb6b6, 18px 0 0 #ffb6b6, 27px 0 0 #ffb6b6, 36px 0 0 #ffb6b6, 45px 0 0 #ffb6b6,54px 0 0 #ffb6b6,63px 0 0 #ffb6b6,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c5"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #72ff72, 18px 0 0 #72ff72, 27px 0 0 #72ff72, 36px 0 0 #72ff72, 45px 0 0 #72ff72,54px 0 0 #72ff72,63px 0 0 #72ff72,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c6"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #a2a2a2, 18px 0 0 #a2a2a2, 27px 0 0 #a2a2a2, 36px 0 0 #a2a2a2, 45px 0 0 #a2a2a2,54px 0 0 #a2a2a2,63px 0 0 #a2a2a2,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c7"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #ffb173, 18px 0 0 #ffb173, 27px 0 0 #ffb173, 36px 0 0 #ffb173, 45px 0 0 #ffb173,54px 0 0 #ffb173,63px 0 0 #ffb173,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c8"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #e4b279, 18px 0 0 #e4b279, 27px 0 0 #e4b279, 36px 0 0 #e4b279, 45px 0 0 #e4b279,54px 0 0 #e4b279,63px 0 0 #e4b279,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c9"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #ff827c, 18px 0 0 #ff827c, 27px 0 0 #ff827c, 36px 0 0 #ff827c, 45px 0 0 #ff827c,54px 0 0 #ff827c,63px 0 0 #ff827c,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c10"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #ee8b22, 18px 0 0 #ee8b22, 27px 0 0 #ee8b22, 36px 0 0 #ee8b22, 45px 0 0 #ee8b22,54px 0 0 #ee8b22,63px 0 0 #ee8b22,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c11"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #24c7f7, 18px 0 0 #24c7f7, 27px 0 0 #24c7f7, 36px 0 0 #24c7f7, 45px 0 0 #24c7f7,54px 0 0 #24c7f7,63px 0 0 #24c7f7,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c12"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #829dff, 18px 0 0 #829dff, 27px 0 0 #829dff, 36px 0 0 #829dff, 45px 0 0 #829dff,54px 0 0 #829dff,63px 0 0 #829dff,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c13"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #cc7cff, 18px 0 0 #cc7cff, 27px 0 0 #cc7cff, 36px 0 0 #cc7cff, 45px 0 0 #cc7cff,54px 0 0 #cc7cff,63px 0 0 #cc7cff,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c14"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #f9de56, 18px 0 0 #f9de56, 27px 0 0 #f9de56, 36px 0 0 #f9de56, 45px 0 0 #f9de56,54px 0 0 #f9de56,63px 0 0 #f9de56,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c15"] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 #8bff5c, 18px 0 0 #8bff5c, 27px 0 0 #8bff5c, 36px 0 0 #8bff5c, 45px 0 0 #8bff5c,54px 0 0 #8bff5c,63px 0 0 #8bff5c,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color="c1"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #329cec, 18px 0 0 #329cec, 27px 0 0 #329cec, 36px 0 0 #329cec, 45px 0 0 #329cec,54px 0 0 #329cec,63px 0 0 #329cec,72px 0 0 #329cec,81px 0 0 #ccc;}
.resume_main[data_color="c2"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #4487c6, 18px 0 0 #4487c6, 27px 0 0 #4487c6, 36px 0 0 #4487c6, 45px 0 0 #4487c6,54px 0 0 #4487c6,63px 0 0 #4487c6,72px 0 0 #4487c6,81px 0 0 #ccc;}
.resume_main[data_color="c3"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #a9cdff, 18px 0 0 #a9cdff, 27px 0 0 #a9cdff, 36px 0 0 #a9cdff, 45px 0 0 #a9cdff,54px 0 0 #a9cdff,63px 0 0 #a9cdff,72px 0 0 #a9cdff,81px 0 0 #ccc;}
.resume_main[data_color="c4"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #ffb6b6, 18px 0 0 #ffb6b6, 27px 0 0 #ffb6b6, 36px 0 0 #ffb6b6, 45px 0 0 #ffb6b6,54px 0 0 #ffb6b6,63px 0 0 #ffb6b6,72px 0 0 #ffb6b6,81px 0 0 #ccc;}
.resume_main[data_color="c5"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #72ff72, 18px 0 0 #72ff72, 27px 0 0 #72ff72, 36px 0 0 #72ff72, 45px 0 0 #72ff72,54px 0 0 #72ff72,63px 0 0 #72ff72,72px 0 0 #72ff72,81px 0 0 #ccc;}
.resume_main[data_color="c6"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #a2a2a2, 18px 0 0 #a2a2a2, 27px 0 0 #a2a2a2, 36px 0 0 #a2a2a2, 45px 0 0 #a2a2a2,54px 0 0 #a2a2a2,63px 0 0 #a2a2a2,72px 0 0 #a2a2a2,81px 0 0 #ccc;}
.resume_main[data_color="c7"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #ffb173, 18px 0 0 #ffb173, 27px 0 0 #ffb173, 36px 0 0 #ffb173, 45px 0 0 #ffb173,54px 0 0 #ffb173,63px 0 0 #ffb173,72px 0 0 #ffb173,81px 0 0 #ccc;}
.resume_main[data_color="c8"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #e4b279, 18px 0 0 #e4b279, 27px 0 0 #e4b279, 36px 0 0 #e4b279, 45px 0 0 #e4b279,54px 0 0 #e4b279,63px 0 0 #e4b279,72px 0 0 #e4b279,81px 0 0 #ccc;}
.resume_main[data_color="c9"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #ff827c, 18px 0 0 #ff827c, 27px 0 0 #ff827c, 36px 0 0 #ff827c, 45px 0 0 #ff827c,54px 0 0 #ff827c,63px 0 0 #ff827c,72px 0 0 #ff827c,81px 0 0 #ccc;}
.resume_main[data_color="c10"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #ee8b22, 18px 0 0 #ee8b22, 27px 0 0 #ee8b22, 36px 0 0 #ee8b22, 45px 0 0 #ee8b22,54px 0 0 #ee8b22,63px 0 0 #ee8b22,72px 0 0 #ee8b22,81px 0 0 #ccc;}
.resume_main[data_color="c11"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #24c7f7, 18px 0 0 #24c7f7, 27px 0 0 #24c7f7, 36px 0 0 #24c7f7, 45px 0 0 #24c7f7,54px 0 0 #24c7f7,63px 0 0 #24c7f7,72px 0 0 #24c7f7,81px 0 0 #ccc;}
.resume_main[data_color="c12"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #829dff, 18px 0 0 #829dff, 27px 0 0 #829dff, 36px 0 0 #829dff, 45px 0 0 #829dff,54px 0 0 #829dff,63px 0 0 #829dff,72px 0 0 #829dff,81px 0 0 #ccc;}
.resume_main[data_color="c13"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #cc7cff, 18px 0 0 #cc7cff, 27px 0 0 #cc7cff, 36px 0 0 #cc7cff, 45px 0 0 #cc7cff,54px 0 0 #cc7cff,63px 0 0 #cc7cff,72px 0 0 #cc7cff,81px 0 0 #ccc;}
.resume_main[data_color="c14"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #f9de56, 18px 0 0 #f9de56, 27px 0 0 #f9de56, 36px 0 0 #f9de56, 45px 0 0 #f9de56,54px 0 0 #f9de56,63px 0 0 #f9de56,72px 0 0 #f9de56,81px 0 0 #ccc;}
.resume_main[data_color="c15"] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 #8bff5c, 18px 0 0 #8bff5c, 27px 0 0 #8bff5c, 36px 0 0 #8bff5c, 45px 0 0 #8bff5c,54px 0 0 #8bff5c,63px 0 0 #8bff5c,72px 0 0 #8bff5c,81px 0 0 #ccc;}




/*风格颜色*/
.resume_main[data_color="c0"] .skill_slider s i{background-color:#4487c6; }
.resume_main[data_color="c1"] .skill_slider s i{background-color:#329cec; }
.resume_main[data_color="c2"] .skill_slider s i{background-color:#4487c6; }
.resume_main[data_color="c3"] .skill_slider s i{background-color:#a9cdff; }
.resume_main[data_color="c4"] .skill_slider s i{background-color:#ffb6b6; }
.resume_main[data_color="c5"] .skill_slider s i{background-color:#72ff72; }
.resume_main[data_color="c6"] .skill_slider s i{background-color:#a2a2a2; }
.resume_main[data_color="c7"] .skill_slider s i{background-color:#ffb173; }
.resume_main[data_color="c8"] .skill_slider s i{background-color:#e4b279; }
.resume_main[data_color="c9"] .skill_slider s i{background-color:#ff827c; }
.resume_main[data_color="c10"] .skill_slider s i{background-color:#ee8b22; }
.resume_main[data_color="c11"] .skill_slider s i{background-color:#24c7f7; }
.resume_main[data_color="c12"] .skill_slider s i{background-color:#829dff; }
.resume_main[data_color="c13"] .skill_slider s i{background-color:#cc7cff; }
.resume_main[data_color="c14"] .skill_slider s i{background-color:#f9de56; }
.resume_main[data_color="c15"] .skill_slider s i{background-color:#8bff5c; }
/** 兴趣爱好默认样式*/
.hobby_item .hobby_item_list a.aiconfont{display: inline-block;width: 60px;height: 60px;line-height: 60px;font-size: 35px;text-align: center;}
.hobby_item.default_style .hobby_item_list a.aiconfont{border: 1px solid #9ea7b4;border-radius: 50%;}

.hobby_item.hobby_style_01 .hobby_item_list{width: 40px;height: auto;}
.hobby_item.hobby_style_01 .hobby_item_list a.aiconfont{font-size: 25px;width: 38px;height: 38px;line-height: 38px;border: none;border-radius: 50%;background-color:#ebebeb;}

.resume_main .hobby_item.hobby_style_02 .hobby_item_list{width: auto; height: auto;text-align: center;text-align-last: center;white-space: nowrap;}
.resume_main .hobby_item.hobby_style_02 .hobby_item_list .hobby_item_title{width: 52px;}
.resume_main .hobby_item.hobby_style_02 .hobby_item_list a.aiconfont{border: 1px solid #fff;border-radius: 6px;font-size: 25px;width: 38px;height: 38px;line-height: 38px;}

.resume_main .hobby_item.hobby_style_03 .hobby_item_list{width: 50px;height: auto;}
.resume_main .hobby_item.hobby_style_03 .hobby_item_list a.aiconfont{font-size: 25px;width: 38px;height: 38px;line-height: 50px;border: none;background-color: transparent;}

.resume_main .hobby_item.hobby_style_04 .hobby_item_list{width: 48px;height: auto;}
.resume_main .hobby_item.hobby_style_04 .hobby_item_list a.aiconfont{font-size: 25px;width: 38px;height: 38px;line-height: 38px;border: 1px solid #ccc;border-radius: 0px;background-color: transparent;}

.resume_main .hobby_item.hobby_style_05 .hobby_item_list{width: auto;height: auto;margin: 0px;padding: 5px;}
.resume_main .hobby_item.hobby_style_05 .hobby_item_list a.aiconfont{display: none;}
.resume_main .hobby_item.hobby_style_05 .hobby_item_list .hobby_item_title {    color: #777;    display: block;    line-height: 26px;    white-space: nowrap;    padding: 2px 7px;    border: solid 1px #777;    border-radius: 4px;    margin: 0px;    font-size: 14px;}

.resume_main .hobby_item.hobby_style_06 .hobby_item_list{width: auto;height: auto;}
.resume_main .hobby_item.hobby_style_06 .hobby_item_list .hobby_item_title{width: 52px;}
.resume_main .hobby_item.hobby_style_06 .hobby_item_list a.aiconfont{font-size: 25px;width: 38px;height: 38px;line-height: 38px;border: none;border-radius: 50%;background-color:#ebebeb;}

/**兴趣爱好样式*/
.resume_main .hobby_item .hobby_item_con{font-size:0;}
.resume_main .hobby_item_list{display:inline-block;width: 80px;height: auto;margin-right: 19px;margin-top: 5px;vertical-align: top;font-size: 14px;text-align: center;}
.resume_main .hobby_item_list .hobby_item_title{color:#777;display: block;line-height: 26px;white-space: nowrap;}
.resume_main[data_language="en"] .hobby_item_list .hobby_item_title{white-space: normal;}
.resume_main .hobby_item_list a.aiconfont{display: inline-block;width: 60px;height: 60px;line-height: 60px;border: 1px solid #9ea7b4;border-radius: 50%;font-size: 35px;text-align: center;}
.resume_m3 .hobby_item_list{text-align: center;}
.resume_main .hobby_item_list:last-child{margin-right:0 !important;}
.resume_main[page_margin='0.5'] .hobby_item_list{margin-right: 29px;}
.resume_main[page_margin='0.6'] .hobby_item_list{margin-right: 27px;}
.resume_main[page_margin='0.7'] .hobby_item_list{margin-right: 24px;}
.resume_main[page_margin='0.8'] .hobby_item_list{margin-right: 23px;}
.resume_main[page_margin='0.9'] .hobby_item_list{margin-right: 21px;}
.resume_main[page_margin='1'] .hobby_item_list{margin-right: 19px;}
.resume_main[page_margin='1.1'] .hobby_item_list{margin-right: 17px;}
.resume_main[page_margin='1.2'] .hobby_item_list{margin-right: 15px;}
.resume_main[page_margin='1.3'] .hobby_item_list{margin-right: 13px;}
.resume_main[page_margin='1.4'] .hobby_item_list{margin-right: 11px;}
.resume_main[page_margin='1.5'] .hobby_item_list{margin-right: 9px;}

.resume_main[data_color="c1"] .hobby_item_con a.alifont{border-color:#329cec;color:#329cec; }
.resume_main[data_color="c2"] .hobby_item_con a.alifont{border-color:#4487c6;color:#4487c6; }
.resume_main[data_color="c3"] .hobby_item_con a.alifont{border-color:#a9cdff;color:#a9cdff; }
.resume_main[data_color="c4"] .hobby_item_con a.alifont{border-color:#ffb6b6;color:#ffb6b6; }
.resume_main[data_color="c5"] .hobby_item_con a.alifont{border-color:#72ff72;color:#72ff72; }
.resume_main[data_color="c6"] .hobby_item_con a.alifont{border-color:#a2a2a2;color:#a2a2a2; }
.resume_main[data_color="c7"] .hobby_item_con a.alifont{border-color:#ffb173;color:#ffb173; }
.resume_main[data_color="c8"] .hobby_item_con a.alifont{border-color:#e4b279;color:#e4b279; }
.resume_main[data_color="c9"] .hobby_item_con a.alifont{border-color:#ff827c;color:#ff827c; }
.resume_main[data_color="c10"] .hobby_item_con a.alifont{border-color:#ee8b22;color:#ee8b22; }
.resume_main[data_color="c11"] .hobby_item_con a.alifont{border-color:#24c7f7;color:#24c7f7; }
.resume_main[data_color="c12"] .hobby_item_con a.alifont{border-color:#829dff;color:#829dff; }
.resume_main[data_color="c13"] .hobby_item_con a.alifont{border-color:#cc7cff;color:#cc7cff; }
.resume_main[data_color="c14"] .hobby_item_con a.alifont{border-color:#f9de56;color:#f9de56; }
.resume_main[data_color="c15"] .hobby_item_con a.alifont{border-color:#8bff5c;color:#8bff5c; }
/*作品集样式*/
.resume_main .work_list{float: left; position: relative; width:48%; margin-bottom:15px; margin-right:4%; border:1px solid #e9e9e9;}
.resume_main .work_list:nth-of-type(odd){clear: both;}
.resume_main .work_list:nth-of-type(even){margin-right:0;}
.resume_main .work_list .work-img{position: relative;display: block !important;overflow: hidden;}
.resume_main .work_list .work-img .work-img-inner{display: block !important;}
.resume_main .work_list:hover .work-img .span-hover{opacity: 1;}
.resume_main .work_list .work-img img{display: block; width: 100%;}
.resume_main .work_list span{display: block;}
.resume_main .work_list .work-title{padding: 0 0 0 5px;margin: 5px 0;color: #707070;position: relative;}
.resume_main .work_list .work-text{padding: 0 0  0 5px;position: relative;margin: 5px 0;}
.resume_main .work_list .work-title:empty,
.resume_main .work_list .work-text:empty{content: "";margin: 0;display: block;}
.resume_main .link_list{position: relative; padding: 6px 0 8px 7px;margin-bottom: 12px; background-color: #f8f8f8;}
.resume_main .link_list:last-child{margin-bottom:0;}
.resume_main .link_list .work-title{display: block;color: #00C091;}
.resume_m2 .work_list{width: 100%; margin-right:0;}
.resume_m2 .link_list{background-color:rgba(255,255,255,0.2);}
.resume_m2 .work_list .work-title,
.resume_m2 .link_list .work-text{color: #fff;}
.resume_main .resume_item[data_style="style_01"] .work-con-img {}
.resume_main .resume_item[data_style="style_01"] .work_list{width: 100%;}
.resume_main .resume_item[data_style="style_02"] .work-con-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.resume_main .resume_item[data_style="style_02"] .work_list{width: 48%;margin: 0 15px 13px 0!important;}
.resume_main .resume_item[data_style="style_03"] .work-con-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.resume_main .resume_item[data_style="style_03"] .work_list{width: 31%;margin: 0 15px 10px 0!important;}
.resume_main .resume_item[data_style="style_03"] .work_list:nth-child(6n-3){margin-right: 0px !important;}
.resume_main .resume_item[data_style="style_02"] .work_list:nth-child(2n){margin-right: 0px !important;}


/*二维码样式*/
.resume_main .qrcode_item .ewm-con{text-align:center; }
.resume_main .qrcode_item .ewm-con > span{display:block; margin:0 auto; padding:10px; width:140px; overflow:hidden; background-color:#fff; border-radius:3px;}
.resume_main .qrcode_item .ewm-con span img{display:block; width:100%;}
.resume_main .qrcode_item.resume_item{display:inline-block; z-index:20;}
.resume_main .qrcode_item.resume_item::before,
.resume_main .qrcode_item.resume_item::after,
.resume_main .qrcode_item.resume_item dl::before,
.resume_main .qrcode_item.resume_item dl::after,
.resume_main .qrcode_item.resume_item dd::before,
.resume_main .qrcode_item.resume_item dl dt{display:none !important;}
.resume_main .qrcode_item.resume_item dl{padding:5px !important; margin:0 !important;}
.resume_main .qrcode_item.resume_item dl dd{padding:0 !important; margin:0 !important;}
/** 自定义文本和图片样式*/
.resume_main  .custom_edit_area {position: absolute; top: 100px; left: 300px;z-index: 10;background-color:#fff}
.resume_main  .custom_edit_area.custom_image_item img{width: 100%;height: 100%;cursor: move;}
.custom_edit_area .opt_toolbar{display:none}
.resume_main .custom_edit_area .custom_text_area{width:100%;height:100%;padding: 5px;cursor: text;}
/*全局字体*/
.resume_main[data_font="songti"], .resume_main[data_font="songti"] *{font-family:SimSun;}
.resume_main[data_font="yahei"], .resume_main[data_font="yahei"] *{font-family:Microsoft YaHei;}
.resume_main[data_font="heiti"], .resume_main[data_font="heiti"] *{font-family:SimHei;}
.resume_main[data_font="lishu"], .resume_main[data_font="lishu"] *{font-family:LiSu;}
.resume_main[data_font="kaiti"], .resume_main[data_font="kaiti"] *{font-family:KaiTi;}
.resume_main[data_font="tahoma"], .resume_main[data_font="tahoma"] *{font-family:tahoma;}
.resume_main[data_font="arial"], .resume_main[data_font="arial"] *{font-family:arial;}
.resume_main[data_font="times"], .resume_main[data_font="times"] *{font-family:times;}
.resume_main[data_font="songti"] [contenteditable] ul{margin-left:20px; }
.resume_main[data_font="songti"] [contenteditable] ol{margin-left:26px; }
.resume_main[data_font="songti"] [contenteditable] ol li{padding-left:0; }
.resume_main[data_font="songti"] [contenteditable] ul li{padding-left:6px; }
.resume_main[data_font="heiti"] [contenteditable] ul{margin-left:20px; }
.resume_main[data_font="heiti"] [contenteditable] ol{margin-left:26px; }
.resume_main[data_font="heiti"] [contenteditable] ol li{padding-left:0; }
.resume_main[data_font="heiti"] [contenteditable] ul li{padding-left:6px; }
.resume_main[data_font="lishu"] [contenteditable] ul{margin-left:20px; }
.resume_main[data_font="lishu"] [contenteditable] ol{margin-left:26px; }
.resume_main[data_font="lishu"] [contenteditable] ol li{padding-left:0; }
.resume_main[data_font="lishu"] [contenteditable] ul li{padding-left:6px; }
.resume_main[data_font="kaiti"] [contenteditable] ul{margin-left:20px; }
.resume_main[data_font="kaiti"] [contenteditable] ol{margin-left:26px; }
.resume_main[data_font="kaiti"] [contenteditable] ol li{padding-left:0; }
.resume_main[data_font="kaiti"] [contenteditable] ul li{padding-left:6px; }

/* 全局字体大小 */
.resume_main[data_font_size="12"] dd,
.resume_main[data_font_size="12"] .inte_item_list,.resume_main[data_font_size="12"] .resume_letter_info{font-size:12px !important; }
.resume_main[data_font_size="13"] dd,
.resume_main[data_font_size="13"] .inte_item_list,.resume_main[data_font_size="13"] .resume_letter_info{font-size:13px !important; }
.resume_main[data_font_size="14"] dd,
.resume_main[data_font_size="14"] .inte_item_list,.resume_main[data_font_size="14"] .resume_letter_info{font-size:14px !important; }
.resume_main[data_font_size="15"] dd,
.resume_main[data_font_size="15"] .inte_item_list,.resume_main[data_font_size="15"] .resume_letter_info{font-size:15px !important; }
.resume_main[data_font_size="16"] dd,
.resume_main[data_font_size="16"] .inte_item_list,.resume_main[data_font_size="16"] .resume_letter_info{font-size:16px !important; }
.resume_main[data_font_size="17"] dd,
.resume_main[data_font_size="17"] .inte_item_list,.resume_main[data_font_size="17"] .resume_letter_info{font-size:17px !important; }
.resume_main[data_font_size="18"] dd,
.resume_main[data_font_size="18"] .inte_item_list,.resume_main[data_font_size="18"] .resume_letter_info{font-size:18px !important; }
.resume_main[data_font_size="20"] dd,
.resume_main[data_font_size="20"] .inte_item_list,.resume_main[data_font_size="20"] .resume_letter_info{font-size:20px !important; }
.resume_main[data_font_size="22"] dd,
.resume_main[data_font_size="22"] .inte_item_list,.resume_main[data_font_size="22"] .resume_letter_info{font-size:22px !important; }
.resume_main[data_font_size="24"] dd,
.resume_main[data_font_size="24"] .inte_item_list,.resume_main[data_font_size="24"] .resume_letter_info{font-size:24px !important; }

/*全局页边距*/
.resume_main[modal_margin='0'] .resume_item:not(.head_item):not(.name_item) dl{padding-top:0; padding-bottom:0;}
.resume_main[modal_margin='0.2'] .resume_item:not(.head_item):not(.name_item) dl{padding-top:6px; padding-bottom:6px;}
.resume_main[modal_margin='0.4'] .resume_item:not(.head_item):not(.name_item) dl{padding-top:12px; padding-bottom:12px;}
.resume_main[modal_margin='0.6'] .resume_item:not(.head_item):not(.name_item) dl{padding-top:18px; padding-bottom:18px;}
.resume_main[modal_margin='0.8'] .resume_item:not(.head_item):not(.name_item) dl{padding-top:24px; padding-bottom:24px;}
.resume_main[modal_margin='1'] .resume_item:not(.head_item):not(.name_item) dl{padding-top:30px; padding-bottom:30px;}
.resume_main[modal_margin='1.2'] .resume_item:not(.head_item):not(.name_item) dl{padding-top:36px; padding-bottom:36px;}
.resume_main[modal_margin='1.4'] .resume_item:not(.head_item):not(.name_item) dl{padding-top:42px; padding-bottom:42px;}
.resume_main[modal_margin='1.6'] .resume_item:not(.head_item):not(.name_item) dl{padding-top:48px; padding-bottom:48px;}
.resume_main[modal_margin='1.8'] .resume_item:not(.head_item):not(.name_item) dl{padding-top:54px; padding-bottom:54px;}


.resume_main[modal_margin='0'] .resume_item .resume_item_list_content{margin-top: 5px;}
.resume_main[modal_margin='0.2'] .resume_item .resume_item_list_content{margin-top: 10px;}
.resume_main[modal_margin='0.4'] .resume_item .resume_item_list_content{margin-top: 14px;}
.resume_main[modal_margin='0.6'] .resume_item .resume_item_list_content{margin-top:18px;}
.resume_main[modal_margin='0.8'] .resume_item .resume_item_list_content{margin-top:20px;}
.resume_main[modal_margin='1'] .resume_item .resume_item_list_content{margin-top:24px;}
.resume_main[modal_margin='1.2'] .resume_item .resume_item_list_content{margin-top:26px;}
.resume_main[modal_margin='1.4'] .resume_item .resume_item_list_content{margin-top:28px;}
.resume_main[modal_margin='1.6'] .resume_item .resume_item_list_content{margin-top:30px;}
.resume_main[modal_margin='1.8'] .resume_item .resume_item_list_content{margin-top:32px;}


.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_letter_info{padding-left: 20px;padding-right: 20px;}
.resume_main[page_margin='0.6'] .resume_letter_info{padding-left: 30px;padding-right: 30px;}
.resume_main[page_margin='0.7'] .resume_letter_info{padding-left: 40px;padding-right: 40px;}
.resume_main[page_margin='0.8'] .resume_letter_info{padding-left: 50px;padding-right: 50px;}
.resume_main[page_margin='0.9'] .resume_letter_info{padding-left: 60px;padding-right: 60px;}
.resume_main[page_margin='1'] .resume_letter_info{padding-left: 70px;padding-right: 70px;}
.resume_main[page_margin='1.1'] .resume_letter_info{padding-left: 80px;padding-right: 80px;}
.resume_main[page_margin='1.2'] .resume_letter_info{padding-left: 90px;padding-right: 90px;}
.resume_main[page_margin='1.3'] .resume_letter_info{padding-left: 100px;padding-right: 100px;}
.resume_main[page_margin='1.4'] .resume_letter_info{padding-left: 110px;padding-right: 110px;}

.resume_main[modal_margin='0'] .resume_letter_info{line-height: 20px;}
.resume_main[modal_margin='0.2'] .resume_letter_info{line-height: 26px;}
.resume_main[modal_margin='0.4'] .resume_letter_info{line-height: 30px;}
.resume_main[modal_margin='0.6'] .resume_letter_info{line-height:36px;}
.resume_main[modal_margin='0.8'] .resume_letter_info{line-height:40px;}
.resume_main[modal_margin='1'] .resume_letter_info{line-height:42px;}
.resume_main[modal_margin='1.2'] .resume_letter_info{line-height:46px;}
.resume_main[modal_margin='1.4'] .resume_letter_info{line-height:48px;}
.resume_main[modal_margin='1.6'] .resume_letter_info{line-height:50px;}
.resume_main[modal_margin='1.8'] .resume_letter_info{line-height:52px;}

/** 分页样式*/
.resume_main .page_num{position:absolute;top:1160px;left:0px;z-index: 1;width:840px;height: 26px;line-height: 26px;background: #16191e url(../images/page_bg.png) center top no-repeat;font-size:0;text-align:center;margin-top: -13px;}
.resume_main .page_num:before{content:"";position:absolute;top: 13px;left:50%;display:inline-block;width:90px;height:1px;margin-left:-45px;background:#ffffff;}
.resume_main .page_num span{position:relative;z-index:2;display:inline-block;height:20px;line-height:20px;padding:0 5px;background: #16191e;font-size:12px;color:#ffffff;vertical-align:middle;}
.resume_main .page_num p {
    display: inline-block;
    position: absolute;
    left: 0px;
    color: #fff;
    width: 100px;
    font-size: 12px;
    cursor: pointer;
}

.resume_main .page_num p:before {
    content:'';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA+klEQVQ4T6WSvS5EURSFv69G4gWmUSmJkoJeqEzlVcjEiyh0VDMegIKOkFCoNDwAQaNZcib3TmZu7viJ05ycc/Y668vaW6asJL3ypA735vLfwiRnwJb61vZZkjlgoG4MSeqiJLvAM/ACFLwV4B1YBJaBeaCjHk0IyyHJKnABdNWT6m4HOK5oTmsjk6xXIZwn6QMH6vU4bpLivq9uj+qTHAIzajdJ1NbAkjypnSTF/WOi6AdhvziOUBtI36FejdM0HTeBEkBbOGvqZatjleIScAM8ALNACaqn3o7TTQuitOCxKlyoW/NbYWnBJ3D3F2EZrxLUPbCnvjbH8AvuWHbo6sNngAAAAABJRU5ErkJggg==);
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    margin-bottom: -1px;
}

.resume_main .page_num p:hover {
    opacity: 0.8;
}
.resume_main .page_num p:hover~.tips_content,.resume_main .page_num .tips_content:hover{
    display: inline-block;
}
.resume_main .page_num .tips_content {
    display: none;
    position: absolute;
    left: 3px;
    top: -86px;
    width: 159px;
    height: 88px;
    padding: 12px 10px;
    border-radius: 12px;
    line-height: 20px;
    background-color: #ffffff;
    box-shadow: 0 10px 13px 0 rgba(8, 1, 3, 0.17);
    border: solid 1px #ededed;
    font-size: 12px;
    color: #707070;
}

.resume_main .page_num .tips_content a.play_tips {
    color: #0e5dff;
}

.resume_main .page_num .tips_content:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 12px;
    width: 0;
    height: 0;
    border-top: 6px solid #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}