@charset "utf-8";
body,html{
	background:#f3f3f3;
}

header {
	height: 1.173333rem;
	background: #fff;
	position: relative;
	text-align: center; 
	background:#00d96b;
}

header h1 {
	font-weight: normal;
	font-size:0.426667rem;
	height: 1.066667rem;
	line-height: 1.066667rem;
	color:#fff;
}

.volunplay{
	width: 40%;
    float: left;
    text-align: right;
	font-size:0.35rem;
	line-height: 1.1rem;
	margin-right: 10%;
    margin-left: 5%;
}

.volunplay h1{
	font-size:0.35rem;
	line-height: 1.2rem;
}

.orginplay{
	width: 40%;
    float: left;
    text-align: left;
	
    background:url(../img/drop-down_nor1.png) no-repeat 19.5% bottom;
    background-size:7% auto;
}

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;
}
section{
	position:absolute;
	width:100%;
	height:100%;

}
section .itemsUl{
	width:100%;
	zoom:1;
}

section .itemsUl:after{content:'';display:block;height:0;visibility:hidden;clear:both;}

section .itemsUl .itemsLi{
	width:100%;
	height:2.8rem;
	float: left;
	margin-top:0.7rem;
	background:white;
}

.firstD{
	width:100%;
	height:40%;
	position: relative;
}

.secondD{
	width:100%;
	height:60%;
}

.firstD div{
	float:left;
}

