@charset "utf-8";
.pd-body{background:url(../images/bg.png) center  -3.5% no-repeat;background-size:100%;}
.main{margin:0 auto;padding:10px 0 80px 0;width:92%;}
.xx-main{padding-bottom:80px;}
.head-main{padding:.2rem 0 .4rem 0;}
.line{width:100%;height:6px;background:#f5f5f5;}
.logo-box{margin:6px auto;width:96%;}
.logo-box a{width:100%;display:block;}
.logo-box a img{width:1.24rem;display:inline-block;vertical-align:middle;}
.logo-box a span{margin-left:.2rem;font-weight:bold;font-size:.42rem;color:#feffe3;display:inline-block;vertical-align:middle;}
.welcome{position:relative;margin-top:.2rem; display:flex; width:100%;}
.welcome i{margin:.2rem 0;font-size:.32rem; width:5rem; color:#333333;display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.welcome em{font-size:.32rem;color:#333333;display:inline-block;vertical-align:middle;}
.welcome span{font-size:.32rem;color:#333333;display:inline-block;vertical-align:middle !important;}
.welcome .search{position:absolute;top:.24rem;right:0;width:.56rem;}
.welcome .search img{width:100%;}
.search-box{margin-top:.8rem;padding:.08rem .24rem .08rem .3rem;width:100%;background:#f3f3f3;border-radius:30px;display:none;}
.search-box a{float:right;padding-top:8px;width:.64rem;height:32px;text-align:center;line-height:32px;display:inline-block;vertical-align:middle;}
.search-box a img{width:.32rem;}
.search-box input[type="text"]{margin-top:.06rem;width:86%;font-size:.28rem;color:#333333;background:#f3f3f3;display:inline-block;vertical-align:middle;}

.welcome-l{ flex:1;}
.welcome-r{ width: 1.2rem; height: 1.2rem; position:relative;}
.welcome-r span{ font-size:.25rem; position:absolute; bottom:-.2rem;width: 1.2rem; height: .4rem; text-align:center; border-radius:2px; line-height:.4rem; color:#ffffff; background:#f7673c; display: block;}
/*--------------------------------------推荐页面样式--------------------------------------*/
/*轮播图样式*/
.banner{width:100%;}
.m-slider{position:relative;margin:10px auto 0 auto;width:100%;height:258px;border-radius:5px;overflow-x:hidden;}
.slider-wrapper{position:relative;width:100%;height:220px;border-radius:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;z-index:1;}
.slider-item{width:100%;height:100%;border-radius:5px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.slider-item a{width:100%;height:100%;border-radius:5px;display:block;}
.slider-item img{width:100%;height:100%;border-radius:5px;display:block;}
.slider-pagination{position:absolute;right:0;bottom:10px;width:100%;text-align:right;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:2;}
.slider-pagination > .slider-pagination-item{margin:0 .1rem;width:.16rem;height:.16rem;background:#d5d5d5;border-radius:100%;display:inline-block;}
.slider-pagination > .slider-pagination-item.slider-pagination-item-active{width:.32rem;background:#3393ff;border-radius:4px;}
.btn-list{margin-top:.2rem;}
.btn-list li{float:left;margin:10px auto;width:20%;}
.btn-list li a{text-align:center;display:block;}
.btn-list li a img{width:.56rem;}
.btn-list li a span{margin-top:8px;font-size:.28rem;display:block;}
.adver{margin-top:.4rem;width:100%;}
.adver .m-slider, .adver .swiper-container,.adver .slider-wrapper,.adver .swiper-container .swiper-wrapper{height:94px;}
.adver > img{width:100%;}
.index-news-box{margin:20px auto;}
.index-news-box .news-li{margin-top:.26rem;padding:10px;box-shadow:rgba(0,0,0,.1) 2px 0 8px;border-radius:5px;}
.index-news-box .news-li .news-tit{padding:6px 0 8px 0;border-bottom:#ededed solid 1px;display:block;}
.index-news-box .news-li .news-tit i{padding:.03rem;width:.56rem;height:.56rem;border-radius:50%;border:#cccccc solid 1px;display:inline-block;vertical-align:middle;}
.index-news-box .news-li .news-tit i img{width:.5rem;height:.5rem;border-radius:50%;}
.index-news-box .news-li .news-tit em{margin-left:4px;font-size:.32rem;display:inline-block;vertical-align:middle;}
.index-news-box .news-li a{padding:12px 0;border-radius:5px;display:block;}
.index-news-box .news-li a em{font-size:.24rem;color:#999999;display:block;}
.index-news-box .news-list .news-li a img{width:100%;border-radius:5px;}
.index-news-box .news-list .news-li a span{padding:10px 0 6px 0;font-size:.28rem;line-height:24px;display:block;}
.index-news-box .news-list2 .news-li a .txt-box{float:left;width:60%;}
.index-news-box .news-list2 .news-li a .txt-box span{margin-bottom:12px;font-size:.28rem;line-height: 1.5;display:-webkit-box;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;}
.index-news-box .news-list2 .news-li a > img{float:right;width:34%;border-radius:4px;}
.footer{position:fixed;left:0;bottom:0;width:100%;z-index:999;}
.footer .nav{padding:10px 0;width:100%;background:#ffffff;box-shadow:rgba(0,0,0,.1) 2px 0 8px;border-radius:24px 24px 0 0;display:flex;}
.footer .nav li{flex:1;}
.footer .nav li a{text-align:center;display:block;}
.footer .nav li a em{width:.56rem;height:.56rem;display:inline-block;}
.footer .nav li.li1 a em{background:url(../images/nav-tj.png) center no-repeat;background-size:100%;}
.footer .nav li.li2 a em{background:url(../images/nav-dj.png) center no-repeat;background-size:100%;}
.footer .nav li.li3 a em{background:url(../images/nav-fw.png) center no-repeat;background-size:100%;}
.footer .nav li.li4 a em{background:url(../images/nav-sh.png) center no-repeat;background-size:100%;}
.footer .nav li.li5 a em{background:url(../images/nav-wd.png) center no-repeat;background-size:100%;}
/**.footer .nav li.li6 a em{background:url(../images/nav4.png) center no-repeat;background-size:100%;}
.footer .nav li.li6.hover a em{background:url(../images/nav4-h.png) center no-repeat;background-size:100%;}**/
.footer .nav li.li1.hover a em{background:url(../images/nav-tj-h.png) center no-repeat;background-size:100%;}
.footer .nav li.li2.hover a em{background:url(../images/nav-dj-h.png) center no-repeat;background-size:100%;}
.footer .nav li.li3.hover a em{background:url(../images/nav-fw-h.png) center no-repeat;background-size:100%;}
.footer .nav li.li4.hover a em{background:url(../images/nav-sh-h.png) center no-repeat;background-size:100%;}
.footer .nav li.li5.hover a em{background:url(../images/nav-wd-h.png) center no-repeat;background-size:100%;}
.footer .nav li a span{margin-top:5px;font-size:.24rem;color:#999999;display:block;}
.footer .nav li.hover a span{color:#3588ff;}
.footer .nav li.li2.hover a span{color:#c80303;}

/*--------------------------------------党建页面样式--------------------------------------*/
.dj-btn-list li a img{width:.6rem;}
.dj-news-box{margin-top:.4rem;}
.dj-news-box .tab-menu{border-bottom:#e5e5e5 solid 1px;}
.dj-news-box .tab-menu a{position:relative;margin-right:28px;padding-bottom:6px;font-size:.32rem;color:#888888;text-align:center;line-height:32px;display:inline-block;vertical-align:middle;}
.dj-news-box .tab-menu a i{position:absolute;bottom:0;left:50%;margin-left:-.32rem;margin-top:4px;width:.64rem;height:4px;background:#c80303;border-radius:2px;display:none;}
.dj-news-box .tab-menu a.hover{font-weight:bold;font-size:.34rem;color:#333333;}
.dj-news-box .tab-menu a.hover i{display:block;}
.dj-news-list ul li a{position:relative;padding:12px 0;border-bottom:#e5e5e5 dashed 1px;display:block;}
.dj-news-list ul li a span{padding-right:6%;font-size:.28rem;line-height: 1.5;display:-webkit-box;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;}
.dj-news-list ul li a em{margin-top:8px;font-size:.24rem;color:#999999;display:block;}
.dj-news-list ul li a i{position:absolute;top:18px;right:0;width:12px;height:12px;background:url(../images/sanjiao.png) center no-repeat;background-size:100%;display:block;}
.dj-news-list ul li:last-of-type a{border:none;}
.more{margin-top:10px;padding:.2rem 0;font-size:.24rem;color:#999999;text-align:center;display:block;}
.hide{display:none;}
.dj-btn-box{margin:10px -2% 0 auto;}
.dj-btn-box li{float:left;margin:3% .218rem 0 auto;width:3.3rem;height:1.68rem;display:table;}
.dj-btn-box li a{clear:both;padding:0 .4rem;width:100%;height:100%;font-weight:500;font-size:.32rem;line-height:1.3;display:table-cell;vertical-align:middle;overflow:hidden;}
.dj-btn-box li a span{width:1.5rem;display:inline-block;vertical-align:middle;}
.dj-btn-box li a span i{margin-top:6px;font-size:.24rem;display:block;}
.dj-btn-box li a img{margin-left:.2rem;width:.76rem;display:inline-block;vertical-align:middle;}
.dj-btn-box li.li1 a{color:#a1494c;background:url(../images/dj-btn-bg1.png) center no-repeat;background-size:100%;}
.dj-btn-box li.li2 a{color:#9c5950;background:url(../images/dj-btn-bg2.png) center no-repeat;background-size:100%;}
.dj-btn-box li.li3 a{color:#7fa54a;background:url(../images/dj-btn-bg3.png) center no-repeat;background-size:100%;}
.dj-btn-box li.li4 a{color:#556da6;background:url(../images/dj-btn-bg4.png) center no-repeat;background-size:100%;}
.dj-btn-box li.li1 a span i{color:#dba2a5;}
.dj-btn-box li.li2 a span i{color:#d9bb7f;}
.dj-btn-box li.li3 a span i{color:#c3d48e;}
.dj-btn-box li.li4 a span i{color:#9bb8dc;}
.ztdr-box{background:#f9f9f9;}
.news-title{border-bottom:#e5e5e5 solid 1px;}
.news-title a{position:relative;margin-right:28px;padding-bottom:6px;font-weight:bold;font-size:.34rem;text-align:center;line-height:32px;display:inline-block;vertical-align:middle;}
.news-title a i{position:absolute;bottom:0;left:50%;margin-left:-16px;margin-top:4px;width:.64rem;height:4px;background:#3393ff;border-radius:2px;}
.dj-news-title a i{background:#c80303;}
.ztdr-news-list .news-li a{padding:15px 0;border-bottom:#e5e5e5 dashed 1px;display:block;}
.ztdr-news-list .news-li a .txt-box{float:left;width:62%;}
.ztdr-news-list .news-li a .txt-box span{margin-bottom:.3rem;font-size:.28rem;line-height: 1.5;display:-webkit-box;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;}
.ztdr-news-list .news-li a > img{float:right;margin-top:.1rem;width:2.34rem;height:1.31rem;border-radius:4px;}
.ztdr-news-list .news-li a em{padding-left:0.44rem;font-size:.24rem;color:#999999;background:url(../images/list-time-icon.png) left center no-repeat;background-size:.32rem;display:block;}
.zzsh-box .ztdr-news-list .news-li a .ly i{float:left;padding-left:0.44rem;font-size:.24rem;color:#999999;background:url(../images/ztdr-icon.png) left center no-repeat;background-size:.32rem;}
.zzsh-box .ztdr-news-list .news-li a .ly em{float:right;}
.ztdr-news-list .news-li:last-of-type a{border:none;}
.dykt-box{padding:10px 0;background:#f9f9f9;}
.pd-dykt-box{margin-top:.12rem;padding-top:0;background:#ffffff;}
.dykt-box ul{margin-top:10px;}
.dykt-box ul li{float:left;margin:.2rem 1%;width:18%;text-align:center;}
.dykt-box ul li a{width:100%;display:block;}
.dykt-box ul li a i{width:.6rem;height:.6rem;background:#ffffff;border:#f8b4b4 solid 1px;border-radius:3px;display:inline-block;}
.dykt-box ul li a i img{margin-top:.12rem;width:.32rem;}
.dykt-box ul li a span{margin-top:.18rem;font-size:.28rem;display:block;}
.djxx-btn-list{margin:.3rem -3% 0 auto;}
.djxx-btn-list li{float:left;margin:.15rem 1%;width:18%;text-align:center;height: 1.2rem;}
.djxx-btn-list li a{display:block;overflow:hidden;}
.djxx-btn-list li a span{margin-top:.2rem;font-size:.28rem;display:block;}
.djxx-btn-list li a img{width:.46rem;}

/*--------------------------------------服务页面样式--------------------------------------*/
.fw-list-box{margin-top:.4rem;padding-bottom:.4rem;border-bottom:#e5e5e5 dashed 1px;}
.fw-list-box:first-of-type{margin-top:.2rem;}
.fw-box .news-title{border:none;}
.fw-box .news-title a{text-align:left;display:block;}
.fw-box .news-title a img{margin-right:5px;width:.64rem;vertical-align:middle;}
.fw-box .news-title a em{margin-left:18px;font-weight:normal;font-size:.24rem;color:#999999;display:inline-block;}
.bmfw-box{padding-bottom:0;border:none;}
.fw-box .sqjs-list{margin-top:10px;}
.fw-box .sqjs-list ul li{float:left;width:20%;height: 1.4rem;}
.fw-box .sqjs-list ul li a{position:relative;text-align:center;display:block;}
.fw-box .sqjs-list ul li a img{width:.6rem;}
.fw-box .sqjs-list ul li a span{margin-top:4px;font-size:.28rem;display:block;}
.fw-adver{margin-top:0;}
.fw-btn-box{margin-top:.4rem;}
.fw-btn-list ul{display:flex;}
.fw-btn-list ul li{flex:1;padding:20px 0;border-bottom:#e5e5e5 solid 1px;}
.fw-btn-list ul li a{position:relative;text-align:center;display:block;}
.fw-btn-list ul li a img{width:.96rem;}
.fw-btn-list ul li a span{margin-top:10px;font-size:.28rem;display:block;}
.fw-btn-list ul li a i{position:absolute;top:50%;right:0;width:1px;height:44px;background:#e5e5e5;display:block;transform:translate(-50%,-50%);}
.fw-btn-list ul li:nth-child(3) a i{display:none;}
.fw-btn-box:last-of-type .fw-btn-list ul li{border-bottom:none;}
.ylfw-box{border:none;}
.sqdj-list li{margin-bottom:.2rem;}
.zzfw-list ul{margin-right:-3%;}
.zzfw-list ul li{float:left;margin-right:3%;padding:.5rem .24rem;width:3.34rem;height:1.762rem;}
.zzfw-list ul li a{width:100%;height:100%;font-size:.296rem;display:block;}
.zzfw-list ul li a span{width:2rem;line-height:1.4;display:block;}
.zzfw-list ul li.li1{background:url(../images/zzfw-bg1.png) left center no-repeat;background-size:100%;}
.zzfw-list ul li.li2{background:url(../images/zzfw-bg2.png) left center no-repeat;background-size:100%;}
.zzfw-list ul li.li1 a{color:#4572d9;}
.zzfw-list ul li.li2 a{color:#857c11;}
/*--------------------------------------生活页面样式--------------------------------------*/
.shq-box{margin-top:.2rem;}
.shq-box ul{margin-top:.3rem;}
.shq-box ul li{float:left;margin:0.15rem 1%;width:18%;text-align:center;}
.shq-box ul li a{width:100%;height:100%;display:block;}
.shq-box ul li a span{margin-top:0.2rem;font-size:.28rem;display:block;}
.shq-box ul li a img{width:.6rem;}
.shq-box ul li:nth-child(even){border-right:none;}
.bmcx-box .djxx-btn-list{margin-right:0;}
.bmcx-box .djxx-btn-list li a img{width:.56rem;}
.msb-btn-box li.li1 a{color:#7fa54a;background:url(../images/sh-btn-bg1.png) center no-repeat;background-size:100% 100%;}
.msb-btn-box li.li2 a{color:#837b11;background:url(../images/sh-btn-bg2.png) center no-repeat;background-size:100% 100%;}
.msb-btn-box li.li1 a span i{color:#c3d48e;}
.msb-btn-box li.li2 a span i{color:#bfbd9f;}
.bmcx-box{margin-top:.4rem;}

/*--------------------------------------服务列表页面样式--------------------------------------*/
.bsfw-top{position:fixed;top:0;left:0;width:100%;background:#ffffff;z-index:999;}
.bsfw-fenlei-body .main{padding-bottom:0;}
.bsfw-tip{padding:12px 20px;font-size:.28rem;color:#e48317;background:#faf8ec;}
.bsfw-fenlei-box{position:fixed;top:1.84rem;width:100%;overflow:auto;}
.fw-nav{float:left;padding-bottom:4rem;width:27.333%;background:#f8f8f8;overflow:auto;}
.fw-nav a{padding:.26rem .3rem;font-size:.3rem;line-height:28px;text-align:center;display:block;}
.fw-nav a.active{font-weight:bold;color:#3f80f6;border-left:#4b59ff solid 2px;background:#ffffff;}
.snf-page{float:right;padding-bottom:4rem;width:72.667%;overflow:auto;}
.snf-page ul{padding-left:20px;}
.snf-page ul li{position:relative;border-bottom:#e5e5e5 solid 1px;}
.snf-page ul li a{padding:20px 50px 20px 0;font-size:.28rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.snf-page ul li a img{position:absolute;top:25px;right:30px;width:8px;}

/*--------------------------------------服务列表2页面样式--------------------------------------*/
.fw-banner img{width:100%;border-radius:6px;box-shadow:rgb(0,0,0,.1) 0px 0px 8px;}
.fw-list .li{margin-top:.4rem;background:#ffffff;border-radius:6px;box-shadow:rgb(0,0,0,.1) 0px 0px 8px;}
.fw-list .li .fw-tit{padding:13px 16px;background:#f8f8f8;border-radius:6px 6px 0 0;}
.fw-list .li .fw-tit i{width:2px;height:20px;background:#3393ff;display:inline-block;vertical-align:middle;}
.fw-list .li .fw-tit span{margin-left:6px;font-size:.36rem;display:inline-block;vertical-align:middle;}
.fw-list .li ul{padding:0 16px 13px 16px;}
.fw-list .li ul li a{padding:15px 0;font-size:.294rem;border-bottom:#eeeeee dashed 1px;display:block;}
.fw-list .li ul li a i{margin-right:8px;width:4px;height:4px;background:#dddddd;display:inline-block;vertical-align:middle;}
.fw-list .li ul li a:last-of-type{border:none;}

/*--------------------------------------图片列表页面样式--------------------------------------*/
.pic-list-body{background:#f3f3f5;}
.pic-list-box{margin-top:.12rem;}
.pic-list{margin-top:.4rem;}
.pic-list li{margin-top:.4rem;border-radius:15px;box-shadow:rgb(0 0 0 / 10%) 0px 0px 8px;}
.pic-list li a{position:relative;background:#ffffff;border-radius:15px;display:block;}
.pic-list li a img{width:100%;border-radius:15px 15px 0 0;}
.pic-list li a span{padding:15px 20px 20px 15px;display:block;}
.pic-list li a span em.tit{font-size:.28rem;display:block;}
.pic-list li a span em.date{margin-top:.26rem;padding-left:.44rem;font-size:.24rem;color:#999999;background:url(../images/ztdr-icon.png) 0 center no-repeat;background-size:.32rem;display:block;}
.pic-list li a span em.date i{margin-left:.2rem;padding-left:.64rem;background:url(../images/list-time-icon.png) 10px center no-repeat;background-size:0.32rem;border-left:#eeeeee solid 1px;display:inline-block;}
.pic-list li a > i{position:absolute;top:0;right:0;padding:.16rem .24rem;font-size:.28rem;color:#ffffff;border-radius:0 15px 0 15px;display:block;}
.pic-list li a > i.state0{background:#e9501a;}
.pic-list li a > i.state1{background:#a5a5a5;}
.pic-list li a > i.state2{background:#3094de;}
/*--------------------------------------文字列表页面样式--------------------------------------*/
.news-list-box{margin-top:.12rem;}
.news-list li a{position:relative;padding:12px 0;border-bottom:#e5e5e5 dashed 1px;display:block;}
.news-list li a span{padding-right:6%;font-size:.28rem;line-height: 1.5;display:-webkit-box;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;}
.news-list li a em{margin-top:8px;font-size:.24rem;color:#999999;display:block;}
.news-list li a i{position:absolute;top:18px;right:0;width:.24rem;height:.24rem;background:url(../images/sanjiao.png) center no-repeat;background-size:100%;display:block;}
.news-list li:last-of-type a{border:none;}
.news-list3 li{margin-top:15px;box-shadow:rgba(0,0,0,.1) 0px 0px 8px;border-radius:6px;}
.news-list3 li a{clear:both;padding:13px 16px;display:block;overflow:hidden;}
.news-list3 li a span{font-size:.294rem;line-height:1.5;display:block;}
.news-list3 li a em{float:left;margin-top:18px;padding-left:.4rem;font-size:.24rem;color:#999999;background:url(../images/list-time-icon.png) left center no-repeat;background-size:.3rem;}
.news-list3 li a i{float:right;margin-top:13px;padding:4px 8px;font-size:.24rem;color:#006cff;background:#ecf2ff;border-radius:4px;}
.hd-pic-list li a span em i{padding-left:0.44rem;font-size:.24rem;color:#999999;}
.hd-pic-list li a span em.date{background:url(../images/list-time-icon.png) 0 center no-repeat;background-size:.32rem;}
.hd-pic-list li a span em.date i{margin-left:0;padding-left:0;background:none;border:none;}
.hd-pic-list li a span em.dzb{margin-top:.26rem;background:url(../images/hd-dh-icon.png) 0 center no-repeat;background-size:.32rem;}

/*--------------------------------------新闻详细页面样式--------------------------------------*/
.show-top{padding:.1rem 0;}
.show-top > a{width:.36rem;height:.36rem;display:block;}
.show-top > a.return{float:left;}
.show-top > a.search{float:right;}
.show-top > a.share{float:right;}
.show-top > a img{height:100%;}
.show-box h1{margin-top:.12rem;font-weight:normal;font-size:.38rem;line-height:1.5;}
.show-box > span{padding:.3rem 0;border-bottom:#eeeeee solid 1px;display:block;}
.show-box > span em{font-size:.24rem;color:#999999;}
.show-box > span em.date{float:left;}
.show-box > span em.date i.date{margin-left:.2rem;padding-left:.38rem;background:url(../images/list-time-icon.png) left center no-repeat;background-size:.28rem;}
.show-box > span em.liulan{float:right;padding-left:.38rem;background:url(../images/liulan-icon.png) left center no-repeat;background-size:.28rem;}
.show-text, .show-text p, .show-text span{margin-top:.2rem;font-size:.294rem;color:#666666;line-height:1.8;text-indent:2em;}
.show-text img{margin:15px auto 0 auto;max-width:100%;}

/*--------------------------------------活动设施列表页面样式--------------------------------------*/
.hd-fenlei{margin-top:.2rem;padding:.12rem 0 5px 0;}
.hd-fenlei li{float:left;}
.hd-fenlei li a{padding:0 .2rem;border-right:#eeeeee solid 1px;display:block;}
.hd-fenlei li a span{padding:.1rem .2rem;font-size:.268rem;border-radius:15px;display:block;}
.hd-fenlei li.hover a span{color:#333333;background:#eeeeee;}
.hd-fenlei li:first-of-type a{padding-left:0;}
.hd-fenlei li:last-of-type a{border-right:none;}
.hdcd-list{margin-right:-3%;}
.hdcd-list .li{position:relative;float:left;margin:15px 3% 0 auto;width:47%;height:4.8rem;box-shadow:rgba(0,0,0,.1) 0px 0px 8px;border-radius:6px;}
.hdcd-list .li img{width:100%;height:1.9rem;border-radius:6px 6px 0 0;}
.hdcd-list .li .txt-box{padding:10px;}
.hdcd-list .li .txt-box span{font-size:.28rem;display:block;}
.hdcd-list .li .txt-box em{margin-top:8px;font-size:.24rem;color:#999999;display:block;}
.hdcd-list .li .txt-box a{float:right;margin-top:12px;padding:5px 15px;font-size:.24rem;color:#ffffff;background:#ff8a00;box-shadow:rgba(0,0,0,.1) 0px 0px 8px;border-radius:20px;}
.hdcd-list .li .txt-box em.date{padding-left:.38rem;background:url(../images/list-time-icon.png) left center no-repeat;background-size:0.28rem;}
.hdcd-list .li .txt-box em.department{padding-left:.38rem;background:url(../images/list-department-icon.png) left center no-repeat;background-size:0.28rem;}
.hdcd-list .li .txt-box em.addr{padding-left:.38rem;background:url(../images/list-addr-icon.png) left center no-repeat;background-size:0.28rem;}
.hdcd-list .li i{position:absolute;top:0;right:0;padding:4px 10px;font-size:.24rem;color:#ffffff;border-radius:0 6px 0 6px;}
.hdcd-list .li i.state0{background:#02b578;}
.hdcd-list .li i.state1{background:#999999;}
.hdcd-list .li i.state2{background:#3094de;}


/*--------------------------------------邻里圈详细页面样式--------------------------------------*/
.llq-show-box .reply-box{margin-top:.6rem;}
.llq-show-box .reply-box a{padding-left:.4rem;height:.3rem;font-size:.268rem;color:#596895;display:inline-block;}
.llq-show-box .reply-box i{margin:0 .4rem;width:1px;height:12px;background:#e5e5e5;display:inline-block;vertical-align:middle;}
.llq-show-box .reply-box a.reply-btn{background: url(../images/huifu.png) left center no-repeat;background-size:0.28rem;}
.llq-show-box .reply-box a.share-btn{background: url(../images/fenxiang.png) left center no-repeat;background-size:0.28rem;}
.llq-show-box .reply-box a.zan-btn{background:url(../images/zan.png) left center no-repeat;background-size:.28rem;}
.llq-show-box .reply-box a.hover{background:url(../images/zan-h.png) left center no-repeat;background-size:.28rem;}
.llq-show-box .reply-box a.jubao-btn{float:right;}
.llq-comment-box .comment-list{margin-top:0;}
.llq-comment-box .comment-list .comment-li{margin:.3rem auto .4rem auto;}
.llq-comment-box .comment-list .comment-li > .comment-txt{width:5.6rem;}
.llq-comment-box .comment-list .comment-li > .comment-txt .txt{position:relative;padding:.2rem;background:#f9f9f9;border:#e5e5e5 solid 1px;border-radius:5px;}
.llq-comment-box .comment-list .comment-li > .comment-txt .txt em{position:absolute;top:.32rem;left:-.16rem;width:.28rem;height:.28rem;background:#f9f9f9;border:#e5e5e5 solid 1px;border-top:none;border-right:none;border-radius:3px;transform:rotate(45deg);}
.llq-comment-box .comment-list .comment-li > .comment-txt .txt span{margin-right:.08rem;color:#777777;}

/*--------------------------------------活动设施详细页面样式--------------------------------------*/
.show-box .fw-fenlei{margin-top:.2rem;}
.show-box .fw-fenlei em{float:left;margin-right:5px;padding:4px 10px;font-size:.24rem;color:#2f8c69;background:#e9f8f0;border-radius:4px;display:block;}
.hdxx-list{margin-top:.3rem;border-top:#eeeeee solid 1px;}
.hdxx-list li{padding:15px 0;border-bottom:#eeeeee solid 1px;}
.hdxx-list li > span{font-size:.28rem;display:block;}
.hdxx-list li > span img{margin-right:.12rem;width:.36rem;display:inline-block;vertical-align:middle;}
.hdxx-list li > span i{vertical-align:middle;}
.hdxx-list li > span em{vertical-align:middle;}
.hdxx-list li > em{margin:.15rem auto 0 .48rem;font-size:.268rem;color:#888888;vertical-align:middle;}
.hdxx-list li > em.ybm i{color:#333333;}
.hdxx-list li a.phone-btn{float:right;margin-top:.15rem;}
.hdxx-list li a.phone-btn span{margin-right:.08rem;font-size:.268rem;color:#3393ff;vertical-align:middle;}
.hdxx-list li a.phone-btn img{width:.34rem;vertical-align:middle;}
.hdxx-list li a.phone-btn2{margin-top:0;}
.hdxx-list li > .dh-btn{float:right;margin-top:6px;width:.34rem;}
.hdxx-list li > .dh-btn img{width:100%;}
.hdxx-list li.sdrs > span em i{color:#888888;}
.hdxx-list li.addr > span em{width:6rem;}
.hdxx-list li.addr > em{margin-top:5px;padding-left:.2rem;display:block;}
.hdxx-list li.yysd span{margin-bottom:12px;display:block;}
.hdxx-list li.yysd a{float:left;margin:1%;width:31.33%;height:.6rem;text-align:center;line-height:.6rem;font-size:.268rem;color:#888888;background:#f4f4f4;border:#e9e9e9 solid 1px;border-radius:4px;}
.hdxx-list li.beizhu span{margin-bottom:12px;display:block;}
.hdxx-list li.beizhu textarea{padding:6px 12px;width:100%;font-size:.268rem;background:#f2f2f2;border-radius:5px;}
.hdxx-list li:last-of-type{padding-bottom:.1rem;border-bottom:none;}
.bottom{position:fixed;left:0;bottom:0;padding:5px 0;width:100%;height:1.5rem;background:#ffffff;box-shadow:rgba(0,0,0,.1) 0px 0px 8px;}
.button{width:100%;height:.88rem;font-size:.32rem;color:#ffffff;text-align:center;line-height:.88rem;border-radius:10px;display:block;}
.sbm-btn{background:linear-gradient(to right, #ff8901 0%,#f94b4c 100%);}
.disable-btn{background:#cccccc;}
.theme-popover{position:fixed;bottom:0;left:0;width:100%;background:#ffffff;display:none;z-index:9999;}
.theme-popover .news{margin:0;}
.theme-popover-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=40);display:none;z-index:9998;}
.theme-poptit .close{float:right;color:#999;padding:12px 8px;font:bold 16px/16px simsun;text-shadow:0 1px 0 #ddd;}
.theme-poptit .textarea-box{margin:0 auto;padding:15px 0 40px 0;width:90%;}
.theme-poptit .textarea-box b{padding:10px 0;font-size:.36rem;color:#2365da;display:block;}
.input-box{margin-top:.2rem;}
.input-box li{margin-top:.2rem;padding:.2rem .3rem; height:1rem; /*line-height:1rem;*/ border:#dddddd solid 1px;border-radius:6px; }
.input-box li img{width:7%;vertical-align:middle;}
.input-box li input[type="text"]{width:88%;height:.8rem;font-size:.294rem;border:none;background:#ffffff;}
.input-box li input[type="password"]{width:3.8rem; float:right; height:.6rem;font-size:.294rem;border:none;background:#ffffff;}
.theme-poptit .textarea-box .sbm-btn{margin-top:.4rem;}

/*--------------------------------------工作人员列表页面样式--------------------------------------*/
.ddb-list{margin-top:.4rem;}
.ddb-list .li{position:relative;margin-top:.4rem;height:3rem;box-shadow:rgba(0,0,0,.1) 0px 0px 8px;border-radius:6px;}
.ddb-list .li .img-box{float:left;}
.ddb-list .li .img-box img{width:2.2rem;height:3rem;display:block;}
.ddb-list .li .txt-box{float:right;padding:.34rem .2rem;width:4.7rem;height:3rem;background:#ffffff;}
.ddb-list .li .txt-box span{display:block;}
.ddb-list .li .txt-box em{margin-top:8px;font-size:.24rem;color:#999999;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;vertical-align:middle;}
.ddb-list .li .txt-box span{font-size:.34rem;vertical-align:middle;}
.ddb-list .li .txt-box .dhly-box{position:absolute;top:.4rem;right:.1rem;}
.ddb-list .li .txt-box .dhly-box a{margin-left:.14rem;width:.6rem;height:.6rem;text-align:center;display:inline-block;}
.ddb-list .li .txt-box .dhly-box a img{width:.32rem;}
.ddbxx-box .ddb-list,.ddbxx-box .ddb-list .li{margin-top:0;}
.jfqk-box{margin-top:30px;}
.jfqk-box .zcfg-list li a em{margin-top:10px;}
.jfqkxx-box .jfqk-box{margin-top:0;}
.zxts-list li{margin-top:.4rem;background:#ffffff;box-shadow:rgba(0,0,0,.1) 0px 0px 8px;border-radius:6px;}
.zxts-list li{position:relative;padding:15px;display:block;}
.zxts-list li span{font-size:.294rem;line-height:1.5;display:block;}
.zxts-list li em{margin-top:.18rem;font-size:.268rem;color:#999999;display:block;}
.zxts-list li em.date{padding-left:.44rem;background:url(../images/list-time-icon.png) left center no-repeat;background-size:0.32rem;}
.zxts-list li em.state{position:absolute;bottom:15px;right:15px;padding:2px;width:70px;height:70px;border:#75dcba solid 2px;border-radius:50%;}
.zxts-list li em.state i{width:62px;height:62px;font-size:.268rem;text-align:center;line-height:62px;border-radius:50%;display:block;}
.zxts-list li em.state0{border:#75dcba solid 2px;}
.zxts-list li em.state1{border:#ff9292 solid 2px;}
.zxts-list li em.state2{border:#e5e5e5 solid 2px;}
.zxts-list li em.state0 i{color:#75dcba;border:#75dcba solid 1px;}
.zxts-list li em.state1 i{color:#ff9292;border:#ff9292 solid 1px;}
.zxts-list li em.state2 i{color:#aaaaaa;border:#e5e5e5 solid 1px;}
.zxts-list li a{margin-top:.2rem;padding:4px 8px;font-size:.268rem;color:#006cff;background:#ecf2ff;border-radius:4px;display:inline-block;}
.show-box .zxtsxx-list{margin-top:.2rem;border-top:#eeeeee solid 1px;}
.show-box .zxtsxx-list li{clear:both;padding:15px 0;border-bottom:#eeeeee solid 1px;overflow:hidden;}
.show-box .zxtsxx-list li em{font-size:.28rem;color:#666666;display:block;}
.show-box .zxtsxx-list li em.tip{float:left;width:1.5rem;}
.show-box .zxtsxx-list li em.txt{float:right;width:5.4rem;}
.show-box .zxtsxx-list li.state0 i{color:#75dcba;}
.show-box .zxtsxx-list li.state1 i{color:#ff9292;}
.show-box .hfnr-box{margin-top:.4rem;padding:15px;background:#f5f5f5;}
.show-box .hfnr-box .hf-tit{font-size:.32rem;}
.zyz-list li{float:left;padding:.4rem 0;width:50%;text-align:center;border-bottom:#eeeeee solid 1px;border-right:#eeeeee solid 1px;}
.zyz-list li a{padding:0 .36rem;display:block;}
.zyz-list li a img{width:2.5rem;height:3.5rem;}
.zyz-list li a span{margin-top:.2rem;font-size:.28rem;display:block;}
.zyz-list li a em{margin-top:.2rem;font-size:.24rem;color:#999999;text-align:left;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.zyz-list li:nth-child(even){margin-right:0;border-right:none;}

/*--------------------------------------活动详细页面样式--------------------------------------*/
.show-box .banner{margin-top:.2rem;}
.hd-tit{font-size:.36rem;}
.hd-tit img{margin-right:10px;width:.58rem;vertical-align:middle;}
.hdxx-box{margin-top:.26rem;}
.ybm-box{margin-top:.26rem;}
.ybm-list{margin-top:10px;}
.ybm-list li{float:left;margin:3% 2%;width:16%;text-align:center;}
.ybm-list li a{display:block;}
.ybm-list li a img{width:.8rem;height:.8rem;border-radius:50%;}
.ybm-list li a span{margin-top:6px;font-size:.28rem;display:block;}
.hd-tit .ybm-more{float:right;margin-top:6px;font-size:.268rem;color:#999999;}
.hdnr-box{margin-top:.26rem;}
.fwd-box{margin-top:.26rem;}
.comment-box{margin-top:.26rem;}
.comment-tit > span{float:left;}
.comment-tit > span i{width:6px;height:20px;background:#f93543;display:inline-block;vertical-align:middle;}
.comment-tit > span em{margin-left:6px;font-size:.36rem;display:inline-block;vertical-align:middle;}
.comment-tit > a.ypl-liuyan{float:right;margin-top:2px;font-size:.28rem;color:#596997;}
.comment-tit .comment-textarea{margin-top:.4rem;padding:20px 15px;background:#ededed;display:none;}
.comment-tit .comment-textarea .close-box{font-size:.28rem;}
.comment-tit .comment-textarea .close-box span{float:left;color:#999999;}
.comment-tit .comment-textarea .close-box a.close-btn{float:right;color:#596997;}
.comment-tit .comment-textarea textarea{margin-top:15px;padding:6px 12px;width:100%;font-size:.268rem;border-radius:5px;}
.comment-tit .comment-textarea .liuyan-box{margin-top:15px;text-align:right;}
.comment-tit .comment-textarea .liuyan-box a{margin-left:8px;display:inline-block;}
.comment-tit .comment-textarea .liuyan-box a.biaoqing-btn{width:.45rem;height:.45rem;vertical-align:middle;}
.comment-tit .comment-textarea .liuyan-box a.biaoqing-btn img{width:100%;}
.comment-tit .comment-textarea .liuyan-box a.liuyan-btn{width:1rem;height:.5rem;font-size:.268rem;color:#999999;text-align:center;line-height:.5rem;border-radius:4px;background:#f2f2f2;vertical-align:middle;}
.comment-tit .comment-textarea .liuyan-box a.liuyan-btn.select{color:#ffffff;background:#01c65c;}
.comment-list{margin-top:30px;}
.comment-list .comment-li{margin-top:35px;}
.comment-list .comment-li > img{float:left;width:.8rem;height:.8rem;border-radius:5px;}
.comment-list .comment-li > .comment-txt{float:right;width:5.9rem;}
.comment-list .comment-li > .comment-txt .name-box{font-size:.268rem;}
.comment-list .comment-li > .comment-txt .name-box span{color:#777777;}
.comment-list .comment-li > .comment-txt .name-box .reply-box{float:right;}
.comment-list .comment-li > .comment-txt .name-box .reply-box a{padding-left:.4rem;height:.3rem;color:#596895;display:inline-block;}
.comment-list .comment-li > .comment-txt .name-box .reply-box i{margin:0 10px;width:1px;height:12px;background:#e5e5e5;display:inline-block;vertical-align:middle;}
.comment-list .comment-li > .comment-txt .name-box .reply-box a.zan-btn{background:url(../images/zan.png) left center no-repeat;background-size:.28rem;}
.comment-list .comment-li > .comment-txt .name-box .reply-box a.hover{background:url(../images/zan-h.png) left center no-repeat;background-size:.28rem;}
.comment-list .comment-li > .comment-txt .txt{margin-top:8px;font-size:.28rem;line-height:1.6;}
.reply-list,.reply-list .comment-li{margin-top:.4rem;}
.reply-list .comment-li > img{width:.6rem;height:.6rem;}
.reply-list .comment-li > .comment-txt{width:5.1rem;}
.reply-list .comment-li > .comment-txt .name-box > a{float:right;padding-left:.4rem;height:.3rem;color:#596895;display:inline-block;}
.reply-list .comment-li > .comment-txt .name-box > a.zan-btn{background:url(../images/zan.png) left center no-repeat;background-size:.28rem;}
.reply-list .comment-li > .comment-txt .name-box > a.hover{background:url(../images/zan-h.png) left center no-repeat;background-size:.28rem;}
.reply-input{position:fixed;left:0;bottom:1.38rem;padding:10px;width:100%;background:#f7f7f7;display:none;}
.reply-input input[type="text"]{padding:4px 10px;width:5.3rem;font-size:.268rem;border-radius:4px;background:#ffffff;}
.reply-input a{margin-left:8px;display:inline-block;}
.reply-input a.biaoqing-btn{width:.45rem;height:.45rem;vertical-align:middle;}
.reply-input a.biaoqing-btn img{width:100%;}
.reply-input a.reply-btn{width:1rem;height:.5rem;font-size:.268rem;color:#999999;text-align:center;line-height:.5rem;border-radius:4px;background:#f2f2f2;vertical-align:middle;}
.reply-input a.reply-btn.select{color:#ffffff;background:#01c65c;}
.wpl-main .wpl-liuyan{margin:0 auto;width:3rem;font-size:.28rem;color:#596997;text-align:center;display:block;}
.wpl-main .comment-textarea{margin-top:.4rem;padding:20px 15px;background:#ededed;display:none;}
.wpl-main .comment-textarea .close-box{font-size:.28rem;}
.wpl-main .comment-textarea .close-box span{float:left;color:#999999;}
.wpl-main .comment-textarea .close-box a.close-btn{float:right;color:#596997;}
.wpl-main .comment-textarea textarea{margin-top:15px;padding:6px 12px;width:100%;font-size:.268rem;border-radius:5px;}
.wpl-main .comment-textarea .liuyan-box{margin-top:15px;text-align:right;}
.wpl-main .comment-textarea .liuyan-box a{margin-left:8px;display:inline-block;}
.wpl-main .comment-textarea .liuyan-box a.biaoqing-btn{width:.45rem;height:.45rem;vertical-align:middle;}
.wpl-main .comment-textarea .liuyan-box a.biaoqing-btn img{width:100%;}
.wpl-main .comment-textarea .liuyan-box a.liuyan-btn{width:1rem;height:.5rem;font-size:.268rem;color:#999999;text-align:center;line-height:.5rem;border-radius:4px;background:#f2f2f2;vertical-align:middle;}
.wpl-main .comment-textarea .liuyan-box a.liuyan-btn.select{color:#ffffff;background:#01c65c;}


.dz-sum{width:120px; margin:0 auto;}
.dz-sum a{color: #596895; display: inline-block;font-size:0.4rem;padding-left: .2rem;}
.dz-sum a.zan-btn{background:url(../images/zan.png) left center no-repeat;background-size:.5rem;}
.dz-sum a.hover{background:url(../images/zan-h.png) left center no-repeat;background-size:.5rem;}

/*--------------------------------------咨询投诉-表单页面样式--------------------------------------*/
.zxts-box .textarea-box b{padding:10px 0;font-size:.36rem;color:#3393ff;display:block;}
.zxts-box .input-box li > span{width:1.5rem;font-size:.294rem;border-right:#dddddd solid 1px;display:inline-block;vertical-align:middle; float:left; height:.6rem; line-height:.6rem;}
.zxts-box .input-box li input[type="text"]{width:4.48rem;}
.zxts-box .input-box li input[type="radio"]{position:relative;top:-.2rem;margin-left:4px;width:20px;height:20px;appearance:none;outline:none;}
.zxts-box .input-box li input[type="radio"]:before{content:"";width:15px;height:15px;border:#dddddd solid 1px;border-radius:50%;display:inline-block;vertical-align:middle;}
.zxts-box .input-box li input[type="radio"]:checked:before{content:"";width:15px;height:15px;border:#3393ff solid 1px;border-radius:50%;display:inline-block;vertical-align:middle;}
.zxts-box .input-box li input[type="radio"]:checked:after{content:"";position:absolute;top:4px;left:4px;width:9px;height:9px;text-align:center;background:#3393ff;border-radius:50%;display:block;}
.zxts-box .input-box li.radio-box{height:.84rem;}
.zxts-box .input-box li.radio-box i{position:relative;top:-.18rem;margin-right:.4rem;height:.6rem;font-size:.294rem;color:#666666;display:inline-block;}
.zxts-box .input-box li textarea{padding:6px 0;width:100%;font-size:.294rem;}
.zxts-box .sbm-btn{margin-top:.4rem;}

/*--------------------------------------随手拍页面样式--------------------------------------*/
.ssp-main{padding-bottom:.5rem;}
.ssp-box .textarea-box{position:relative;margin-top:.12rem;}
.ssp-box .textarea-box textarea{padding:6px 12px;width:100%;font-size:.268rem;background:#f7f7f7;border-radius:5px;}
.ssp-box .textarea-box span{position:absolute;right:5px;bottom:6px;font-size:.24rem;color:#ababab;}
.ssp-box .input-box li{margin-top:10px;border-bottom:#dddddd solid 1px;}
.ssp-box .input-box li span{font-size:.294rem;vertical-align:middle;}
.ssp-box .input-box li input[type="text"]{padding:10px 0;width:4.4rem;height:.8rem;font-size:.294rem;border:none;background:#ffffff;vertical-align:middle;}
.ssp-box .input-box li.addr{padding:0;height:3rem;}
.ssp-box .input-box li.addr em{width:4.6rem;font-size:.294rem;color:#999999;vertical-align:middle;}
.ssp-box .input-box li.addr .map{margin-top:10px;width:100%;height:2rem;}
.ssp-box .input-box li.addr .map img{width:100%;height:100%;}
.ssp-box .input-box li:last-of-type{border:none;}
.ssp-box .upload-box{margin-top:.4rem;}
.ssp-box .upload-box > img{width:1.5rem;height:1.5rem;border-radius:4px;vertical-align:middle;}
.ssp-box .upload-box .upload-btn{width:1.5rem;height:1.5rem;font-size:2rem;color:#dddddd;text-align:center;border:#eeeeee solid 1px;border-radius:4px;display:inline-block;vertical-align:middle;}
.ssp-box .upload-box .upload-btn img{margin-top:.42rem;width:.7rem;}
.ssp-list-main{margin-top:10px;}
.ssp-list li{margin-top:.4rem;background:#ffffff;box-shadow:rgba(0,0,0,.1) 0px 0px 8px;border-radius:6px;}
.ssp-list li{position:relative;padding:15px;display:block;}
.ssp-list li span{font-size:.294rem;line-height:1.5;display:block;}
.ssp-list li em{margin-top:.16rem;font-size:.268rem;color:#999999;display:block;}
.ssp-list li a{margin-top:.2rem;padding:4px 8px;font-size:.268rem;color:#006cff;background:#ecf2ff;border-radius:4px;display:inline-block;}
.ssp-list li em.state{position:absolute;bottom:15px;right:15px;padding:2px;width:70px;height:70px;border:#75dcba solid 2px;border-radius:50%;}
.ssp-list li em.state i{width:62px;height:62px;font-size:.268rem;text-align:center;line-height:62px;border-radius:50%;display:block;}
.ssp-list li em.state0{border:#75dcba solid 2px;}
.ssp-list li em.state1{border:#ff9292 solid 2px;}
.ssp-list li em.state0 i{color:#75dcba;border:#75dcba solid 1px;}
.ssp-list li em.state1 i{color:#ff9292;border:#ff9292 solid 1px;}


/*--------------------------------------志愿服务列表页面样式--------------------------------------*/
.zyfw-list li{margin-top:15px;box-shadow:rgba(0,0,0,.1) 0px 0px 8px;border-radius:6px;}
.zyfw-list li a{clear:both;padding:13px 16px;display:block;overflow:hidden;}
.zyfw-list li a img{float:left;width:1.5rem;height:1.5rem;border-radius:50%;}
.zyfw-list li a .txt-box{float:right;width:4.6rem;}
.zyfw-list li a .txt-box span{margin-top:8px;font-size:.294rem;line-height:1.5;display:block;}
.zyfw-list li a .txt-box em{float:left;margin:15px 5px 0 auto;padding:4px 10px;font-size:.24rem;color:#2f8c69;background:#e9f8f0;border-radius:4px;}
.zyfw-list li a .txt-box i{float:right;margin-top:15px;padding:4px 8px;font-size:.24rem;color:#006cff;background:#ecf2ff;border-radius:4px;}

/*--------------------------------------志愿服务列表页面样式--------------------------------------*/
.dcpy-show{position:relative;}
.dcpy-show > span em{font-size:.24rem;color:#999999;}
.dcpy-show > span em.date{float:left;padding-left:0.38rem;background:url(../images/list-time-icon.png) left center no-repeat;background-size:.28rem;}
.dcpy-show > span em.cyrs{margin-left:.32rem;}
.dcpy-state{position:absolute;top:15px;right:0;padding:2px;width:70px;height:70px;border-radius:50%;}
.dcpy-state i{width:62px;height:62px;font-size:.268rem;text-align:center;line-height:62px;border-radius:50%;display:block;}
.dcpy-state0{border:#75dcba solid 2px;}
.dcpy-state1{border:#ff9292 solid 2px;}
.dcpy-state2{border:#e5e5e5 solid 2px;}
.dcpy-state0 i{color:#75dcba;border:#75dcba solid 1px;}
.dcpy-state1 i{color:#ff9292;border:#ff9292 solid 1px;}
.dcpy-state2 i{color:#aaaaaa;border:#e5e5e5 solid 1px;}
.dcpy-list .dcpy-li{padding:.3rem 0;border-top:#eeeeee dashed 1px;}
.dcpy-list .dcpy-li:first-child{border-top:none;}
.dcpy-list h3{font-weight:normal;font-size:.294rem;line-height:1.6;}
.dcpy-list input[type="checkbox"]{width:14px;height:14px;}
.dcpy-list .dcpy-li > span{margin:.3rem auto 0 auto;padding-left:.44rem;font-size:.28rem;color:#777777;display:block;}
.dcpy-list .dcpy-li > span input[type="radio"]{position:relative;width:20px;height:20px;appearance:none;outline:none;}
.dcpy-list .dcpy-li > span input[type="radio"]:before{content:"";width:15px;height:15px;border:#dddddd solid 1px;border-radius:50%;display:inline-block;vertical-align:middle;}
.dcpy-list .dcpy-li > span input[type="radio"]:checked:before{content:"";width:15px;height:15px;border:#3393ff solid 1px;border-radius:50%;display:inline-block;vertical-align:middle;}
.dcpy-list .dcpy-li > span input[type="radio"]:checked:after{content:"";position:absolute;top:4px;left:4px;width:9px;height:9px;text-align:center;background:#3393ff;border-radius:50%;display:block;}
.dcpy-list .dcpy-li .checkbox{position:relative;margin:.3rem auto 0 auto;padding-left:0.44rem;width:48%;height:0.4rem;font-size:.28rem;color:#777777;display:inline-block;}
.dcpy-list .dcpy-li .checkbox input[type='checkbox']{position:absolute;left:0;top:0;width:.36rem;height:.36rem;opacity:0;}
.dcpy-list .dcpy-li .checkbox label{position:absolute;left:.6rem;top:0;padding-left:.56rem;font-size:.28rem;height:.36rem;}
.dcpy-list .dcpy-li .checkbox label:before{content:'';position:absolute;left:0;top:0;width:.36rem;height:.36rem;border:#dddddd solid 1px;border-radius:4px;}
.dcpy-list .dcpy-li .checkbox label:after{content:'';position:absolute;left:.16rem;top:3px;width:.08rem;height:.2rem;border:0;border-right:#ffffff solid 1px;border-bottom:1px solid #fff;background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.dcpy-list .dcpy-li .checkbox input[type='checkbox']:checked + label:before{background:#5fb878;border-color:#5fb878;}
.dcpy-list .dcpy-li .checkbox input[type='checkbox']:checked + label:after{background:#5fb878;}
.time-table{margin-top:.3rem;width:100%;}
.dcpy-list textarea{margin-top:.3rem;padding:.2rem;width:100%;font-size:.28rem;line-height:1.5;background:#f7f7f7;border-radius:5px;}
.dcpy-list .dcpy-li em{float:right;font-size:.28rem;}
.dcpy-list .dcpy-li em img{margin:0 5px;height:.32rem;vertical-align:middle;}

/*--------------------------------------志愿服务队我要加入表单页面样式--------------------------------------*/
.zxts-box .input-box li .select-box{position:relative;width:4.48rem;height:0.8rem;border:none;display:inline-block;}
.zxts-box .input-box li .select-box:after{content:"";position:absolute;top:45%;right:0;width:.22rem;height:.13rem;background:url(../images/xiala.png) center right no-repeat;background-size:100%;pointer-events:none;}
.zxts-box .input-box li select{width:100%;height:.78rem;font-size:.294rem;color:#666666;line-height:.78rem;background:#ffffff;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.sc-grzp{margin-top:0.2rem;padding:.3rem;border:#dddddd solid 1px;border-radius:4px;}
.sc-grzp > span{padding-bottom:.24rem;font-size:.294rem;border-bottom:#dddddd solid 1px;display:block;}
.sc-grzp .upload-box{padding-top:.3rem;}
.sc-grzp .upload-box .upload-btn{width:1.5rem;height:1.5rem;font-size:2rem;color:#dddddd;text-align:center;border:#e5e5e5 solid 1px;border-radius:4px;display:inline-block;vertical-align:middle;}
.sc-grzp .upload-box .upload-btn img{margin-top:.42rem;width:.7rem;}
.sc-grzp .upload-box > img{margin-left:.1rem;width:2.2rem;height:3rem;vertical-align:top;}
.checkbox-box{padding:.3rem;border:#dddddd solid 1px;border-radius:4px;}
.checkbox-box > span{padding-bottom:.24rem;font-size:.294rem;border-bottom:#dddddd solid 1px;display:block;}
.checkbox-box.whys-textarea > textarea{padding:6px 0;width:100%;font-size:.294rem;}
.checkbox-box .checkbox-list{margin-top:.3rem;}
.checkbox-box .checkbox-list .checkbox{position:relative;width:48%;height:.6rem;display:inline-block;}
.checkbox-box .checkbox-list .checkbox input[type='checkbox']{position:absolute;left:0;top:0;width:.36rem;height:.36rem;opacity:0;}
.checkbox-box .checkbox-list .checkbox label{position:absolute;left:.6rem;top:0;font-size:.24rem;height:.36rem;line-height:.36rem;}
.checkbox-box .checkbox-list .checkbox label:before{content:'';position:absolute;left:-.6rem;top:0;width:.36rem;height:.36rem;border:#dddddd solid 1px;border-radius:4px;}
.checkbox-box .checkbox-list .checkbox label:after{content:'';position:absolute;left:-.44rem;top:3px;width:.08rem;height:.2rem;border:0;border-right:#ffffff solid 1px;border-bottom:1px solid #fff;background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.checkbox-box .checkbox-list .checkbox input[type='checkbox']:checked + label:before{background:#5fb878;border-color:#5fb878;}
.checkbox-box .checkbox-list .checkbox input[type='checkbox']:checked + label:after{background:#5fb878;}
.time-table{margin-top:.3rem;width:100%;}
.time-table tr td{position:relative;padding:.2rem;font-size:.24rem;text-align:center;}
.time-table tr td input[type='checkbox']{position:absolute;left:0;top:0;width:.36rem;height:.36rem;opacity:0;}
.time-table tr td label{position:absolute;left:50%;top:50%;margin-left:-.18rem;margin-top:-.18rem;font-size:.24rem;height:.36rem;line-height:.36rem;}
.time-table tr td label:before{content:'';position:absolute;top:0;width:.36rem;height:.36rem;border:#dddddd solid 1px;border-radius:4px;}
.time-table tr td label:after{content:'';position:absolute;left:.16rem;top:3px;width:.08rem;height:.2rem;border:0;border-right:#ffffff solid 1px;border-bottom:1px solid #fff;background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.time-table tr td input[type='checkbox']:checked + label:before{background:#ff9000;border-color:#ff9000;}
.time-table tr td input[type='checkbox']:checked + label:after{background:#ff9000;}

/*--------------------------------------志愿者列表页面样式--------------------------------------*/
.ddb-list .li .txt-box a.phone{margin-top:.2rem;display:block;}
.ddb-list .li .txt-box a.phone > span{margin-right:.08rem;font-size:.268rem;color:#3393ff;display:inline-block;vertical-align:middle;}
.ddb-list .li .txt-box a.phone img{width:.34rem;vertical-align:middle;}

/*--------------------------------------志愿者列表页面样式--------------------------------------*/
.jf-body{background:url(../images/jf-bg.png) center top no-repeat;background-size:100%;}
.count-jf > i{float:left;font-size:.32rem;color:#d9e6fa;display:block;}
.count-jf > a{float:right;font-size:.32rem;color:#ffffff;}
.count-jf > span{padding:.2rem 0;font-size:.64rem;color:#ffffff;border-bottom:#5c9eff solid 1px;display:block;}
.jfdh-box{margin-top:.3rem;}
.jfdh-menu{padding:.12rem 0 5px 0;}
.jfdh-menu li{float:left;}
.jfdh-menu li a{padding:0 .2rem;border-right:#6ba7ff solid 1px;display:block;}
.jfdh-menu li a span{padding:.1rem .2rem;font-size:.268rem;color:#ffffff;border-radius:15px;display:block;}
.jfdh-menu li.hover a span{color:#333333;background:#ffffff;}
.jfdh-menu li:first-of-type a{padding-left:0;}
.jfdh-menu li:last-of-type a{border-right:none;}
.goods-list li{position:relative;margin-top:15px;background:#ffffff;border-radius:6px;box-shadow:rgb(0 0 0 / 10%) 0px 0px 8px;}
.goods-list li a.goods-link{clear:both;padding:.26rem;height:2.6rem;display:block;overflow:hidden;}
.goods-list li a.goods-link img{float:left;margin-top:.2rem;width:1.5rem;height:1.5rem;border-radius:4px;}
.goods-list li a.goods-link .txt-box{float:right;width:4.6rem;}
.goods-list li a.goods-link .txt-box span{font-size:.294rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.goods-list li a.goods-link .txt-box em{margin-top:.12rem;font-size:.24rem;color:#999999;display:block;}
.goods-list li a.goods-link .txt-box i{margin-top:.4rem;font-size:.296rem;color:#ff9000;display:block;}
.goods-list li a.dhfw-btn{position:absolute;bottom:.18rem;right:.26rem;padding:.08rem .16rem;font-size:.24rem;color:#006cff;background:#ecf2ff;border-radius:4px;display:block;}
.dhjl-list li{margin-top:15px;background:#ffffff;border-radius:6px;box-shadow:rgb(0 0 0 / 10%) 0px 0px 8px;}
.dhjl-list li a{padding:0.26rem;display:block;}
.dhjl-list li a .name{font-size:.294rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.dhjl-list li a .date{margin-top:.3rem;display:block;}
.dhjl-list li a .date em{float:left;padding-left:.44rem;font-size:.24rem;color:#999999;background:url(../images/list-time-icon.png) 0 center no-repeat;background-size:.32rem;}
.dhjl-list li a .date i{float:right;font-size:.296rem;color:#3393ff;}
.jfjl-list li a .date i.add{color:#ff9000;}

/*--------------------------------------积分记录页面样式--------------------------------------*/
.jfjl-box > i{font-size:.32rem;color:#ffffff;display:block;}

/*--------------------------------------常用电话页面样式--------------------------------------*/
.cydh-list{margin-right:-4%;}
.cydh-list li{float:left;margin:.4rem 4% 0 auto;padding:.14rem .3rem;width:46%;background:url(../images/cydh-bg.png) bottom right no-repeat;background-size:1.3rem;box-shadow:rgba(0,0,0,.1) 2px 0 8px;border-radius:5px;}
.cydh-list li span{font-size:.296rem;}
.cydh-list li a em{margin-right:0.08rem;font-size:.28rem;color:#3393ff;vertical-align:middle;}
.cydh-list li a img{width:.34rem;vertical-align:middle;}

/*--------------------------------------码上办页面样式--------------------------------------*/
.Qrcode-list{margin-right:-4%;}
.Qrcode-list li{float:left;margin:.4rem 4% 0 auto;padding:.3rem 0;width:46%;text-align:center;box-shadow:rgba(0,0,0,.1) 2px 0 8px;border-radius:5px;}
.Qrcode-list li img{width:2.6rem;vertical-align:middle;}
.Qrcode-list li span{margin-top:.1rem;font-size:.28rem;display:block;}
.bmcx-list li a img{width:.56rem;}

/*--------------------------------------办事指南详细页面样式--------------------------------------*/
.download-box{margin-top:.3rem;}
.download-box > span{font-size:.294rem;display:block;}
.download-box > ul{margin-top:.2rem;}
.download-box > ul li{padding:.1rem 0;font-size:.294rem;color:#666666;}
.download-box > ul li a{float:right;margin-top:-4px;padding:.1rem;font-size:.24rem;color:#4ea635;background:#eaf7e7;border-radius:4px;}
.download-box > ul li a em{vertical-align:middle;}
.download-box > ul li a img{margin-left:4px;vertical-align:middle;}
.btn-box{margin:.3rem -3% 0 auto;}
.btn-box a{float:left;margin:.3rem 3% 0 auto;padding:.14rem 0;width:46%;font-size:.28rem;color:#006cff;text-align:center;background:#ecf2ff;border-radius:4px;display:block;}

/*--------------------------------------办件查询页面样式--------------------------------------*/
.jdcx-box{margin-top:.3rem;}
.jdcx-box span{margin-top:.2rem;font-size:.28rem;display:block;}
.jdcx-box span a{margin-left:.2rem;color:#006cff;text-decoration:underline;}
.jdcx-box span.input-number{margin-top:.3rem;}
.jdcx-box span.input-number input[type="text"]{padding:0 .2rem;font-size:.28rem;width:4rem;border:#eeeeee solid 1px;}

/*--------------------------------------会员中心主页页面样式--------------------------------------*/
.welcome img.user{/*float:right;margin-top:-.6rem;*/width:1.2rem;height:1.2rem;border-radius:50%;}

/*--------------------------------------会员注册页面样式--------------------------------------*/
.register-body{background:url(../images/bg.png) center top no-repeat #f7f7f7;background-size:100%;}
.register-box{margin-top:.2rem;padding:.4rem;background:#ffffff;border-radius:8px;}
.register-box h3{margin:.1rem auto;font-weight:normal;font-size:.4rem;color:#3393ff;text-align:center;}
.register-box .input-box{margin-top:.4rem;}
.register-box .input-box li input[type="text"],.register-box .input-box li .select-box{width:3.8rem; float:right; height:.6rem; line-height:.6rem;}
.register-box .sbm-btn{background:linear-gradient(to right, #41cfff 0%,#2980ff 100%);}

/*--------------------------------------功能列表页面样式--------------------------------------*/
.function-list li em{float:left;}
.function-list li a{float:right;margin-top:.1rem;}
.show-box .function-list li em.tip{display:inline-block;vertical-align:middle;}
.show-box .function-list li input[type="text"],.show-box .function-list li textarea{float:right;margin-top:-.08rem;width:5.4rem;font-size:.28rem;color:#666666;}
.show-box .function-list li:last-of-type{border:none;}
@media screen and (max-width:380px) {
	.m-slider{height:230px;}
	.slider-wrapper{height:194px;}
	.adver .m-slider{height:84px;}
	.adver .m-slider .slider-wrapper{height:84px;}
}

@media screen and (max-width:360px) {
	.m-slider{height:220px;}
	.slider-wrapper{height:186px;}
	.adver .m-slider{height:82px;}
	.adver .m-slider .slider-wrapper{height:82px;}
}



/*--------------------------------------微心愿列表页面样式--------------------------------------*/
.wxy-banner{position:relative;}
.wxy-banner img{width:100%;}
.wxy-banner .wxy-fenlei{position:absolute;bottom:.4rem;left:2%;margin-right:-3%;width:100%;}
.wxy-banner .wxy-fenlei li{float:left;margin:0 1%;width:22%;}
.wxy-banner .wxy-fenlei li a{padding:.2rem 0;height:1.42rem;text-align:center;background:#f5f3e6;border:#ffffff solid 3px;border-radius:4px;display:block;}
.wxy-banner .wxy-fenlei li a span{font-size:.28rem;display:block;}
.wxy-banner .wxy-fenlei li a em{margin-top:.1rem;font-weight:bold;font-size:.32rem;display:block;}
.wxy-list .li .txt-box span{height:.76rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.wxy-banner .wxy-fenlei li.li1 a{color:#675ea6;background-image:linear-gradient(#d0e8fa,#fcfdfe);}
.wxy-banner .wxy-fenlei li.li2 a{color:#875938;background-image:linear-gradient(#f5e4da,#fcf5f3);}
.wxy-banner .wxy-fenlei li.li3 a{color:#2f7837;background-image:linear-gradient(#d8f4dc,#f9fbf9);}
.wxy-banner .wxy-fenlei li.li4 a{color:#845cac;background-image:linear-gradient(#efe3fd,#fefeff);}
.rl-textarea{padding:.2rem 0;}
.wxy-img{margin-top:.2rem;width:100%;}
.wxy-img img{width:100%;}
.wxy-info-list{border-top:none;}


/*--------------------------------------留言详细页面样式--------------------------------------*/
.liuyan-comment-box .comment-list .comment-li{margin-top:0;}
.llq-show-box{position:relative;}
.llq-show-box em.state{position:absolute;top:15px;right:0;padding:2px;width:70px;height:70px;border:#75dcba solid 2px;border-radius:50%;}
.llq-show-box em.state i{width:62px;height:62px;font-size:.268rem;text-align:center;line-height:62px;border-radius:50%;display:block;}
.llq-show-box em.state i{width:62px;height:62px;font-size:.268rem;text-align:center;line-height:62px;border-radius:50%;display:block;}
.llq-show-box em.state0{border:#75dcba solid 2px;}
.llq-show-box em.state1{border:#e5e5e5 solid 2px;}
.llq-show-box em.state0 i{color:#75dcba;border:#75dcba solid 1px;}
.llq-show-box em.state1 i{color:#aaaaaa;border:#e5e5e5 solid 1px;}



  /*--------------------------------------检索结果列表页面样式--------------------------------------*/
.result-box{overflow:auto;}
.news-list3 li a span label{margin-right:.08rem;color:#006cff;}
.news-list3 li a span.desc{margin:.2rem auto;font-size:.26rem;color:#777777;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.hightlight{font-weight:normal;color:red;}

.news-list3 li a span.tip {margin:.1rem auto;font-size:.26rem;color:#777777;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-list3 li a span.tip i.dataAttr{float:left; margin-right: 5px; margin-top: 5px;color:#e9501a;}
.news-list3 li a span.tip i.dataItem{float:left; margin-right: 5px; margin-top: 5px;color:#a5a5a5;}
.news-list3 li a span .ly{float:left;}






  /*--------------------------------------会员中心列表页面样式--------------------------------------*/
.yyjg-list li a span{font-size:.294rem;line-height:1.8;display:block;}
.yyjg-list li{padding:0.26rem;}
.yyjg-list li span{font-size:.294rem;line-height:1.8;display:block;}
.yyjg-list li span.oper-btn{margin-top:.2rem;}
.yyjg-list li span.oper-btn a{margin-right:5.33%;padding:0;width:25%;font-size:.28rem;text-align:center;border-radius:.3rem;display:inline-block;vertical-align:middle;}
.yyjg-list li span.oper-btn a em{vertical-align:middle;}
.yyjg-list li span.oper-btn a img{margin-left:.06rem;width:.32rem;vertical-align:middle;}
.yyjg-list li span.oper-btn a.check{color:#006cff;background:#ecf2ff;border:#c6d8ff solid 1px;}
.yyjg-list li span.oper-btn a.edit{color:#5eb128;background:#e7f8d7;border:#bbdc9b solid 1px;}
.yyjg-list li span.oper-btn a.del{color:#fa553f;background:#ffe4e0;border:#fac5be solid 1px;}
.news-title a em{vertical-align:middle;}
.news-title a img{margin-left:.06rem;width:.32rem;vertical-align:middle;}
.news-title a.add{line-height: 28px;font-weight: inherit;color:#d97de4;background:#f6e8f9;border:#e4beef solid 1px;float: right;margin-right:5.33%;padding:0;width:25%;font-size:.28rem;text-align:center;border-radius:.3rem;display:inline-block;vertical-align:middle;margin-top: 5px;}

.ckhfqk{ font-size:14px; text-align:center; padding:10px 0; width:100%; border-radius:50px; border:1px solid #dddddd; color:#ef0000; display:block; margin-top:15px;}
.sj-input{ width:100%; padding:0 15px; border-radius:5px; height:40px; line-height:40px; border:1px solid #eeeeee; margin-top:20px;font-size:14px}
.ss-input{ width:80%; padding:0 15px; border-radius:5px 0 0 5px; height:40px; line-height:40px;  border:1px solid #eeeeee; margin-top:10px;font-size:14px}
.ss-but{ float:right;height:40px; line-height:40px; width:20%; font-size:16px; text-align:center; background: linear-gradient(to right, #ff8901 0%,#f94b4c 100%);margin-top:10px; color:#ffffff; border-radius:0 5px 5px 0}

 .lzny-top{padding: .3rem 0 .3rem 0; background-image: linear-gradient(to bottom, #d4e8fa, #f5f5f5); position: relative; width: 100%;}
.lzny-top a{ position: absolute;left:.1rem; width:.5rem; margin-left: .1rem; margin-right: .5rem;}
.lzny-top a img{ width: 50%; margin: 0 auto;}
.lzny-top span{ font-size: .4rem; text-align: center; display: block;}
.show-text p embed{text-indent: -2em;display: block;}

/*个人中心补充*/

.user-top{ display:flex; align-items:center; padding:.2rem; width:100%;}
.user-top a{ display:block;}
.user-top .return{width:.4rem; height:.4rem;}
.user-top .return img{width:50%; margin:0 auto; display:block;}
.user-top .share{width:.4rem; height:.4rem;}
.user-top .share img{width:100%; margin:0 auto; display:block;}
.user-top span{ flex:1; font-size:.3rem; text-align:center; width:4rem; height:.4rem; line-height:.4rem;}