h3{
    font-size:18px;
    font-weight:600;
}
a,a:hover, a:active {
    color: inherit;
    text-decoration: none;
}
em,i{
    font-style:normal;
}
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    line-height: 1.5;
    background: #f8f8f8;
    color: #333;
    font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei !important;
}
form {
    font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei !important;
}
.header_h{
    width:100%;
    height:48px;
}
.header_fixed {
    width: 100%;
    height: 48px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
}
.header {
    width: 100%;
    height: 48px;
}
.header_bg {
    background: #fff;
    width: 100%;
    height: 48px;
    position:relative;
    z-index:10;
}
.header_h1 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 9px 0;
}
.header_p_z {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding-left: 40px;
}
.header_top_l {
    width: 40px;
    height: 48px;
    line-height: 47px;
    color: #333;
    position: absolute;
    left: 15px;
    top: 0;
}
.header_top_l:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border: #333 solid;
    -webkit-transform: rotate(-135deg);
    border-width: 1px 1px 0 0;
    color: #828282;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 17px;
}
.wap_zph_bannerbox {
    padding:15px 15px 0px 15px;
}
.wap_zph_banner {
    position: relative;
    width: 100%;
    background: url("../img/zph_bg.png") no-repeat;
    background-size: cover;
    box-shadow: 0 6px 12px -4px rgba(31, 61, 115, .65);
    border-radius: 5px
}
.wap_zph_ct {
    width: 100%;
    color: #fff;
    padding-top: 18px;
    padding-bottom: 10px;
}
.wap_zph_ct_c {
    padding: 0 15px;
}
.wap_zph_ct_tit{
    width:100%;
    font-size:20px;
    font-weight:bold;
}
.wap_zph_ct_tm {
    color:#fff;
    margin-top:10px;
    padding-bottom:10px;
}
.wap_zph_ct_job{
    color:#fff;
    font-size:14px;
}
.wap_zph_ct_but{
    margin-top:8px;
}
.warp_content clear{
       clear:both;
}
.zphlist_content{
    padding:0 15px;
}
.zph_nav{
    padding-top:15px;
    padding-bottom:10px;
}
.zph_navbox{
    list-style:none;
    margin:0;
    padding:0;
}
.zph_navbox li{
    display:inline-block;
    margin-right:25px;
    color:#666;
}
.zph_navcur{
    font-size:18px;
    color:#333;
    position:relative ;
}
.zph_navbox .zph_navcur:after{
    width:25px;
    height:4px;
    background:#3b7cff;
    border-radius:10px;
    content:'';
    display:inline-block;
    position:absolute;
    left:5px;
    bottom:-10px;
}
.zph_list_box{
    position:relative;
    margin-top:15px;
    background:#fff;
    padding:10px 15px;
    overflow:hidden;
    border-radius: 4px;
    box-shadow: 0 2px 10px -5px rgba(100,100,100,.1)
}
.zphtime_icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: -4px;
    top: 1px;
    background: url('../img/zphtime.png') no-repeat;
    background-size:100%;
}
.zphcy {
    border-top: 1px solid #eee;
    padding: 10px 0 10px 10px;
    color: #666;
}
.zphcy_list{
    width:49%;
    display:inline-block;
}
.zphtimebox {
    border-bottom: 1px solid #eee;
    padding: 10px 0 10px 10px;
}
.zphtime{
    padding-left:20px;
    color:#333;
    position:relative;
    font-size:14px;
}
.zph_list_all{
    padding-right:135px;
    min-height:100px;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:10px;
    position:relative;
}
.zph_list_all img{
    width:110px;
    height:75px;
    position:absolute;
    right:12px;
    top:12px;
    border-radius:5px;
}
.zph_bt{
    width:100%;
    font-size:16px;
    font-weight:bold;
}
.zphadd{
    width:100%;
    height:20px;
    line-height:20px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    color:#999;
    position:relative;
    font-size:14px;
    margin-top:12px;
}
.yun_footer {
    width: 100%;
    height: 55px;
    position: relative;
}
.yun_footer_fix{
    width:100%;
    border-top:1px solid #cad4ef;
    background:#fff;
    position:fixed;
    bottom:0px;
    left:0px;
    z-index:11;
}
.yun_footer_nav{
    list-style:none;
    margin:0;
    padding:0;
}
.yun_footer_nav li{
    width:50%;
    text-align:center;
    float:left;
    font-size:12px;
    position:relative;
}
.yun_footer_nav li .yun_footer_a{
    display:block;
    padding-top:30px;
    padding-bottom:5px;
    position:relative;
    color:#666;
}
.yun_footer_nav_home {
    background: url('../img/tcs_footer_homeicon.png') no-repeat;
    background-size:100%
}
.yun_footer_nav_user {
    background: url('../img/tcs_footer_usericon.png') no-repeat;
    background-size:100%;
}
.yun_footer_nav_icon{
    width:20px;
    height:20px;
    display:inline-block;
    position:absolute;
    left:50%;
    top:7px;
    margin-left:-10px;
}
.zph_show_body {
    background: -webkit-gradient(linear,0 0,0 90%,from(#2D3659),to(#f8f8f8));
    padding: 15px 15px 0 15px;
}
.zph_show_box {
    background: #fff;
    padding: 15px;
    color: #5d5c5b;
    position: relative;
    border-radius:5px;
}
.zph_bg_name {
    width: 100%;
    text-align:left;
}
.zph_bg_name h2{
    font-size:20px;
    padding:0px 0 10px 0;
    line-height:30px;
}
.zph_zt{
    position:absolute;
    top:0px;
    right:10px;
    padding:1px 10px;
    color:#fff;
    font-size:12px;
    border-radius:20px;
}
.zph_zt_yd {
    background:#f60;
}
.zph_zt_gr {
    background: #999;
}
.zphshow_zt zph_zt_yd {
    color: #fff;
    font-size: 14px;
    padding: 2px 5px;
    border-radius: 3px;
    font-weight: normal;
}
.zphshowinfo {
    padding: 5px 0px 5px 20px;
    color: #999;
    position: relative;
    font-size: 14px;
}
.zph_showsj {
    background: #fff;
    margin: 0 15px;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    margin-top: 15px;
}
.zph_showsjlist {
    width: 32%;
    text-align: center;
    display: inline-block;
    color:#666;
}
.zphshow_time_icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 8px;
    background: url('../img/time.png') no-repeat;
    background-size: 90%;
}
.zphshow_tel_icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 8px;
    background: url('../img/telm.png') no-repeat;
    background-size: 90%;
}
.zphshowadd_icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 8px;
    background: url('../img/add.png') no-repeat;
    background-size: 90%;
}
.zph_showsj_n {
    width: 100%;
    font-size: 24px;
    color: #333;
}
.zph_show_pd{
    padding:0 15px;
}
.zph_showsj_dhicon {
    width: 25px;
    height: 25px;
    background: url('../img/tel.png') no-repeat;
    background-size:100%;
    display:inline-block;
}

