@charset "utf-8";
/* CSS Document */


.in_head{background: #d10f17;font-size: 0.26rem;color: #FFFFFF; padding: 4% 4%;font-weight: bold;}

/*图标*/
.zy_icon{width: 96%; margin: 0 auto; overflow: hidden;}
.zy_icon li{width: 22.5%; float: left; background: #FFFFFF; margin:0.3rem 0 0.3rem 2%;border-radius: 20px; }
.zy_icon li img{width:100% ;padding: 0.2rem 10% 0;}
.zy_icon li p{font-size: 0.22rem; text-align: center; margin: 5px 0 0.2rem;color: #555;font-weight: bold;}


/*图标2*/
.sub_icon{width: 96%; margin: 0 auto 16px; overflow: hidden;}
.sub_icon li{width: 25%; float: left;  }
.sub_icon li img{width:100% ;padding: 16px 21.5% 0;}
.sub_icon li p{font-size: 0.22rem; text-align: center; margin-top: 5px;color: #555;}

/*-----------######-----------*/
.zz_main{width: 100%; overflow: hidden; background: #fff; margin-bottom: 10px; padding: 0.3rem 0 0;}
.zz_main ul{ margin-bottom:2%; overflow:hidden; padding: 0 2%;}
.zz_main ul li{width:47%; float:left; margin:0 0 2% 2%;}
.zz_main ul li a{display:block;}
.zz_main ul li img{width:100%;border-radius: 30px;height:2.9rem;border:1px #f2f2f2 solid;}
.zz_main ul li p{ color: #333; clear:both; padding-top:4%; padding-bottom:1%; font-size:0.24rem;text-align: center;font-weight: bold;}

/*-----------######-----------*/
.in_news{clear:both; background: #fff;}
.in_news ul li{line-height:0.82rem;padding: 0 4%;}
.in_news ul li i{margin-top: 0.36rem;margin-right: 0.1rem; width: 4px ; height: 4px; border-radius: 50%; background:#d10f17; float: left; }
.in_news ul li a{display: inline-block; color: #333333; font-size: 0.24rem;}
.in_news ul li time{float: right; color: #999;font-size: 0.2rem;}


/*标题*/
.h2bt h2{font-size:0.26rem; color:#333;padding: 0.24rem 0; margin: 0 4%; font-weight: bold;}
.h2bt h2 span{ float:right; font-size:0.2rem;font-weight:normal; margin-top: 0.054rem;}
.h2bt h2 span a{ color:#999;}
.h2bt2{border-bottom: 1px solid #f1f1f1;}

/*星级干休所*/
.sy_news{width:100%;overflow: hidden;}
.sy_news p{line-height:0.82rem;border-bottom:1px solid #f1f1f1; padding: 0 4%;font-size: 0.24rem;}
.sy_news p i{margin-top: 0.36rem;margin-right: 0.1rem; width: 4px ; height: 4px; border-radius: 50%; background:#d10f17; float: left; }
.sy_news p a{display: inline-block; color: #333333}

/*----------网络党支部----------*/
.banji{background: #FFFFFF;margin: 2%; border-radius: 10px;}
.banji ul{padding-top: 10px;}
.banji ul li img{width: 32%; height: 1.76rem; float: left;border-radius: 2px; margin-right: 3%;border:1px #f2f2f2 solid;}
.banji>ul>.conCX_zst{ background: #fff; margin-bottom: 10px;overflow: hidden;border-top: 1px dashed #e1e1e1;padding: 2% 0; margin: 0 3%;}
.banji>ul>.conCX_zst2{border-top: none;}
.banji .conCX_zst .conCX{width: 65%;margin-top: 2%;float: left;}
.banji .conCX_zst .conCX h2{font-size: 0.22rem;font-weight: bold;}
.banji .conCX_zst .conCX b{font-weight: normal;margin-top: 3%; display: block; line-height: 0.34rem;font-size: 0.2rem; color: #777777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;}
.banji .conCX_zst .conCX b a{color: #777;}    
.banji .conCX_zst p a{color: #bababa; display: block; margin-top: 2%; font-size: 0.2rem;}
.paging_banji{margin-top: 0} 

/*--------------*/
.con_details{width: 92%; margin: 2% auto;line-height: 0.4rem; font-size: 0.24rem;}
.con_details .h2{text-align: center; font-size: 0.26rem; line-height: 0.8rem;font-weight: bold;}
.con_details img{max-width: 56%;display: block;margin: 2% auto;}
.con_details p{text-indent: 0.5rem;}

/*--------------*/
.ryjs{width: 92%; margin: 2% auto;line-height: 0.4rem; font-size: 0.24rem;}
.ryjs .h2{text-align: center; font-size: 0.26rem; line-height: 0.8rem;font-weight: bold;}
.ryjs img{max-width: 100%;display: block;margin: 2% auto;}
.ryjs p{text-indent: 0.5rem;}

/*--------------*/
.details_dzql{width: 92%; margin: 2% auto;line-height: 0.4rem; font-size: 0.24rem;}
.details_dzql .h2{text-align: center; font-size: 0.26rem; line-height: 0.4rem;font-weight: bold;padding: 2% 4% 1%;}
.details_dzql img{max-width: 100%;display: block;margin: 2% auto;}
.details_dzql p{text-indent: 0.5rem;margin-bottom: 1%;}
.details_dzql .font_col{text-align: center;color: red;text-align: center;}

/*-------我的服务-------*/
.form{width:96%; margin:2% 2%; background:#f1f1f1; padding:4% 4%; }
.form h2{ font-size:0.3rem; text-align:center; margin-top:2%; font-weight: bold;}
.form h2 span{color: #fe3434;}
.form p{font-size:0.2rem; text-align:center; margin:0.2rem 0 0.3rem;color: #999;}
.form ul{background:#fff; width:100%; margin:4% auto; padding:4% 4%;}
.form ul li{padding:3% 0; margin-left:2%;overflow: hidden;}
.form ul li input{width:72%; height:0.6rem;padding-left: 0.15rem; border-radius: 4px; border: 1px solid #cecece;}
.form ul li select{width:72%; height:0.6rem;padding-left: 0.15rem; border-radius: 4px; border: 1px solid #cecece; margin-left: -5px;}
.form ul li span{width: 24%; display: inline-block; text-align: right;}
.form ul li .span_jl{float:left; padding-top:0.13rem}
.form ul li textarea{width:72%; height:1.2rem;padding: 0.1rem 0 0.1rem 0.1rem; border-radius: 4px; border: 1px solid #cecece; float:left;}
.form ul li [type="button"]{width:72%; height:0.6rem;  margin-left:23.5%; border:0; color:#fff;background: -webkit-linear-gradient(left, #ff6f3e, #d10f17);font-size: 0.24rem; font-weight: bold;}

.form ul li time{width: 72%;display: inline-block; font-weight: bold;}

.dfcx{width: 92%; margin: 3% auto;border-collapse: collapse; line-height: 0.5rem;}
.dfcx tr th{border: 1px solid #BABABA;}
.dfcx tr td{border: 1px solid #BABABA;text-align: center;}

.form ul .qsbd_sjh input{width: 46%;}
.form ul .qsbd_sjh a{width: 24%; margin-left: 2%;display: inline-block;line-height: 0.6rem; border: 1px solid #cecece;border-radius: 4px;background: #efefef;color: #999;font-size: 0.2rem;text-align: center;}

.qs_ewm{width:50%; margin: 0 auto;}
.qs_ewm img{width: 100%;}

.form .fsnr textarea{width: 89%;margin-left: 6.8%;min-height: 2.2rem;}
.form ul .gtwx_tj [type="button"]{width: 89%;margin-left: 6.8%;}

/*--------------*/
.icon_comm{width: 96%; margin: 20px auto 36px; overflow: hidden;}
.icon_comm li{width: 25%; float: left;  }
.icon_comm li img{width:100% ;padding: 16px 21.5% 0;}
.icon_comm li p{font-size: 0.22rem; text-align: center; margin-top: 5px;color: #555;}


/*--------------*/
.kby{width: 100%;overflow: hidden;}
.kby_ts{width: 96%; margin: 2% auto 0; background: #fff;border-radius:10px ;overflow: hidden;}
.kby_ts img{width: 37%;margin: 10% auto 8%;display: block;}
.kby_ts p{text-align: center; margin: 6% 2% 6%; font-size: 0.24rem; color: #999;} 
.kby_ts p span{color: #fe0000;}
.kby_ts ul{ margin-left: 11%;}
.kby_ts li{width: 40%;line-height: 0.6rem; text-align: center;background: -webkit-linear-gradient(left, #49abff, #297cf8);  font-size: 0.24rem;margin: 0 2% 10%;border-radius:30px ; float: left;}
.kby_ts li a{color: #fff;}
.kby_ts .fhsy{border: 1px #297cf8 solid; background: none; line-height: 0.58rem;}
.kby_ts .fhsy a{color: #297cf8;}

.dele img{width: 30%;}
.img_500 img{width: 48%;}



/*-------手机号验证码-------*/
.body_bg{background-color: #f8f8f8;  
    font-size: 16px; 
    overflow-x: hidden;  
    margin: 0 auto;
    max-width: 750px;
    min-width: 300px;}
.nav{
    width: 100%;height: 1.26rem;background: #fff; /*position: fixed;left: 0;top: 0;z-index: 9;*/
}
.navTit {
    font: .4rem/1.26rem "微软雅黑";
    color: #1e1e1e;
    text-align: center;
}
.backBtn{
    font: .57rem/.74rem "iconfont";height: .57rem;position: absolute;left: .4rem;top: 0;bottom: 0;margin: auto;
}


/* 修改手机号 */
.revisePhone{
    width:5.9rem; margin:0.6rem auto 0; 
}
.revisePhone p{
    padding:0 0.4rem; line-height:0.88rem;font-size:0.24rem;color:#999;margin-bottom:0.28rem;border-radius:0.08rem;background:#fff;
}




.revisePhone p input { 
    width: 5.9rem;
    height: 0.88rem;
    border: 0;
    border-radius: 0.04rem;
    background: #fff;
    font-size: .24rem;
}



.revisePhone .code{
    width:100%;height:0.88rem;margin-bottom:0.2rem;display:flex;justify-content:space-between;
}
.revisePhone .code input{
    padding:0 0.4rem;width:3.4rem;height:0.88rem;border:0;border-radius:0.04rem;background:#fff;font-size: .24rem;
}
.revisePhone .code a{
    width:2.3rem;height:0.88rem;background:#d10f17;
    line-height:0.88rem;font-size:0.24rem;color:#fff;text-align:center;border-radius:0.04rem;
}
.revisePhone .bttn{
    display:block;margin-top:0.6rem;width:100%;line-height:0.86rem;font-size:0.34rem;color:#fff;
    text-align:center;background:#d10f17;border-radius:0.43rem;
}

.reviseTel{
    width:6.7rem;margin:1.6rem auto 0;
}
.reviseTel .tel{
    display:block;padding:0 0.4rem;width:5.9rem;height:0.88rem;background:#fff;border-radius:0.04rem;border:0;margin:0 auto;
}
.reviseTel .code{
    width:100%;height:0.88rem;margin:0.2rem auto;display:flex;justify-content:space-between;
}
.reviseTel .code input{
    padding:0 0.4rem;width:3.4rem;height:0.88rem;border:0;border-radius:0.04rem;background:#fff;font-size: .24rem;
}
.reviseTel .code a{
    width:2.3rem;height:0.88rem;background:#d10f17;
    line-height:0.88rem;font-size:0.24rem;color:#fff;text-align:center;border-radius:0.04rem;
}
.reviseTel .bttn{
    display:block;margin-top:0.6rem;width:100%;line-height:0.86rem;font-size:0.34rem;color:#fff;
    text-align:center;background:#d10f17;border-radius:0.43rem;
}