@charset "utf-8";
/* CSS Document */
.container{ background:#edf0f5;}

.index-header{ background-image:url(../Images/index-tbg.png); padding-bottom:4em;}
.index-header .header{ background-image:none; text-align:left; text-indent:1em; font-size:1.5em;}
.index-header .header .change{ font-size:.8em; padding-right:1em;}
.index-header .header .change i{font-size:1.2em;}
.index-header .header .change span,.index-header .header .change i{ display:inline-block; float:left; text-indent:0;}

/*轮播图*/
.focus{ width:100%;/* height:140px; */ margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:.8em; text-align:right;  }
.focus .hd ul{ display:inline-block; height:8px; padding:3px 5px; /*background-color:rgba(255,255,255,0.7);*/ 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ position:relative; display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 3px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }

.focus .bd{ z-index:0; }
.focus .bd li{ position:relative;}
.focus .bd li a{ display:block; width:100%; padding-top:50%;}
.focus .bd li p{ position:absolute; bottom:0; left:0; width:100%; padding:.5em .8em; background-color:rgba(0,0,0,.3); color:#fff; text-shadow:0 0 1em rgba(0,0,0,.6);}
.focus .bd li p span{ display:block; padding-right:6em;}

.hotspot{ background-color:#fff; padding:.8em; margin-bottom:.8em;}
.hotspot>p{ width:3em; height:3.2em;}
.hotspot>p.redian01{background-image:url(../Img/redian01.png);}
.hotspot>p.redian02{background-image:url(../Img/redian02.png);}
.hotspot>div.boxf-1{ margin:0 .6em; color:#282828; font-size:1.2em; text-align:center;}
.hotspot>div.boxf-1 div{-webkit-line-clamp: 2;}


/*主页九宫格*/
.nav-icon,.good-person{ margin-bottom:.8em;}
.nav-icon.weui-grids{ background:#FFF;padding-bottom:15px;}
.nav-icon.weui-grids:after,.weui-grids:before,.weui-grid:before,.weui-grid:after{ border:0;}
.nav-icon .weui-grid{ padding-top:15px; padding-bottom:0;width:20%;}
.nav-icon .weui-grid__icon{ width:42px; height:42px; text-align:center; border-radius:35%; background-color:#09F;}
.nav-icon .weui-grid__icon .iconfont{ padding-top:.5em; color:#fff; font-size:1.7em;}
.nav-icon .weui-grid__label{ font-size:1.1em; color:#434343;}
.nav-icon .weui-grid:nth-child(1) .weui-grid__icon{background-image: -webkit-linear-gradient(163deg, #b7e882, #6fa437);background-image: linear-gradient(163deg, #88c8ff, #2e5cf2);}
.nav-icon .weui-grid:nth-child(2) .weui-grid__icon{background-image: -webkit-linear-gradient(163deg, #b7e882, #6fa437);background-image: linear-gradient(163deg, #ffc688, #e96a45);}
.nav-icon .weui-grid:nth-child(3) .weui-grid__icon{background-image: -webkit-linear-gradient(163deg, #b7e882, #6fa437);background-image: linear-gradient(163deg, #b7e882, #6fa437);}
.nav-icon .weui-grid:nth-child(4) .weui-grid__icon{background-image: -webkit-linear-gradient(163deg, #b7e882, #6fa437);background-image: linear-gradient(163deg, #d483e6, #ba12df);}
.nav-icon .weui-grid:nth-child(5) .weui-grid__icon{background-image: -webkit-linear-gradient(163deg, #b7e882, #6fa437);background-image: linear-gradient(163deg, #88eaeb, #07bbb9);}
.nav-icon .weui-grid:nth-child(6) .weui-grid__icon{background-image: -webkit-linear-gradient(163deg, #b7e882, #6fa437);background-image: linear-gradient(163deg, #ffdb87, #eca705);}
.nav-icon .weui-grid:nth-child(7) .weui-grid__icon{background-image: -webkit-linear-gradient(163deg, #b7e882, #6fa437);background-image: linear-gradient(163deg, #9bddff, #039eec);}
.nav-icon .weui-grid:nth-child(8) .weui-grid__icon{background-image: -webkit-linear-gradient(163deg, #b7e882, #6fa437);background-image: linear-gradient(163deg, #99ccff, #007af6);}
.nav-icon .weui-grid:nth-child(9) .weui-grid__icon{background-image: -webkit-linear-gradient(163deg, #b7e882, #6fa437);background-image: linear-gradient(163deg, #f5c099, #ec7924);}
.nav-icon .weui-grid:nth-child(10) .weui-grid__icon{background-image: -webkit-linear-gradient(163deg, #b7e882, #6fa437);background-image: linear-gradient(163deg, #e8f483, #bbcf0f);}

/*好人365*/
.good-person{ background-color:#fff; padding:1em .8em;}
.good-person dt{ width:20vw; margin-right:.5em; background-image:url(../Img/good-icon.png); background-position:0 center;}
.good-person dd{ font-size:1.36em; color:#c54646;}

.needlist{ margin-bottom:.8em;}
.needlist .weui-panel{ margin-top:0;}
.needlist .weui-media-box{ padding-left:0; padding-right:0;}
.needlist .weui-panel__bd{ margin-left:15px; padding-right:15px; padding-bottom:8px;}
.needlist .weui-panel__bd+.weui-panel__bd{border-top:1px solid #e4e4e4;}
.needlist .weui-panel:before{ border-top:0;}
.probinfo .needlist .weui-media-box_appmsg .weui-media-box__hd{ width:auto; height:auto; padding:.2em .5em; line-height:normal; background-color:#fff; border:1px solid #0b66f0; color:#0965ef; border-radius:.3em;}
.needlist .weui-media-box__title{ font-size:1.25em; overflow:visible;white-space:normal;}
.needlist .weui-media-box{ padding-top:12px; padding-bottom:.5em;}
.need-addtime.weui-media-box{ padding-top:0;}
.need-addtime .weui-media-box__title{ font-size:1em; color:#afafaf;}
.need-addtime.weui-media-box:before{ border-top:0;}
.probinfo .need-addtime.weui-media-box_appmsg .weui-media-box__hd{ padding:.2em 0 .2em .5em; margin-right:0; line-height:normal; border:0; color:#429d4f; border-radius:.3em; font-size:1.1em;}
.need-addtime .weui-media-box__title .iconfont{ color:#e4bb81; margin-right:.3em;}
.need-addtime .weui-media-box__title span{ padding-left:.8em;}
.need-addtime .comment{color:#afafaf;}
.need-addtime .comment .iconfont{ float:left; display:inline-block; margin-top:0em; margin-left:.8em; margin-right:.2em; color:#ffb751;}

.newsli-tit{ overflow-x:auto;transition: overflow-x 2s; background-color:#fff;border-bottom:1px solid #e4e4e4;}
.newsli-tit p{color:#a9a8a8; padding:.8em; font-size:1.12em;}
.newsli-tit p.nav-active{color:#c54646;border-bottom:2px solid #a32701;}


.index-navico{ overflow:hidden; margin:-3.4em 1.2em 1.4em; background-color:#FFF; border-radius:.6em; box-shadow:0 0 .5em rgba(5,79,191,.2)}
.index-navico .weui-grid{ padding-top:0; padding-bottom:.6em;width:25%; text-align:center;}
.index-navico .weui-grid:before{ border-right:0;}
.index-navico .weui-grid__icon{width:auto; height:auto; font-size:3.2em;}
.index-navico .weui-grid:first-child .weui-grid__icon{ color:#ec6941;}
.index-navico .weui-grid:nth-child(2) .weui-grid__icon{ color:#0763ee;}
.index-navico .weui-grid:nth-child(3) .weui-grid__icon{ color:#d73e3e;}
.index-navico .weui-grid:nth-child(4) .weui-grid__icon{ color:#6078ea;}
.index-navico .weui-grid:nth-child(5) .weui-grid__icon{ color:#ec6941;}
.index-navico .weui-grid__label{ margin-top:-.5em; font-size:1.1em; color:#343434;}

.index-navico .weui-cells{ margin-top:-.2em; padding:1em; border:0; font-size:1.05em;}
.index-navico .weui-cells:before{ border-top:0;}
.weui-badge{ background-color:#f7faff; border:1px solid #0b66f0; color:#0965ef; border-radius:.3em;}
.weui-newstit{ padding-top:.2em; padding-right:1em;}
.weui-cell__ft{ padding-top:.2em;}

.weui-cells__title{ background-color:#fff; margin:0; padding:.6em .8em; border-bottom:1px solid #e4e4e4; border-left:.3em solid #f97f40;}
.weui-cells__title#rank-tab{ border-left:0; padding:0 .8em;}
.weui-cells__title#rank-tab p{ padding:.6em 0; text-align:center;}
.weui-cells__title#rank-tab p.current{border-bottom:.1em solid #f97f40;}
.weui-cells__title#rank-tab p:active{background:#F8F8F8;}
.navname{ color:#636363; font-size:1.15em;}
.goodslist{ padding-top:0;}
.rank-no{ background-color:#fff; text-align:center; padding:1em; font-size:1.15em; color:#a8a8a8;}

/*排行榜*/
.index-rank{background:#FFF; margin-bottom:.8em;font-size:1.1em;}

.rank-box{ padding:.8em;}
.rank-box+.rank-box{ padding-top:.3em;}
.rank-img{ width:2em; margin-right:1em; color:#939393; text-align:center; background-position:center; background-repeat:no-repeat; background-size:contain;}
.rank-one .rank-img{background-image:url(../Images/ranking01.png);}
.rank-two .rank-img{background-image:url(../Images/ranking02.png);}
.rank-three .rank-img{background-image:url(../Images/ranking03.png);}
.index-rank .rank-sum{ color:#f0511c; font-size:.85em;}
.index-rank .rank-sum span{ font-size:1.25em; margin-right:.2em;}

.index-news{background:#FFF; margin-top:.8em; font-size:1.1em;}
.news-box{ padding:1em .8em 1em 5em; background-image:url(../Images/index-news.png);background-position: .8em center; background-repeat:no-repeat; background-size:auto 60%;}
.news-box li+li{ margin-top:.5em;}
.news-more{ border-top:1px solid #eee;text-align:center; padding:.8em; color:#666;}

.service-type{background:#edf0f5; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99;}
.service-type-box{ height:100%;}
.service-type-con{}
.community{ background-color:#fff; text-align:center; padding:.6em; margin-bottom:.6em; font-size:1.3em; color:#FE6116;}
.community.choose{ color:#FE6116; background-color:#FFC}
.community-1{overflow-y:auto; width:26%; background-color:#E1E4EA;}
.community-1 p{ text-align:center; padding:.6em; border-bottom:1px solid #CFCFCF; font-size:1.1em; color:#727272;}
.community-1 p.current{ background-color:#fff;}
.community-2{ overflow-y:auto; width:74%;border-left:1px solid #CFCFCF; background-color:#fff;}
.community-2 ul{ overflow:hidden;}
.community-2 ul li{ float:left; width:33.333%; text-align:center;}
.community-2 ul li p{padding:1em .3em; border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF;}
.community-2 ul li.unuse{ color:#bbb;}
.community-2 ul li.choose{ color:#FE6116; background-color:#FFC}
.community-2 ul li:nth-child(3n) p{border-right:0;}
.community-2-box{ overflow-y:auto;}