.zph_bg_pd {
    background: #fff;
    padding: 0 10px 10px 10px;
    color: #5d5c5b;
    line-height: 30px;
    position: relative;
    word-break: break-all;
    overflow: hidden;
    border-radius: 5px;
}
.zphwap_title{
    font-size:18px;
    font-weight:bold;
    padding-top:10px;
    padding-left:15px;
    position:relative;
}
.zphwap_title:after{
    width:4px;
    height:22px;
    background:#3b7cff;
    content:'';
    display:inline-block;
    border-radius:0 3px 3px 3px;
    position:absolute;
    left:0px;
    top:13px;
}
.zph_show_content{
    padding-top:10px;
}
.zphshow_footer {
    width:100%;
    height:70px;
    position:relative;
}
.zphshow_footer_fix{
       width:100%;
       height:70px;
       background:#fff;
       /*border-top:1px solid #eee;*/
       position:fixed;
       left:0px;
       bottom:0px;
       z-index:100;
       font-size:14px;
       text-align:center;
}
.zphshow_footer_fix_c{
    padding:10px;
}
.zphshow_footer_bth_yd {
    background: #3b7cff;
    color:#fff;
}
.zphshow_footer_bth_xd {
    background: #ffcc3b;
    color: #fff;
}
.zphshow_footer_bth_zd {
    background: #afafaf;
    color: #fff;
}
.zphshow_footer_btgbth{
    width:100%;
    line-height:50px;
    display:inline-block;
    position:relative;
    border-radius:5px;
    font-size:16px;
}
.zph_show_pd{
    padding:0 15px;
}
.zphshow_zt {
    color: #fff;
    font-size: 14px;
    padding: 2px 5px;
    border-radius: 3px;
    font-weight: normal;
}
.zphshow_footer_btgbths {
    width: 45%;
    line-height: 50px;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    font-size: 16px;
}
.zph_show_zwcontent {
    background: #fff;
    padding: 0px 15px 10px 15px;
    color: #5d5c5b;
    position: relative;
    word-break: break-all;
    font-size: 14px;
}
.mt15{
    margin-top:15px;
}
.wap_member_msg{
    padding:8px 0 0 0;
    position:relative;
    background:#fff;
    margin:10px 10px 0 10px;
    border-radius:5px;
    overflow:hidden;
}
.wap_member_date {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    padding-bottom: 10px;
    color: #b0abab;
}
.yun_m_job_date_n{
    display:inline-block;
    padding-left:10px;
    padding-right:60px;
}
.wap_member_date_r{
    position:absolute;
    right:10px;
    top:0px;
}
.yun_m_job_list_zt{
    padding:5px 10px;
    color:#666;
}
.zphshow_footer{
    width:100%;
    height:70px;
    position:relative;
}
.zphshow_footer_fix {
  width: 100%;
  height: 70px;
  background: #fff;
  /*border-top:1px solid #eee;*/
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 100;
  font-size: 14px;
  text-align: center;
}
.zphshow_footer_fix_c{
    padding:10px;
}
.zphshow_footer_bth_yd{
    background:#3b7cff;
    color:#fff;
}
.zphshow_footer_bth_gd {
  background: #009688;
  color: #fff;
}
.zphshow_footer_btgbth {
  width: 100%;
  line-height: 50px;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  font-size: 16px;
  border: none;
}
.jbslist{
    position:relative;
    margin-top:15px;
    background:#fff;
    padding:10px 15px;
    overflow:hidden;
}
.jbsmbox{
    border-bottom:1px solid #eee;
    padding:10px 0 10px 10px;
    font-weight:bold;
}
.jbs_m{
    color:#999;
}
.jbsallbox{
    min-height:75px;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:10px;
    position:relative;
}
.jbs_js{
    width:100%;

}
/*
    jbsnbox{

}
*/
.jbsnum{
    width:49%;
    display:inline-block;
}

