@charset "utf-8";body,html{background:#f2ecec;}
header{/*height: 64px;*/height: 1.173333rem;background:#00d865;position: relative;text-align: center;}
header h1{width: 40%;float: left;font-weight: normal;font-size:0.426667rem;height: 1.066667rem;line-height: 1.066667rem;color:#fff;}
header .ab1{text-align: right;margin-right: 10%;margin-left: 5%;background:url(../img/drop-down_nor1.png) no-repeat 81% bottom;background-size:7% auto;}
header .ab{text-align: left;display: block;}
header .ab h1{font-size:0.35rem;line-height: 1.16rem;}
header .back{position: absolute;left: 0.266667rem;top: 0.266667rem;}
.back img{width: 0.25rem;vertical-align: middle;margin-left: 0.133333rem;margin-top: 0.05rem;}
header .back a{width: 100%;height: 100%;position: absolute;left: 0;border-radius: 50%;}
header .news{position: absolute;right: 0.266667rem;top: 0.3rem;font-size: 0.32rem;}
.news .redround{width: 0.16rem;height: 0.16rem;border-radius: 50%;background: red;position: absolute;right: 0;top: 0.053333rem;}
header .msg{position: absolute;right: 0.366667rem;top: 0.366667rem;font-size: 0.32rem;}
.msg img{width:0.466667rem;vertical-align: middle;margin-right: 0.133333rem;}
.back i,.news i{font-size:0.5rem;}
.news i{vertical-align: middle;margin-left: 0.133333rem;}
/*-- swiper样式覆盖部分 --*/.swiper-pagination{text-align: right;padding-right: 0.266667rem;box-sizing:border-box;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0.374rem;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;margin-right: 0.133333rem;}
.swiper-pagination-bullet-active{opacity: .2;background:#000;width: 0.4rem;border-radius: 0.08rem;}
/*bannerImg窗口*/.bannerImg{background:#fff;position: relative;}
.bannerImg img{width:100%;height: 100%}
.topImg{width:100%;height:4.266667rem;background: url(../img/topImg.jpg) no-repeat;background-size: 100% 100%;}
.topImg img:nth-of-type(1){width:1.28rem;height:1.28rem;padding-top:1.146667rem;margin:0 auto;margin-bottom:0.4rem;}
.topImg ul{height:0.5rem;margin:0 auto;color:white;}
.topImg ul span{line-height: 0.6rem;width: 0.6rem;height: 0.6rem;font-size: 0.386667rem;margin-right: 0.096667rem;float: left;position: relative;}
.marLi{margin-right: 0.3rem!important;}
.topImg ul .marginL{margin-left:0.333333rem;}
.topImg ul .liMask{position: absolute;margin-right:0;width:100%;height:100%;background:black;opacity: 0.1;}
.topImg ul li{position: absolute;width:100%;height:100%;text-align: center;}
.itemUl{width:100%;height:2.0rem;display: flex;background: #fff;}
.itemUl li{width:25%;height:100%;display:inline-flex;flex-flow:column nowrap;justify-content: center;align-items: center;}
.itemUl li img{width:1.093333rem;height:1.093333rem;margin-bottom:0.133333rem;}
.itemUl li span{font-size:0.363333rem;color:#605353;}
.content .pronect{line-height: 1;background: #fff;margin-bottom: 0.26rem;clear:both;position: relative;float: left;width: 100%;}
/*.pronect .head img{width: 100%;width: 10.0rem;height: 5.44rem;}*/.pronect .head{position:relative;}
.head .text{position: absolute;width: 100%;bottom:0px;text-indent:0.266667rem;color:#fff;height: 1.066667rem;line-height: 1.066667rem;background: url(../img/volunteer_map_12@2x.png) no-repeat;background-size: 100% 1.066667rem;/*background: rgba(0,0,0,.5);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;*/font-size: 0.373333rem;}
.head .mark img{width: 1.333333rem;height: 1.333333rem;position:absolute;right: 0.133333rem;top: 0.133333rem;}
.pronect .middle{height: 1.066667rem;line-height: 1.066667rem;font-size:0.373333rem;position: relative;}
.middle .left img{height: 0.6rem;margin: 0.2rem;float: left;}
.middle .left i{font-size:0.4rem;vertical-align: middle;margin: 0 0.133333rem 0 0.266667rem;}
.middle .right img{height: 0.6rem;margin: 0.2rem;float: left;}
.loveAction{width: 15%;position: absolute;top: 3%;right: 2%;opacity: 0.8;}
.pronect .head .loveAction img{width:100%;height:auto;}
.zan{position: absolute;bottom: 6%;right: 3%;font-size: 0.6rem;}
.middle .right .zan i{font-size:0.533333rem;float: right;margin: 0.266667rem 0.266667rem 0 0;}
.middle .left, .middle .right{width: 50%;box-sizing: border-box;}
.middle .left{border-right: 1px solid #e2e8e2;}
/*分割线*/.pronect .middle:after{content: '';position: absolute;bottom: 0;left: 0;right: auto;top: auto;width: 100%;height: 1px;z-index: 15;background: #e3e8e2;display: block;/*transform:scaleY(.5);-webkit-transform:scaleY(.5);*/-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.pronect .foot{height: 1.066667rem;line-height: 1.066667rem;font-size: 0.36rem;position: relative;float: left;width: 100%;}
.pronect .foot:after{content: '';position: absolute;bottom: 0;left: 0;right: auto;top: auto;width: 100%;height: 1px;z-index: 15;background: #e3e8e2;display: block;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.pronect .foot img{height: 0.6rem;margin: 0.2rem;float: left;}
/*.pronect .foot img{width: 9%;margin: 5% 1% 0 3%;float: left;}*/.footLeft{border-right: 1px solid #e2e8e2;width: 50%;box-sizing: border-box;}
.footRight{width: 50%;box-sizing: border-box;}
.pronect .teamName{height: 1.066667rem;line-height: 1.066667rem;font-size: 0.36rem;position: relative;float: left;width: 100%;}
.pronect .teamName:after{content: '';position: absolute;bottom: 0;left: 0;right: auto;top: auto;width: 100%;height: 1px;z-index: 15;background: #e3e8e2;display: block;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.pronect .teamName img{height: 0.6rem;margin: 0.2rem;float: left;}
.show{display: block!important;}
.hide{display: none!important;}
.addAdress{line-height: 1.066667rem;height: 1.066667rem;float: left;width: 80%;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
/*.footAddressHeight{line-height: 0.533334rem;float: left;width: 90%;height: 1.066667rem;white-space: normal;overflow: visible;word-break: break-all;}
.footAddress{line-height: 1.066667rem;float: left;width: 90%;height: 1.066667rem;white-space: normal;overflow: visible;word-break: break-all;}*//*搜素*/.search_abk{position: absolute;background: #e2e8e2;width: 100%;height: 100%;z-index: 10001;left: 0;top: 0;}
.s_header{width: 100%;height: 1.12rem;background: #fff;}
.s_header .search{height:0.853333rem;width:7.466667rem;margin: 0.133333rem 0 0.133333rem 0.266667rem;position: relative;}
.s_header .search input{height:0.853333rem;width:100%;font-size:0.373333rem;color:#fff;border:none;padding-left:0.4rem;border-radius:0.426667rem;background:#00d865;}
.s_header .search i{position: absolute;font-size:0.453333rem;color:#fff;right:0;top:0.213333rem;}
.s_header .cancel a{font-size:0.373333rem;line-height: 1.12rem;margin-right: 0.266667rem;}
section{width:100%;height:100%;}
section .history{padding:0.426667rem 0 0.24rem 0.266667rem;background:#f5f7f4;font-size:0.32rem;color:#9cb1a0;}
/*section .content li li{height:1.173333rem;padding-left:0.266667rem;line-height:1.173333rem;font-size:0.373333rem;position: relative;color:#3f6241;background:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
section .content li li:after{content: '';position: absolute;bottom: 0;left: 0;right: auto;top: auto;width: 100%;height: 1px;z-index: 15;background: #e3e8e2;display: block;transform:scaleY(.5);-webkit-transform:scaleY(.5);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}*/.navigation{width:100%;height:1.2rem;}
.navigation ul{width:100%;height:100%;}
.navigation ul li{width:50%;text-align: center;line-height: 1.2rem;float: left;font-size:0.38rem;color:#b5b5b5;position: relative;height:100%;}
.navigation ul li:nth-of-type(2):before{content: '';position: absolute;bottom: 0;left: 0;right: auto;top: auto;width: 1px;height: 100%;z-index: 15;background: #f3f3f3;display: block;/*transform:scaleY(.5);-webkit-transform:scaleY(.5);*/-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.navigation ul .beTap:after{content: '';position: absolute;bottom: 1px;left: 38%;right: auto;top: auto;width: 24%;height: 2px;z-index: 15;background: #00d865;display: block;/*transform:scaleY(.5);-webkit-transform:scaleY(.5);*/-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.beTap{color:#00d865!important;}

.newPronect{color:#646464;}
.newPronect .proTopDiv{width:100%;height:1.2rem;}
.newPronect .proTopDiv img{width:0.8rem;height:0.8rem;margin:0.3rem 0.2rem 0.1rem 0;float:left;border-radius:0.8rem;}
.newPronect .proTopDiv p{margin-top:0.3rem;float:left;line-height:0.8rem;font-size:0.35rem;}
.proCenterDiv{width:100%;padding-top: .2rem;}
.proCenterDiv img{margin-left:12%;margin-right:4%;width:84%;height:5rem;float:left;}
.proCenterDiv p{box-sizing: border-box;width:100%;padding: 0 .4rem;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight:600;font-size:0.4rem;line-height:1rem;color:#000000}
.proBottomUl{width:96%;float:left;margin-left:4%;height:1.2rem;}
.proBottomUl li{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;float:left;}
.proBottomUl li:nth-of-type(1){width:30%;}
.proBottomUl li:nth-of-type(2){width:40%;}
.proBottomUl li:nth-of-type(3){width:30%;}
.proBottomUl li img{margin:0.4rem 0.2rem;float:left;width:0.4rem;height:0.4rem;}
.proBottomUl li span{line-height:1.2rem;font-size:0.31rem;}

/*图片1*/
.infoOne{display: block;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;padding-left: 0.4rem;}
.infoOne .img{width: 100%;padding-top:50%;border-radius: 5px;position: relative;display: block;background-size: cover;background-position: 50% 50%;background-color: #eee;}

.tab{background-color: #fff;position: fixed;left: 0;top: 0; width: 100%;height: 45px; z-index: 999; }
.tab li{width: 33.333%;padding: 12px 0;float: left;text-align: center;font-size: 15px;}
.tab li.cur span{position: relative;display: inline-block;}
.tab li.cur span em{position: relative;display: inline-block;z-index:99;color: #000;font-weight: 600;}
.tab li.cur span i{content: "";display:block; width: 100%;height: 8px;background-color: #3FDE84;position: absolute;left: 0;bottom: 0;z-index: 88}

.sel{padding: 0 15px 10px 15px;position: relative;background-color: #fff;}
.sel a{display: block;width: 100%;height: 26px;line-height: 26px;font-size: 12px;background-color: #F4F4F4;border-radius: 13px;color: #797979;text-align: center;}
.sel a i{display:inline-block;vertical-align:-2px;width:26px;height:13px;background: url("../img/sel.png?v=1") no-repeat center;background-size: auto 13px;}

.nav{background-color: #fff;padding: 10px 10px 0 10px;text-align: right;font-size: 15px;margin-top: 0.26rem;color: #666;}
.nav li{display: inline-block;margin: 0;padding: 0;transition: all 1s;}
.nav li.cur{color: #22D576;font-weight: 600;}
.nav>span{margin: 0;padding: 0;}