@charset "utf-8";
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background-color:#fff}
::-webkit-scrollbar-thumb{background-color:#3e454f;border-radius:10px;cursor:pointer}
::-webkit-scrollbar-thumb:hover{opacity:.8}
::-webkit-scrollbar-thumb:active{background-color:#3e454f}
#change_template_modal .modal-body .template-box::-webkit-scrollbar-thumb{background-color:#e9e9e9;border-radius:10px;cursor:pointer}
#change_template_modal .modal-body .template-box::-webkit-scrollbar-track{background-color:#00286400}
body.resume_edit_page,html{width:100%;height:100%;background-color:#16191e}
.modal-backdrop{background-color:#001b44}
.edit_box{position:absolute;top:0;width:100%;height:calc(100% - 55px);margin-top:55px;background-color:#16191e;overflow-y:scroll;overflow-x:hidden}
.edit_box .resume_box_wrap{padding:15px 25% 30px;position:relative}
.editing_bg{display:none;position:absolute;top:0;left:0;bottom:0;right:0;z-index:10;height:100%;background-color:#000;opacity:.3;transition:all .3s;-webkit-transition:all .3s}
.header_bar{position:fixed;top:0;left:0;z-index: 99;width:100%;height:45px;background: #37414e;text-align:center;}
.header_bar .header_left{display:inline-block;float:left;width:auto;height:inherit}
.header_bar .header_left ul{height:inherit;position:relative;text-align:left}
.header_bar .header_left li{display:inline-block;position:relative;vertical-align:top;height:inherit;padding:0!important;width:50px}
.header_bar .header_left li>a,.header_bar .header_left li>i,.header_bar .header_left li>input,.header_bar .header_left li>span{position:absolute;top: 49%;left:50%;transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.header_bar .header_left li a{display:inline-block}
.header_bar .header_left li.return_back{width:40px}
.header_bar .header_left li.return_back a{width:9px;height:16px}
.header_bar .header_left li.logo{width:50px}
.header_bar .header_left li.logo a{width:26px;height:28px}
.header_bar .logo a img{display:block;width:24px;margin:0 20px 0 24px}
.header_bar .header_left li.modify_time{width: 140px;margin-left: -15px;}
.header_bar .header_left li.separator{background-color:#1f242b;width:1px;height:14px;margin: 16px 20px 0;padding:0!important;}
.header_bar .header_left li.redo_undo{width:60px}
.header_bar .header_left li.redo_undo>a{width:20px;height:15px}
.header_bar .header_left li a.undo{left:10px}
.header_bar .header_left li a.redo{left:45px}
.header_bar .header_left li.save_opt{width:40px;padding:0!important;margin-left:10px}
.header_bar .header_left li.save_opt>a{width:18px;height:18px}
.header_bar .header_left li.history_opt {
    width: 40px;
    padding: 0!important;
    margin-left: 10px;
    margin-right: -10px;
}

.header_bar .header_left li.history_opt a {
    width: 15px;
    height: 15px;
    margin-right: -3px;
}
.header_bar .header_left li.modify_time:hover span{color:#fff;border-bottom-color:#fff}
.header_bar .header_left li.modify_time:hover svg path{fill:#fff}
.header_bar .modify_time span{display:inline-block;left: 11px !important;transform: translate(0,-50%) !important;transform: translate(0,-50%) !important;-ms-transform: translate(0,-50%) !important;-moz-transform: translate(0,-50%) !important;-webkit-transform: translate(0,-50%) !important;-o-transform: translate(0,-50%) !important;width: auto;font-size: 12px;color: rgb(145, 160, 183);text-align: left;border-bottom: 1px solid rgb(145, 160, 183);cursor: pointer;}
.header_bar .header_left li.modify_time>a {
    position: absolute;
    top: 27px;
    left: 0px;
}
.header_bar .title input{color:#90a0b8;font-size:16px;background:0 0;border:none;width:100%;text-align: right;}
.header_bar .title input::-webkit-input-placeholder{color:#90a0b8}
.header_bar .title input::-moz-placeholder{color:#90a0b8}
.header_bar .title input:-moz-placeholder{color:#90a0b8}
.header_bar .title input:-ms-input-placeholder{color:#90a0b8}
.header_bar .title input:focus{color:#fff}
.header_bar .header_left .title{width:150px}
.header_bar .right{float:right;width:auto;height:45px;line-height:45px;position:relative;text-align:right}
.header_bar .right a{display:inline-block;position:relative;margin-right:15px;text-align:center}
.header_bar .right a.editor_up_vip_tips{width:16px;height:100%;background-image:url(/static/pc/vip/images/editor_up_vip_tips.png);background-repeat:no-repeat;background-position:left center;vertical-align:top;margin-right:40px}
.header_bar .right a.editor_up_vip_tips.user_type_attr[user_type=free]{width:78px;background-position:center}
.header_bar .right a.share_btn,.header_bar .right a.send_btn{font-size:12px;font-family:"Microsoft YaHei";color:#90a0b8}
.header_bar .right a.merge_cv{background-color:#475363;width:130px;height:30px;line-height:30px;border-radius:25px;font-size:14px;font-family:"Microsoft YaHei";color:#90a0b8}
.header_bar .right a.print_btn{border-radius:50%;background-color:#475363;width:26px;height:26px;line-height:35px;position:relative;top:4px}
.header_bar .right a.print_btn svg{transform:scale(.7);-ms-transform:scale(.7);-moz-transform:scale(.7);-webkit-transform:scale(.7);-o-transform:scale(.7)}
.resume_edit_page .layui-layer-photos{background:0 0!important;border-radius:6px!important}
div#print_tips_layer{width:770px!important;height:440px!important;background:0 0;padding:0;margin:0;position:relative;overflow:visible!important}
#print_tips_layer~.layui-layer-btn .layui-layer-btn0{display:inline-block;width:138px;height:48px;line-height:48px;border-radius:4px;background-color:#0064fa;font-size:16px;color:#fff;position:absolute;bottom:-70px;left:50%;margin-left:-69px;border:none;text-align:center;padding:0!important}
div#print_tips_layer img{width:100%;height:100%}
.layui-layer-imguide,div#print_tips_layer .layui-layer-imgbar{display:inline-block!important}
div#print_tips_layer a.layui-layer-iconext.layui-layer-imgprev{width:66px;height:66px;border-radius:50%;background-color:rgba(255,255,255,.102);background-image:url(/static/pc/resume/edit/images/print_pre_tips.png);background-position:center;left:-105px}
div#print_tips_layer a.layui-layer-iconext.layui-layer-imgnext{width:66px;height:66px;border-radius:50%;background-color:rgba(255,255,255,.102);background-image:url(/static/pc/resume/edit/images/print_nex_tips.png);background-position:center;right:-100px}
.header_bar .right a.preview_btn{width:54px;height:26px;line-height:26px;background-color:#475363;border-radius:40px;color:#90a0b8;font-size:12px}
.header_bar .right a.download_btn{width:64px;height:26px;line-height:26px;border-radius:40px;color:#fff;background-color:#0064fa;font-size:12px;border:none}
.header_bar .right a.download_btn svg{display:inline-block;margin-bottom:-2px}
.header_bar .right a.translate_btn,.header_bar .right a.more_opeate{
    width:64px;
    height:26px;line-height:26px;border-radius:40px;
    color:#b5c5d9;
    font-size:12px;
    border:1px solid #64748a;
}
.header_bar .right a.more_opeate{
    width:55px;
}
.header_bar .right a.more_opeate svg{
    position: relative;
    top: -3px;
}
.header_bar .right a.print_btn:hover svg path{fill:#fff}
.header_bar .right a.merge_cv:hover,.header_bar .right a.preview_btn:hover,.header_bar .right a.print_btn:hover{color:#fff;background-color:#0064fa}
.header_bar .right a.download_btn:hover{opacity:.8}
.header_bar .right i{display:inline-block;width:1px;height:14px;background:#12151a;margin-right:20px;vertical-align:middle}
.header_bar .right a.download_btn+i{margin-right:0}
.header_bar .right .success-login{position:static;display:inline-block;margin-right:10px;width: 50px;}
.header_bar .right .success-login .login-dropdown{position:absolute;right:7px}
.header_bar .right .success-login .login-dropdown a{margin:0;padding:0}
.header_bar .right .success-login .login-dropdown li>a{display: block;height: 40px;padding: 0px 0px 0px 22px;line-height: 40px;font-size: 12px;text-align: left; color: rgb(74, 81, 93);}
.header_bar .right .success-login .login-dropdown li:hover{background-color:#f8f8f8;color:#0064fa}
.header_bar .right .success-login a.success-a{margin-bottom:6px}
.header_bar .right .success-login a.success-a img{width:26px;height:26px}
.header_bar .right .more_opeate:hover{
    opacity: 1;
    color: initial;
}
.header_bar .right .more_opeate .more_list{
    position: absolute;
    width: 120px;
    height: auto;
    background: #fff;
    border-radius: 5px;
    top: 36px;
    left: 50%;
    margin-left: -65px;
    display: none;
    overflow: hidden;
    padding: 5px 0 5px 0;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,.1);
}
.header_bar .right .more_opeate .more_list li{
    height:44px;
    line-height:44px;
    color:#585e67;
    font-size: 14px;
}
.header_bar .right .more_opeate .more_list li span{
    display:block;
}
.header_bar .right .more_opeate .more_list li:hover{
    background: #f2f2f2;
    color: #0064fa;
}
.resume_edit_page .header_bar .sy-login{position:absolute;top:1px;right:-17px;width:120px;display:none}
.resume_edit_page .header_bar .sy-login .login-btn a.login{width:85px;height:35px;line-height:35px;background-color:#3a4350;border-radius:40px;color:#afb7c5;font-size:14px;vertical-align:middle;border:none}
.resume_edit_page .header_bar .sy-login .login-btn a.login:hover{color:#fff;background-color:#0064fa}
.left_bar{position:fixed;top:0;left:0;z-index:12;width:60px;height:100%;padding-top:45px;background-color:#282f39}
.left_bar .sidebar>ul>li:first-child{padding-top:20px}
.left_bar .sidebar>ul>li{position:relative;width:60px;border-bottom:2px solid transparent;text-align:center;padding:15px 0;cursor:pointer}
.left_bar .sidebar>ul>li:hover{background-color:#0064fa;opacity:1}
.left_bar li>svg{display:block;margin:0 auto 6px}
.left_bar .sidebar>ul>li>span{font-size:14px;color:#90a0b8}
.left_bar .sidebar>ul>li:hover svg path{fill:#fff!important}
.left_bar .sidebar>ul>li#upload_resume_btn:hover svg path:last-child {
    fill: #0064fa !important;
}
.left_bar .sidebar>ul>li:hover span{color:#fff}
.left_bar .help{position:absolute;bottom: 155px;width:100%;height:90px;text-align:center;padding-top:26px;color:#90a0b8;font-size: 14px;cursor:pointer;}
.left_bar .help:hover{color:#fff}
.left_bar .help:hover .weixin_content{display:block}
.left_bar .help .weixin_content{display:none;position:absolute;bottom:-4px;left: 60px;width:260px;height: 320px;border-radius: 10px;background:url(/static/pc/main/images/weixin_kf_qrcode_bg.png);}
.left_bar .help .weixin_content img.weixin_qrcode{position:absolute;top:166px;left:58px;width:144px;height:144px;opacity: 0;}
.left_bar .help:hover svg path:first-child{fill:#fff}
.left_bar .sn{position:absolute;bottom: 60px;width:100%;height:90px;border-top:1px solid #16191e;border-bottom: 1px solid #16191e;text-align:center;padding-top:26px;color:#90a0b8;font-size:12px;}
.left_bar .custom_resume {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 60px;
    text-align: center;
    padding-top: 13px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    background: #0064fa;
}
.left_bar .custom_resume:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: -11px;
    height: 60px;
    width: 20px;
    background:transparent;
}
.left_bar .custom_resume:hover .ad_content {
    display:block;
}
.left_bar .custom_resume .ad_content {
    display: none;
    position: absolute;
    top: -239px;
    left: 64px;
}

.left_bar .custom_resume .ad_content a {
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 45px;
    background-color: rgb(241, 241, 241);
    width: 86px;
    height: 34px;
    line-height: 34px;
    color: #0064fa;
    font-size: 14px;
    font-weight: bold;
    border-radius: 25px;
}

.left_bar .custom_resume .ad_content a:hover {
    opacity: 1;
    color: rgba(0,100,250,0.8);
}
@media only screen and (max-height: 680px) and (min-height: 550px){
    .left_bar>ul>li{
        padding: 7px 0px !important;
    }
    .left_bar>ul>li:first-child{
        padding-top: 15px !important;
    }
    .left_bar .sn{
        padding-top: 10px;
        height: 60px;
    }
    .left_bar .help{
        height: 65px;
        padding-top: 10px;
        bottom: 117px;
    }
}
@media only screen and (max-height: 549px) and (min-height: 0px){
    .left_bar .custom_resume,.left_bar .help{display:none;}
    .left_bar .sn{bottom:0px;}
}
.left_bar .sidebar{position:relative;z-index: 2;background: #282f39;height: 100%;}
.left_bar .sidebar>ul>li.active{background-color:#16191e;border-bottom:2px solid #0064fa}
.left_bar .left_item>div{position:relative;height: calc(100% - 45px);overflow-y: auto;overflow-x: hidden;}
.left_bar .left_item .title p{color:#c3cadc;font-size:14px;display:inline-block;margin:0}
.left_bar .left_item .title{text-align:justify;text-align-last:justify;border-bottom:2px solid #292f39;margin-right:15px;padding:10px 0 10px;}
.left_bar .left_item .title a{display:inline-block;transform:scale(.68);vertical-align:middle}
.left_bar .left_item .title a.close_x{display:inline-block;width:15px;height:15px;transform:scale(1)}
.left_bar .resume_modal_manager_panel{    display: block;
    left: -300px;
    transition: all .3s;position:absolute;top:45px;width: 270px;height:100%;background-color:#16191e;box-shadow:4.8px -1.3px 5px 0 rgb(00,00,00,.38);padding:10px 0 10px 15px;font-size:14px;color:#8f97ac;}
.left_bar .resume_modal_manager_panel .item_list{text-align:justify;height:calc(100% - 180px);overflow-y:auto;padding-right:15px;}
.left_bar .resume_style_manager_panel  .item_list{height:auto;}
.left_bar .resume_modal_manager_panel.show{
    display: block;
    left: 60px;
}
.left_bar .resume_modal_manager_panel .resume_module span.edit_spilte_image{float:right;clear:both;display:inline-block}
.left_bar .resume_modal_manager_panel .resume_module span.edit_spilte_image:hover{opacity:.8}
.left_bar .resume_modal_manager_panel .resume_module li{font-size:14px;margin-top:25px;cursor:pointer}
.left_bar .resume_modal_manager_panel .resume_module span.edit_spilte_image.checked{background-position:0 -579px}
.left_bar .resume_modal_manager_panel .resume_module span.edit_spilte_image.gray_choose{background-position:0 -501px!important}
.left_bar .resume_modal_manager_panel .add_modal_btn{width: 100%;margin:20px 0 0 0;}
.left_bar .resume_modal_manager_panel .add_modal_btn a{display:inline-block;text-align:center;font-size:14px;color:#6a6f79;width: 242px;height: 40px;line-height: 40px;border:1px solid #3c424c;border-radius:4px;background-color:#16191e;}
.left_bar .resume_modal_manager_panel .add_modal_btn a:hover{border-color:#0064fa;color:#0064fa}
.left_bar .resume_modal_manager_panel .add_modal_btn a:hover>i:after,.left_bar .resume_modal_manager_panel .add_modal_btn a:hover>i:before{background-color:#0064fa}
.left_bar .resume_modal_manager_panel .add_modal_btn a>i{display:inline-block;margin-right:8px;margin-bottom:-2px;position:relative;width:15px}
.left_bar .resume_modal_manager_panel .add_modal_btn a>i:before{content:'';position:absolute;top:15px;left:6px;display:inline-block;width:3px;height: 11px;background-color:#6a6f79;}
.left_bar .resume_modal_manager_panel .add_modal_btn a>i:after{content:'';position:relative;top:-3px;left:0;display:inline-block;width: 11px;height:3px;background-color:#6a6f79;}
.left_bar .resume_modal_manager_panel .add_box{display:flex;padding:10px 13px 0 0;justify-content:space-between;}
.left_bar .resume_modal_manager_panel .custom_text_btn:hover{border-color:#0064fa;color:#0064fa}
.left_bar .resume_modal_manager_panel .custom_image_btn,.left_bar .resume_modal_manager_panel .custom_table_btn,.left_bar .resume_modal_manager_panel .custom_text_btn {display: inline-block;text-align: center;font-size: 14px;color: #6a6f79;width: auto;padding:0 10px;height: 40px;line-height: 40px;border: 1px solid #3c424c;border-radius: 4px;background-color: #16191e;width: 46%;}
.left_bar .resume_modal_manager_panel .custom_image_btn:hover{border-color:#0064fa;color:#0064fa}
.left_bar .resume_modal_manager_panel .change_btn{background: #0064fa;color: #fff;border-radius: 4px;padding: 2px 6px;display: inline-block;margin: 0 26px 0 9px;float: right;}
.resume_edit_page.scroll_fixed .header_bar .logo, .resume_edit_page.scroll_fixed .header_bar .print_btn~i, .resume_edit_page.scroll_fixed .header_bar .success-login, .resume_edit_page.scroll_fixed .header_bar .title, .resume_edit_page.scroll_fixed .header_bar .title~.separator{display:none}
.resume_edit_page.scroll_fixed .header_bar .header_left li.return_back{margin-left:-7px;margin-right:5px}
.resume_edit_page.scroll_fixed .header_bar .header_left{padding-left:15px}
.resume_edit_page.scroll_fixed .style_set_panel{position:fixed;z-index:13;top:-1px;background-color:#37414e;text-align:center}
.resume_edit_page.scroll_fixed .style_set_panel .style_set_content .item{height:25px;line-height:25px;background:0 0}
.resume_edit_page.scroll_fixed .style_set_panel .style_set_content .item.color{padding:4px 6px}
.resume_edit_page.scroll_fixed .style_set_panel .left,.resume_edit_page.scroll_fixed .style_set_panel .right{float:none}
.style_set_panel{width:820px;height:46px;border-radius:2px;background-color:#282f39;padding:10px 15px;font-size:14px;color:#8f97ac;margin:0 0 5px}
.style_set_panel .style_set_content{padding-right:15px;width:inherit;height:inherit}
.style_set_panel .style_set_content .left{float:left;display:inline-block}
.style_set_panel .style_set_content .right{float:right;position:relative;bottom:1px;display:inline-block}
.style_set_content .item{display:inline-block;position:relative;border:1px solid #404d60;border-radius:2px;text-align:center;height:30px;line-height:30px;vertical-align:text-bottom;padding:0 6px;margin-right:10px;cursor:pointer;font-size:12px;color:#90a0b8}
.style_set_content .item a{display:inline-block}
.style_set_content .item:hover{border-color:#6f7f97;color:#bcd2f2}
.style_set_content .item a:active,.style_set_content .item a:focus,.style_set_content .item a:visited,.style_set_content .item:hover a{color:#bcd2f2}
.style_set_content .item>i{border:5px solid;border-color:#a3a9ba transparent transparent transparent;width:8px;display:inline-block;vertical-align:middle;position:relative;top:1px}
.style_set_content .item.color{width:30px;background-color:#282f39;padding:6px;position:relative}
.style_set_content .item.color a{display:block;width:16px;height:16px}
.style_set_content .item.color a:after{display:inline-block;width:30px;height:30px;content:'';position:absolute;top:0;left:0}
.style_set_color .title{height:40px}
.style_set_color .title>span{display:inline-block;float:left;font-size:12px;font-family:"Microsoft YaHei";color:#5b6675;font-weight:700;vertical-align:middle}
.style_set_color .title div{display:inline-block;float:right;position:relative}
.style_set_color .title div>span{font-size:12px;font-family:"Microsoft YaHei";color:#5b6675;vertical-align:middle}
.style_set_color .title div>i{display:inline-block;width:18px;height:18px;border:1px solid #8c99ad;border-radius:2px;background-color:#fff;vertical-align:middle;margin-right:5px}
.style_set_color .title i.checked{background:#0064fa;border-color:#0064fa}
.style_set_color .title i.checked~svg{display:inline-block;position:absolute;top:11px;left:1px}
.style_set_color .title div svg{display:none}
.style_set_color li{display:inline-block;width:25px;height:25px;background-color:#0b70bd;cursor:pointer;}
.style_set_color li svg{display:none}
.style_set_color li.checked{position:relative;}
.style_set_color li.checked svg{display:inline-block;position:absolute;top: 9px;left: 8px;}
.style_set_color li.custome_color{height:25px;width:25px;background:url(/static/pc/resume/edit/images/color_custome.png) no-repeat;background-size: cover;}
.style_set_panel .custome_color_panel{position:absolute;top:0;left:-215px;width:208px;height:203px;padding:8px;z-index:4;border-radius:4px;box-shadow:0 4px 4px 0 rgba(0,0,0,.1);background:#fff}
.style_set_panel .custome_color_panel:after{width:20px;height:106%;content:'';display:inline-block;position:absolute;top:-3px;right:-13px;background:0 0}
div#custome_color_input_container{color:#626262;text-align:center;margin:5px 0 10px}
div#custome_color_input_container input{width:90px;height:25px;border:1px solid #ececec;border-radius:4px;margin-left:4px;text-align:left;padding-left:10px}
#customecolorpicker{position:relative;display:inline-block;vertical-align:top;width:160px;height:150px;margin-right:15px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#custome_color_picker_point{position:absolute;width:10px;height:10px;border-radius:50%;border:1px solid #fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#custome_color_picker_slider{position:relative;display:inline-block;vertical-align:top;width:10px;height:150px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#custome_color_picker_slider_bar{height:150px;border-radius:4px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#custome_color_picker_slider_ponit{position:absolute;top:0;left:-2px;width:14px;height:14px;border-radius:50%;cursor:pointer;background-color:#fff;box-shadow:2px 2px 3px rgba(0,0,0,.2);border:solid 1px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.custome_color_panel{
    position: absolute;
    z-index: 1;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
}
.style_set_panel .style_set_color{position:absolute;top:36px;left:0;width: 220px;height:187px;border-radius:2px;background-color:#fff;box-shadow:0 3px 3px 0 rgba(0,0,0,.1);z-index:15;padding:5px 15px 10px 15px;text-align:left;display:none;}
.style_set_panel .style_set_color .title{height:40px}
.style_set_panel .style_set_color .title>span{display:inline-block;float:left;font-size:12px;font-family:"Microsoft YaHei";color:#5b6675;font-weight:700;vertical-align:middle}
.style_set_panel .style_set_color .title div{display:inline-block;float:right;position:relative}
.style_set_panel .style_set_color .title div>span{font-size:12px;font-family:"Microsoft YaHei";color:#5b6675;vertical-align:middle}
.style_set_panel .style_set_color .title div>i{display:inline-block;width:18px;height:18px;border:1px solid #8c99ad;border-radius:2px;background-color:#fff;vertical-align:middle;margin-right:5px}
.style_set_panel .style_set_color .title i.checked{background:#0064fa;border-color:#0064fa}
.style_set_panel .style_set_color .title i.checked~svg{display:inline-block;position:absolute;top:11px;left:1px}
.style_set_panel .style_set_color .title div svg{display:none}
.style_set_panel .style_set_color li{display:inline-block;width:25px;height:25px;background-color:#0b70bd;margin-right:10px;cursor:pointer}
.style_set_panel .style_set_color li svg{display:none}
.style_set_panel .style_set_color li.checked{border:2px solid #000;position:relative}
.style_set_panel .style_set_color li.checked svg{display:inline-block;position:absolute;top:4px;left:2px}
.style_set_panel .style_set_color li.custome_color{height:25px;width:25px;background:url(/static/pc/resume/edit/images/color_custome.png) no-repeat}
.style_set_panel .custome_color_panel{position:absolute;top:0;left:-215px;width:208px;height:203px;padding:8px;z-index:4;border-radius:4px;box-shadow:0 4px 4px 0 rgba(0,0,0,.1);background:#fff}
.style_set_panel .custome_color_panel:after{width:20px;height:106%;content:'';display:inline-block;position:absolute;top:-3px;right:-13px;background:0 0}

.style_set_content .item.font_family{width:78px}
.style_set_panel .style_set_content .select-ul{position:absolute;left:0;margin-top:5px;z-index:13;border-radius:2px;background-color:#fff;box-shadow:0 3px 3px 0 rgba(0,0,0,.1);color:#5b6675;font-size:12px;text-align:left;display:none;width:100%;line-height:30px}
.style_set_panel .style_set_content .left .select-ul li.checked,.style_set_panel .style_set_content .left .select-ul li:hover{color:#0064fa;background-color:rgba(0,100,250,.102)}
.style_set_panel .style_set_content .style_set_fontfamily{padding:0;width:74px;height:240px}
.style_set_panel .style_set_content .style_set_fontfamily li{padding-left:10px}
.style_set_panel .style_set_content .setFontsize{height:212px;text-align:center}
.style_set_panel .style_set_content .modal_margin_type{width:55px;height:302px;text-align:center;left:-5px}
.style_set_panel .style_set_content .jft_type{width:50px;height:62px;text-align:center}
.style_set_panel .style_set_content .page_margin_type{width:50px;height:330px;text-align:center;left:-5px}
.gpa_modal .modal-header{border-bottom:none}
.gpa_modal .modal-header .close{display:none}
.gpa_modal .modal-header .title{font-size:18px;color:#353535;font-weight:700;line-height:1.2}
.gpa_modal .modal-content{width:450px;min-height:306px;border-radius:6px;background-color:#fff;padding:5px}
.gpa_modal .modal-body .desc{font-family:"Microsoft YaHei";color:#49525e;line-height:1.2;margin-bottom:25px}
.gpa_modal .modal-body .desc>div{margin-bottom:10px}
.gpa_modal .modal-body .case{font-size:12px;margin-bottom:45px}
.gpa_modal .modal-body .case .title{font-size:14px;color:#49525e;font-weight:700;line-height:1.2;margin-bottom:8px}
.gpa_modal .modal-body .case .cont{margin-bottom:3px}
.gpa_modal .modal-footer{border:none;position:absolute;bottom:4px;right:0}
input.opt_input{width:114px;height:38px;border:1px solid #aabcd7;border-radius:4px;background-color:#fff;padding-left:10px;margin-right:10px}
.gpa_modal .modal-footer .ok_btn{float:left;margin-right:10px;width:70px;height:38px;border-radius:4px;background-color:#0064fa;border:none;font-size:14px;color:#fff;font-weight:700;line-height:1.2}
.gpa_modal .modal-footer .cancel_btn{width:70px;height:38px;border-radius:4px;background-color:#c1cee1;color:#fff;font-size:14px;font-weight:700;line-height:1.2;border:none}
.gpa_modal .result{padding:0 15px 10px}
.gpa_modal .result b{color:red}
.style_set_panel .style_set_content .resume_format_li{width:100px;height:226px;border-radius:2px;background-color:#fff;padding:10px 7px}
.style_set_panel .style_set_content .resume_format_li span.title{font-size:12px;color:#98a6ba;line-height:2.5}
.style_set_panel .style_set_content .resume_format_li i.opt{width:20px;height:20px;display:inline-block;border:1px solid #93a4bc;border-radius:50%;background-color:#fff}
.style_set_panel .style_set_content .resume_format_li i.opt:hover{border-color:#0064fa}
.style_set_panel .style_set_content .resume_format_li i.opt.checked{border-color:#0064fa}
.style_set_panel .style_set_content .resume_format_li i.opt.checked:before{display:inline-block;background-color:#0064fa}
.style_set_panel .style_set_content .resume_format_li i.opt:before{content:'';display:none;width:12px;height:12px;background-color:transparent;border-radius:50%;position:absolute;top:4px;left:4px}
.style_set_panel .style_set_content .resume_format_li .t{display:inline-block;font-size:12px;color:#687385;line-height:12px;vertical-align:top;margin-top:2px}
.style_set_panel .style_set_content .resume_format_li .d{display:inline-block;position:absolute;top:12px;right:15px}
.style_set_panel .style_set_content .resume_format_li .resume_format_li_set{position:relative;padding-bottom:20px}
.style_set_panel .style_set_content .resume_format_li:before{content:'';width:100px;height:1px;background-color:#e5ebf4;position:absolute;top:85px;left:0}
.auto_one_page_error .modal-header{display:none}
.auto_one_page_error .modal-dialog .modal-content{width:450px;height:306px;border-radius:6px;background-color:#fff;padding:20px 85px}
.auto_one_page_error .icon{margin:0 auto 10px;text-align:center}
.auto_one_page_error .desc{font-size:14px;color:#49525e;line-height:1.286;text-align:center}
.auto_one_page_error .modal-footer{border:none;text-align:center}
.auto_one_page_error .modal-footer .cancel_btn{display:none}
.auto_one_page_error .modal-footer .ok_btn{width:116px;height:38px;border-radius:4px;background-color:#0064fa;border-color:transparent}
.auto_one_page_error .modal-body{margin-bottom:30px}
.modal-open #change_template_modal.modal {overflow: hidden;padding-left: 0px !important;}
#change_template_modal.modal .modal-dialog{width: 100%;margin-top: -1px !important;margin-bottom: 0px !important;height: 100%;background: #f9f9f9;}
#change_template_modal.modal .modal-dialog .modal-content {
    border-radius: 0px;
    height: 100%;
    background: linear-gradient(3deg, #00317b, rgb(0 28 72));
}
#change_template_modal .change_template_item_con{min-width: 18%;display:inline-block;position:relative;margin: 0px 20px 20px 0px;animation:slidedown .3s linear forwards;box-shadow:0 3px 4px 0 rgb(00,00,00,.15);-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition: all .3s ease-in-out;flex-grow:1;-webkit-flex-grow:1;flex-basis:0;-webkit-flex-basis:0;border-radius: 6px;overflow: hidden;}
#change_template_modal .change_template_item_con:hover{
    transform: scale(1.05);
}
#change_template_modal .modal-body{padding: 0px 0px 40px 20px;height: 100%;}
.right_opt_item{

    position: fixed;

    right: 20px;

    top: 65px;
}
.right_opt_item ul li{
    width:46px;
    height:46px;
    background:#282f39;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom: 15px;
    cursor:pointer;
    transition:all .4s;
    position: relative;
}
.right_opt_item ul li:hover{
    background-color:#0064fa;
}
.right_opt_item ul li:hover svg path{
    fill:rgba(255,255,255)
}
.right_opt_item ul li.kefu{
    position:fixed;
    bottom:20px;
    display: none;
}
.right_opt_item ul li.kefu:hover .weixin_content{
    display:block;
}
.right_opt_item ul li.kefu .weixin_content {
    display: none;
    position: absolute;
    top: -332px;
    right: 0px;
    width: 260px;
    border-radius: 10px;
    height: 320px;
    background: url(/static/pc/main/images/weixin_kf_qrcode_bg.png);
}
.right_opt_item ul li.kefu .weixin_content img.weixin_qrcode {
    position: absolute;
    top: 166px;
    left: 58px;
    width: 144px;
    height: 144px;
    opacity: 0;
}
.right_opt_panel{position:fixed;right:0;top:45px;width:320px;height:calc(100% - 45px);background-color:#282f39;z-index:11}
.right_opt_panel.close_panel{width: 0px;right: -14px;}
.right_opt_panel.close_panel>div:not(.show_hide_opt),.right_opt_panel.close_panel>ul{display:none}
.right_opt_panel.close_panel>div,.right_opt_panel.close_panel>ul{display:none!important}
.right_opt_panel .show_hide_opt{position:absolute;top:50%;left:-15px;margin-top:-44px;display:inline-block!important;width:30px;height:88px;cursor:pointer}
.right_opt_panel .show_hide_opt:hover{opacity:.9}
.right_opt_panel.open_panel .show_hide_opt{background:url(/static/pc/resume/edit/images/hide_opt.png) no-repeat}
.right_opt_panel.close_panel .show_hide_opt{display:none!important}
.right_opt_panel ul.opt_nav{height:55px;border-bottom:1px solid #3a4452;color:#90a0b8;font-size:14px;text-align:center;padding-top:20px}
.right_opt_panel ul.opt_nav li{display:inline-block;width:32%;height:34px;line-height:34px;cursor:pointer;font-size:14px}
.right_opt_panel ul.opt_nav li.checked{color:#fff;font-weight:700}
.right_opt_panel ul.opt_nav li:hover{color:#fff}
.optimize_defalut{position:absolute;top:55px;left:0;z-index:120;width:100%;height:100%;background:#282f39;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.optimize_defalut.optimize_end .optimize_bar,.optimize_defalut.optimize_midway .optimize_bar{display:block}
.optimize_defalut .optimize_bar{display:none;width:100%;height: calc(100% - 55px);overflow-y: auto;overflow-x: hidden;padding:12px 0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.optimize_defalut .optimize_bar .optimize_item_number,.perfect_mark_item{display:block;position:absolute;top:-12px;right:-12px;width:22px;height:22px;line-height:22px;text-align:center;font-weight:700;font-size:12px;color:#282f39;border-radius:50%;background-color:#fde93f;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.17);-moz-box-shadow:0 2px 2px rgba(0,0,0,.17);-ms-box-shadow:0 2px 2px rgba(0,0,0,.17);box-shadow:0 2px 2px rgba(0,0,0,.17)}
.optimize_defalut .optimize_bar .optimize_tips{display:block;position:relative;width:274px;height:30px;margin:0 auto;line-height:30px;font-size:12px;color:#90a0b8;text-align:left;border-bottom:1px solid #3a4452;margin-bottom:20px}
.optimize_defalut .optimize_bar .optimize_tips .tips_number{color:#0064fa;float:right}
.optimize_defalut .optimize_bar .optimize_item{display:none;left:0;width:100%;padding:0 12px;overflow-x:hidden;overflow-y:auto}
.optimize_defalut .optimize_bar .optimize_item::-webkit-scrollbar{width:6px}
.optimize_defalut .optimize_bar .optimize_item::-webkit-scrollbar-thumb{background-color:#e5e5e5}
.optimize_defalut .optimize_item li{position:relative;width:274px;height:40px;border-radius:2px;background-color:rgba(58,68,82,.8);margin:0 auto;padding:0 15px;line-height:40px;font-size:14px;color:#90a0b8;cursor:pointer;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:transform .75s cubic-bezier(.25,.25,1,-.12);-moz-transition:transform .75s cubic-bezier(.25,.25,1,-.12);-ms-transition:transform .75s cubic-bezier(.25,.25,1,-.12);transition:transform .75s cubic-bezier(.25,.25,1,-.12)}
.optimize_defalut .optimize_item li.checked{color:#0064fa}
.optimize_defalut .optimize_item li+li{margin-top:5px}
.optimize_defalut .optimize_bar .optimize_item_number{right:15px;top:10px}
.perfect_mark_item{left:0;top:0;z-index:20;margin:0;padding:0;border:none;cursor:pointer}
.optimize_defalut .optimize_bar .optimize_score{display:none;position:relative;width:106px;height:106px;line-height:106px;margin:0 auto 10px;text-align:center;font-size:34px;color:#ccc}
.optimize_defalut .optimize_bar .optimize_score::before{content:"";position:absolute;top:0;left:0;width:110px;height:110px;border:2px #90a0b8 dotted;border-radius:50%}
.optimize_defalut .optimize_bar .optimize_score::after{content:'分';font-size:14px}
.optimize_defalut .optimize_bar .optimize_title{margin-bottom:15px;text-align:center;font-size:18px;color:#525867}
.optimize_defalut .optimize_bar .optimize_message{display:block;line-height:18px;text-align:center;font-size:14px;color:#a4aab9}
.optimize_defalut.optimize_end .optimize_begin_content {display: none;}
.optimize_defalut.optimize_begin .optimize_begin_content{margin-top:80px}
.optimize_defalut.optimize_begin .optimize_begin_content .img{display:block;width:100%;height:108px;background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,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)}
.optimize_defalut.optimize_begin .optimize_begin_content .desc{font-size:14px;font-family:"Microsoft YaHei";color:#90a0b8;line-height:1.2;text-align:center;margin:20px auto}
.optimize_defalut.optimize_begin .optimize_begin_content .optimize_opt{margin:40px auto 0;text-align:center}
.optimize_defalut.optimize_begin .optimize_begin_content .optimize_opt a{display:inline-block;width:118px;height:42px;line-height:42px;border-radius:4px;background-color:#0064fa;color:#fff;font-size:14px;font-weight:700}
.optimize_defalut.optimize_begin .optimize_begin_content .free_optimize_tips{position:absolute;bottom:76px;left:40px;text-align:center;display:none}
.optimize_defalut.optimize_begin:not(.optimize_end):not(.optimize_midway) .optimize_begin_content .free_optimize_tips[user_type=free]{display:block}
.optimize_defalut.optimize_begin .optimize_begin_content .free_optimize_tips p{color:#90a0b8;text-align:center;margin-bottom:15px;width:100%;font-size:12px}
.optimize_defalut.optimize_begin .optimize_begin_content .free_optimize_tips p i{font-weight:700;color:#0064fa;margin:0 2px}
.optimize_defalut.optimize_begin .optimize_begin_content .free_optimize_tips a.up_vip_bta{position:relative;font-size:14px;color:#0064fa;line-height:1.2}
.optimize_defalut.optimize_begin .optimize_begin_content .free_optimize_tips a.up_vip_bta:after{content:'';position:absolute;bottom:-3px;left:0;display:inline-block;width:56px;height:1px;background-color:#0064fa}
.optimize_defalut.optimize_midway{height:100%;border-bottom:none}
.optimize_defalut.optimize_midway .optimize_bar{padding:30px 0 20px}
.optimize_defalut.optimize_midway .optimize_bar .optimize_score::before{content:'';background-image:url(data:image/png;base64,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);border-radius:unset;border:none}
.optimize_defalut.optimize_midway .optimize_bar .optimize_title{color:#0064fa}
.optimize_defalut.optimize_midway .optimize_bar .optimize_message{color:#c2c2c2}
.optimize_defalut.optimize_midway .optimize_bar .optimize_message i{display:none}
.optimize_defalut.optimize_midway .optimize_bar .optimize_item,.optimize_defalut.optimize_midway .optimize_bar .optimize_progress,.optimize_defalut.optimize_midway .optimize_bar .optimize_score,.optimize_defalut.optimize_midway .optimize_item li{display:block}
.optimize_defalut.optimize_midway .optimize_item li{-webkit-animation:fadein 1s;-moz-animation:fadein 1s;-ms-animation:fadein 1s;animation:fadein 1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
.optimize_defalut .optimize_item .div_optimize_suggest::-webkit-scrollbar{width:3px}
.optimize_defalut .optimize_item .div_optimize_suggest::-webkit-scrollbar-thumb:active,.optimize_defalut .optimize_item .div_optimize_suggest::-webkit-scrollbar-thumb:hover{background-color:#e1e1e1}
.optimize_defalut .optimize_item .div_optimize_suggest::-webkit-scrollbar-track{background-color:transparent}
.optimize_defalut .optimize_item .div_optimize_suggest{padding:10px 10px 15px 10px;width:274px;min-height:100px;height:auto;max-height:185px;border:1px solid #444e5c;border-radius:2px;background-color:#282f39;font-size:12px;color:#90a0b8;overflow-x:hidden;overflow-y:scroll;margin:3px auto}
.optimize_defalut .optimize_item .div_optimize_suggest p{font-size:12px;line-height:15px;margin:5px 0;text-align:justify;text-indent:-6px}
.optimize_defalut.optimize_midway .optimize_bar .optimize_score::before{-webkit-animation:rotate 8s linear infinite;-moz-animation:rotate 8s linear infinite;animation:rotate 8s linear infinite;-ms-animation:rotate 8s linear infinite}
.optimize_defalut.optimize_midway .optimize_bar .optimize_progress{width:85%;height:5px;margin:10px auto 80px;border-radius:2px;overflow:hidden;background:#36404d}
.optimize_defalut.optimize_midway .optimize_bar .optimize_progress .bar{width:1%;height:100%;background-image:-moz-linear-gradient(0deg,#0064fa 0,#0f6 100%);background-image:-webkit-linear-gradient(0deg,#0064fa 0,#0f6 100%);background-image:-ms-linear-gradient(0deg,#0064fa 0,#0f6 100%)}
@-webkit-keyframes animate-stripes{0%{background-position:0 0}
    100%{background-position:60px 0}
}
@-moz-keyframes animate-stripes{0%{background-position:0 0}
    100%{background-position:60px 0}
}
@-ms-keyframes animate-stripes{0%{background-position:0 0}
    100%{background-position:60px 0}
}
@keyframes animate-stripes{0%{background-position:0 0}
    100%{background-position:60px 0}
}
@-webkit-keyframes fadein{from{opacity:0}
    to{opacity:1}
}
@-moz-keyframes fadein{from{opacity:0}
    to{opacity:1}
}
@-ms-keyframes fadein{from{opacity:0}
    to{opacity:1}
}
@keyframes fadein{from{opacity:0}
    to{opacity:1}
}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
    to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes rotate{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
    to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@-ms-keyframes rotate{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
    to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
    to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
.optimize_defalut.optimize_end{height:100%;border-bottom:none}
.optimize_defalut.optimize_end .optimize_bar{padding:30px 0 20px}
.optimize_defalut.optimize_end .optimize_bar .optimize_score{position:relative;width:106px;height:106px;line-height:106px;margin:0 auto 10px;text-align:center;font-size:34px;color:#ccc}
.optimize_defalut.optimize_end .optimize_bar .optimize_score::before{content:"";position:absolute;top:0;left:0;width:106px;height:106px;border:2px #0064fa dotted;border-radius:50%}
.optimize_defalut.optimize_end .optimize_bar .optimize_score::after{content:'分';font-size:14px}
.optimize_defalut.optimize_end .optimize_bar .optimize_title{margin-bottom:15px;text-align:center;font-size:18px;color:#90a0b8}
.optimize_defalut.optimize_end .optimize_bar .optimize_message{display:block;line-height:18px;text-align:center;font-size:14px;color:#0064fa}
.optimize_defalut.optimize_midway .optimize_bar .redo_optimize{display:none}
.optimize_defalut.optimize_end .optimize_bar .redo_optimize{margin:20px auto 30px;text-align:center}
.optimize_defalut.optimize_end .optimize_bar .redo_optimize a{display:inline-block;width:118px;height:42px;line-height:42px;border-radius:4px;background-color:#0064fa;text-align:center;color:#fff;font-size:14px;font-weight:700}
.optimize_defalut.optimize_end .optimize_bar .optimize_item,.optimize_defalut.optimize_end .optimize_bar .optimize_score{display:block;color:#0064fa}
.optimize_defalut.optimize_end .optimize_item li{-webkit-animation:fadein 1s;-moz-animation:fadein 1s;-ms-animation:fadein 1s;animation:fadein 1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
.optimize_defalut.optimize_end .optimize_bar.low_score .optimize_message,.optimize_defalut.optimize_end .optimize_bar.low_score .optimize_score{color:#fe6c6d}
.optimize_defalut.optimize_end .optimize_bar.low_score .optimize_score::before{border-color:#ff4e4e}
.optimize_perfect_modal{display:none;position:absolute;top:-999px;left:-999px;width:380px;z-index:200;border-radius:4px;background-color:#fff;overflow:hidden;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.19);-moz-box-shadow:0 4px 5px rgba(0,0,0,.19);-ms-box-shadow:0 4px 5px rgba(0,0,0,.19);box-shadow:0 4px 5px rgba(0,0,0,.19)}
.optimize_perfect_modal .optimize_item_title{width:100%;height:40px;line-height:40px;padding:0 15px;background-color:#00c091}
.optimize_perfect_modal .optimize_item_title .optimize_module_title{color:#fff;font-size:12px}
.optimize_perfect_modal .optimize_item_title .optimize_item_close{position:absolute;right:15px;top:12px;width:15px;height:15px;background:url(../images/Modal-sprite.png?v=V6950) no-repeat -5px -5px;cursor:pointer;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;transition:transform .3s}
.optimize_perfect_modal .optimize_item_title .optimize_item_close:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.optimize_perfect_modal .optimize_item_body{padding:15px;background-color:#fff}
.optimize_perfect_modal .optimize_item_body .optimize_item_list{min-height:120px}
.optimize_perfect_modal .optimize_item_body .optimize_item_list li{font-size:12px;color:#8e8e8e}
.optimize_perfect_modal .optimize_item_body .optimize_item_list li::before{content:"●";margin-right:5px}
.optimize_perfect_modal .optimize_item_body .to_module_perfect{display:block;margin:15px auto 0;width:70px;height:30px;line-height:30px;text-align:center;background-color:#f69090;border-radius:4px;font-size:14px;color:#fff}
.optimize_perfect_modal .optimize_item_body .to_module_perfect:hover{opacity:.85}
.tips_panel .panel_container{width:100%;height:inherit;overflow-y:auto;padding:15px 10px 10px 25px}
.panel_container::-webkit-scrollbar-track{background-color:transparent}
.right_opt_panel .tips_panel{padding:30px 0 10px;height:calc(100% - 50px)}
.right_opt_panel .select_tips_desc .select_ul{width:272px;height:45px;border:1px solid #444e5c;border-radius:2px;margin:0 auto;font-size:14px;color:#90a0b8;padding:10px;position:relative;font-size:14px}
.right_opt_panel .select_tips_desc .select_ul:hover{border-color:#6f7f97}
.right_opt_panel .select_tips_desc .select_ul.show{border-color:#444e5c}
.right_opt_panel .select_tips_desc .select_ul.show>span,.right_opt_panel .select_tips_desc .select_ul:hover>span{color:#bcd2f2}
.right_opt_panel .select_tips_desc .select_ul:after{content:'';display:inline-block;border:6px solid transparent;border-top:6px solid #bdc5d0;position:absolute;top:19px;right:10px}
.right_opt_panel .select_tips_desc .select_ul.show:after{border:6px solid transparent;border-bottom:6px solid #bcd2f2;top:14px}
.right_opt_panel .tips_panel .select_tips_desc{cursor:pointer}
.right_opt_panel .select_tips_desc .select_ul ul.select{display:none;position:absolute;top:43px;left:-1px;z-index:2;width:272px;height:350px;border:1px solid #444e5c;border-radius:2px;background-color:#282f39;box-shadow:0 6px 16px 0 rgba(0,0,0,.2);padding-top:3px;font-size:14px}
.right_opt_panel .select_tips_desc .select_ul ul.select li{padding:5px 10px;font-size:inherit}
.right_opt_panel .select_tips_desc .select_ul span{font-size:14px}
.right_opt_panel .select_tips_desc .select_ul ul.select li:hover{color:#0064fa}
.tips_panel .tips_desc{width:100%;height:100%}
.tips_panel .tips_desc ul{width:100%;height:inherit}
.tips_panel .tips_desc ul li{display:none;width:100%}
.tips_panel .tips_desc ul li.selected{display:block}
.tips_panel .tips_desc .tips_desc_item{position:relative;width:100%;padding:8px 0}
.tips_panel .tips_desc .title{width:100%;height:26px;line-height:26px;cursor:pointer;color:#5c6876}
.tips_panel .tips_desc .tips_desc_item.show .title>span,.tips_panel .tips_desc .title:hover>span{color:#bcd2f2}
.tips_panel .tips_desc .title:hover>i{border:6px solid transparent;border-top:6px solid #bcd2f2}
.tips_panel .tips_desc .title span{width:90%;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#90a0b8;font-weight:700}
.tips_panel .tips_desc .title i{position:absolute;right:12px;top:12px;display:inline-block;margin:5px 0 0 0;border:6px solid transparent;border-top:6px solid #bdc5d0}
.tips_panel .tips_desc .desc{display:none;font-size:12px;color:#758295}
.tips_panel .tips_desc .desc p{margin:10px 0;font-size:12px;color:#758295}
.tips_panel .tips_desc .desc a{color:#0064fa}
.tips_panel .tips_desc .desc a:hover{desc-decoration:underline}
.tips_panel .tips_desc .tips_desc_item.show .desc{display:block}
.tips_panel .tips_desc .tips_desc_item.show .title i{display:block;border:6px solid transparent;margin-top:0;border-bottom:6px solid #bdc5d0}
.tips_panel .tips_hd{position:absolute;left:0;top:0;width:100%;padding:0 15px 10px 15px;background:#fff}
.fanwen_panel{border-bottom:none;height:calc(100% - 55px)}
.opt_nav_panel.fanwen_panel .panel_container{height:calc(100% - 54px);overflow:hidden;padding:25px 21px 10px 15px}
.opt_nav_panel.fanwen_panel .panel_container:hover{padding-right:15px;overflow-y:auto}
.opt_nav_panel.fanwen_panel:hover .panel_container::-webkit-scrollbar{width:6px;height:8px}
.opt_nav_panel.fanwen_panel:hover .panel_container::-webkit-scrollbar-track{background-color:transparent}
.opt_nav_panel.fanwen_panel:hover .panel_container::-webkit-scrollbar-thumb{background-color:#404d60;border-radius:2px;cursor:pointer}
.opt_nav_panel.fanwen_panel:hover .panel_container::-webkit-scrollbar-thumb:active{background-color:#404d60}
.fanwen_panel .case_filter{width:100%;height:40px;margin-bottom:15px;font-size:14px;color:#666}
.case_filter .case_filter_job,.case_filter .case_filter_module{position:relative;display:inline-block;width:138px;height:44px;border:1px solid #444e5c;border-radius:2px;background-color:#282f39}
.case_filter .case_filter_job:hover,.case_filter .case_filter_module:hover{border-color:#6f7f97}
.case_filter .case_filter_job.selected,.case_filter .case_filter_module.selected{border-color:#444e5c}
.case_filter .case_filter_job:hover input,.case_filter .case_filter_module:hover input{color:#bcd2f2}
.case_filter .case_filter_job.selected:before,.case_filter .case_filter_module.selected:before{border:6px solid transparent;border-bottom:6px solid #bdc5d0;top:13px}
.case_filter .case_filter_job input,.case_filter .case_filter_module input{display:block;position:relative;width:88%;height:38px;padding:0 20px 0 10px;border-radius:2px;font-size:14px;color:#90a0b8;cursor:pointer;background-color:transparent}
.case_filter .case_filter_job .open_status{right:2px}
.case_filter .case_filter_modulelist{cursor:pointer;display:none;position:absolute;top:42px;left:-1px;right:-1px;z-index:11;width:138px;height:200px;padding-top:10px;border:1px solid #444e5c;border-radius:2px;background-color:#282f39;box-shadow:0 6px 16px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 6px 16px 0 rgba(0,0,0,.2);-moz-box-shadow:0 6px 16px 0 rgba(0,0,0,.2);-ms-box-shadow:0 6px 16px 0 rgba(0,0,0,.2);box-shadow:0 6px 16px 0 rgba(0,0,0,.2)}
.case_filter .case_filter_modulelist li{width:100%;padding:0 10px;line-height:30px;font-size:14px;color:#90a0b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case_filter .case_filter_modulelist li:hover{color:#0064fa}
.case_filter .case_filter_job::before,.case_filter .case_filter_module::before{content:'';display:inline-block;border:6px solid transparent;border-top:6px solid #bdc5d0;position:absolute;top:19px;right:10px}
.fanwen_panel .case_list{position:relative;padding:10px 10px 10px 0;border-bottom:1px #4e5866 dotted}
.fanwen_panel .case_list+.case_list{margin-top:12px}
.fanwen_panel .case_list .case_title{line-height:1.2;margin-bottom:10px;font-size:12px;color:#90a0b8;font-weight:700}
.fanwen_panel .case_list .case_title span{display:block}
.fanwen_panel .case_list .case_content{font-size:12px;color:#758295}
.fanwen_panel .case_list .case_masking{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}
.fanwen_panel .case_list .case_masking span{position:absolute;top:50%;left:50%;display:inline-block;width:100px;height:40px;line-height:40px;margin:-15px 0 0 -45px;border-radius:4px;background:#0064fa;font-size:12px;color:#fff;text-align:center;cursor:pointer}
.fanwen_panel .case_list:hover .case_masking{z-index:1;opacity:1}
.fanwen_panel .jl_search_null span{display:inline-block;width:240px;height:210px;background:url(../../images/search/jl_search_null.jpg) no-repeat center;background-size:contain}
.fanwen_panel ::-webkit-scrollbar-thumb{background-color:#efefef}
.fanwen_panel ::-webkit-scrollbar-thumb:active,.fanwen_panel ::-webkit-scrollbar-thumb:hover{background-color:#e1e1e1}
.fanwen_panel .case_list .case_title div,.fanwen_panel .case_list .case_title font,.fanwen_panel .case_list .case_title li,.fanwen_panel .case_list .case_title ol,.fanwen_panel .case_list .case_title p,.fanwen_panel .case_list .case_title span,.fanwen_panel .case_list .case_title ul{text-align:initial!important;color:#90a0b8!important;font-size:12px!important}
.fanwen_panel .case_list .case_content div,.fanwen_panel .case_list .case_content font,.fanwen_panel .case_list .case_content li,.fanwen_panel .case_list .case_content ol,.fanwen_panel .case_list .case_content p,.fanwen_panel .case_list .case_content span,.fanwen_panel .case_list .case_content ul{text-align:initial!important;color:#758295!important;font-size:12px!important;word-break:break-all}
.case_bar>:not(.hidden)~.fanwen_null_tips{display:none}
.case_bar .fanwen_null_tips{display:block;position:absolute;top:50%;left:50%;margin-top:-50%;margin-left:-26%;text-align:center;font-size:12px;color:#78879d;line-height:2}
.case_bar .fanwen_null_tips img{margin-bottom:10px}
.fanwen_panel .job_selector .first_filter_bar{width:90px}
.fanwen_panel .job_selector .next_filter_bar .job_contain a{font-size:12px}
.fanwen_panel .job_selector .next_filter_bar .job_class a{margin-right:12px}
.job_name_area{z-index:99;margin-right:3px}
.job_name_area .open_status{position:absolute;top:50%;right:8px;width:20px;height:20px;margin-top:-10px;background:url(../images/Modal-sprite.png?v=9022) no-repeat -600px -424px;cursor:pointer}
.job_name_area .open_status.open_select{margin-top:-12px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.job_name_area .job_selector{display:none;position:absolute;top:42px;left:-1px;width:281px;height:430px;border:1px solid #444e5c;border-radius:2px;background-color:#282f39;overflow:hidden;-webkit-box-shadow:0 6px 16px 0 rgba(0,0,0,.2);-moz-box-shadow:0 6px 16px 0 rgba(0,0,0,.2);-ms-box-shadow:0 6px 16px 0 rgba(0,0,0,.2);box-shadow:0 6px 16px 0 rgba(0,0,0,.2)}
.job_name_area ::-webkit-scrollbar{width:6px}
.job_name_area ::-webkit-scrollbar-thumb{background-color:#efefef}
.job_name_area ::-webkit-scrollbar-thumb:active,.job_name_area ::-webkit-scrollbar-thumb:hover{background-color:#e1e1e1}
.job_selector .first_filter_bar{float:left;width:90px;height:100%;overflow:auto;background-color:transparent}
.job_selector .first_filter_bar a{display:block;line-height:38px;text-indent:1em;font-size:14px;color:#90a0b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.job_selector .first_filter_bar a.checked,.job_selector .first_filter_bar a:hover{color:#0064fa;background-color:#212730}
.job_selector .next_filter_bar{float:right;width:189px;height:428px;background-color:#212730}
.job_selector .next_filter_bar .job_class::-webkit-scrollbar{width:6px;height:8px}
.job_selector .next_filter_bar .job_class::-webkit-scrollbar-track{background-color:transparent}
.job_selector .next_filter_bar .job_class::-webkit-scrollbar-thumb{background-color:#404d60;border-radius:2px;cursor:pointer}
.job_selector .next_filter_bar .job_class::-webkit-scrollbar-thumb:active{background-color:#404d60}
.job_selector .next_filter_bar .job_class{height:428px;margin:0;padding:5px 22px;overflow:auto;font-size:0}
.job_selector .next_filter_bar .job_class a{display:inline-block;margin-right:40px;line-height:30px;font-size:14px;color:#90a0b8;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.job_selector .next_filter_bar .job_class a.checked,.job_selector .next_filter_bar .job_class a:hover{color:#0064fa}
.job_selector .next_filter_bar .job_contain{position:relative;width:100%;height:auto;overflow:hidden}
.job_selector .next_filter_bar .job_contain .job_containlist{display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:15px 0 0 22px;overflow:auto}
.job_selector .next_filter_bar .job_contain a{display:inline-block;padding:5px 8px;margin:0 12px 12px 0;line-height:16px;font-size:14px;color:#9b9b9b;background-color:#f7f7f7;border-radius:4px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.job_selector .next_filter_bar .job_contain a:hover{color:#fff;background-color:#00c091}
.job_selector .next_filter_bar .job_class a:last-of-type{margin-right:0}
.inte-content .job_name_area .job_selector{top:34px;left:0;width:560px;border:none;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);-moz-box-shadow:0 4px 4px rgba(0,0,0,.3);-ms-box-shadow:0 4px 4px rgba(0,0,0,.3);box-shadow:0 4px 4px rgba(0,0,0,.3)}
.inte-content .job_name_area .job_selector .next_filter_bar{width:425px}
.inte-content .job_selector .first_filter_bar a,.inte-content .job_selector .next_filter_bar .job_class a,.inte-content .job_selector .next_filter_bar .job_contain a{font-size:12px}
.inte-content .job_selector .first_filter_bar a.checked,.inte-content .job_selector .first_filter_bar a:hover{color:#00c091;font-weight:700}
.inte-content .job_selector .next_filter_bar .job_class a.checked,.inte-content .job_selector .next_filter_bar .job_class a:hover{color:#00c091;text-decoration:underline}
.fanwen_panel .more_fanwen{position:absolute;bottom:0;left:0;width:320px;height:54px;background-color:#282f39;box-shadow:0 -5px 10px 0 rgba(0,0,0,.2);text-align:center;line-height:54px;z-index:2}
.fanwen_panel .more_fanwen a{display:inline-block;width:114px;height:32px;line-height:32px;background-color:#304b71;border-radius:25px;font-size:12px;color:#c0d9fe}
#change_template_modal .modal-body .template-box{text-align:left;display:flex;display:none;flex-wrap:wrap;justify-content:space-between;padding: 15px 35px 15px 15px;max-height: 100%;overflow:auto;}
#change_template_modal .modal-body .template-box.active{display:-webkit-flex;}
#change_template_modal .modal-header .tags{text-align: center;position: absolute;width: 100%;top: 21px;}
#change_template_modal .modal-header .tags a{display: inline-block;min-width: 68px;height: 34px;line-height: 34px;border-radius: 30px;padding: 0 10px;color: #f5f5f5;margin: 0 8px;border: 1px solid rgb(153 153 153);}
#change_template_modal .modal-header .tags a.active{background:#0064fa;color:#fff;border-color:#0064fa;}
#change_template_modal .modal-header button.close {
    position: absolute;
    top: -58px;
    right: -100px;
    opacity: 1;
}

#change_template_modal .modal-header button.close:hover {
    opacity: 0.8;
}
#change_template_modal .change_template_item_con .change_template_item{float:left;position:relative;-webkit-transition:all .3s;transition:all .3s;overflow:hidden;width:100%;height: 100%;margin-bottom:0;}
#change_template_modal .change_template_item_con .change_template_item img{display:inline-block;width:100%;height:100%;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
#change_template_modal .change_template_item_con .change_template_item dt{position:relative;float:left;width:inherit;height: 100%;text-align:center;background:#fff;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;margin-bottom:0;}
#change_template_modal .change_template_item_con .change_template_item dt span{z-index:2;position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;line-height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;color:#fff;background: rgba(00,00,00,0.5);}
#change_template_modal .change_template_item_con .change_template_item img.vip_icon {display: inline-block;width: 25px;height: 29px;position: absolute;top: 8px;right: 10px;}
#change_template_modal .change_template_item_con .change_template_item dt span>a:hover{opacity:1}
#change_template_modal .change_template_item_con .change_template_item:hover dt span{opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
#change_template_modal .modal-header{position: relative;padding: 15px 0;margin: 0 30px;color:#626a81;font-size:16px;border:none;}
#change_template_modal .modal-header span.title{
    font-size: 24px;
    color: rgb(235 235 235);
}
#change_template_modal .change_template_item_con .change_template_item dt span .chakan{position: absolute;bottom: 30px;left: 50%;width: 160px;height: 40px;border-radius: 6px;background-color: rgb(0, 100, 250);line-height: 40px;margin: -24px 0px 0px -80px;font-size: 16px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255);font-weight: normal;}
#change_template_modal .change_template_item_con .change_template_item:hover dt span .chakan:hover{background-color: #065de0;}
#change_template_modal .change_template_item_con .change_template_item dt span p.title{position:absolute;top: 10px;height: 35px;line-height: 35px;text-align:left;font-size: 12px;font-weight:400;}
#change_template_modal .change_template_item_con .change_template_item dt span p.title>i{font-style:inherit;text-transform: uppercase;}
#change_template_modal .change_template_item_con .change_template_item dt span p.title>i:first-child {
    display: inline-block;
    width: 64px;
    height: 26px;
    line-height: 26px;
    padding-left: 9px;
    background-color: #000;
    border-top-right-radius: 26px;
    border-bottom-right-radius: 25px;
}
#change_template_modal .change_template_item_con .change_template_item dt span p.title>i:last-child{float:right;font-size: 12px;padding-right: 8px;margin-top: -3px;}
#change_template_modal .cover-box p.title,#change_template_modal .letter-box p.title {display: none;}
#change_template_modal .change_template_item_con .change_template_item dt span s{
    width: 55px;
    height: 26px;
    position:absolute;
    right: 20px;
    top: 15px;
    background: url(../images/down_type.png) no-repeat -32px 0;
}
#change_template_modal .change_template_item_con.word .change_template_item dt span s {
    width: 85px;
    background-position: 0 0;
}
.case_modal .modal-dialog{width:1160px;border-radius:6px}
.case_modal .modal-content{width:1160px;height:760px;border-radius:6px;transition:all .3s}
.case_modal .modal-header{height:auto;background-color:#fff;text-align:center;border:none;padding:11px 15px;border-radius:6px;position: relative;
    z-index: 2;}
.case_modal .modal-header>p{line-height:30px;text-align:center}
.case_modal .modal-header .modal-title{margin:26px 0 10px;font-size:24px;color:#565656;font-weight:600}
.case_modal .modal-header>p:nth-child(3){margin-bottom:25px;line-height:20px;font-size:18px;color:#999}
.case_modal .modal-header .close{position:absolute;width:13px;height:13px;top:10px;right:20px}
.case_modal .modal-content:after{content:"";display:block;position:absolute;bottom:0;height:30px;width:100%;z-index:100;background-color:#fff;background:-webkit-linear-gradient(rgba(255,255,255,0),#fff);background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-ms-linear-gradient(rgba(255,255,255,0),#fff)}
.case_modal .modal-body{position:relative;padding:15px 0 0}
.case_modal .modal-content .modal-footer{display:none}
.case_modal .modal-body .setting{height:50px;padding:10px 0;border-bottom:1px solid #e5e5e5;margin:0 40px 10px}
.case_modal .modal-body .setting .title h1{font-size:20px;color:#3f4656;font-weight:700}
.case_modal .modal-body .setting .title span{font-size:14px;font-family:"Microsoft YaHei";color:#9fa6b8}
.case_modal .modal-body .setting .title{position:absolute;left:38px;top:0;width:270px}
.case_modal .searching{position:absolute;top:10px;right:37px;width:270px}
.case_modal .searching input{border:1px solid #dbdbdb;border-radius:2px;line-height:36px;height:36px;padding:0 0 0 35px;width:269px;font-size:12px;border-radius:40px}
.case_modal .searching input:focus{border-color:#0064fa}
.case_modal .searching button{position:absolute;background:url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAMAAAAIRmf1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAn1BMVEW8w87///+8w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w868w87///8zID30AAAAM3RSTlMAACqO1/jWBpT9mAm7+ZE4DJO9leUxMCv8L48H89SSkCwu+i3kogvPwBLjI9j0HMwNmm9uKODAAAAAAWJLR0QB/wIt3gAAAAd0SU1FB+QBDxYRL8ShC1kAAACsSURBVBjTbZDpEoIgFEZxIbQyNQ2XNM1M27fv/d8tQMsZ6/yAjzNzL1wIEeiGSenE0GXWNE2szLKhsKez3rE5nIXrea7vYMk6FyBcEQUPYSkXxZSTnoTGkXQpUvJFHKQz4Q7OhSmdAza4NZwf5yH7U5t3d2wG56OQWxnT5KO2lb1TIUDdP5DXwF5172ZrGjlbm+FwJKM/4CeYZ1UUFZfqmheliLcWdzLm8Xy9AV3yEIOXoH+QAAAAAElFTkSuQmCC) no-repeat;top:10px;left:10px;width:38px;height:34px;line-height:34px;border:none;cursor:pointer}
.case_modal .modal-body .language{margin:0 40px;display:none}
.case_modal .language span{font-size:12px;color:#555;font-weight:600}
.case_modal .language button{width:40px;height:28px;border-radius:4px;cursor:pointer;background-color:#fff;font-size:14px;color:#5f6576}
.case_modal .language button:hover{opacity:.8}
.case_modal .language button.checked{color:#0064fa;border:0}
.case_modal .modal-body .doc_category{margin:0 40px 10px}
.case_modal .doc_category .menu_box .menu_title {
    display: none;
}
.case_modal .doc_category .menu_box {
    display: inline-block;
    width: 1000px;
}
.case_modal .doc_category>span{display:inline-block;height:33px;line-height:33px;font-size:14px;color:#555;font-weight:600;vertical-align:top}
.case_modal .doc_category .nav_li>li{display:inline-block;margin-right:5px;position:relative}
.case_modal .doc_category .nav_li>li.all {
    display: none;
}
.case_modal .doc_category .nav_li>li b {
    display: none;
}
.case_modal .doc_category ul.nav_li{width:calc(100% - 50px);display:inline-block}
.case_modal .doc_category .nav_li>li .hover_children{display:none}
.case_modal .doc_category .nav_li>li .hover_children{display:none;width:465px;height:auto;max-height:600px;overflow-y:auto;border:1px solid #dce1ec;background-color:#fff;box-shadow:0 6px 10px 0 rgba(0,0,0,.18);border-radius:5px;border-top-left-radius:unset;border-top-right-radius:unset;position:absolute;z-index:10;top:31px;left:0;padding:0 20px 20px}
.case_modal .doc_category .nav_li>li .hover_children::-webkit-scrollbar{width:5px;height:5px}
.case_modal .doc_category .nav_li>li .hover_children::-webkit-scrollbar-track{background-color:#fff}
.case_modal .doc_category .nav_li>li .hover_children::-webkit-scrollbar-thumb{background-color:#d3d7e1;border-radius:3px;cursor:pointer}
.case_modal .doc_category .nav_li>li .hover_children::-webkit-scrollbar-thumb:hover{opacity:.8}
.case_modal .doc_category .nav_li>li .hover_children::-webkit-scrollbar-thumb:active{background-color:#d3d7e1}
.case_modal .doc_category .nav_li li:hover .hover_children{display:block}
.case_modal .doc_category .nav_li>li .title{border:1px solid transparent;border-radius:2px;padding:5px 10px 5px;font-size:14px;color:#5f6576;font-weight:700}
.case_modal .doc_category .nav_li>li:hover .title:after{content:'';display:inline-block;width:calc(100% - 2px);height:3px;position:absolute;top:29px;left:1px;z-index:20;background:#fff}
.case_modal .doc_category .nav_li>li:hover .title{border:1px solid #dce1ec;border-bottom-color:transparent;background-color:#fff}
.case_modal .doc_category .nav_li>li .hover_children .tree_2_title{font-weight:700;margin-top:15px}
.case_modal .doc_category .nav_li .hover_children ul.tree_2 li{font-size:14px;color:#757575;display:inline-block;line-height:8px;margin:10px 0 0}
.case_modal .doc_category .nav_li .hover_children ul.tree_2 li:after{content:'';display:inline-block;position:relative;top:1px;border-right:1px solid #c4c4c4;margin:0 10px;height:11px}
.case_modal .doc_category .nav_li .hover_children ul.tree_2 li:first-child{padding-left:0}
.case_modal .doc_category .nav_li .hover_children ul.tree_2 li:last-child{border:none}
.case_modal .zx-con-box{max-height:580px;overflow-y:auto;padding:0 40px}
.case_modal .zx-con-box::-webkit-scrollbar-thumb{cursor:pointer;border-radius:3px;background-color:#d3d7e1}
.case_modal .zx_caselist .list{display:inline-block;width:502px;height:124px;overflow:hidden;padding:20px 20px 15px;transition:box-shadow .4s;-webkit-transition:box-shadow .4s;cursor:pointer;border:1px solid #ecf0fa;border-radius:2px;background-color:#fff;margin:25px 0 0;position:relative}
.case_modal .zx_caselist .list:hover{border-color:#0064fa}
.case_modal .zx_caselist .list:hover a.preview{display:block}
.case_modal .zx_caselist{opacity:1;z-index:120;transition:all .3s;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.case_modal .empty_tips{width:100%;margin-top:130px}
.case_modal .list .img{float:left;width:64px;height:75px}
.case_modal .list .content{float:right;width:calc(100% - 75px);display:inline-block;margin-left:15px}
.case_modal .list .img.preview{width:60px;height:70px;border-radius:4px;background-color:#f0f3f9;text-align:center}
.img.preview:after,.img.preview:before{content:'';margin-top:10px;display:inline-block;width:46px;height:6px;background-color:transparent;border:6px solid #fff;border-left:none;border-right:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.img.preview:before{content:'范文';width:47px;height:6px;line-height:30px;background-color:transparent;font-size:14px;color:#fff;font-weight:700;border-bottom:18px solid #b2d1ff}
.img.preview:after{margin-top:4px}
.case_modal .list .preview{cursor:pointer}
.case_modal .list h2.preview:hover{color:#0064fa}
.case_modal .list .preview:hover{opacity:.8}
.case_modal .list .title{margin:-5px 0 0 0}
.case_modal .list .title h2{display:inline-block;max-width:520px;margin-right:10px;font-size:16px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case_modal .list a.preview{float:right;display:none;position:absolute;top:0;right:0;border-radius:2px;width:72px;height:30px;line-height:30px;text-align:center;background-color:#0064fa;color:#fff;transition:all .4s;-webkit-transition:all .4s;cursor:pointer}
.case_modal .list .title a:hover{background:#0064fa}
.case_modal .list .title span{position:relative;top:-5px;padding:0 4px;background:#ffae8b;color:#fff}
.case_modal .list .text{color:#999;text-align:justify;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.case_modal .list .text p{display:inline;font-size:12px}
.case_modal .zx_case_detail{z-index:2;position:absolute;left:100%;right:0;transition:all .3s;width:100%;opacity:1!important}
.case_modal .zx_case_detail.show{left:0;right:100%;transition:all .3s}
.case_modal .zx_case_detail .return{display:inline-block;margin-left:45px;width:100%;cursor:pointer;font-size:14px;color:#5f6576;text-align:left}
.case_modal .zx_case_detail .return:hover{color:#0064fa}
.case_modal .zx_case_detail .return i{position:relative;top:1.5px;display:inline-block;width:16px;height:13px;background:url(../../common/images/Modal-sprite.png?v=V6950) -247px -368px}
.case_modal .zx_case_detail .return:hover i{background:url(../../common/images/Modal-sprite.png?v=V6950) -268px -368px}
.case_modal .zx_case_detail .select_case:hover{opacity:.8}
.case_modal .zx_case_detail .case_detail{padding:15px 460px 0 60px;margin-top:15px;width:100%;max-height:680px;overflow-y:auto;background-color:transparent}
.case_modal .zx_case_detail .case_detail.noselect{moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.case_modal .case_detail>img{display:inline-block;width:90px;height:90px;border-radius:50%;vertical-align:top;margin-top:8px}
.case_modal .case_detail .info{display:inline-block;margin-left:42px}
.case_modal .case_detail .info span{display:block;height:25px;line-height:25px;font-size:14px;color:#999}
.case_modal .case_detail .modal{position:relative;display:block;margin-top:20px;margin-left:20px}
.case_modal .case_detail .modal>span:first-child{display:inline-block;vertical-align:top;height:30px;line-height:30px;margin-right:56px;color:#464646}
.case_modal .case_detail .modal.time_item>div>span{display:inline-block;margin-right:30px;font-size:14px;color:#464545}
.case_modal .case_detail .modal .content{display:inline-block;width:100%;min-height:30px;line-height:30px;margin-left:0;vertical-align:top;font-size:14px;color:#999;font-weight:500}
.case_modal .case_detail .modal.time_item .content span{margin-left:0}
.case_modal .case_detail .modal.time_item>div{display:inline-block;line-height:30px;width:100%}
.case_modal .case_detail .modal .hover_opt{display:none!important;width:100%;height:100%;position:absolute;top:0;border:1px dashed #0064fa;background-color:rgba(0,100,250,.078)}
.case_modal .case_detail .modal:hover .hover_opt{display:block!important}
.case_modal .case_detail .modal .hover_opt button.use_this_item{position:absolute;top:50%;left:50%;margin-top:-17px;margin-left:-61px;display:inline-block;background-color:#0064fa;width:102px;height:34px;border-radius:25px;text-align:center;line-height:34px;font-size:14px;color:#fff;cursor:pointer}
.case_modal .case_detail .modal .hover_opt button.use_this_item:hover{opacity:1;background-color:rgba(0,100,250,.8)}
.case_modal .case_detail .modal.time_item ul{padding-left:18px}
.case_modal .case_detail .modal.time_item ul li{list-style:disc}
.case_modal .case_info{position:absolute;top:27px;right:50px;width:276px}
.case_modal .case_info h1{font-size:18px;color:#5f6576;font-weight:700;padding-bottom:11px;border-bottom:1px solid #cfd5e2}
.case_modal .case_info .case_desc{font-size:14px;color:#9197a7;line-height:24px;margin:20px 0 90px}
.case_modal .case_info .select_case{display:inline-block;padding:0 5px;background:#0064fa;width:276px;height:50px;line-height:50px;border-radius:4px;background-color:#0064fa;font-size:16px;color:#fff;text-align:center;cursor:pointer}
.case_modal .zx_case_detail .case_detail:after{content:'';position:absolute;top:35px;left:45px;display:inline-block;height:98%;width:calc(100% - 438px);border:2px solid #f1f3f8;background-color:#fdfdfd;z-index:-1}
.case_modal .zx_case_detail .case_detail::-webkit-scrollbar-thumb{cursor:pointer;border-radius:3px;background-color:#d3d7e1}
.smallmodal .change_content_confirm:before{content:"";position:absolute;top:35px;left:16px;display:inline-block;width:40px;height:40px;background:url(../images/tips.jpg) no-repeat 0 0}
.smallmodal .change_content_confirm .modal-header{height:35px}
.smallmodal .change_content_confirm .modal-body{padding:0 0 30px 56px}
.smallmodal .change_content_confirm .tips-title{height:40px;line-height:44px;margin-bottom:0}
.smallmodal .change_content_confirm.tips-modal-content .modal-body{padding:0 20px 30px 70px}
.smallmodal .change_content_confirm .tips_title{display:block;height:34px;line-height:34px;font-size:16px;color:#0064fa}
.change_content_confirm .neverNotfy{position:absolute;bottom:24px;left:15px;z-index:3;display:block;width:77px;height:15px;line-height:15px;color:#919191;cursor:pointer}
.change_content_confirm .neverNotfy>input{opacity:0}
.change_content_confirm .neverNotfy>span{position:absolute;top:0;left:0;padding-left:20px;user-select:none}
.change_content_confirm .neverNotfy>span:after{content:"";position:absolute;top:0;left:0;display:inline-block;width:14px;height:14px;border:1px solid #d4d4d4}
.change_content_confirm .checkedNotfy:checked+span:after{border-color:#0064fa;background:url(../images/Modal-sprite.png?v=V6950) -51px -267px no-repeat}
.resume_main .resume_content{overflow: visible;}
.resume_main .resume_item dl{border:1px dashed transparent}
.resume_main .name_item .name-con{cursor:text}
.resume_main .resume_item:hover dl{border:1px dashed #0064fa}
.resume_main .resume_item.head_item dl{border:none}
.resume_main .hobby_item_list:hover,.resume_main .info_item_list:hover,.resume_main .inte_item_list:hover,.resume_main .name_item div[contenteditable]:hover,.resume_main .resume_item div[contenteditable]:focus,.resume_main .skill_item_list:hover{background-color:rgba(219,224,232,.3);border-radius:2px}
.resume_main .resume_item:not(.editing) .resume_item_list_text:hover,.resume_main .resume_item:not(.editing) .resume_item_list_title:hover,.resume_cover .cover_item_list:hover,.resume_cover_title:hover,.resume_cover_word:hover{background-color:rgba(0,100,250,.1);border-radius:2px}
.resume_main .resume_item.editing{transition:background-color .3s;-webkit-transition:background-color .3s;background-color:inherit;position:relative;z-index:11!important;box-shadow:0 3px 5px 0 rgba(0,0,0,.1)}
.resume_main .school_motto_element.editing{z-index:11!important;}
.resume_main .school_motto_element .resume_item_list_text.editing{transition:background-color .3s;-webkit-transition:background-color .3s;background-color:#fff!important;color:#373737!important;box-shadow:0 3px 5px 0 rgba(0,0,0,.1)}
.base_info_item.editing dl,.resume_item.editing dl{border:1px dashed #0064fa!important}
.resume_main .resume_item.editing dd .resume_item_list_content{background:0 0}
.resume_cover_avatar:hover .cover_avatar_opt,.resume_main .head_item .resume_item_list:hover .img_content_opt{opacity:1}
.resume_cover .resume_cover_info:hover{border:1px dashed #0064fa}
.hobby_item .hobby_item_list a.alifont:hover,.home_item .home-list a.alifont:hover,.info_item .info_defind a.alifont:hover,.resume_main .custom_item a.alifont:hover{cursor:pointer;opacity:.8}
.resume_main .work_list .work-img .span-hover{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.4);top:0;left:0;opacity:0;transition:all .3s}
.resume_main .base_info_item,.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_main .resume_item .resume_item_empty{float:left;position:relative;z-index:2;display:block;height:30px;line-height:30px;width:100%;background-color:#f2f3f8;font-size:14px;color:#b4bccf;text-align:center;cursor:pointer;user-select:none}
.resume_main .resume_item.work_item .resume_item_empty{
    color:#454a50;
    height: 60px;
    background-color:transparent;
}
.resume_main .resume_item.work_item .resume_item_empty span{
    font-weight:bold;
}
.resume_main .resume_item.work_item .resume_item_empty p{
    font-size:12px;
    color:#989ea6;
}
.resume_main .hobby_item_list~.resume_item_empty, .resume_main .skill_item_list~.resume_item_empty{display:none}
.resume_item_empty:hover{color:#666;background:#f0f5fd}
.resume_item_empty .resume_item_empty_opt{height:28px;line-height:28px;text-align:center;text-align-last:center}
.resume_item_empty i{width:25px;height:25px;display:inline-block;position:relative;top:0;font-style:inherit;font-weight:900;font-size:18px}
.resume_item_empty a{color:#989898}
.resume_m2 .resume_item_empty{background-color:inherit;border:1px dashed rgba(214,214,214,.65)}
.resume_main .resume_item div[contenteditable=true]{min-height:20px;cursor:text}
.resume_main .resume_item div[contenteditable=true] span:empty {display: inline-block;}
[data-placeholder]:empty:before{content:attr(data-placeholder);color:inherit;transition:all .4s;cursor:text}
a.alifont:empty:before{content:attr(data-placeholder)}
.resume_item_list span:empty:before{transition:none}
.resume_item_list span:focus:before,div[contenteditable]:focus:before{opacity:.6}
.resume_item_list span:empty:before{color:inherit}
.resume_item_title:empty{opacity:.7}
.resume_main .head_item .avatar_type_edit{position:absolute;top:5px;right:5px;z-index:15;width:24px;height:24px;display:none;cursor:pointer;border-radius:1px;background-color:#0064fa;border:4px solid #0064fa}
.resume_main .avatar_type_selector{position:absolute;top:45px;left:-12px;z-index:3;display:none;width:171px;height:143px;border:1px solid #e5e8f2;border-radius:4px;background-color:#fff;box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.11);font-size:0;padding-top:25px}
.resume_main .avatar_type_selector i.white_up{position:absolute;top:-8px;right:10px;display:inline-block;width:17px;height:8px}
.resume_main .avatar_type_selector .head_hidden{width:100%;height:30px;color:#919cb8;display:block;font-size:12px;margin-top:25px;padding-left:8px}
.resume_main .avatar_type_selector .head_hidden>span{font-size:12px}
.resume_main .avatar_type_selector .head_hidden>a{display:inline-block;vertical-align:top;margin-top:2px;margin-left:5px}
.resume_main .avatar_type_selector .avatar_type_option{display:inline-block;background-color:#fff;margin-left:8px;cursor:pointer}
div.avatar_type_option.check[data-type=round],div.avatar_type_option[data-type=round]:hover{background-position:0 -829px}
div.avatar_type_option.check[data-type=square],div.avatar_type_option[data-type=square]:hover{background-position:0 -891px}
div.avatar_type_option.check[data-type=rectangle],div.avatar_type_option[data-type=rectangle]:hover{background-position:0 -1015px}
.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}
.resume_cover_content .cover_avatar_opt,.resume_main .head_item .resume_item_list .img_content_opt{position:absolute;bottom:0;left: 0;z-index:2;width:100%;height: 100%;background-color: rgb(0,0,0,0.4);color:#fff;text-align:center;cursor:pointer;opacity: 0;}
.resume_cover_content .cover_avatar_opt span, .resume_main .head_item .resume_item_list .img_content_opt span{
    display: inline-block;
    width: 40px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
}
.resume_main .link_list .work_edit,.resume_main .work_list .work_delete,.resume_main .work_list .work_edit{display:none;position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:2px;background-color:#fff;background-position:-210px 2px;text-align:center;padding-top:2px}
.work_list.resume_item_list:hover .work_delete,.work_list.resume_item_list:hover .work_edit{display:block}
.resume_main .link_list .work_delete:hover,.resume_main .link_list .work_edit:hover,.resume_main .work_list .work_delete:hover,.resume_main .work_list .work_edit:hover{background-color:#0064fa}
.resume_main .link_list .work_edit,.resume_main .work_list .work_edit{right:40px}
.resume_main .link_list .work_delete:hover svg path,.resume_main .link_list .work_edit:hover svg path,.resume_main .work_list .work_delete:hover svg path,.resume_main .work_list .work_edit:hover svg path{fill:#fff}
.cover_item_list,.resume_main .base_info_item .info_content .info_item_list,.resume_main .hobby_item .hobby_item_list,.resume_main .skill_item .skill_item_list{position:relative}
.cover_item_list:hover a.delete,.resume_main .hobby_item_list:hover a.delete,.resume_main .info_item_list:hover a.delete,.resume_main .inte_item_list:hover a.delete,.resume_main .name_item div[contenteditable]:focus a.delete,.resume_main .resume_item div[contenteditable]:focus a.delete,.resume_main .resume_item_list_text:hover a.delete,.resume_main .skill_item_list:hover a.delete{display:block}
.cover_item_list a.delete,.resume_main .base_info_item a.delete,.resume_main .hobby_item a.delete,.resume_main .inte_item a.delete,.resume_main .link_list .delete,.resume_main .resume_item_list_text a.delete,.resume_main .skill_item a.delete,.resume_main .work_list .delete{display:none;float:right;position:absolute;right:-7px;top:-7px;width:12px;height:12px;z-index:15;cursor:pointer;border-radius:50%;background-color:#ff5a5a}
.cover_item_list a.delete:after,.resume_main .base_info_item a.delete:after,.resume_main .hobby_item a.delete:after,.resume_main .inte_item a.delete:after,.resume_main .link_list .delete:after,.resume_main .resume_item_list_text a.delete:after,.resume_main .skill_item a.delete:after,.resume_main .work_list .delete:after{content:'';display:inline-block;position:absolute;top:5px;left:2px;width:8px;height:2px;background-color:#fff}
.resume_job_time_tips{position:absolute;width:100%;min-width:87px;height:auto;top:22px;left:0;z-index:20;border:1px solid #c3cadc;border-radius:2px;background-color:#fff;color:#636c82;padding-top:6px}
.resume_job_time_tips li.job_time_tipsitem{display:block;padding:6px 0 6px 8px;text-align:left;text-align-last:left}
.resume_job_time_tips li.job_time_tipsitem:hover{color:#0064fa;background-color:#f0f5fd}
.ui-sortable-helper{transform:initial;width:100%;height:100px!important;background:inherit;overflow:hidden;box-shadow:0 0 8px 0 rgba(0,0,0,.1)}
.ui-sortable-placeholder *{visibility:hidden}
.ui-sortable-placeholder:before{padding-top:24px;content:"放到此处";color:#0064fa;text-align:center;width:100%;font-size:18px;display:block}
.ui-sortable-placeholder{box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1);width:100%;height:80px!important;border:2px dashed #0064fa;background:#fff;visibility:visible!important;transition:top .4s}
.ui-sortable-handle{cursor:move!important}
.ui-sortable-helper dl{height:100px!important;overflow:hidden}
.resume_main .head_item:hover dd{border-color:#0064fa!important}
.resume_main .head_item:hover .avatar_type_edit{display:block!important}
.qrcode_item .ewm-con span.ui-resizable{position:relative;left:0!important;top:0!important}
.ewm-con span.ui-resizable .ui-resizable-handle{position:absolute;z-index:10!important;width:10px;height:10px;border:2px solid #fff;background-color:#0064fa;border-radius:20px;box-shadow:0 0 2px 1px rgba(0,0,0,.5)}
.ui-resizable .ui-resizable-ne{top:4px;right:4px;cursor:ne-resize}
.ui-resizable .ui-resizable-se{bottom:4px;right:4px;cursor:se-resize}
.ui-resizable .ui-resizable-sw{bottom:4px;left:4px;cursor:sw-resize}
.ui-resizable .ui-resizable-nw{top:4px;left:4px;cursor:nw-resize}
#avatar_cropper_modal .modal-content{width:400px;}
#avatar_cropper_modal .modal-content .modal-footer button{width:80px;border-radius:50px;border:none;height:40px;margin-left:15px;cursor:pointer}
#avatar_cropper_modal .modal-content .preview_img .cropper{width:90%;height:90%;margin:3% auto;position:relative}
#avatar_cropper_modal .modal-content .preview_img{width:100%;height:240px;margin:0 auto}
#avatar_cropper_modal .modal-content .preview-btn{color:#575757;border-radius:50px;border:1px solid #ccc;line-height:40px;width:140px;text-align:center;cursor:pointer;margin:15px auto 10px auto}
#avatar_cropper_modal .modal-content .modal-body{padding-bottom:0;padding-top:0;text-align:center}
#avatar_cropper_modal .modal-footer{text-align:center}
#avatar_cropper_modal .modal-content button.button.cancel{background-color:#ededed;color:#8b8b8b}
#avatar_cropper_modal .modal-content button.button.submit{background-color:#0064fa;color:#fff}

#common_cropper_modal .modal-content{width:400px;}
#common_cropper_modal .modal-content .modal-footer button{width:80px;border-radius:50px;border:none;height:40px;margin-left:15px;cursor:pointer}
#common_cropper_modal .modal-content .preview_img .cropper{width:90%;height:90%;margin:3% auto;position:relative}
#common_cropper_modal .modal-content .preview_img{width:100%;height:240px;margin:0 auto}
#common_cropper_modal .modal-content .preview-btn{color:#575757;border-radius:50px;border:1px solid #ccc;line-height:40px;width:140px;text-align:center;cursor:pointer;margin:15px auto 10px auto}
#common_cropper_modal .modal-content .modal-body{padding-bottom:0;padding-top:0;text-align:center}
#common_cropper_modal .modal-footer{text-align:center}
#common_cropper_modal .modal-content button.button.cancel{background-color:#ededed;color:#8b8b8b}
#common_cropper_modal .modal-content button.button.submit{background-color:#0064fa;color:#fff}

#avatar_cover_img_cropper_modal .modal-content{width:400px;}
#avatar_cover_img_cropper_modal .modal-content .modal-footer button{width:80px;border-radius:50px;border:none;height:40px;margin-left:15px;cursor:pointer}
#avatar_cover_img_cropper_modal .modal-content .preview_img .cropper{width:90%;height:90%;margin:3% auto;position:relative}
#avatar_cover_img_cropper_modal .modal-content .preview_img{width:100%;height:240px;margin:0 auto}
#avatar_cover_img_cropper_modal .modal-content .preview-btn{color:#575757;border-radius:50px;border:1px solid #ccc;line-height:40px;width:140px;text-align:center;cursor:pointer;margin:15px auto 10px auto}
#avatar_cover_img_cropper_modal .modal-content .modal-body{padding-bottom:0;padding-top:0;text-align:center}
#avatar_cover_img_cropper_modal .modal-footer{text-align:center}
#avatar_cover_img_cropper_modal .modal-content button.button.cancel{background-color:#ededed;color:#8b8b8b}
#avatar_cover_img_cropper_modal .modal-content button.button.submit{background-color:#0064fa;color:#fff}


.resume_item:hover .resume_item_toolbar{display:block}
.resume_cover_info .resume_item_toolbar{display: none;}
.resume_cover.resume_item .resume_cover_info .resume_item_toolbar,.resume_cover.resume_item:hover .resume_item_toolbar{display: none;}
.resume_cover.resume_item .resume_cover_info:hover .resume_item_toolbar{display:block}
.resume_item .resume_item_toolbar .change_style,#resume_honor.resume_item:hover .resume_item_toolbar .add,#resume_job.resume_item:hover .resume_item_toolbar .add,#resume_school_info.resume_item:hover .resume_item_toolbar .copy,#resume_job.resume_item:hover .resume_item_toolbar .copy,#resume_qrcode.resume_item:hover .resume_item_toolbar .copy #resume_qrcode.resume_item:hover .resume_item_toolbar .add,#resume_summary.resume_item:hover .resume_item_toolbar .add,.base_info_item.resume_item .resume_item_toolbar .handle,.base_info_item.resume_item:hover .resume_item_toolbar .add,.base_info_item.resume_item:hover .resume_item_toolbar .copy,.base_info_item.resume_item:hover .resume_item_toolbar .delete,.head_item.resume_item .resume_item_toolbar .handle,.head_item.resume_item:hover .resume_item_toolbar .add,.head_item.resume_item:hover .resume_item_toolbar .copy,.head_item.resume_item:hover .resume_item_toolbar .delete,.hobby_item.resume_item:hover .resume_item_toolbar .copy,.skill_item.resume_item:hover .resume_item_toolbar .copy,.work_item.resume_item:hover .resume_item_toolbar .copy{display:none}
.resume_item.custom_item:not(.time_item):hover .resume_item_toolbar .add,
.resume_item.head_item .resume_item_toolbar .setting{display:none}
.info_item.resume_item:hover .resume_item_toolbar .change_style,
.inte_item.resume_item:hover .resume_item_toolbar .change_style,
.hobby_item.resume_item:hover .resume_item_toolbar .change_style,
.skill_item.resume_item:hover .resume_item_toolbar .change_style{display:inline-block}
.resume_item .resume_item_toolbar .setting{display:inline-block}
.base_info_item.resume_item .resume_item_toolbar .edit{display:inline-block}
.resume_item_toolbar{position:absolute;top:-26px;right:0;z-index:14;display:none;font-family:"microsoft yahei"!important;height: 36px;min-width: 120px;text-align:right}
.resume_item_toolbar span{float:none!important;display:inline-block;width:24px;height:24px;border-radius:2px;background-color:#0064fa;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;text-align:center}
.resume_item_toolbar span svg{vertical-align:middle}
.resume_item_toolbar span:after{content:"";display:inline-block;position:absolute;width:0;height:100%;vertical-align:middle;overflow:hidden}
.resume_item_toolbar span:hover{opacity:.8}
.resume_item_toolbar span.edit{display:none;float:right}
.resume_item_toolbar .set{position:relative}
.resume_item_toolbar span.change_portfolio_style{display:none;}
.resume_item_toolbar span.change_timeformat_style {display:none;}
.time_item .resume_item_toolbar span.change_timeformat_style {display:inline-block;}
#resume_portfolio .resume_item_toolbar span.change_portfolio_style {display:inline-block;}

.resume_item:not(.school_info_item) .resume_item_list_logo:hover::before {content: "上传"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 66px; text-align: center; color: #ffffff; font-size: 14px; background-color: rgba(0, 0, 0, 0.6);}
.resume_main .resume_fixed_image .resume_fixed_image_content:hover .upload_btn {opacity: 1;}
.resume_main .resume_fixed_image .resume_fixed_image_content .upload_btn {position: absolute; top: 10px; left: 10px; z-index: 2; width: 40px; height: 32px; background: #000000 url("/static/pc/resume/edit/images/camera_icon.png") no-repeat center center; border-radius: 4px; opacity: 0; cursor: pointer; transition: all 0.3s;}
.resume_main .school_motto_element .resume_school_text .resume_item_list_text{cursor: text}
.resume_main .school_motto_element .resume_school_text .resume_item_list_text:hover{outline:1px dashed #0064fa}

.resume_main .resume_item.school_info_item .school_info .school_logo:hover:after{
    content:'上传LOGO';
    position: absolute;
    width: 94px;
    height: 92px;
    line-height: 92px;
    top: -4px;
    left: 0px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: rgba(0, 0, 0,0.8);
    cursor: pointer;
}
.resume_main .resume_item.school_info_item:not(.editing) .resume_item_list_text:hover,
.resume_main .resume_item.school_info_item .school_info .score_info div[contenteditable]:focus{
    background-color:transparent;
}
.resume_main .resume_item.school_info_item:not(.editing) .school_info .score_list .score_info:hover {
    background-color: rgba(0,100,250,.1);
}
.resume_item.school_info_item .resume_item_list:hover .time_item_toolbar{
    display:none;
}

/** 更换样式*/
.change_style_panel {
    display: none;
    position: absolute;
    right: 69px;
    top: 32px;
    width: 369px;
    /* height: 242px; */
    border: 1px solid rgb(207, 214, 230);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
    z-index: 2;
    border-radius: 4px;
}
.change_style_panel.timeformat_style_panel {
    height:auto;
    width: 240px;
}
.change_style_panel.portfolio_style_panel {
    width:292px;
    height: 350px;
}
.resume_item .resume_item_toolbar .change_style.showPanel~.change_style_panel,
.resume_item .resume_item_toolbar .change_portfolio_style.showPanel~.portfolio_style_panel,
.resume_item .resume_item_toolbar .change_timeformat_style.showPanel~.timeformat_style_panel {
    display: block;
}
.change_portfolio_style~.portfolio_style_panel{
    right: 41px;
}
.resume_m2 .change_style_panel {
    left: 22px;
}
.resume_m2 .hobby_style_panel.change_style_panel,.resume_m2 .skill_style_panel.change_style_panel {
    left: 39px;
}
.change_style_panel .style_info {
    position: relative;
    z-index: 10;
    padding: 10px;
    height: 94%;
}
.change_style_panel .style_info_title{
    text-align: left;
    color: #3c4045;
    border-bottom: 1px solid #ced5df;
    line-height: 30px;
    margin: 0 0 19px 0;
}
.change_style_panel:before{content:"";position:absolute;top: -5px;right: 16px;height: 14px;width: 18px;font-size:0;line-height:0;border: 1px solid rgb(207, 214, 230);background: #ffffff;transform: rotate(50deg);z-index: 5;}
.change_style_panel:after{content:"";position:absolute;top: 0px;right: 8px;height: 13px;width: 28px;font-size:0;line-height:0;border: none;background: #ffffff;z-index: 5;}
.resume_m2 .change_style_panel:before {
    left: 21px;
}

.change_style_panel ul li {
    display: block;
    position: relative;
    width: 100%;
    height: 65px;
    border-radius: 2px;
    background-color: rgb(249, 249, 249);
    margin-bottom: 10px;
    padding: 10px;
    cursor: pointer;
}
.change_style_panel ul li:hover,.change_style_panel ul li.selected{
    background: #eff5ff;
}

.change_style_panel ul li.selected:after {content: '';display: inline-block;width: 20px;height: 17px;position: absolute;top: 11px;right: 20px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAABNElEQVQ4ja3TvSuGURzG8c9ze1tQkolBBhlMShaTvKRYLCKDZCPZLF7+BqXsymJRhDJK6pmsBjsyo5QY7kPH8TyPvFzL3e/q3N9zzu9cv4L5Z/+gdVRho/qPoAybWAz17V+AtdjBZOQN/RZYj30MRl4RM78BtuAIvZF3jXE8ZsFowFZYXEntOE9g9xgNXxk6cIEFHKKxDKw7wDoj7zGc7PrdyOSN7Q51n7w3tQmsH2dojbwXTMl796EMS4jDOIA9ea5gDKdoSjZZwUF6jSo9azd4wnDkd6ENzdhFXfLfNlZTGBTCpBRwgpFSixIdYEJ+5S96f+VXzOLuG1hR3reSsBgIt5gL8FL6yFqlHbOkPpbPZqpPWfsJkPz1LqP6S9Z+CnzGNB6UyVollZvlKyyjRomsVdIbQr48//rBmHEAAAAASUVORK5CYII=);}
.portfolio_style_panel.change_style_panel ul li.selected:before{
    background-color:rgb(0 0 0 / 63%);
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
.portfolio_style_panel.change_style_panel ul li.selected:after {
    top:50%;
    right:50%;
    margin: -20px -20px 0 0;
    background: url("/static/pc/main/images/right1.png");
    width: 40px;
    height: 40px;
}
.portfolio_style_panel.change_style_panel ul li.selected:hover span{
    display:none;
}
.hobby_style_panel.change_style_panel ul li.selected:after, .skill_style_panel.change_style_panel ul li.selected:after{display:none}
.change_style_panel ul li>p {
    background: url(/static/pc/resume/edit/images/info.png);
    background-position: -6px -6px;
    width: 100%;
    height: 100%;
}

.change_style_panel ul li.style_02>p {
    background-position: -6px -78px;
}

.change_style_panel ul li.style_03>p {
    background-position: -6px -152px;
}
/*作品展示更好样式*/
.change_style_panel.portfolio_style_panel ul li>p {
    background: url(/static/pc/resume/edit/images/portfolio.png) no-repeat;
    background-position: 0 -7px;
    width: 100%;
    height: 100%;
}
.change_style_panel.portfolio_style_panel ul li{

    background: #fff;
}
.change_style_panel.portfolio_style_panel ul li.style_01{
    height: 160px;
    padding: 0;
}
.change_style_panel.portfolio_style_panel ul li.style_02{
    height: 78px;
    padding: 0;
}
.change_style_panel.portfolio_style_panel ul li.style_03{
    height: 50px;
    padding: 0;
}
.change_style_panel.portfolio_style_panel ul li.style_02>p {
    background-position: 0 -179px;
}

.change_style_panel.portfolio_style_panel ul li.style_03>p {
    background-position: 0 -266px;
}
.change_style_panel.portfolio_style_panel ul li:hover span{
    display: flex;
}
.portfolio_style_panel ul li span:hover{
    opacity: 1;
}
.portfolio_style_panel ul li span{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    opacity: 1;
}
.portfolio_style_panel ul li span i{
    width: 64px;
    height: 26px;
    line-height: 26px;
    border-radius: 40px;
    color: #fff;
    background-color: #0064fa;
    font-size: 12px;
    display: inline-block;
}
.timeformat_style_panel.change_style_panel li{
    height:auto;
    padding: 0;
    text-align: left;
    display: flex;
    background: none;
    align-items:center;
}
.timeformat_style_panel.change_style_panel li.checked span{
    border-color:#0064fa;
    background:url(../images/timeformat_right.png) no-repeat center;
}
.timeformat_style_panel.change_style_panel li span{
    border: 1px solid #b9bfc8;
    background-color:#fff;
    margin:0 10px 0 0;
    width: 18px;
    height: 18px;
    transition: none;
}
.timeformat_style_panel.change_style_panel li p,.timeformat_style_panel.change_style_panel li:hover{
    background:none;
}
/** 求职意向*/
.job_style_panel.change_style_panel {
    width: 279px;
    height: 168px;
}

.job_style_panel.change_style_panel ul li>p {
    background: url(/static/pc/resume/edit/images/jobs.png);
    background-position: -12px -12px;
}

.job_style_panel.change_style_panel ul li.style_02>p {
    background-position: -12px -83px;
}

.skill_style_panel.change_style_panel {
    width: 192px;
    height: 402px;
    right: 14px;
}

.skill_style_panel.change_style_panel ul li {
    width: 100%;
    padding: 2px;
    height: auto;
}

.skill_style_panel.change_style_panel ul li>p {
    background: url(/static/pc/resume/edit/images/skill.png?v=123123);
    background-position: -4px -2px;
    width: 100%;
    height: 40px;
}

.skill_style_panel.change_style_panel ul li.style_02>p {
    background-position: -4px -54px;
}
.skill_style_panel.change_style_panel ul li.style_03>p {
    background-position: -3px -107px;
}
.skill_style_panel.change_style_panel ul li.style_04>p {
    background-position: -4px -167px;
}
.skill_style_panel.change_style_panel ul li.style_05>p {
    background-position: -4px -227px;
}
.skill_style_panel.change_style_panel ul li.style_06>p {
    background-position: 50px -282px;
    background-repeat: no-repeat;
    height: 90px;
    background-color: inherit;
}
.skill_style_panel.change_style_panel ul li.style_06>p:after {content: '';display: inline-block;background-color: inherit;height: 90px;width: 27px;}
.hobby_style_panel.change_style_panel {
    width: 301px;
    height: 247px;
    right: 14px;
}

.hobby_style_panel.change_style_panel ul li {
    width: 88px;
    height: 93px;
    display: inline-block;
    padding: 5px 8px;
    float: left;
    margin-left: 4px;
    margin-top: 7px;
}

.hobby_style_panel.change_style_panel ul li>p {
    width: 100%;
    background: url(/static/pc/resume/edit/images/hobbys_style.png);
    background-position: 0px -7px;
}

.hobby_style_panel.change_style_panel ul li.style_02>p {
    background-position: -88px -6px;
}
.hobby_style_panel.change_style_panel ul li.style_03>p {
    background-position: -184px -6px;
}
.hobby_style_panel.change_style_panel ul li.style_04>p {
    background-position: -276px -6px;
}
.hobby_style_panel.change_style_panel ul li.style_05>p {
    background-position: 0px -116px;
}
.hobby_style_panel.change_style_panel ul li.style_06>p {
    background-position: -88px -119px;
}
.hobby_style_panel.change_style_panel ul li.style_07>p {
    background-position: -194px -110px;
}
.sort_info{position:relative;width:150px;border:1px solid #cfd6e6;background-color:#fff;box-shadow:0 5px 5px 0 rgba(23,23,23,.1)}
.sort_info:before{content:"";position:absolute;top:-10px;right:2px;height:10px;width:16px;font-size:0;line-height:0;border-width:10px;border-color:#f5f5f5;border-top-width:0;border-style:dashed;border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent}
.sort_info h1{padding-left:20px;border-bottom:1px solid #cfd6e6;font-size:14px;line-height:2.571;color:#5b6169;text-align:left}
.sort_info li{padding-left:20px;font-size:14px;color:#5b6169;height:35px;line-height:35px;text-align:left}
.sort_info li span{background:0 0;width:auto;height:inherit;line-height:inherit;float:left;vertical-align:middle;max-width: 80px; overflow: hidden;}
.sort_info li a{display:none;width:17px;height:18px;line-height:18px;border-radius:4px;background-color:#0064fa;text-align:center;float:right;vertical-align:middle;margin-top:10px;margin-right:6px}
.sort_info li a.sort_down{background-color:#92a9cd}
.sort_info li:hover{background-color:#eef5ff}
.sort_info li:hover a{display:inline-block}
.resume_item_setting_panel{position:relative;top:10px;right:-2px;width:178px;height:auto;border:1px solid #cfd6e6;border-radius:5px;background-color:#fff;box-shadow:0 5px 5px 0 rgba(56,56,56,.1);text-align:left;padding:11px 13px}
.resume_item_setting_panel:before{display:inline-block;content:"";position:absolute;top:-8px;right:9px;height:14px;width:14px;font-size:0;line-height:0;border:1px solid #cfd6e6;background:#fff;transform:rotate(45deg);border-right:none;border-bottom:none}
.resume_item_setting_panel .setting_content .setting_item{font-size:14px;color:#5b6169;height:32px;line-height:32px}
.resume_item:not(.time_item) .resume_item_setting_panel .setting_content .setting_item.hidden_min_word,.resume_item:not(.time_item) .resume_item_setting_panel .setting_content .setting_item.hidden_text,.resume_item:not(.time_item) .resume_item_setting_panel .setting_content .setting_item.hidden_time,.resume_item:not(.time_item) .resume_item_setting_panel .setting_content .setting_item.hidden_logo{display:none}
.resume_item.name_item .resume_item_setting_panel .setting_content .setting_item.hidden_title,
.resume_item.name_item .resume_item_setting_panel .setting_content .setting_item.delete_item,
.resume_item.name_item .resume_item_setting_panel .setting_content .setting_item.hidden_min_word~.setting_br{display:none}
.resume_item.name_item .resume_item_setting_panel .setting_content .setting_item.hidden_min_word{display:block}
.resume_item.school_info_item  .resume_item_setting_panel .setting_content .setting_item.hidden_logo{display:block}
.resume_item_setting_panel .setting_content .setting_item s{display:inline-block;width:24px;height:24px;border:1px solid #cfd6e6;border-radius:2px;background-color:#fff;float:right;margin-top:4px;cursor:pointer;line-height:24px;text-align:center}
.resume_item_setting_panel .setting_content .setting_item s.choosed{background-color:#0064fa;border-color:#0064fa}
.resume_item_setting_panel .setting_content .setting_item s:hover{border-color:#0064fa}
.resume_item_setting_panel .setting_content .setting_item s.choosed svg,.resume_item_setting_panel .setting_content .setting_item s:hover svg{display:inline-block}
.setting_content .setting_item s svg{display:none}
.resume_item_setting_panel .setting_br{height:1px;background-color:#dae0ee;margin:10px 0}
.resume_item_setting_panel .setting_content .setting_item.delete_item a{position:static;display:inline-block;width:46px;height:28px;border:1px solid #ff4c4c;background-color:#fff;float:right;font-size:12px;color:#ff4c4c;line-height:28px;border-radius:25px;text-align:center}
.resume_item .time_item_toolbar{display:none;position:absolute;border-radius:1px;background-color:#e5effd;width:30px;height:80px;box-shadow:-3px 3px 4px 0 rgba(0,0,0,.3);z-index:10;left:-30px;top:0}
.resume_m3 .resume_item.first_item_show .resume_item_toolbar{top:0}
#resume_honor.resume_item .time_item_toolbar,#resume_summary.resume_item .time_item_toolbar{display:none}

.resume_item .time_item_toolbar a{display:block;width:100%;height:25px;text-align:center;padding-top:8px}
.resume_item .time_item_toolbar a:hover{opacity:.8}
.resume_item .resume_item_list:first-child:nth-last-child(1) .time_item_toolbar .delete{display:none}
.resume_item .resume_item_list:first-child:nth-last-child(1) .time_item_toolbar{height:55px}
.resume_item .resume_item_list:first-of-type .time_item_toolbar .up{cursor:no-drop}
.resume_item .resume_item_list:first-of-type .time_item_toolbar .up svg path{fill:#98a8d1}
.resume_item .resume_item_list:last-of-type .time_item_toolbar .down{cursor:no-drop}
.resume_item .resume_item_list:last-of-type .time_item_toolbar .down svg path{fill:#98a8d1}
.resume_item .resume_item_list:hover .time_item_toolbar{display:block}
.resume_item .time_item_toolbar a.delete{background-position:-50px 7px;display:block;position:static;margin:0;background-color:transparent;width:inherit;height:25px}
.resume_item .time_item_toolbar a.delete:hover{background-color:transparent}

.custom_edit_area.editing{z-index: 11 !important;}
.custom_edit_area .opt_toolbar{position: absolute;width: 115px;right: -1px;top: -26px;display:none;}
.custom_edit_area:hover .opt_toolbar,
.custom_edit_area:hover .toolbar {display:block;}
.custom_edit_area .toolbar{z-index: 999;display:none;font-family:"microsoft yahei"!important;height:35px;min-width:90px;text-align:right;}
.custom_edit_area .toolbar span{float:none!important;display:inline-block;width:24px;height:24px;border-radius:2px;background-color:#0064fa;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;text-align:center}
.custom_edit_area .toolbar span svg{vertical-align:middle}
.custom_edit_area .toolbar span:after{content:"";display:inline-block;position:absolute;width:0;height:100%;vertical-align:middle;overflow:hidden}
.custom_edit_area .toolbar span:hover{opacity:0.8}
.custom_edit_area.ui-resizable .ui-resizable-handle{position:absolute;z-index:10 !important;width: 10pt;height: 10pt;}
.custom_edit_area.ui-resizable .ui-resizable-ne{top:2px; right:2px; cursor: ne-resize;}
.custom_edit_area.ui-resizable .ui-resizable-se{bottom:2px; right:2px; cursor: se-resize;}
.custom_edit_area.ui-resizable .ui-resizable-sw{bottom:2px; left:2px; cursor: sw-resize;}
.custom_edit_area.ui-resizable .ui-resizable-nw{top:2px; left:2px; cursor: nw-resize;}
.custom_edit_area.ui-resizable{position:absolute}
.custom_edit_area.ui-resizable .ui-resizable-handle{position:absolute;font-size:.1px;display:block}
.custom_edit_area.ui-resizable .ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}
.custom_edit_area.ui-resizable .ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}
.custom_edit_area.ui-resizable .ui-resizable-s{cursor:s-resize;height: 8px;width:100%;bottom: -4px;left: 0px;background-color: transparent;border: none;}
.custom_edit_area.ui-resizable .ui-resizable-e{cursor:e-resize;width: 8px;right: -4px;top: 0px;height:100%;background-color: transparent;border: none;}
.custom_edit_area.ui-resizable .ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.custom_edit_area.ui-resizable:hover .ui-resizable-se{cursor:se-resize;width: 10pt;height: 10pt;right: -3px;bottom: -3px;border-radius: 50%;background: #0064fa;border: 2px solid #fff;box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);}
.custom_edit_area.ui-resizable .ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.custom_edit_area.ui-resizable .ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}
.custom_edit_area.ui-resizable .ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.custom_edit_area:hover .custom_text_area,.custom_edit_area .custom_text_area:focus{outline: 2px dashed #0064fa;}
.custom_edit_area.custom_image_item:hover{outline: 2px dashed #0064fa;}


.menu_toolbar{position:fixed;top:0;width:100%;z-index: 99;background-color:#292f38;font-size:0;}
.menu_toolbar .menu_toolbar_content{height:54px;width:1110px;margin:0 auto;padding:15px 0}
.menu_toolbar .menu_li>a,.menu_toolbar .menu_li>button{position:relative;display:inline-block;width:30px;height:30px;padding:0;border:none;background:transparent url(../images/rich_text_toolbar.png)}
.menu_toolbar .menu_li{position:relative;display:inline-block;padding:8px;font-size:0;vertical-align:top;border-radius:1px;margin-right:20px;cursor:pointer;background-color:transparent;opacity:1!important}
.menu_toolbar .menu_li:not(.separator):hover{background-color:#0064fa}
.menu_toolbar .menu_li>a.font,.menu_toolbar .menu_li>a.font_size{background:0 0;font-size:12px;color:#fff;width:68px;height:13px;line-height:13px}
.menu_toolbar .menu_li.font_li .font_list{display:none;position:absolute;top:36px;left:1px;width:84px;height:241px;border:1px solid #dde1eb;border-radius:2px;font-size:14px;background-color:#fff;-webkit-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);-moz-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);-ms-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);padding-top:4px}
.menu_toolbar .menu_li.font_li .font_list::before{content:"";position:absolute;top:-10px;left:30px;width:16px;font-size:0;line-height:0;border-width:10px;border-color:#f5f5f5;border-top-width:0;border-style:dashed;border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent}
.menu_toolbar .menu_li.font_li .font_list li{width:83px;height:28px;line-height:28px;text-align:left;font-size:12px;cursor:pointer;padding:0 0 0 15px}
.menu_toolbar .menu_li.font_li .font_list li.checked,.menu_toolbar .menu_li.font_li .font_list li:hover{background-color:#eef2fa;color:#0064fa}
.menu_toolbar .menu_li.font_li:before{content:'';display:inline-block;border:4px solid transparent;border-top:4px solid #fff;position:absolute;top:13px;right:7px}
.menu_toolbar .menu_li>a.font_size{width:46px}
.menu_toolbar .menu_li.font_size_li:before{content:'';display:inline-block;border:4px solid transparent;border-top:4px solid #fff;position:absolute;top:14px;right:6px}
.menu_toolbar .menu_li.font_size_li .font_size_list{display:none;position:absolute;top:36px;left:-2px;width:66px;height:308px;border:1px solid #dde1eb;border-radius:2px;font-size:14px;background-color:#fff;padding-top:5px;-webkit-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);-moz-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);-ms-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08)}
.menu_toolbar .menu_li.font_size_li .font_size_list::before{content:"";position:absolute;top:-10px;left:23px;width:16px;font-size:0;line-height:0;border-width:10px;border-color:#f5f5f5;border-top-width:0;border-style:dashed;border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent}
.menu_toolbar .menu_li.font_size_li .font_size_list li{width:100%;line-height:28px;text-align:left;padding-left:24px;font-size:12px;cursor:pointer;color:#525c6a}
.menu_toolbar .menu_li.font_size_li .font_size_list li.checked,.menu_toolbar .menu_li.font_size_li .font_size_list li:hover{background-color:rgba(0,100,250,.102);color:#0064fa}
.menu_toolbar .menu_li .italic{height:12px;width:8px;background-position:0 0}
.menu_toolbar .menu_li .bold{height:12px;width:8px;background-position:0 -12px}
.menu_toolbar .menu_li .underline{height:12px;width:9px;background-position:0 -24px}
.menu_toolbar .menu_li a.linke { height: 15px;width: 15px;background-position: -3px 23px;}
.menu_toolbar .menu_li .align_center{height:10px;width:11px;background-position:0 -36px}
.menu_toolbar .menu_li .align_right{height:10px;width:11px;background-position:0 -46px}
.menu_toolbar .menu_li .align_left{height:10px;width:11px;background-position:0 -56px}
.menu_toolbar .menu_li .align_justify{height:10px;width:11px;background-position:-9px -142px}
.menu_toolbar .menu_li .outdent{height:11px;width:12px;background-position:0 -66px}
.menu_toolbar .menu_li .indent{height:11px;width:12px;background-position:0 -77px}
.menu_toolbar .menu_li .unorder_list{height:12px;width:13px;background-position:0 -88px}
.menu_toolbar .menu_li .order_list{height:12px;width:13px;background-position:0 -100px}
.menu_toolbar .menu_li .line_height{width:35px;margin-left:6px;height:10px;width:24px;background-position:0 -124px}
.menu_toolbar .menu_li .font_color{position:relative;height:12px;width:21px;background-position:0 -112px;vertical-align:top}
.menu_toolbar .menu_li .font_color:after,.menu_toolbar .menu_li .font_color:before{content:'';display:inline-block;width:35px;height:35px}
.menu_toolbar .menu_li.separator{background-color:#16191e;width:1px;height:20px;padding:0;margin-top:4px}
.menu_toolbar .font_color_list{display:none;position:absolute;top:36px;left:-15px;padding:60px 20px 20px;width:238px;font-size:14px;overflow:initial;-webkit-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);-moz-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);-ms-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);border:1px solid #dde1eb;border-radius:3px;background-color:#fff}
.menu_toolbar .font_color_list::before{content:"";position:absolute;top:-10px;left:20px;height:10px;width:16px;font-size:0;line-height:0;border-width:10px;border-color:#f5f5f5;border-top-width:0;border-style:dashed;border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent}
.menu_toolbar .font_color_list .clear_color{position:absolute;top:15px;height:30px;width:50px;text-align:left}
.menu_toolbar .font_color_list .clear_color span{display:inline-block;font-size:12px}
.menu_toolbar .font_color_list .clear_color span.checkbox{width:15px;height:15px;border:1px solid #b0b3c2;border-radius:4px;vertical-align:middle;line-height:15px;color:#fff;display:inline-block;position:relative}
.menu_toolbar .font_color_list .clear_color span.tips{height:15px;vertical-align:middle;line-height:15px}
.menu_toolbar .font_color_list .clear_color span.checkbox.checked{border:1px solid #0064fa;color:#0064fa}
.menu_toolbar .font_color_list .clear_color span.checkbox a:hover,.menu_toolbar .font_color_list .clear_color span.checkbox.checked a{display:block;position:absolute;left:1px;top:0;font-size:12px}
.menu_toolbar .font_color_list .color_type{position:absolute;top:15px;right:18px;display:inline-block;width:92px;height:30px;border:1px solid rgba(64,74,90,.26);border-radius:4px;font-size:12px;color:#383c42;background:#fff;z-index:2}
#colorpicker{position:relative;display:inline-block;vertical-align:top;width:160px;height:150px;margin-right:15px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#color_picker_point{position:absolute;width:10px;height:10px;border-radius:50%;border:1px solid #fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#color_picker_slider{position:relative;display:inline-block;vertical-align:top;width:10px;height:150px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#color_picker_slider_bar{height:150px;border-radius:4px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#color_picker_slider_ponit{position:absolute;top:0;left:-2px;width:14px;height:14px;border-radius:50%;cursor:pointer;background-color:#fff;box-shadow:2px 2px 3px rgba(0,0,0,.2);border:solid 1px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.menu_toolbar .font_color_list .color_type_list{width:92px;height:62px;border:1px solid rgba(64,74,90,.26);border-radius:4px;background:#fff;padding:5px 0;display:none}
.menu_toolbar .font_color_list .color_type p.color_type_name{font-size:12px;color:#383c42;line-height:29px;text-align:left;padding-left:10px;position:relative}
.menu_toolbar .font_color_list .color_type p.color_type_name:after{content:'';display:inline-block;border:6px solid transparent;border-top:6px solid #bdc5d0;position:absolute;top:12px;right:5px}
.menu_toolbar .font_color_list .color_type_list li:hover{color:#0064fa}
.menu_toolbar .font_color_list .color_type_list li{height:23px;line-height:25px;text-align:left;padding-left:10px}
.menu_toolbar .font_color_list .color_type:hover{border-color:#0064fa}
.menu_toolbar .font_color_list .color_type:hover p.color_type_name{color:#0064fa}
.menu_toolbar .font_color_list .color_type:hover p.color_type_name:after{border-top-color:#0064fa}
.menu_toolbar .font_color_list .other_color{font-size:0;overflow:hidden;text-align:justify;text-align-last:justify}
.menu_toolbar .font_color_list .other_color i{display:inline-block;position:relative;width:22px;height:22px;margin:0 5px 5px 0;border-radius:50%;vertical-align:top;cursor:pointer;border:1px solid #d8d8d8}
.menu_toolbar .font_color_list .other_color i:nth-of-type(1){background-color:#d8d8d8}
.menu_toolbar .font_color_list .other_color i:nth-of-type(2){background-color:#bfbfbf}
.menu_toolbar .font_color_list .other_color i:nth-of-type(3){background-color:#a6a6a6}
.menu_toolbar .font_color_list .other_color i:nth-of-type(4){background-color:#7f7f7f}
.menu_toolbar .font_color_list .other_color i:nth-of-type(5){background-color:#595959}
.menu_toolbar .font_color_list .other_color i:nth-of-type(6){background-color:#404040}
.menu_toolbar .font_color_list .other_color i:nth-of-type(7){margin-right:0;background-color:#262626}
.menu_toolbar .font_color_list .other_color i:nth-of-type(8){background-color:#0d0d0d}
.menu_toolbar .font_color_list .other_color i:nth-of-type(9){background-color:#000}
.menu_toolbar .font_color_list .other_color i:nth-of-type(10){background-color:#69cc41}
.menu_toolbar .font_color_list .other_color i:nth-of-type(11){background-color:#37b754}
.menu_toolbar .font_color_list .other_color i:nth-of-type(12){background-color:#d4ba38}
.menu_toolbar .font_color_list .other_color i:nth-of-type(13){background-color:#ff7171}
.menu_toolbar .font_color_list .other_color i:nth-of-type(14){margin-right:0;background-color:#ee7000}
.menu_toolbar .font_color_list .other_color i:nth-of-type(15){background-color:#da180f}
.menu_toolbar .font_color_list .other_color i:nth-of-type(16){background-color:#9d57ca}
.menu_toolbar .font_color_list .other_color i:nth-of-type(17){background-color:#5974d4}
.menu_toolbar .font_color_list .other_color i:nth-of-type(18){background-color:#589bf7}
.menu_toolbar .font_color_list .other_color i:nth-of-type(19){background-color:#0b70bd}
.menu_toolbar .font_color_list .other_color i:nth-of-type(20){background-color:#048bb3}
.menu_toolbar .font_color_list .other_color i:nth-of-type(21){margin-right:0;background-color:#254665}
.menu_toolbar .font_color_list .other_color i:nth-of-type(22){background-color:#a29177}
.menu_toolbar .font_color_list .other_color i:nth-of-type(23){background-color:#6b4b24}
.menu_toolbar .font_color_list .other_color i:nth-of-type(24){background-color:#0b70be}
.menu_toolbar .font_color_list .other_color i:nth-of-type(25){background-color:#599cf7}
.menu_toolbar .font_color_list .other_color i:nth-of-type(26){background-color:#ff7170}
.menu_toolbar .font_color_list .other_color i:nth-of-type(27){background-color:#37b854}
.menu_toolbar .font_color_list .other_color i:nth-of-type(28){margin-right:0;background-color:#fff}
.menu_toolbar .font_color_list .other_color i:nth-of-type(28).selected:after{color:#0064fa}
.menu_toolbar .font_color_list .default_color i.selected:after,.menu_toolbar .font_color_list .other_color i.selected:after{content:"\2714";position:absolute;top:0;left:3px;color:#fff;display:inline-block;font-family:alifont;height:100%;font-size:15px}
.menu_toolbar .line_height_list{display:none;position:absolute;top:36px;left:-17px;width:78px;height:342px;border:1px solid #dde1eb;border-radius:2px;font-size:14px;background-color:#fff;-webkit-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);-moz-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);-ms-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08);box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.08)}
.menu_toolbar .line_height_list::before{content:"";position:absolute;top:-10px;left:26px;width:16px;font-size:0;line-height:0;border-width:10px;border-color:#f5f5f5;border-top-width:0;border-style:dashed;border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent}
.menu_toolbar .line_height_list li{width:100%;line-height:28px;text-align:center;font-size:12px;cursor:pointer}
.menu_toolbar .line_height_list li.checked,.menu_toolbar .line_height_list li:hover{background-color:#eef2fa}
.line_height_li span.checkbox{position:absolute;display:inline-block;width:13px;height:13px;top:3px;left:9px;border:1px solid #b0b3c2;border-radius:3px;vertical-align:middle;line-height:15px;color:#fff}
.line_height_li li.checked span.checkbox{background-color:#0064fa;opacity:.502;border-color:#0064fa}
.line_height_li span.checkbox a.alifont:hover{color:inherit}
.line_height_li span.checkbox a.alifont{position:absolute;top:0;left:-4px}
.menu_toolbar .line_height_list li[data-value="1.5"]{margin-top:5px;padding-left:5px}

.rich_text_link {position:absolute; top:0; left:0; z-index:123; width:300px; height:70px; padding:5px 8px; font-size:12px; color:#444; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.4); border-radius: 2px;}
.rich_text_link_item + .rich_text_link_item {margin-top:5px;}
.rich_text_link_item span {display:inline-block; line-height: 25px; margin-right: 5px;}
.rich_text_link_item input {display: inline-block; width:220px; height:25px; padding:0 3px; line-height:23px; border:1px solid #ccc; font-size:12px; color:#666;}
.resume_main [contenteditable] a.selected {background: rgba(0,100,250,0.1);}

#base_info_modal .modal-header button.close{color:#fff;font-size:16px;text-shadow:none}
#base_info_modal .modal-content{width:620px;height:auto}
#base_info_modal .modal-header{background-color:#0064fa;color:#fff;font-size:14px;height:40px;padding:10px 15px;    border-top-left-radius: 4px; border-top-right-radius: 4px;}
#base_info_modal .modal-body{padding:25px 20px}
#base_info_modal .modal-item{display:inline-block;width:265px;position:relative;float:left;font-size:0}
#base_info_modal .item-title{display:inline-block;width:51px;height:34px;line-height:34px;padding-right:10px;text-indent:1px;font-size:14px;color:#7583a6;position:relative;text-align:right}
#base_info_modal .item-content{display:inline-block;vertical-align:top;border:1px solid #c3cadc;border-radius:4px;background-color:#fff;width:214px;height:40px;margin-bottom:20px;cursor:pointer;position:relative}
#base_info_modal .item-content.error{border:1px solid red!important}
#base_info_modal .item-content input{border:none;font-size:14px;line-height:35px;padding-left:10px;width:98%}
#base_info_modal .item-content input:focus{padding-left:10px}
#base_info_modal .item-title i.require{color:red;font-style:inherit;vertical-align:middle;padding-right:5px}
#base_info_modal .item-content.bSelect:before{content:" ";position:absolute;top:16px;right:8px;border:5px solid;border-color:#a3a9ba transparent transparent transparent;height:5px;width:8px;z-index:99;cursor:pointer}
#base_info_modal .item-content>span{display:inline-block;font-size:14px;vertical-align:middle;line-height:40px;padding-left:10px;cursor:pointer}
#base_info_modal .item-content.bSelect>span:empty:before{content:attr(data-placeholder);color:#cfd5e4}
#base_info_modal .item-content ul.select{width:100%;max-height:174px;position:absolute;top:29px;left:-1px;background-color:#fff;border:1px solid #e6e6e6;border-radius:2px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:none;opacity:0;z-index:-1;overflow-x:hidden;overflow-y:auto}
#base_info_modal .item-content.bSelect[data-selected=true] ul.select{display:block;opacity:1;z-index:500}
#base_info_modal .item-content.bSelect .select>li{height:24px;line-height:24px;padding-left:10px;font-size:12px;color:#595959;list-style:none}
#base_info_modal .item-content.bSelect .select>li:hover{background-color:#f4f4f4;color:#0064fa}
#base_info_modal .item-content.bSelect .select>li.selected{color:#0064fa;background-color:#f4f4f4}
#base_info_modal .more_msg .tip{display:inline-block;width:100%;font-size:12px;color:#a7b1c1;text-align:left;margin:10px 0 30px}
#base_info_modal .more_msg .tip:after,#base_info_modal .more_msg .tip:before{content:'';display:inline-block;border-bottom:1px solid #d7dceb;height:1px;width:155px;margin-right:10px;vertical-align:middle}
#base_info_modal .custom_msg{color:#758193;font-size:14px}
#base_info_modal .custom_msg .custom_msg_title i{display:inline-block;width:20px;height:20px;border-radius:50%;background-color:#0064fa;opacity:.502;border:3.5px solid #0064fa;vertical-align:middle;margin-right:9px;cursor:pointer}
#base_info_modal .custom_msg .custom_msg_title{margin-bottom:10px}
#base_info_modal .custom_msg .custom_msg_item{margin-bottom:10px}
#base_info_modal .custom_msg .custom_msg_item input[name=custom_msg_name]{width:164px;height:40px;border:1px solid #c3cadc;border-radius:4px;margin-right:5px;padding-left:10px}
#base_info_modal .custom_msg .custom_msg_item input[name=custom_msg_val]{width:404px;height:40px;border:1px solid #c3cadc;border-radius:4px;padding-left:10px}
#base_info_modal .modal-item:nth-child(odd){margin-right:40px}
#base_info_modal .modal-footer button.submit{border-radius:4px;background-color:#0064fa;width:70px;height:35px;border:none;color:#fff;margin-right:20px}
#base_info_modal .modal-footer button.cancel{border-radius:4px;background-color:#e3e8f4;width:70px;height:35px;color:#5b6782;border:none;margin-right:20px}
#base_info_modal .modal-footer{border:none;padding:0;margin-bottom:20px}
#base_info_modal input::-webkit-input-placeholder{color:#cfd5e4}
#base_info_modal input::-moz-placeholder{color:#cfd5e4}
#base_info_modal input::-ms-input-placeholder{color:#cfd5e4}
.simple_desc_modal .modal-content{border-radius:6px;width:450px;min-height:536px}
.simple_desc_modal .modal-header{border:none;padding:10px 32px 10px}
.simple_desc_modal .modal-header .close{display:none}
.simple_desc_modal .modal-header span.title{font-size:24px;color:#353535;font-weight:700}
.simple_desc_modal a.change_list{font-size:14px;color:#0064fa;position:absolute;right:35px;top:-38px}
.simple_desc_modal .simple_list{position:relative;width:384px;min-height:42px;border:1px solid #c8d2e0;border-radius:4px;background-color:#fff;padding:5px 15px;margin-bottom:7px;cursor:pointer;font-size:12px;color:#505864;display:flex;display:-webkit-flex;align-items:center}
.simple_desc_modal .simple_list:hover{border-color:#0064fa}
.simple_desc_modal .simple_list:hover a.choose{display:flex;display:-webkit-flex}
.simple_desc_modal .simple_list a.choose:hover{background-color:#3383fb;opacity:1}
.simple_desc_modal .simple_list a.choose{display:none;width:60px;height:100%;background-color:#0064fa;position:absolute;top:0;right:0;text-align:center;font-size:0;color:#fff;border-top-right-radius:4px;border-bottom-right-radius:4px;align-items:center;justify-content:center}
.simple_desc_modal .simple_list a.choose:before{content:'应用';font-size:14px;display:inline-block}
.simple_desc_modal .modal-body{padding:0 32px 21px}
.simple_desc_modal .custome_input{position:relative}
.simple_desc_modal .custome_input h3{font-size:12px;color:#505864;font-weight:700;margin:15px 0 5px}
.simple_desc_modal .custome_input .input_simple_desc{width:384px;height:126px;border:1px solid #acb9cc;border-radius:4px;background-color:#fff;resize:none;padding:8px}
.simple_desc_modal .custome_input .input_simple_desc div[contenteditable]{height:103px;overflow:scroll}
.simple_desc_modal .custome_input .input_tips{position:absolute;bottom:7px;right:8px;width:50px;height:12px;line-height:12px;font-size:12px;color:#8c97a8;text-align:right}
.simple_desc_modal .modal-footer{border:none;padding:0 32px;text-align:center;margin-bottom:20px}
.simple_desc_modal .modal-footer button{width:104px;height:40px;border-radius:4px;border:none;font-size:14px;font-weight:700}
.simple_desc_modal .modal-footer button.cancel_btn{background-color:#c1cee1;color:#fff;margin-right:10px}
.simple_desc_modal .modal-footer button.ok_btn{background-color:#0064fa}
.modal .tag_content{margin-bottom:30px}
.tag_content .modal-body{padding:20px}
.tag_content .modal-body .add-title{margin-bottom:10px;font-size:12px;color:#959baa}
.tag_content .tag_defined{margin-bottom:20px;font-size:0}
.tag_content .tag_defined .tag_defined_input{display:inline-block;width:489px;height:44px;border:1px solid #dee3ef;border-radius:4px;line-height:44px;margin-right:9px;text-indent:.5em;font-size:14px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.tag_content .tag_defined .tag_defined_input:hover{border:solid 1px #0064fa}
.tag_content .tag_defined .tag_defined_btn{display:inline-block;width:80px;height:40px;background-color:#e3e8f4;border:none;border-radius:4px;text-align:center;line-height:34px;font-size:14px;color:#586177;cursor:pointer}
.tag_content .tag_defined .tag_defined_btn:hover{background-color:#0064fa;color:#fff}
.tag_content .tag_defined .tag_defined_btn:active{-webkit-box-shadow:inset 0 0 8px 4px rgba(0,0,0,.1);-moz-box-shadow:inset 0 0 8px 4px rgba(0,0,0,.1);box-shadow:inset 0 0 8px 4px rgba(0,0,0,.1)}
.tag_content .tag_list{margin-bottom:25px}
.tag_content .list_title{display:block;text-align:left;margin-bottom:8px;font-size:14px;color:#414a60}
.tag_content .list_body{padding:10px 8px;width:582px;height:182px;border:1px solid #dee3ef;border-radius:4px;background-color:#fff;overflow-y:auto}
.tag_content .list_body::-webkit-scrollbar{width:6px;border:none}
.tag_content .list_body::-webkit-scrollbar-track{background-color:transparent}
.tag_content .list_body::-webkit-scrollbar-thumb{width:6px;height:60px;background-color:#e3e3e3;border-radius:6px}
.tag_content .list_body a.checked,.tag_content .list_body a.checked:hover{background-color:#0064fa;color:#fff;border:none}
.tag_content .list_body a:hover{color:#0064fa}
.tag_content .list_body a{display:inline-block;padding:4px 8px;margin:0 10px 8px;font-size:12px;color:#666;border-radius:50px;border:1px solid #eee}
.tag_content .choosedtag{float:none;position:relative;width:100%;margin:0}
.tag_content .choosedtag .item-length{font-size:12px;color:#ccc}
#skills_modal .modal-header{background-color:#0064fa;color:#fff;border:none;height:40px;padding:10px 15px;border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}
#skills_modal button.close{display:inline-block;color:#fff;opacity:.502;font-size:16px;font-weight:400;vertical-align:middle}
#skills_modal button.close:hover{opacity:1;color:#fff}
#skills_modal .modal-content .choosedtag .item-title{font-size:14px;color:#414a60}
#skills_modal .modal-content .choosedtag .item-content{position:relative;width: 100%;height: 50px;line-height:1;cursor: move;    margin-top: 10px;}
#skills_modal .modal-content .choosedtag .item-content:last-child{margin-bottom:5px}
#skills_modal .modal-content .choosedtag .item-content>a.up,#skills_modal .modal-content .choosedtag .item-content>a.down {
    display: inline-block;
    position: absolute;
    top: 21px;
    right: 73px;
    background-color: #619ffd;
    width: 23px;
    height: 22px;
    border-radius: 4px;
    padding: 4px 5px;
}

#skills_modal .modal-content .choosedtag .item-content>a.up {
    right: 41px;
}
#skills_modal .modal-content .item-content .removeChoose{display:inline-block;position: absolute;top: 21px;right: -4px;padding: 4px 5px;background-color: rgb(253, 166, 166);width: 23px;height: 22px;border-radius: 4px;}
#skills_modal .modal-content .choosedtag .item-content>a.up:hover, #skills_modal .modal-content .choosedtag .item-content>a.down:hover{
    background: #0064fa;
    opacity: 1;
}

#skills_modal .modal-content .item-content .removeChoose:hover {
    background: #ff8585;
    opacity: 1;
}
#skills_modal .modal-content .choosedtag .item-content:first-child>a.up,#skills_modal .modal-content .choosedtag .item-content:last-child>a.down {
    background: #c9c9c9;
    cursor: not-allowed;
}
#skills_modal .modal-content .item-content .item-skill-name{display:inline-block;height:26px;line-height:26px;padding:0 12px;color:#a3acc1;border-radius:13px;font-size:14px;vertical-align:middle;cursor: text;}
#skills_modal .modal-content .item-content .skill-drag-bar{display: block;position:relative;cursor:pointer;border-radius:4px;width: 420px;height: 8px;background-color: rgb(241, 241, 241);}
#skills_modal .modal-content .skill-drag-bar:before{position:absolute;display:inline-block;content:'';height:8px;border-radius:4px;background-color: #3d8afe;}
#skills_modal .modal-content .skill-drag-bar[data-level=average]:before{width:10%}
#skills_modal .modal-content .skill-drag-bar[data-level=good]:before{width:33%}
#skills_modal .modal-content .skill-drag-bar[data-level=advanced]:before{width:65%}
#skills_modal .modal-content .skill-drag-bar[data-level=expert]:before{width:97%}
#skills_modal .modal-content .item-content .skill-drag-mark{position:absolute;left:0;top:-6px;cursor:pointer;width: 22px;height: 22px;border-radius: 50%;background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(227,232,244) 100%);background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(227,232,244) 100%);background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(227,232,244) 100%);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);}
#skills_modal .modal-content .skill-drag-bar[data-level=average] .skill-drag-mark{left:10%}
#skills_modal .modal-content .skill-drag-bar[data-level=good] .skill-drag-mark{left:32%}
#skills_modal .modal-content .skill-drag-bar[data-level=advanced] .skill-drag-mark{left:64%}
#skills_modal .modal-content .skill-drag-bar[data-level=expert] .skill-drag-mark{left:96%}
#skills_modal .modal-content .item-content .skill-drag-mark.show-title,#skills_modal .modal-content .item-content .skill-drag-mark:hover{background:#0064fa linear-gradient(to bottom,#046aff,#0064fa);box-shadow:0 3px 3px rgba(0,0,0,.13)}
#skills_modal .modal-content .item-content .skill-drag-mark.show-title{transition:none}
#skills_modal .modal-content .item-content .skill-drag-mark.show-title::before{content:attr(level-text);position:absolute;top:-28px;left:8px;width:auto;padding:0 4px;line-height:1.8;text-align:center;border-radius:4px;white-space:nowrap;background-color:rgba(0,0,0,.7);color:#fff;transform:translateX(-50%)}
#skills_modal .modal-content .item-content .skill-drag-level{position:absolute;top: 21px;right: 115px;color:#70a4f5;font-size: 14px;color: rgb(59, 61, 65);}
#skills_modal .modal-content{width:620px;height:auto;border-radius:6px}
#skills_modal .modal-content .item-content .removeChoose i{display:block;width:8px;height:2px;background-color:#fff}
#skills_modal .modal-footer{border:none;padding:0;margin:10px 0 25px;text-align: center;}
#skills_modal .modal-footer button.submit{border-radius:4px;background-color:#0064fa;width:70px;height:35px;border:none;color:#fff;margin-right:20px}
#skills_modal .modal-footer button.cancel{border-radius:4px;background-color:#e3e8f4;width:70px;height:35px;color:#5b6782;border:none;margin-right:20px}
#skills_modal .modal-footer button:hover{opacity:.8}
#hobbys_modal .modal-header{background-color:#0064fa;color:#fff;border:none;height:40px;padding:10px 15px}
#hobbys_modal button.close{display:inline-block;color:#fff;opacity:.502;font-size:16px;font-weight:400;vertical-align:middle}
#hobbys_modal button.close:hover{opacity:1;color:#fff}
#hobbys_modal .modal-content{width:620px;height:auto;border-radius:6px}
#hobbys_modal .modal-content .list_body{height:150px}
#hobbys_modal .modal-content .list_body a{display:inline-block;padding:4px 8px;margin:0 10px 8px;font-size:12px;color:#666;border-radius:50px;border:solid 1px #d0d0d0}
#hobbys_modal .modal-content .list_body a::before{content:"+";display:inline-block;position:relative;top:-1px}
#hobbys_modal .tag_content .list_body a.checked,#hobbys_modal .tag_content .list_body a:hover{background-color:#0064fa;color:#fff;border-color:#0064fa}
#hobbys_modal .modal-content .choosedtag .item-title,#hobbys_modal .modal-contentt .choosedtag .item-title{margin-bottom:15px;font-size:14px;color:#414a60}
#hobbys_modal .modal-content .choosedtag .item-content,#hobbys_modal .modal-contentt .choosedtag .item-content{display:inline-block;width:auto;height:30px;line-height:30px;margin-bottom:13px;position:relative;margin-right:20px}
#hobbys_modal .modal-content .choosedtag .item-content>span,#hobbys_modal .modal-contentt .choosedtag .item-content>span{display:inline-block;height:26px;line-height:26px;margin-left:5px;padding:0 12px;background-color:#7fb1fc;border-radius:13px;font-size:12px;color:#fff;vertical-align:middle}
#hobbys_modal .modal-content .item-content .removeChoose{display:inline-block;position:relative;width:16px;height:16px;border-radius:50%;background-color:#d1d6e3;padding:7px 4px;vertical-align:middle}
#hobbys_modal .modal-content .item-content .removeChoose:hover{background-color:#ff8080}
#hobbys_modal .modal-content .item-content .removeChoose i{display:block;width:8px;height:2px;background-color:#fff}
#hobbys_modal .modal-content .list_bodydDefind:hover{background-position:-5px -296px}
#hobbys_modal .modal-footer{border:none;padding:0;margin:20px 0 25px}
#hobbys_modal .modal-footer button.submit{border-radius:4px;background-color:#0064fa;width:70px;height:35px;border:none;color:#fff;margin-right:20px;margin-left:15px}
#hobbys_modal .modal-footer button.cancel{border-radius:4px;background-color:#e3e8f4;width:70px;height:35px;color:#5b6782;border:none;margin-right:0}
#hobbys_modal .modal-footer button:hover{opacity:.8}
#ali_font_icon_modal .modal-header{background-color:#0064fa;color:#fff;border:none;border-top-left-radius:5px;border-top-right-radius:5px;height:40px;padding:10px 15px}
#ali_font_icon_modal button.close{display:inline-block;color:#fff;opacity:.502;font-size:16px;font-weight:400;vertical-align:middle}
#ali_font_icon_modal button.close:hover{opacity:1;color:#fff}
#ali_font_icon_modal .modal-body{padding-right:0}
#ali_font_icon_modal .modal-content{width:620px;height:auto;border-radius:6px;width:620px;height:500px}
#ali_font_icon_modal .modal-content .icon-operate{padding:0 20px}
#ali_font_icon_modal .modal-content .icon-operate .icon-typebtn{float:left;margin-top:7px;margin-right:30px;line-height:1.6;font-size:12px;font-weight:700;color:#919191}
#ali_font_icon_modal .modal-content .icon-operate .icon-typebtn.current,#ali_font_icon_modal .modal-content .icon-operate .icon-typebtn:hover{color:#0064fa;border-bottom:2px solid #0064fa}
#ali_font_icon_modal .modal-content .icon-search{float:right;position:relative;width:270px}
#ali_font_icon_modal .modal-content .icon-search span{display:inline-block;height:14px;width:14px;position:absolute;top:10px;left:10px;border:2px solid #ccd2e2;border-radius:50%}
#ali_font_icon_modal .modal-content .icon-search i{display:inline-block;height:4px;position:absolute;top:23px;left:22px;border:1px solid #ccd2e2;transform:rotate(-36deg);-ms-transform:rotate(-36deg);-moz-transform:rotate(-36deg);-webkit-transform:rotate(-36deg);-o-transform:rotate(-36deg)}
#ali_font_icon_modal .modal-content .icon-search input{display:block;padding:0 20px 0 30px;width:100%;height:35px;line-height:35px;border:1px solid #ddd;color:#ccc;border-radius:20px;text-indent:.5em}
#ali_font_icon_modal .modal-content .icon-search:hover input{color:#454545;border:1px solid #0064fa}
#ali_font_icon_modal .modal-content .icon-search:hover i,#ali_font_icon_modal .modal-content .icon-search:hover span{color:#0064fa;border-color:#0064fa}
#ali_font_icon_modal .modal-content .icon-search .close_x {
    position: absolute;
    right: 15px;
    top: 6px;
    display: none;
    cursor: pointer;
}
#ali_font_icon_modal .modal-content .icon-search:hover .close_x{
    display: inline-block;
}
#ali_font_icon_modal .modal-content .icon-search .close_x:hover svg path {
    fill:rgb(0,100,250);
    display: inline-block;
}
#ali_font_icon_modal .modal-content .icon-list{position:relative;padding:16px 0 16px 15px}
#ali_font_icon_modal .modal-content .icon-list ul{position:relative;height:378px;overflow-y:auto;overflow-x:hidden}
#ali_font_icon_modal .modal-content .icon-list li{float:left;cursor:pointer;width:28px;height:28px;text-align:center;color:#666;margin-bottom:20px;margin-right:20px}
#ali_font_icon_modal .modal-content .icon-list li:nth-child(12n){margin-right:0}
#ali_font_icon_modal .modal-content .icon-list a{display:inline-block;width:28px;height:28px;line-height:28px;color:#989898;font-size:24px}
#ali_font_icon_modal .modal-content .icon-list svg.icon{width:28px;height:28px}
#ali_font_icon_modal .modal-content .icon-list a:hover{color:#0064fa}
#ali_font_icon_modal .modal-content .icon-list li p{display:none;font-size:12px}
#ali_font_icon_modal .modal-content .icon-list li.empty{position:absolute;top:-16px;left:50%;padding-top:220px;margin:0 0 0 -120px;width:240px;height:240px;text-align:center;font-size:12px;color:#c3c3c3;background:url(../../common/images/search_empty.png) no-repeat}
#ali_font_icon_modal .modal-content .icon-list ul::-webkit-scrollbar{width:6px;height:8px}
#ali_font_icon_modal .modal-content .icon-list ul::-webkit-scrollbar-track{background-color:#fff}
#ali_font_icon_modal .modal-content .icon-list ul::-webkit-scrollbar-thumb{background-color:#dfe3ee;border-radius:2px;cursor:pointer}
#ali_font_icon_modal .modal-content .icon-list ul::-webkit-scrollbar-thumb:hover{opacity:.8}
#ali_font_icon_modal .modal-content .icon-list ul::-webkit-scrollbar-thumb:active{background-color:#dfe3ee}
#ali_font_icon_modal .empty_tips_opt_area {
    display: inline-block;
    width: 155px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#ali_font_icon_modal .empty_tips_opt_area img {
    width: 100%;
}
#ali_font_icon_modal li.show~.empty_tips_opt_area {
    display: none;
}
#portfolio_cropper_modal .modal-header{background-color: #ffffff;color: #000;border:none;height: 50px;padding: 20px 30px;border-radius:6px 6px 0 0;font-size: 18px;font-weight: bold;}
#portfolio_cropper_modal button.close{display:inline-block;color: #9da2a9;font-size:16px;font-weight:400;vertical-align:middle;opacity: 1;margin-right: 4px;}
#portfolio_cropper_modal button.close svg path{fill:rgba(157,162,169);opacity:1;}
#portfolio_cropper_modal button.close:hover{opacity:1;color:#fff}
#portfolio_cropper_modal .modal-content{width:620px;height:500px;border-radius:6px;background:0 0}
#portfolio_cropper_modal .modal-content .modal-footer button{width:80px;border-radius:50px;border:none;height:40px;margin-left:15px;cursor:pointer}
#portfolio_cropper_modal .modal-content .cropper-modal.cropper-crop{background-color:#232222;opacity: 0.52;}
#portfolio_cropper_modal .modal-content .preview_img .cropper{position:relative;width:100%;height:100%}
#portfolio_cropper_modal .modal-content .cropper-bg{background:#000;}
#portfolio_cropper_modal .modal-content .preview_img{position:relative;height:330px;margin:0 auto;overflow:hidden;}
#portfolio_cropper_modal .modal-content .preview-btn{color:#575757;border-radius:50px;border:1px solid #ccc;line-height:40px;width:140px;text-align:center;cursor:pointer;margin:15px auto 10px auto}
#portfolio_cropper_modal .modal-content .modal-body{text-align:center;padding: 30px;background:#fff;}
#portfolio_cropper_modal .modal-content button.button.cancel{background-color:#ededed;color:#8b8b8b;float:right}
#portfolio_cropper_modal .modal-content button.button.submit{background-color:#0064fa;color:#fff;float:right;margin-right:0}
#portfolio_cropper_modal .modal-footer{border:none;padding: 11px 30px 20px;position:relative;background:#fff;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;display: flex;justify-content: start;text-align: left;align-items: center;}
#portfolio_cropper_modal .modal-footer button.submit{border-radius:4px;background-color:#0064fa;min-width: 106px;height: 46px;border:none;color:#fff;margin-right:20px;}
#portfolio_cropper_modal .modal-footer button.cancel{border-radius:4px;background-color:#e3e8f4;width:70px;height:35px;color:#5b6782;border:none;margin-right:0}
#portfolio_cropper_modal .modal-footer button:hover{opacity:.8}
#portfolio_cropper_modal .modal-content .modal-footer a.addImage{margin-left: 40px;text-decoration:underline;color:#4e545d;}
#portfolio_cropper_modal .modal-content .modal-footer a.addImage:hover{}
#portfolio_cropper_modal .aspectratio_select{
    position:relative;
    width:90px;
    min-width: 90px;
}
#portfolio_cropper_modal .aspectratio_select .select_head{

    width: 100%;

    height: 46px;

    border: 1px solid #b2b6be;

    border-radius: 4px;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;
}
#portfolio_cropper_modal .aspectratio_select .select_head i{
    margin:0 3px;
}
#portfolio_cropper_modal .aspectratio_select.show .select_list{
    display:block;
}
#portfolio_cropper_modal .aspectratio_select .select_list{
    background-color:#fff;
    position:absolute;
    width:100%;
    border-radius:4px;
    box-shadow:0px 0px 8px 0px rgba(0,0,0,.1);
    bottom:46px;
    padding: 6px 0;
    display:none;
}
#portfolio_cropper_modal .aspectratio_select .select_list li{
    padding:5px 10px;
    cursor:pointer;
    font-size: 14px;
}
#portfolio_cropper_modal .aspectratio_select .select_list li.checked{
    color:#2c7ffb;
}
#portfolio_cropper_modal .aspectratio_select .select_list li:hover{
    background-color:#dbe9ff;
    color:#2c7ffb;
}
.preview-frame{min-height:1160px;}
.preview_up_vip{
    position:fixed;
    bottom: 26px;
    left: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 194px;
    height: 40px;
    margin-left: -97px;
    font-size: 14px;
    font-weight: 700;
    color: #a87019;
    background: #fff2df;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 6%);
    cursor: pointer;
    z-index:999999999;
}
.preview-frame .layui-layer-title{
    display:none;
}
.preview-frame.isvip .layui-layer-resize{display: none;}
.preview-frame.isnovip .layui-layer-resize{display: none;}
.preview-frame .layui-layer-setwin .layui-layer-close1{border-radius:50%;background:#0064fa;position:absolute;left:-9px;top:-34px;width:30px;height:30px;z-index:443}
.preview-frame .layui-layer-setwin .layui-layer-close1:after{display:block;margin:5px 8px;content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAj0lEQVQokZ2S0Q2AMAhEqTqEOq5raCdzmPNDaJAcfNiEpIF7QCkCQNRWd69s6Mxx4D0ngCmBmsahehEAO76nqzCCPeg2C15FAgZ23/aUCCq/+NaY8M7ACGcJKMhgATCTirf6pYLZcHzllsEMZG8eCSqwA1gSf/Mw+2cbDhviZTDbsLii5Yb93m2zPYGiDd0D2ob7PW0T6X0AAAAASUVORK5CYII=);color:#fff;width:15px;height:15px;font-size:20px;font-weight:700}
.preview-frame .layui-layer-setwin .layui-layer-close1:hover{background:#6098ec;opacity:1}
.not_singin_tips{position:fixed;bottom:0;width:100%;height:62px;background-color:rgba(0,100,250,.9);z-index:99;text-align:center}
.not_singin_tips span{font-size:16px;color:#fff;line-height:62px}
.not_singin_tips a{display:inline-block;width:80px;height:36px;border-radius:18px;background-color:#fff;line-height:36px;margin-left:15px;font-size:18px;font-family:SourceHanSansCN;color:#0064fa}
.not_singin_tips a:hover{opacity:.9}
.page_tips{position:absolute;left:0;top:1150px;border:1px solid rgba(111,127,151,.26);border-radius:12px;background-color:#fff;box-shadow:-12.958px 13.896px 8px 0 rgba(0,0,0,.16);width: 110px;height: 120px;z-index:10;}
.page_tips .tips_content a.play_tips:before{content:'';display:inline-block;position:absolute;left:-17px;top:3px;width:14px;height:14px;border-radius:50%;background-color:#0064fa}
.page_tips .tips_content a.play_tips:after{content:'';display:inline-block;position:absolute;left:-11px;top:6px;border:4px solid transparent;border-left:4px solid #fff}
.page_tips .tips_content{position:relative}
.page_tips .tips_content img{position:absolute;top: 80px;left: -42px;}
.page_tips .tips_content a.close_x{position:absolute;right: -7px;top: -7px;display: inline-block;width: 20px;height: 20px;background: #fff;text-align: center;line-height: 20px;border-radius: 50%;}
.page_tips .tips_content .text_tips{padding: 10px 18px;font-size:12px;color:#6b7480;line-height:1.5;text-align: left;}
.page_tips .tips_content a.play_tips{position:absolute;right: 14px;bottom: -15px;font-size:12px;color:#0064fa;}

.resume_translate_panel .modal-dialog{
    width: 1160px;
    height: 630px;
}
.resume_translate_panel .modal-content {
    width: 1160px;
    height: 630px;
    border-radius: 6px;
    background: url(//file.100chui.com/files/upload/image/202101/0c0c1852-c314-47f1-9cfb-87c3ed20c512.png);
    border: none;
}

.resume_translate_panel .modal-header {
    border: none;
    padding: 15px 15px 15px 30px;
    margin-bottom: 30px;
}
.resume_translate_panel .modal-header .title{
    font-size: 25px;
    font-family: "Microsoft YaHei";
    color: rgb(30, 30, 30);
    font-weight: bold;
}
.resume_translate_panel .modal-header .close{}
.resume_translate_panel .modal-body {
    padding: 15px 30px;
}

.resume_translate_panel .modal-footer {
    border: none;
    text-align: center;
}

.resume_translate_panel .modal-footer button.ok_btn {
    width: 170px;
    height: 50px;
    border-radius: 4px;
    background-color: rgb(0, 100, 250);
    border: none !important;
    font-weight: bold;
    font-size: 16px;
    outline: none !important;
}

.resume_translate_panel .modal-body .hd {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    position: relative;
}
.resume_translate_panel .modal-body .hd:first-child{
    margin-right: 34px;
}
.resume_translate_panel .modal-body .hd:first-child>span {
    float: left;
}
.resume_translate_panel .modal-body .hd>span {
    display: inline-block;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #000;
    float: right;
    margin-bottom: 5px;
}
.resume_translate_panel .modal-body .hd>textarea {
    width: 100%;
    height: 328px;
    border: 1px solid rgb(235, 235, 235);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 13px 0px rgba(83, 83, 83, 0.06);
    display: block;
    margin-top: 8px;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    color: rgb(158, 165, 175);
    padding: 10px 10px 10px 15px;
    resize:none;
}

.resume_translate_panel .modal-body .hd .cd {
    display: inline-block;
    margin-left: 13px;
    float: right;
}
.resume_translate_panel .modal-body .tips1,.resume_translate_panel .modal-body .tips2 {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb(123, 129, 137);
    text-align: center;
}
.resume_translate_panel .modal-body .translate_copy{
    width: 50px;
    height:40px;
    display:inline-block;
    position:absolute;
    background:url(/static/pc/main/images/translate_copy.jpg) no-repeat center;
    bottom:0;
    cursor: pointer;
}
.resume_translate_panel .modal-body  .translate_tips {
    margin-top: 12px;
}
/** 操作历史*/
.history_body {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(22, 25, 30);
    z-index: 999;
}
.history_body .top_bar {
    width: 100%;
    height: 46px;
    background-color: rgb(55, 65, 78);
    line-height: 46px;
    padding: 0px 20px;
}
.history_body .top_bar span.title {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
}
.history_body .top_bar>a {
    display: inline-block;
    width: 70px;
    height: 32px;
    margin-top: 7px;
    background-color: rgb(0, 100, 250);
    border-radius: 25px;
    text-align: center;
    line-height: 32px;
    float: right;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
    font-weight: bold;
}
.history_body .left_list {
    display: inline-block;
    width: 290px;
    height: 100%;
    background-color: rgb(40, 47, 57);
    vertical-align: top;
    overflow-y: auto;
    padding-bottom: 70px;
}
.history_body .left_list .histroy_list {
    padding: 15px 0px;
}
.history_body .left_list .histroy_list .list_title {
    position: relative;
    width: 100px;
    display: inline-block;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
    font-weight: bold;
    padding-left: 25px;
    cursor: pointer;
}
.history_body .left_list .histroy_list.tree_li:not(.drawUp) .list_title:before{
    content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    top: 8px;
    left: 10px;
}
.history_body .left_list .histroy_list.tree_li.drawUp .list_title:after{
    content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-left: 6px solid #fff;
    position: absolute;
    top: 5px;
    left: 15px;
}
.history_body .left_list .histroy_list.tree_li.drawUp ul{
    display:none;
}
.history_body .left_list .histroy_list li {
    padding: 10px 0px 10px 38px;
    position: relative;
    cursor: pointer;
}
.history_body .left_list .histroy_list li span.opt_time {
    display: block;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    color: rgba(255, 255, 255, 0.502);
}
.history_body .left_list .histroy_list li span.opt_desc {
    color: #ffffff;
    font-size: 14px;
}
.history_body .left_list .histroy_list li i {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb(73, 146, 255);
}
.history_body .left_list .histroy_list li.choosed,.history_body .left_list .histroy_list li:hover {
    background-color: rgba(255, 255, 255,0.102);
}
.history_body .left_list .histroy_list li:hover .reset_btn{
    display: inline-block;
}
.history_body .left_list .histroy_list li .reset_btn {
    display: none;
    position: absolute;
    right: 20px;
    top: 13px;
    font-size: 12px;
    color: rgb(255, 255, 255);
    cursor: pointer;
}
.history_body .left_list .histroy_list li .reset_btn:hover, .left_list .histroy_list li .reset_btn:hover svg path {
    opacity: 0.8;
}
.history_body .frame_resume {
    position:relative;
    display: inline-block;
    width: calc(100% - 295px);
    text-align: center;
    padding-top: 30px;
}
.history_body .frame_resume iframe#preview_resume_histroy_frame {
    min-height: 912px;
    width: 820px;
}

/*v2.2.0*/
/*排版设置*/
.resume_style_manager_panel.show{
    left: 60px;
}
.resume_style_manager_panel .item_list .color .style_title{
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}
.resume_style_manager_panel .default_color_div .default_color_btn{
    display:flex;
    align-items:center;
}
.resume_style_manager_panel .default_color_div .default_color_btn s{
    position:relative;
    width:27px;
    height:16px;
    border-radius:16px;
    background-color:#c6c6c6;
    margin-left:5px;
}
.resume_style_manager_panel .default_color_div .default_color_btn s:after{
    position:absolute;
    content:"";
    width:12px;
    height:12px;
    border-radius:12px;
    background-color:#fff;
    left:2px;
    top:2px;
    box-shadow: 0px 3px 0px 0px rgb(0 0 0 / 20%);
}
.resume_style_manager_panel .default_color_div .default_color_btn.checked s{
    background-color:#0064fa;
}
.resume_style_manager_panel .default_color_div .default_color_btn.checked s:after{
    left:12px;
}
.resume_style_manager_panel .item_list .color ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.resume_style_manager_panel .item_list .color ul li{
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 6px 8px 7px 0;
}
.resume_style_manager_panel .item.color{
    margin: 20px 0 15px 0;
}
.resume_style_manager_panel .item.gpa{
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    background: #555e6b;
    color: #dfe4ec;
    text-align: center;
}
.resume_style_manager_panel .item_noul_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 20px 0;
}
.resume_style_manager_panel .item.noul a{
    display: block;
}
.resume_style_manager_panel .item.noul a:hover{
    color: inherit;
}
.resume_style_manager_panel .item_noul_list .item{
    width: 46%;
    height: 36px;
    line-height: 36px;
    background: #0064fa;
    border-radius: 4px;
    color: #fff;
    text-align: center;
}
.resume_style_manager_panel .item_noul_list .item.integrate_page{
    background: #04c38f;
}
.resume_style_manager_panel .item.resume_format ul li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 14px;
    color: #fff;
    margin: 0 0 20px 0;
}
.resume_style_manager_panel .item.resume_format ul li .resume_format_li_title{
    width: 100%;
    margin: 0 0 3px 0;
}
.resume_style_manager_panel .item.resume_format ul li .resume_format_li_set{
    width: 46%;
    height: 36px;
    line-height: 36px;
    border: 1px solid #3a424d;
    border-radius: 4px;
    cursor: pointer;
    color: #8c99ab;
    text-align: center;
    position: relative;
}
.resume_style_manager_panel .item.resume_format ul li .resume_format_li_set.checked{
    border: 1px solid #0064fa;
    color: #0064fa;
}
.resume_style_manager_panel .item.resume_format ul li .resume_format_li_set i{
    display:block;
    height: 100%;
    position: absolute;
    width: 100%;
}
.resume_style_manager_panel .item_select_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.resume_style_manager_panel .item_select_list .item{
    width: 46%;
    margin: 0 0 20px 0;
}
.resume_style_manager_panel .item_select_list .item.jft{
    width: 100%;
}
.resume_style_manager_panel .item_select_list .search_title{
    color:#fff;
    margin: 0 0 3px 0;
    display: block;
}
.resume_style_manager_panel .item_select_list .search_box{
    position:relative;
    height: 36px;
    border: 1px solid #3a424d;
    border-radius: 4px;
    cursor: pointer;
}
.resume_style_manager_panel .item_select_list .search_box a{
    line-height:36px;
    padding:0 10px;
    color:#94a2b5;
    display: block;
}
.resume_style_manager_panel .item_select_list .search_box i{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid #94a2b5;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    right:5px;
    top:15px;
}
.resume_style_manager_panel .item_select_list .search_box ul{
    display:none;
    width: 100%;
    background: #333842;
    position: absolute;
    z-index: 1;
    border-radius: 4px;
    padding: 10px;
    max-height: 120px;
    overflow-y: auto;
}
.resume_style_manager_panel .item_select_list .search_box ul li{
    padding:2px 0;
}
.resume_style_manager_panel .item_select_list .search_box ul li:hover{
    color:#3485ff;
}

/*我的简历*/
.resume_user_manager_panel{
    width: 100%;
    height: 266px;
    background: #2a313a;
    box-shadow: 0 15px 20px 0 rgb(0 0 0 / 30%);
    position: fixed;
    top: -300px;
    z-index: 98;
    padding: 20px 70px;
    transition: all .4s;
    opacity: 0;
}
.resume_user_manager_panel.show{
    top: 45px;
    opacity:1;
}
.resume_contaner{
    display: flex;
}
.resume_contaner .create_resume{
    min-width: 130px;
    width: 130px;
    height: 183px;
    overflow: hidden;
    background: #454c57;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.resume_contaner .create_resume span{
    display: block;
    color: #b2bdcd;
}

.resume_list—swiper-container {
    overflow: hidden;
    width: 100%;
}

.resume_list—swiper-container .swiper-slide {
}
.resume_contaner ul{
    display: flex;
    width: 100%;
}
.resume_contaner ul .swiper-slide{
    width: 130px;
    margin: 0 20px;
}
.resume_contaner ul .swiper-slide .img{
    width: 130px;
    height: 183px;
    overflow: hidden;
    border: 2px solid #2a313a;
    position: relative;
}
.resume_contaner ul .swiper-slide.current .img{
    border: 2px solid #0064fa;
}
.resume_contaner ul .swiper-slide.current .img:after{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:hsl(0deg 0% 0% / 60%) url("/static/pc/main/images/right.png") no-repeat center;
}
.resume_contaner ul .swiper-slide img{
    display: block;
    width: 100%;
}
.resume_contaner ul .swiper-slide .info span{
    display: block;
}
.resume_contaner ul .swiper-slide .info .name{
    color: #bdc6d3;
    padding: 6px 0 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.resume_contaner ul .swiper-slide .info .time{
    color: #888d9a;
    font-size: 12px;
}
.resume_style_manager_panel ::-webkit-scrollbar,.resume_user_manager_panel ::-webkit-scrollbar{width:4px;height:4px}
.resume_style_manager_panel ::-webkit-scrollbar-track,.resume_user_manager_panel ::-webkit-scrollbar-track{background-color: #737373;}
.resume_style_manager_panel ::-webkit-scrollbar-thumb,.resume_user_manager_panel ::-webkit-scrollbar-thumb{background-color: #4e5663;border-radius:10px;cursor:pointer;}
.resume_style_manager_panel ::-webkit-scrollbar-thumb:hover,.resume_user_manager_panel ::-webkit-scrollbar-thumb:hover{opacity:.8}
.resume_style_manager_panel ::-webkit-scrollbar-thumb:active,.resume_user_manager_panel ::-webkit-scrollbar-thumb:active{background-color:#3e454f}

.left_bar .resume_course_manager_panel .item_list{
    height: calc(100% - 60px);
}
.course_manager_panel .item{
    margin: 0 0 20px 0;
    border-radius: 4px;
    overflow: hidden;
}
.course_manager_panel .item img{
    width: 100%;
}
.course_manager_panel .item .img{
    position: relative;
}
.course_manager_panel .item .img .hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6) url("../../../main/images/play.png") no-repeat center;
    opacity: 0;
    cursor: pointer;
}
.course_manager_panel .item:hover .img .hover{
    opacity: 1;
}
.course_manager_panel .item .bottom{
    height: 38px;
    line-height: 38px;
    background: #282f39;
    color: #bac4d1;
    padding: 0 12px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.course_manager_panel .item .num{
    display: flex;
    align-items: center;
}
.course_manager_panel .item .num i{
    margin: 3px 3px 0 0;
}

.left_bar .error_manager_panel .item_list{
    text-align: center;
    padding: 20px 0 0 0;
}
.error_manager_panel .a_btn{
    height: 40px;
    border-radius: 4px;
    background-color: rgb(0, 100, 250);
    line-height: 40px;
    padding: 0 40px;
    color: rgb(255, 255, 255);
    display: inline-block;
    margin: 40px 0 10px 0;
}
.right_op_ai_nav {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 12;
}
.right_op_ai_nav:hover {
    opacity: 0.9;
}
.ai_panel {
    width: 320px;
    position: fixed;
    top: 45px;
    bottom: 0;
    right: -320px;
    z-index: 121;
    height: 100%;
    background: #282f39;
    padding:20px;
    transition: all .4s;
}
.ai_panel.show {
    right: 0px;
    transition: all .4s;
}
.ai_panel .panel_container {
    height: 100%;
}
.ai_panel .ai_panel_title {
    color:#fff;
    text-align:center;
    font-weight:bold;
    margin: 0 0 10px 0;
}
.ai_panel .ai_panel_input {
    border-radius:4px;
    background:#20262e;
    height: 110px;
    padding:15px;
    color:#fff;
    overflow-y: auto;
}
.ai_panel .ai_panel_tag {
    padding: 15px 0 0 0;
}
.ai_panel .ai_panel_tag span{
    color:#fff;
    border-radius:4px;
    font-size:12px;
    padding:5px 10px;
    margin:0 10px 0 0;
    cursor:pointer;
}
.ai_panel .ai_panel_tag span.checked{
    background:#04c38f;
}
.ai_panel .ai_panel_answer {
    height: calc(100% - 330px);
}
.ai_panel h4 {
    color:#cad2dd;
    font-weight:bold;
    font-size:12px;
    margin:20px 0 10px 0;
}
.ai_panel .ai_panel_opeate {
    height: 120px;
    padding:10px  0;
    position:absolute;
    bottom:0;
    width: 100%;
}
.ai_panel .ai_panel_opeate img {width: 70px;margin: -12px 6px 0 0;}
.ai_panel .ai_panel_opeate .ai_btn{
    width:88px;
    height:34px;
    background:#0064fa;
    border-radius:4px;
    display:inline-block;
    line-height:34px;
    text-align:center;
    font-size:12px;
    color:#fff;
    font-weight:bold;
    margin:0 0 0 10px;
}
.ai_panel .ai_panel_opeate .copy_btn{
    background:#11a36e;
}
.ai_panel .ai_panel_opeate .ai_btn.disabled{opacity:0.5;}
.ai_panel .show_hide_opt{position:absolute;top:50%;left:-15px;margin-top:-44px;display:none;width:30px;height:88px;cursor:pointer}
.ai_panel .show_hide_opt:hover{opacity:.9}
.ai_panel.show .show_hide_opt{background:url(/static/pc/resume/edit/images/hide_opt.png) no-repeat;display:block;}