/* confirmÒ³Ãæ*/
.cf_wrap {
    padding: 15px 15px 0 15px;
}

.cpifbox {
    background: #fff;
    padding: 15px;
    font-weight: 400;
    text-align: center;
    position: relative;
    border-radius: 5px;
}

.cpname {
    font-weight: 600;
    padding: 10px 0px 10px 10px;
}

.cpifn {
    font-size: 15px;
    padding: 0px 0 10px 0;
    line-height: 20px;
}

.cplist_box {
    display:flex;
    justify-content:space-between;
    font-size: 16px;
    padding-right: 10px;
}
.zplist span {
    color: #f60;
    font-weight: 700;
}

.zplist {
    padding: 10px 0px 5px 20px;
    position: relative;
}

.cptitle {
    font-weight: 600;
    line-height: 10px;
    border-left: 8px solid rgb(23, 119, 255);
    padding: 10px 0px 10px 10px;
    margin: 2px 0 2px 0;
}

.cpxx {
    padding: 10px 20px 10px 20px;
    text-align:left;
}

.cplist {
    display:flex;
    padding: 10px 0px 5px 20px;
    position: relative;
}
.cplist > span:first-child {
    min-width: 5em;
    text-align: right;
}

.cpds {
    padding: 10px 20px 10px 20px;
    text-align: left;   
}

