html, body{height: auto;}
body{background: #e6e6e6;}
/*解决ios下页面点击闪动问题*/
#Scroller,#contentScroller{
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}

.offlineFlag {   height: 18px;  margin-left: 10px;  margin-bottom: -1px;}
.iconType1 { float: left; display: inline-block; margin-right: 6px; color: #fefefe; font-size: 16px; background: #4ba9e6; border-radius: 4px; padding: 0 2px; vertical-align: top; }
.iconType2 { float: left; display: inline-block; margin-right: 6px; color: #fefefe; line-height: 17px;  background: #ff6600; border-radius: 4px; padding: 0 2px; vertical-align: top;}
ul li { border-bottom: 1px solid #c8c8c8;}
ul li a { position: relative; display: inline-block; width: 94%; padding: 0 3%; text-decoration: none; }
ul li a:before { position: absolute; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; content: '\e817'; right: 3%; top: 50%; margin-top: -8px; color: #c3c7ca; }
ul li a .jobName { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
ul li a .pay { position: absolute; right: 24px; display: inline-block; height: 20px; line-height: 20px; width: 84px; text-align: right; }
.jobText { position: relative; padding: 10px 112px 10px 0; height: 20px; line-height: 20px; }
.companyText { padding: 4px 15px 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.companyDetail { float: left; display: inline-block; max-width: 210px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bgWhite { background-color:#ffffff;}
.mar-t20{margin-top:20px;}                                                                                                             
.font0 { color: #646464;   }
.fontPay { color: #ff6600; font-size: 16px; font-weight: bold; }
.line1 { width: 100%; border-bottom: 1px solid #e6e6e6; border-top: 0;border-left:0;border-right:0; margin: 0; padding: 0;}
.line2 {width: 100%; border-bottom: 1px solid #c8c8c8; border-top: 0; border-left:0;border-right:0;margin: 0; padding: 0;}
.detailTitle { display: inline-block; font: 14px/14px microsoft yahei; color: #ff6464; border-left: 5px solid #ff6464; padding-left: 5px; margin: 10px 4.6875%;}
.peripheralPositions { width:96%; margin:0 auto; border-bottom: 1px solid #c8c8c8;}
.peripheralPositions .recruitAddr { width: 33%; text-align: center; line-height: 50px; font: 13px/50px 'microsoft yahei'; color: #646464;}
.peripheralPositions .recruitAddr a { color:#646464; text-decoration:none;}
.peripheralPositions .spliter {  margin-top:10px; border-left: 1px dashed #c8c8c8; height: 30px;}


.button-holder{line-height: 32px;height: 32px;}
.button-holder label{float: left;}
.button-holder .labelDiv1{width: 112px;}
.button-holder .labelDiv1:hover{background:#e6e6e6;}

.box1{background: #fff;border: 1px solid #c1c1c1;border-width: 1px 0 1px 0;word-wrap: break-word;word-break: break-all;}
.bl_grey{border-left: 2px solid #dcdcdc;}

.button-holder-warp{
    display: inline-block;
    padding-left: 25%;
    margin-left: -66px;}

/*模块标题标签样式*/
.JobIcon1{background: url("https://zpimg1.zhaopin.com/Image/Mobile/jobInvite/icons_bg.png") no-repeat 0 0;}
.JobIcon2{background: url("https://zpimg2.zhaopin.com/Image/Mobile/jobInvite/icons_bg.png") no-repeat 0 -19px;}
.JobIcon3{background: url("https://zpimg4.zhaopin.com/Image/Mobile/jobInvite/icons_bg.png") no-repeat 0 -38px;}
.JobIcon4{background: url("https://zpimg1.zhaopin.com/Image/Mobile/jobInvite/icons_bg.png") no-repeat 0 -59px;}

.cInfoBox{height: 50px;}
.cInfoBox img{width: 110px;height: 40px;border: 1px solid #c1c1c1;margin-right:2%;float: left;}
.cInfoBox a{
    display: block;
    background: url("https://zpimg2.zhaopin.com/Image/Mobile/jobInvite/arrowR_bg.png") no-repeat right center;
    line-height: 40px;
    height: 40px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-size: 20px;
    padding-right: 28px;
    }
.cInfoBox2{height: 50px;}
.cInfoBox2 img{width: 110px;height: 40px;border: 1px solid #c1c1c1;margin-right:2%;float: left;}
.cInfoBox2 a{
    display: block;
    line-height: 40px;
    height: 40px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-size: 20px;
}
.cInfoBox a.noPic{}

.font1{color: #000;font-size: 14px;}
.font2{color: #006eb4;text-decoration: none;}
.font3{color:#000;font-weight: bolder;font-size: 20px;}
.font4{color: #646464;font-size: 14px;}
.font5{color: rgb(40,40,40);font-size: 12px;}
.font6{color:#000;font-size: 16px;}
.font7{font-size: 24px;font-weight: normal;}
.font8{color: #fff;font-size: 14px;}
.font9{color: #646464;font-size: 12px;}
.colorR{color: #dc141e;}
.h40{height: 40px;}
.pl2{padding-left: 2%;}
.mt_2{margin-top: 2px;}
.mt_10{margin-top: 10px;}
.mb_10{margin-bottom: 10px;}

/*页面尾部样式*/
.bo_100{bottom: 100px;}
.bo_60{bottom: 60px;}
.bo_40{ bottom: 40px;}

.fixedBottom{z-index: 10;}
/*拒绝浮动层样式*/
.confuseLayer{
    display: none;
    position: fixed;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 100%;
    left: 0;
    -webkit-transition: .2s ease-in-out 0;
    -moz-transition: .2s ease-in-out 0;
    -ms-transition: .2s ease-in-out 0;
    -o-transition: .2s ease-in-out 0;
    transition: .2s ease-in-out 0;
}
.top0{top:0}
.conLayerWarp{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 20;
    min-height: 264px;
    -webkit-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    transition:all 0.5s ease;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
.conLayerWarp h3{
    font-size: 16px;
    color: #000;
    background: #dcdcdc;
    height: 40px;
    width: 100%;
    line-height: 40px;
}
.conLayerWarp h3 a{
    float: right;
    width: 40px;
    height: 40px;
    background: #ff6464 url(https://zpimg4.zhaopin.com/Image/Mobile/jobInvite/delete_Pic.png) center center no-repeat;
    background-size: 50% 50%;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}
.conLayerWarp h3 .deleteIcon{
    float: right;
    width: 40px;
    height: 40px;
    background: #ff6464 url(https://zpimg1.zhaopin.com/Image/Mobile/jobInvite/delete_Pic.png) center center no-repeat;
    background-size: 50% 50%;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.top0{top:0}
.transform_toTop{
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#contentScroller{
    position: absolute;
    top: 0;
    bottom:0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}


.inputWarpBox{
    background: #dcdcdc;
    margin:0 4px 10px 25px;
    padding: 6px 6px 0 6px;
}
.inputWarpBox textarea{
    float: left;
    resize: none;
    width: 98%;
    height: 60px;
    border: 0;
    padding: 1%;
    font-size: 14px;
}
.inputWarpBox span{
    float: right;
    text-align: center;
    display: inline-block;
    width: 60px;
    height: 28px;
    line-height: 28px;
    background: #b4b4b4;
    border-radius: 3px;
    margin: 5px 2px 5px 0;
}
.inputWarpBox .clickBg{
    background:#ff6464;
}
#myAnsBox{display: none;}

.regular-radio + label{
    padding: 8px;
}
.regular-radio:checked + label:after{
    top: 2px;
    left: 2px;
}

.hide{display: none;}
/*后添加职位详情不同样式*/
.DetailPersonalImg {display:block;border:2px solid #cbcbcb;border-radius:5px;width:50px;height:50px;}
.MDetailR {width:60px;text-align:right;}
.mar-l30{margin-left:30px;}
.mar-l40{margin-left:40px;}
.mar-l10{margin-left:10px;}
.font26{font-size:26px;}
.line60{line-height:60px;} 
.line54{line-height:54px;} 
.SmallBtn .width180{width:180px;}
.forwardBackward  .companyNext{display:inline-block;line-height:40px;font-size:16px;width:20px;}
.width5{width:50%;}
.width9{width:90%;}
.overFlow{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.line50{line-height:50px;}
.font18{font-size:18px;}
.longlimit{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 40%;display: inline-block;}

.dis100{display: inline-block;width: 100%;height:100%;text-decoration:none;}
.color00{color:#000;}

#Scroller{
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

/*紧急邀请页面 新添加样式*/
.pb_12{
    padding-bottom: 12px;
}
.pos_r{
    position:relative;
}
.switchWarp{
    display: block;
    position: absolute;
    top: -6px;
    right: 0;
    width: 76px;
    height: 22px;
    padding: 5px 0;
    cursor: pointer;
}
.switch{
    position:relative;
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    background: #ff6464;
    -webkit-transition:0.3s all ease;
    -o-transition:0.3s all ease;
    -moz-transition:0.3s all ease;
    -ms-transition:0.3s all ease;
    transition:0.3s all ease;
    border-radius: 999px;
    overflow: hidden;
    z-index: 5;
    /*pointer-events: none;*/
}
.switch .slideText{
    position:absolute;
    top:0;
    left:25px;
    display: block;
    width:42px;
    height: 22px;
    line-height: 22px;
}
.switch .iconWarp{
    float:left;
    padding:2px 4px;
    width:18px;
    height: 18px;
    -webkit-transition:0.3s all ease;
    -o-transition:0.3s all ease;
    -moz-transition:0.3s all ease;
    -ms-transition:0.3s all ease;
    transition:0.3s all ease;
    -webkit-transform:translate3d(-2px,0,0);
    -o-transform:translate3d(-2px,0,0);
    -moz-transform:translate3d(-2px,0,0);
    -ms-transform:translate3d(-2px,0,0);
    transform: translate3d(-2px,0,0);
    /*3D动画加速*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
.switch .icon{
    display: inline-block;
    width:18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
}
.switch.off{
    background: rgb(195, 199, 202);
}
.switch.off .iconWarp{
    -webkit-transform:translate3d(52px,0,0);
    -o-transform:translate3d(52px,0,0);
    -moz-transform:translate3d(52px,0,0);
    -ms-transform:translate3d(52px,0,0);
    transform: translate3d(52px,0,0);
}
.switch.off .slideText{
    left: 10px;
}

/*面包屑导航*/
.breadNav{
    height:25px;
    /*width:100%;*/
    background:#f1f1f1;
    border-bottom:1px solid #e5e5e5;
    font-size:0;
    padding:0 10px;
}
.breadNav a{
    display: inline-block;
    height: 26px;
    max-width: 13%;
    line-height:26px;
    color:#0066cc;
    font-size:12px;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration:none;
    /*margin-right:-10px;*/
}
.breadNav a:last-child{
    color:#999999;
}
.breadNav em{
    display:inline-block;
    height:26px;
    line-height:26px;
    font-size:14px;
    vertical-align:top;
    color:#c7c7c7;
    margin:0 2px 0 0;
}
/*.breadNav a:after{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    color:#c7c7c7;
    display: inline-block;
    content: '\e817';
    padding:0 5px;
}*/
.pageNav{
    height:35px;
    width:100%;
    border-bottom:1px solid #c8c8c8;
    font-size:0;
}
.pageNavSelect{
    display:inline-block;
    height: 30px;
    width: 20%;
    background-color: #fff;
    text-align: center;
    position: relative;
    background: #fff url(//img09.zhaopin.com/2012/other/mobile/m/icon_down_arrow.png) 80% 60% no-repeat;
    background-size: 12px 8px;
}
.pageNav select{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #404040;
    border-radius: 0;
    height: 30px;
    border: none;
    opacity: 0;
}
.pageNav span{
    display:inline-block;
    height:35px;
    width:20%;
    text-align:center;
    font-size:12px;
    font-family:SimSun;
    line-height:35px;
}
.color333{color:#333;}
.color999{color:#999;}
.wid_40{width:40px;}
.wid_100{width:100px;}
.va_t{vertical-align:top;}

/*职位详情页 申请按钮*/
.bgd5d5d5{background: #d5d5d5;}
/*收藏按钮*/
.collect-btn {
    position: absolute;
    width: 50px;
    right: 0;
    top: 0;
    padding-right: 3%;
    text-align: right;
}
/*收藏状态*/
.collect-btn-unactive{ color: #fcd520;}
/*取消收藏状态*/
.collect-btn-active{ color: #fff;}
.plr_35{padding: 0 35px;}
.dp_i{ display: inline-block;}
.dp_b{ display: block;}
.ml_70{ margin-left: 70px;}
.mt_-18{ margin-top: -18px;}
.ta_j{ text-align: justify;}
.fontW-n{ font-weight: normal;}
/*职位详情页增加 警示文案*/
.payWarnTip {
    margin:20px 2% 20px 2%;
    font-size:12px;
    line-height:14px;
    color:#ce0919;
    text-align:left;
}