body {width: 100%; margin: 0 auto; padding: 0; font-size: 14px; font-family: "Microsoft Yahei" Arial, sans-serif; color: #666; background: #f1f1f1; }
a, p, ul, li, h1, h2, h3 { text-decoration: none; margin: 0; padding: 0; list-style-type: none; font-weight: normal; }
* { padding: 0; margin: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button, select, textarea { outline: none;/*强制去除表单自带的样式*/ margin: 0; -webkit-appearance: none; }
textarea { resize: none;/*强制去除textarea自带的样式*/ }
a { color: #666; text-decoration: none; }
a:visited { color: #666; }
a:hover { color: #666; }
em { font-style: normal; }
img { border: none; overflow: hidden;}
.grey { color: #999; }
.red { color: #EA222E; }
.fl{float: left;} .fr{float: right;}
.w{overflow: hidden;}

a.red{color: #c00;}

.button1{width: 100%; height: 40px; font: 16px/40px "Microsoft Yahei"; color: #fff; background: #0366cb; border: 0; -webkit-appearance:none;}
.button2{width: 100%; height: 40px; font: 16px/40px "Microsoft Yahei"; color: #fff; background: #0594f4; border: 0; -webkit-appearance:none;}

.button1 a,.button2 a,.button1 a:hover,.button2 a:hover{color: #fff;}

/*header*/
.layout-box{display: -webkit-box;display: -webkit-flex;display: flex;}
.layout-box .box-col{-webkit-box-flex:1;-webkit-flex: 1;flex: 1;width: 100%;}

.global-bg{background-color: #f0f0f0;height:auto;min-height:100%;}
.global-container{min-height: 100%;height:auto !important;position: relative;padding-bottom:10px;}

.global-header {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 10px 15px;
    background-color: #10aeff;
    color: #fff;
    text-align: center;
}
.global-header .header-left {position: relative;}
.global-header .header-left .prev{display: block; position:absolute;width: 11px;height: 25px;background-image: url(../images/icon_jt.png);top: 3px;left: 0px;}
.global-header .header-center{text-align: center;height: 30px;line-height: 30px;overflow: hidden;display: inline-block;display: block;}
.global-header .header-center .title-only{line-height: 30px;/*font-size: 13pt;*/font-size: 17px;}
.global-header .header-right .home{background: url(../images/icon_newheadmask.png) no-repeat;border-radius: 0;width: 20px;height: 20px;margin-top: 6px;float: right;}
.global-header .new-header-nav {position: absolute;top:57px;right:2%;color:#fff;background:rgba(0,0,0,0.7)!important;background: #000000;filter:Alpha(opacity=70);z-index: 9;width: 96%;border-radius: 3px;}
.global-header .new-header-nav-i {position: absolute;top:50px;right:20px;background: #ffffff;z-index: 8;width: 10px;height: 10px;filter: alpha(opacity=70);opacity: 0.7;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 7px solid #000000;}
/*sub menu*/
span.right{
transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
span.right.on{
transform:rotate(135deg);
-ms-transform:rotate(135deg);     /* IE 9 */
-moz-transform:rotate(135deg);    /* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.menu{overflow: hidden;background:rgba(0,0,0,0.7)!important;background: #000000;filter:Alpha(opacity=70); 
    width: 96%;position: absolute;left: 2%;top: 60px;right: 2%;z-index: 9999;height: 0;padding: 0px 0 4px 0;
    border-radius: 6px;z-index: 9;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
font-size: 14px;}

.index-menu{padding:22px 0 4px 0;font-size: 12px;}
.index-menu .menu-row{text-align: center;}
.index-menu .menu-row .index-menu-item{color:#ffffff;margin-bottom: 18px;display: block;}
.index-menu .menu-row .index-menu-item .menu-icon{margin:0 auto;width: 50px;height: 50px;color:#fff;border-radius: 50%;line-height: 50px;text-align: center;margin-bottom: 5px;filter: alpha(opacity=100);opacity: 1;}
.menu-icon.color1{background-color: #b0db52;}
.menu-icon.color2{background-color: #f2b759;}
.menu-icon.color3{background-color: #ee6ec5;}
.menu-icon.color4{background-color: #e66363;}

.menu-icon.color5{background-color: #51dd7f;}
.menu-icon.color6{background-color: #58ded3;}
.menu-icon.color7{background-color: #63a7e6;}
.menu-icon.color8{background-color: #61d5e6;}

.menu-icon.color9{background-color: #61d5e6;}
.menu-icon.color10{background-color: #b57af1;}
.menu-icon.color11{background-color: #61d5e6;}
.global-header .new-header-nav,.global-header .new-header-nav-i {display: none;}
.global-header .new-header-nav .index-menu .menu-row .index-menu-item .menu-icon img{width: 100%;}
.flex-box{  
    overflow: hidden;  
    display: flex;  
    -webkit-box-orient: horizontal;  
    width: 100%;  
    margin: 0 auto; 
    text-align: center;
    font-family: 'Microsoft YaHei';  
    box-sizing:border-box;
    display: -webkit-box;  
    display: -moz-box;  
    display: -ms-flexbox;  
    display: -o-box;
}  
.flex1{  
    width: 20%; height: 100%;  
    display: block;  
}  
.flex2{  
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1; /* OLD - Firefox 19- */  
    -webkit-flex: 1; /* Chrome */  
    -ms-flex: 1; /* IE 10 */  
    flex: 1;   
}  
.flex3{  
    width: auto;  
    width: 20%; height: 100%;  
}  

/*infor*/
.infohead{width: 100%;background-color: #fff; padding:20px 15px;display: flex;}
.flexinfoheadlogo{ width: 110px; height: 100%;  display: block;  text-align:left;  border-radius: 5px;} 


.infohead .infolist{width: 100%;height:16px;line-height:16px;padding-left:27px;background-repeat: no-repeat;overflow: hidden;text-align: left;/*font-size: 9pt;*/font-size: 12px;color: #333333;background-image: url(../images/info-head-icony.gif);margin-bottom: 6px;}
.infohead .infolist.d{background-position-y: 1px;}
.infohead .infolist.m{background-position-y: -25px;}
.infohead .infolist.my{background-position-y: -49px;}
.infohead .infolist.e{background-position-y: -51px;}
.infohead .infolist.ey{background-position-y: -49px;}
    .infohead .infolist.vip {
        background-image: url(../images/moblie-icon2.png);
        margin-bottom: 0px;
        overflow: inherit;
        height: auto;
        color:red;
    }
.infohead .infolistpv{width: 100%;height:16px;line-height:16px;overflow: hidden;text-align: left;/*font-size: 9pt;*/font-size: 12px;color: #333333;margin-bottom: 9px;}
.infohead .infolistpv span.name{font-size: 16px;padding-right: 20px;}
.infohead .infolistpv.co999{color: #999999;}

/*pervip*/
.pervip {
    height: 55px;
    background-color: white;
    margin-top: -10px;
    margin-bottom: -8px;
    position: relative;
}
    .pervip .vipcontent {
        width: 80%;
        height: 45px;
        position: absolute;
        left: 10%;
        margin-top: 10px;
        background-color: #484848;
        border-radius: 5px 5px 0 0;
    }
        .pervip .vipcontent .viphref {
            line-height: 49px;
            color: #ffb98a;
            font-size: 14px;
        }
.kaitong {
    background-color: #ffb98a;
    padding: 3px 10px;
    border-radius: 5px;
    margin-right: 15px;
    float: right;
    height: 30px;
    margin-top: 8px;
    line-height: 26px;
    color:black;
}

/*option*/
.optionlist{width: 100%;height: auto;background-color: #FFFFFF;border-bottom: 1px solid #E2E2E2;margin-top: 10px;}
.optionlisteditworkexp{margin-top: 0px;}
.optionlist .blocktheline{width: 100%;height: 10px;background-color: #F0F0F0;}
.optionlist .list{height: 60px;}
.optionlisteditworkexp .list{height: 40px;overflow: visible;}
.optionlisteditworkexp .list.duties{height: 80px;}
.personalinfo .list.resumephoto{height: 60px;}
.selfassessment textarea{border: none;resize: none;width: 100%;height: auto;/*font-size: 10pt;*/font-size: 13px;color: #999999;overflow: hidden;min-height: 140px;font-family: 'Microsoft YaHei';}
.optionlist .list .left { /*width: 16%;*/
    width: 50px;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 30px;
}
.optionlist .list .left .icon {font-size: 20px;position: absolute;top: 19%;right: 10%;color: #FFFFFF;width: 30px;height: 30px;border-radius: 50% 50%;font-size: 20px;}
.optionlist .list .left .resume{background-color: #e66363;}
.optionlist .list .left .invi{background-color: #b0db52;}
.optionlist .list .left .apply{background-color: #ee6ec5;}
.optionlist .list .left .looked{background-color: #02cdb3;}
.optionlist .list .left .collect{background-color: #b57af1;}
/*.optionlist .list .left .safety{background-color: #17baff;}*/
.optionlist .list .left .icon img{width: 100%;}
.optionlist .list .right{height: 60px;line-height: 59px;border-bottom: 1px solid #E2E2E2;position: relative;background-color:#FFFFFF;padding-left: 11px;/*font-size: 11pt;*/font-size: 15px;color: #333333;text-align: left;}
.optionlisteditworkexp .list .left{background-image: none;position: relative;overflow: visible;}
.optionlisteditworkexp .list .left .circle{width: 12px;height: 12px;position: absolute;left: 15px;top:13px;border-radius: 50%;background-color: #4CCAFF;}
.optionlisteditworkexp .list .left .circle.bgcoffa94c{background-color: #FFA94C;}
.optionlisteditworkexp .list .left .verticalbar{width: 1px;height: 20px;position: absolute;left: 20px;top:29px;border-left: 1px dotted #E2E2E2;}
.optionlisteditworkexp .list .right{height: 39px;line-height: 39px;border-bottom: 1px solid #E2E2E2;position: relative;background-color:#FFFFFF;padding-left: 11px;/*font-size: 10pt;*/font-size: 13px;color: #333333;text-align: left;}
.personalinfo .list .right.resumephoto{height: 59px;line-height: 59px;border-bottom: 1px solid #E2E2E2;position: relative;background-color:#FFFFFF;padding-left: 11px;/*font-size: 11pt;*/font-size: 15px;color: #333333;text-align: left;}
.personalinfo .list .resumephoto{position: relative;}
.personalinfo .list .resumephoto .photobox{position: absolute;top: 11px;right: 35px;width: 35px;height: 38px;background-image: url(../images/resumephoto-photobox-bg.gif);overflow: hidden;background-repeat: no-repeat;}
.personalinfo .list .resumephoto .photobox img{width: 35px;height: 38px;border: 0px;}
.optionlisteditworkexp .list .right.cof90{color: #FF9900;}
.none{display: none;}
.wantjob .list .right:last-child{border-bottom: none;}
.optionlistpf .list .right{padding-left: 15px;}
.optionlisteditworkexp .list .right{padding-left: 15px;}
.remindnoinfo .list .right{text-align: center;}
.optionlisteditworkexp .list.duties .right{height: 79px;border-bottom: none;}
.optionlist .list .right.nobm{border-bottom: 0px;}
.optionlist .list .right .circle{position:absolute;border-radius: 50%;width: 20px;height: 20px;line-height: 20px;background-color: #ff3333;top:14px;right: 0px;text-align: center;/*font-size: 9pt;*/font-size: 12px;color: #FFFFFF;}
.optionlistpf .list .right .txt{position:absolute;height: 20px;line-height: 20px;top:14px;right: 5px;text-align: center;color: #999999;/*font-size: 10pt;*/font-size: 13px;}
.optionlisteditworkexp .list .right .txt{position:absolute;height: 20px;line-height: 20px;top:10px;right: 5px;text-align: center;color: #999999;/*font-size: 10pt;*/font-size: 13px;}
.wantjob .list .right .txt{color: #333333;}
.personalinfo .list .right .txt{color: #333333;}
.optionlistpf .list .right .txt.cof90{color: #FF9900;}
.optionlistpf .list .right .star{position:absolute;width: 5px;height: 4px;top:22px;right: 200px;overflow: hidden;background-image: url(../images/optionlistpf-list-right-star.gif);}
.optionlisteditworkexp .list .right .star{position:absolute;width: 5px;height: 4px;top: 18px;right: 10px;overflow: hidden;background-image: url(../images/optionlistpf-list-right-star.gif);}
.optionlisteditworkexp .list .right.twoword .star{right: 38px;}
.optionlisteditworkexp .list .right .star.nohaveleft{right: 200px;}
.optionlisteditworkexp .list .haveleft{padding-left: 0px;}
.optionlisteditworkexp .list .haveleft .star{right: 165px;}
.optionlist .list .arrow{width: 50px; height: 60px;display: block;overflow: hidden;border-bottom: 1px solid #E2E2E2;position: relative;}
.optionlisteditworkexp .list .arrow{height: 39px;}
.optionlisteditworkexp .list .inptxt{width: 70%; height: 31px;display: block;overflow: hidden;border-bottom: 1px solid #E2E2E2;padding: 4px 0px;}
.personalinfo .list .inptxt.radio{line-height: 31px;/*font-size: 11pt;*/font-size: 15px;}
.personalinfo .list .inptxt li{float: right;margin-right: 25px;}
.optionlisteditworkexp .list.duties .inptxt{height: 71px;display: block;overflow: hidden;border-bottom: none;}
.optionlisteditworkexp .list .inptxt input{width: 80%;text-align: right;line-height: 31px;border: none;padding-right: 30px;/*font-size: 10pt;*/font-size: 13px;}
.personalinfo .list .inptxt input{color: #333333;}
.optionlisteditworkexp .list.duties .inptxt textarea{width: 80%;text-align: right;line-height: 31px;border: none;padding-right: 0px;/*font-size: 10pt;*/font-size: 13px;resize: none;}
.optionlist .list .arrow:before{content:''; height:8px; width:8px; display:block; border:1px solid #a9a9a9; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:25px; right:20px;}
.optionlisteditworkexp .list .arrow:before{top: 16px;}
.optionlist .list .arrow.nobm{border-bottom: 0px;}
/*button*/
.arlogout{padding: 20px 15px;height: auto;overflow: hidden;margin-bottom: 10px;color: #666666;box-sizing:border-box;width: 100%;}
.arlogout1 {
    padding: 5px 15px;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
    color: #666666;
    box-sizing: border-box;
    width: 100%;
}
.arlogout .logout {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    width: 90%;
    margin: 0 auto;
    background-color: #10aeff;
    border-radius: 5px; /*font-size: 11pt;*/
    font-size: 15px;
}
.arlogout1 .logout {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    width: 90%;
    margin: 0 auto;
    background-color: #0180CF;
    border-radius: 5px; /*font-size: 11pt;*/
    font-size: 15px;
}
/*classify*/
.classifylist{display: block; padding: 20px 15px;background-color: #FFFFFF;height: auto;overflow: hidden;border-bottom: 1px solid #E2E2E2;margin-bottom: 10px;color: #666666;box-sizing:border-box;}
.classifylist .title{height: 16px;line-height: 16px;text-align: left;}
.classifylist .title .name{width: 90%; height: 100%;display: block;overflow: hidden;/*font-size: 12pt;*/font-size: 16px;color: #333333;}
.classifylist .txt{height: 16px;line-height: 16px;text-align: left;font-size: 12px;margin-top: 10px;}
.classifylist .txt .left{width: 50%; height: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.classifylist .txt .right{text-align: right;}
.classifylist .content{margin-top: 10px;/*font-size: 9pt;*/font-size: 12px;line-height: 20px;text-align: left;}

/*resumelist*/
.resumelist {width: 94%;margin: 0 auto;padding: 20px;margin-top: 10px;border-bottom: none;position: relative;overflow: visible;margin-bottom: 15px;}
.resumelist .compilehandle{margin-top: 40px;height: 54px;}
.resumelist .compilehandle .handle{width: 25%;height: 100%;display: block;overflow: hidden;position: relative;}
.handle.refresh{cursor: pointer;}
.resumelist .compilehandle .handle .icon{width: 30px;height: 30px;border-radius: 50% 50%;background-color: #17baff;font-size: 20px;margin: 0 auto;color: #FFFFFF;position: relative;}
.resumelist .compilehandle .handle .icon img{width: 100%;}
.resumelist .compilehandle .handle .txt{/*font-size: 10pt;*/font-size: 13px;color: #333333;position: absolute;/*left: 40%;*/bottom: 0; text-align: center;width: 100%;}
.resumelist .txt .left{width: 55%;}
.resumelist .txt .right{text-align: left;}
.resumelist .txt .right .f815{color: #F81515;}
.resumelist .bottom{width: 100%;height: 5px;position: absolute;left: 0px;bottom: -5px;background-image: url(../images/resumelist-bottom-bg.gif);background-repeat: repeat-x;}
.resumelist .linebar{width: 100%;height: 11px;background-color: #FFFFFF;position: absolute;top: 50%;left: 0px;}
.resumelist .linebar .whole{position: relative;width: 100%;height: 11px;overflow: hidden;}
.resumelist .linebar .whole .boxline{width: 95%;height: 1px;position: absolute;left: 7px;top: 5px;border-top: 1px dotted #E2E2E2;}

/*没有数据*/
.nodata{text-align: center;margin-top: 96px;}
.nodata .cryimg{width: 60px;height: 60px;margin: 0 auto;position: relative;}
.nodata .cryimg img{width: 60px;height: 60px;}
.nodata .txt{font-size: 16px;color: #333333;text-align: center;margin-top: 12px;display: block;}
.nodata .hint{font-size: 12px;color: #999999;margin-top: 6px;display: block;}
.nodata .hint span{color: #FF9900;}

/*修改密码*/ 
.widget .con{ padding: 0px 15px; position: relative;margin-top: 20px;}
.widget .con .inp{width: 100%;height: 40px;line-height: 40px;border: 1px solid #E2E2E2;background: #FFFFFF;color: #666666;font-size: 11pt;padding-left: 40px;box-sizing:border-box;}
.widget .con .inputsec{ position: relative; height: 40px;}
.widget .con .user-lockp{ width: 30px;height: 30px;position: absolute;left: 5px;top:5px;}

/*隐私*/
.resume_hide ul li{margin-bottom: 10px;}
#RadioButtonList1_0,#RadioButtonList1_1{outline:  medium;-webkit-appearance:radio;;appearance:radio;;margin: 5px;}
.resume_hide .arlogout .logout{width: 100%;}
.resume_hide .arlogout{padding: 0;padding-top: 10px;}


/*创建简历*/
.payment_time input{border: 0;  text-align: right;  text-indent: 0; height: auto;  font-size: 14px; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;color: #3D3D3D;}
.payment_time_title #RadioButtonList1_0, .payment_time_title #RadioButtonList1_1{margin: 0;}
.payment_time .txtar{ overflow: visible;height: auto;line-height: normal;padding-top: 10px;}
.payment_time .txtar textarea{width: 100%;height: 60px;font-size: 14px;line-height:30px;border:0;}
.payment_time .txtar div{width: 100%;padding:10px 15px; box-sizing:border-box;}
.names_dummy{ float: right;}
/*完善简历*/
.mar-bot{margin-bottom: 20px;}

.tc_hdsm{width:100%; background: #fff; color: #333; box-sizing:border-box; -webkit-box-sizing:border-box;}

/*上传图片*/
.sc-box{padding-top: 30px;padding-left:30px;padding-bottom: 30px; position: relative; background-color: #fff;}
.sc-btn{position: absolute;right: 20px;bottom: 30px;width: 85px;color: #fff;border: 0;}

/*预览简历*/
.resumeconlist{padding: 20px 15px; background-color: #FFFFFF;height: auto; overflow: hidden;
    margin-top: 10px; color: #666666;  box-sizing: border-box;padding-bottom: 0px;}
.tit-h3{ width: 100%; height: 26px; line-height: 14px; position: relative; padding: 0px 0 10px 8px;color: #333333;
    text-align: left;font-size: 15px; font-weight: bold; font-family: 'Microsoft YaHei'; }
.resumeconlist-ul{padding-top: 10px;padding-left: 8px;padding-bottom: 15px;}
.resumeconlist-ul li{ height: 30px;line-height: 30px;}
.txt-box{padding: 8px;line-height: 24px;}


/*职位类别*/
.boxdiv{height:35px;line-height:35px;position:relative;overflow:hidden;margin:0 15px;}
.boxdivleft{width:67px;text-align:left;position:absolute;}
.boxdivright{position:relative;padding-left:78px;overflow:hidden;font-size:12px}
.boxdivright .selectOption:after{content:' ';position:absolute;top:10px;right:2%;width:10px;height:10px;border:#ababab solid;-webkit-transform:rotate(45deg);border-width:2px 2px 0 0;z-index:1;}
.boxdivright .selectDate{-webkit-background-size:17px auto;background-size:17px auto;}
.boxdivright .selectYear{-webkit-background-size:17px auto;background-size:17px auto;background:url(/content/personal/pimages/Arrow.png) 100% 0px no-repeat;width:50%}
.boxdivright .selectMonth{-webkit-background-size:17px auto;background-size:17px auto;background:url(/content/personal/pimages/Arrow.png) 100% 0px no-repeat;width:40%}
.boxdivright .txt{width:100%;font-family:"Microsoft Yahei",",Verdana,Arial,Helvetica,sans-serif";}
.boxdivright1:after{content:' ';position:absolute;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);content:' ';position:absolute;top:12px;right:13px;width:6px;height:6px;border:#B0B0B0 solid;border-width:2px 2px 0 0;}

.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
/*.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: #00b7ee;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
}*/
.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding: 0px;
	color: #fff;
	text-align: center;
	border-radius: 0px;
	overflow: hidden;
}
.webuploader-pick-hover {
	background: #00a2d4;
}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}

span.xing {
    float: left !important; 
    margin: 0 !important;
    color: #f62e2e !important;
}