.cpdsc {
    margin: 2px;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-size: 15px;
    line-height: 1.8;
}

.gwwrap {
    padding: 15px 0px 0px 0px;
}

.gwtitle {
    font-weight: 400;
    line-height: 10px;
    border-left: 8px solid rgb(22, 118, 254);
    padding: 10px 0px 10px 10px;
    margin: 2px 0 2px 0;
}

.gwlist {
    position: relative;
    margin-top: 15px;
    background: #fff;
    padding: 10px 15px;
    overflow: hidden;
    border-radius:5px;
}



.gwgzt {
    padding-left: 10px;
    color: #333;
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 10px 0px 10px 10px;
}

.gwgzn {
    color: #3b7cff;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 10em;
}

.gwgzz {
    position: absolute;
    right: 0px;
    padding: 1px 0px;
    font-size: 12px;
    text-align: right;
}

.gwlistjs {
    padding-left: 10px;
    padding-bottom: 10px;
    position: relative;
}

.gwjs {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #999;
    position: relative;
    font-size: 14px;
    margin-top: 12px;
}

.gwlistp {
    padding: 0px 0px 10px 10px;
    color: #666;
}

.gwp {
    display: inline-block;
    font-size: 14px;
}

.gwx {

    font-size: 14px;
    text-align: right;
    float:right;
}
.jobs_wrap {
    background: -webkit-gradient(linear,0 0,0 50%,from(#2d3659),to(#f8f8f8));
    padding: 15px 15px 0 15px;
}
.cs_footer{
    text-align:center;
    margin-top:10px;
}
.zph_show_zwcontent{
    background:#fff;
    padding:0px 15px 10px 15px;
    color:#5d5c5b;
    position:relative;
    word-break:break-all;
    font-size:14px;

}
.zphwap_title{
    font-size:18px;
    font-weight:bold;
    padding-top:10px;
    padding-left:15px;
    position:relative;
}
.zph_make{
    width:100%;
    text-align:center;
    padding:5px 0;
}
.zph_makelist{
    display:inline-block;
    padding-left:30px;
    position:relative;
    margin-right:10px;
}
.zph_make_ticon{
    width:20px;
    height:20px;
    position:absolute;
    left:0px;
    top:1px;
}
.zph_show_xz_box {
    background: #f0eff5;
    border: 1px solid #ddd;
    margin-top: 15px;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    position: relative;
}
.zph_show_zwname {
    width: 240px;
    padding: 8px 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #fff;
    position: absolute;
    left: 50%;
    top: -1px;
    border: 1px solid #ddd;
    border-radius: 0px 0px 6px 6px;
    margin-left: -120px;
}
.zph_show_zwbox {
    border: 1px solid #eee;
    border-radius: 5px;
    background: #fff;
    padding: 40px 0px 10px 0px;
}
.zph_show_zwlist {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}
.zph_make_icon_sd {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url('../img/sd.png') no-repeat;
    background-size:100%;
}
.zph_make_icon_zy {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url('../img/sd.png') no-repeat;
    background-size: 100%;
}
.zph_make_icon_kyd {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url('../img/kyd.png') no-repeat;
    background-size: 100%;
}
.zph_make_icon_yyd {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url('../img/yyd.png') no-repeat;
    background-size: 100%;
}
.zph_make_icon_ls {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url('../img/ls.png') no-repeat;
    background-size: 100%;
}
.zphYQ {
    padding: 10px 30px 10px 30px;
    text-align: center;
}
.zphcy_n {
    color: #3b7cff;
    font-weight: bold;
}
.gwgzznum {
    font-size: 18px;
    font-weight: 500;
    color: #3b7cff;
}
.backbtn {
    position: absolute;
    display: block;
    font-size: 18px;
    width: 100px;
    height: 48px;
    z-index: 1;
    padding: 11px 10px 10px 40px;
}
.footer-btns {
    display: flex;

}
  .footer-btns > a, .footer-btns > input {
    border-radius: 0;
  }
    .footer-btns > a:first-child, .footer-btns > input:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important;
    }
    .footer-btns > a:last-child, .footer-btns > input:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important;
    }