.firstD .left{
	width:20%;
	max-width: 110px;
	height:100%;
	/*position: relative;*/
	margin-top: -.6rem;
}
.firstD .centre{
	width:80%;
	height:100%;
	box-sizing: border-box;
	padding-right: 1.8rem;
}
.firstD .right {
	background: linear-gradient(to right, #15D36F, #40E77D);
	background: -webkit-linear-gradient(to right, #15D36F, #40E77D);
	color: #fff;
	border: none;
	border-radius: 3px;
	line-height: .48rem;
	width: 1.2rem;
	height: .48rem;
	position: absolute;
	right: .6rem;
	top: 30%;
	text-align: center;
	font-size: 0.28rem;
}
.firstD .left img{
	width:1.3rem;
	height:1.3rem;
	border-radius: .69rem;
	/*position: absolute;*/
	/*top:10%;
	left:15%;*/
	margin-top: 10%;
    margin-left: 15%;
	border: .08rem #fff solid;
}

.firstD .centre p:nth-of-type(1){
	font-size:0.36rem;
	font-weight:600;
	weight:600;
	margin-top:15px;
	margin-bottom: 3px;
	width:100%;
}

.firstD .centre p:nth-of-type(2){
	font-size:0.31rem;
	    color: #94a2a6;
}

.firstD .centreP{
	display: block;
	width:100%;
	height:30%;
	margin-top:0.066667rem;
}

.firstD .centreP img{
	display: block;
	float:left;
	width:0.36rem;
	
	margin-right:0.066667rem;
}
.firstD .centreP span{
	display: block;
	float:left;
	width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.secondD ul{
	width:100%;
	height:100%;
	
}

.secondD ul li{
	height: 56.25%;
    margin-top: 0.38rem;
	width:33.3%;
    text-align: center;
    position: relative;
    float: left;
	font-size: 0.28rem;
	color: #333;
}
.secondD ul li>span{font-size: 0.28rem;color: #333;padding-bottom: .1rem;}
.secondD ul li>span:first-child{display: block;}
.secondD ul li a span{font-size: 0.42rem;font-weight: 600;color: #29DC74;padding-right: .08rem;}
.secondD ul li>span:nth-child(2){padding-right: .08rem;}
/*搜素*/
.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: #c6d3cc;
	display: block;
	transform:scaleY(.5);
	-webkit-transform:scaleY(.5);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.itrsUl{
	width:100%;
	height:1.173333rem;
	margin-top:0.213333rem;
	padding-bottom:0.05rem;
	display: flex;
	background:#fff;
	position: relative;
}

.itrsUl:after{
	content: "";
   display: block;
   position: absolute;
   top:100%;
   left: -50%;
   width: 200%;
   height: 1px;
   background: #c6d3cc;
   transform:scale(0.5);
   -webkit-transform:scale(0.5);
}

.itrsUl li{
	flex:1;
	height:100%;

	text-align: center;
	line-height: 1.173333rem;
	color:#3c4043;
	font-size:0.333333rem;
	position: relative;
}

.itrsUl li:nth-of-type(1):after{
	content: "";
   display: block;
   position: absolute;
   right: 0;
   top: -50%;
   width: 1px;
   height: 200%;
   background: #c6d3cc;
   transform:scale(0.5);
   -webkit-transform:scale(0.5);
}

.itrsUl li:nth-of-type(2):after{
	content: "";
   display: block;
   position: absolute;
   right: 0;
   top: -50%;
   width: 1px;
   height: 200%;
   background: #c6d3cc;
   transform:scale(0.5);
   -webkit-transform:scale(0.5);
}

.itrsUl li:nth-of-type(3){
	border-right:0;
}

.focusG{
	color:#00d966!important;
	border-bottom: 3px solid #00d966!important;
}

.show{
	display: block!important;
}

.hide{
	display: none;
}

.showDiv1 .introduce{
	position: relative;
	
}
 .introduce:after{
   content: "";
   display: block;
   position: absolute;
   left: -50%;
   width: 200%;
   height: 1px;
   background: #c6d3cc;
   transform:scale(0.5);
   -webkit-transform:scale(0.5);
  }

.showDiv1 .introduce p:nth-of-type(1){
	width:100%;
	text-align: center;
	font-size: 0.4rem;
	font-weight: bold;
	padding-top:0.9rem;
	margin-bottom:0.4rem;
	color:#2c2020;
}

.showDiv1 .introduce p:nth-of-type(2){
	width:80%;
	margin-left: 10%;
	font-size:0.35rem;
	line-height: 0.55rem;
	color:#615353;
	padding-bottom: 0.9rem;

}

.showDiv1 .saoMa{
	width:80%;
	margin-left:10%;
	padding-top:0.8rem;
}

.showDiv2 .showItems{
	width:100%;
	height:1.333333rem;
	display: flex;
}

.showDiv2 .showItems li{
	height:100%;
	flex:1;
	text-align: center;
	line-height: 1.333333rem;
	font-size: 0.333333rem;
}

.bFocus{
	background:url(../img/choose@2x.png) no-repeat 43% 85%;
	background-size:10%;
}

.bFocus .bfocus{
	color:#00d966!important;
}

.Iitems{
	width:100%;
	height:100%;
}

.Iitems li{
	width:100%;
	height:3.2rem;
}

.Iitems li:after{
   content: "";
   display: block;
   position: absolute;
   left: -50%;
   width: 200%;
   height: 1px;
   background: #c6d3cc;
   transform:scale(0.5);
   -webkit-transform:scale(0.5);
}

.Iitemsli{
	width: 40%;
    margin-left: 3%;
    margin-top: 2%;
    display: block;
    float: left;
}

.Iitems li dl{
	width:50%;
	height:100%;
	margin-left:46%;
}

.Iitems li dl dt{
	padding-top: 2%;
    font-size: 0.36rem;
    font-weight: bold;
}

.Iitems li dl dd:nth-of-type(1){
	padding-top: 18%;
    font-size: 0.305rem;
}
.Iitems li dl dd:nth-of-type(2){
	padding-top: 3%;
    font-size: 0.305rem;
}

/*义工人数*/

.teamMember{
	width: 100%;
    
}

.teamMember li{
	width: 100%;
    height: 1.73333rem;
    background: #fff;
}

.teamMember li:after{
	 content: "";
   display: block;
   position: absolute;
   left: -50%;
   width: 200%;
   height: 1px;
   background: #c6d3cc;
   transform:scale(0.5);
   -webkit-transform:scale(0.5);
}

.teamMember .memberDiv1{
	height: 100%;
    float: left;
    width: 20%;
}

.teamMember .memberDiv1 img{
	width: 1.4rem;
    height: 1.4rem;
    margin-top: 0.15rem;
    margin-left: 0.3rem;
}

.teamMember .memberDiv2{
	width: 50%;
    height: 100%;
    float: left;
}

.teamMember .memberDiv2 p:nth-of-type(1){
	margin-top: 5%;
    margin-bottom: 1%;
    font-size: 0.366667rem;
    color:#3c4143;
}

.teamMember .memberDiv2 p:nth-of-type(1) img{
	display: inline;
	width:6%;
}

.teamMember .memberDiv2 p:nth-of-type(2){
	color:#919fa3;
	font-size: 0.316rem;
}

.teamMember .memberDiv3{
	width: 30%;
    height: 100%;
    float: left;
    color: #919fa3;
    font-size: 0.316rem;
    text-align: center;
    line-height: 1.73333rem;
    overflow: hidden;
}
.teamMember .memberDiv3 b{
    color: #00d966;
    line-height: 1.73333rem;
    text-align: center;
    font-size: 0.36666rem;
}
/*活动时间*/

.thirdA,.thirdB{
	width: 100%;
    float: left;
    margin-top: 0.146667rem;
    background: white;
    display: none;
}

.teamMemberTime{
	width: 100%;
    
}

.teamMemberTime li{
	width: 100%;
    height: 1.73333rem;
    background: #fff;
    position: relative;
}

.teamMemberTime li:after{
	 content: "";
   display: block;
   position: absolute;
   left: -50%;
   width: 200%;
   height: 1px;
   background: #c6d3cc;
   transform:scale(0.5);
   -webkit-transform:scale(0.5);
   bottom:0;
}

.teamMemberTime .memberDiv1{
	height: 100%;
    float: left;
    width: 20%;
}

.teamMemberTime .memberDiv1 img{
	width: 1.4rem;
    height: 1.4rem;
    margin-top: 0.15rem;
    margin-left: 0.3rem;
}

.teamMemberTime .memberDiv2{
	width: 50%;
    height: 100%;
    float: left;
}

.teamMemberTime .memberDiv2 p:nth-of-type(1){
	margin-top: 5%;
    margin-bottom: 1%;
    font-size: 0.366667rem;
    color:#3c4143;
}

.teamMemberTime .memberDiv2 p:nth-of-type(1) img{
	display: inline;
	width:5%;
}

.teamMemberTime .memberDiv2 p:nth-of-type(2){
	color:#919fa3;
	font-size: 0.316rem;
}

.teamMemberTime .memberDiv3{
	width: 30%;
    height: 100%;
    float: left;
	color:#919fa3;
	font-size:0.316rem;
	text-align: center;
	background: url("../img/drop-down_nor.png") no-repeat center 85%;
    background-size: 10% auto;
    line-height: 1.73333rem;
}
.teamMemberTime .memberDiv3 b{
	font-weight: 0;
	color:#00d966;
	line-height:1.73333rem;
	text-align: center;
	font-size:0.36666rem;
}

.timeList{
	width:100%;
	display: none;
}

.timeList li{
	width:100%;
	height:0.8rem;
	font-size: 0.316rem;
}

.timeList li:after{
	 content: "";
   display: block;
   position: absolute;
   left: -50%;
   width: 200%;
   height: 1px;
   background: #c6d3cc;
   transform:scale(0.5);
   -webkit-transform:scale(0.5);
}

.timeList li span:nth-of-type(1){
	float:left;
	color: #919fa3;
    line-height: 0.8rem;
    margin-left: 2%;
}

.timeList li span:nth-of-type(2){
	float:right;
	color: #3c4143;
    line-height: 0.8rem;
    margin-right: 3%;
}

.blackMask{
	background-color:rgba(0,0,0,0.1);
}

.emptyDiv{
	width:100%;
	height:1.306667rem;
}

/*header*/
.head{width:100%; min-width:320px;height:49px;position: fixed;left: 0;top: 0;box-shadow: 1px 0px 5px #999;z-index:500;background-color: #fff;}
.head h1{text-align:center;font-size:17px;height:49px;line-height:49px;color:#333;font-weight: 500;}
.head a{position:absolute;left:0;top:0;display:block;height:49px;line-height:49px;padding-left:15px;font-size:15px;color:#666}
.head a i{display:inline-block;margin-left:5px;vertical-align:1px;width:10px;height:10px;border:1px solid #666;border-top:0;border-right:0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}

.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.tab{background-color: #fff;position: fixed;left: 0;top: 0;right: 0;bottom: 0; width: 100%;height: 45px; z-index: 999;max-width: 750px;margin: 0 auto;}
.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}
.tab li.cur span a{color: #333!important;}
.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;}