@charset "utf-8";

header {
	height: 6.346667rem;
	position: relative;
	text-align: center;
	line-height: 1;
	color:#fff;
	padding: 0.4rem 0 0;
	font-size:0.48rem;
	background:-webkit-gradient(linear, 30% 30%,100% 100%,from(#95e728), to(#26bb1d));
	background: -ms-linear-gradient(left top, #95e728 30%,  #26bb1d); 
	background: -moz-linear-gradient(left top, #95e728 30%,  #26bb1d);
	background: -webkit-linear-gradient(left top, #95e728 30%,  #26bb1d);
	background: -o-linear-gradient(left top, #95e728 30%,  #26bb1d);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#95e728 30%,endColorStr=#26bb1d);
}

header .back {
	position: absolute;
	left: 0.266667rem;
	top: 0.266667rem;
}
header .back i{
	font-size:0.666667rem;
}

header figcaption {
	font-size:0.373333rem;
}

header figure img{
	width: 2.4rem;
	height: 2.4rem;
	/*position: relative;*/
	margin: 0 auto;
	padding: 0.133333rem 0;

}

header figure .t_round {
	width: 2.666667rem;
	margin: 0.853333rem auto 0.266667rem;
	height: 2.666667rem;
	background: rgba(365,365,365,.2);
	border-radius: 50%;
}

header .attention {
	width: 1.653333rem;
	height: 0.48rem;
	line-height: 0.48rem;
	background: #fff;
	border-radius: 0.24rem;
	margin: 0.266667rem auto 0;
	font-size:0.32rem;
}

header .triangle {
	position: absolute;
	bottom: -0.333333rem;
	left: 50%;
	z-index: 10;
	margin-left: -0.2rem;
	border:0.186667rem solid;
	border-color:#3dc31e transparent transparent transparent;
	border-style:solid dashed dashed dashed;
}

nav {
	margin-bottom: 0.133333rem;
}

nav .list {
	height: 1.173333rem;
	line-height: 1.173333rem;
	text-align: center;
	background: #f5f7f4;
	position: relative;
	width: 33%;
	float: left;
	font-size:0.373333rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left:1px solid #e2e8e2;
}

nav .middle {
	width: 34%;
}

nav .half {
	width: 50%;
}

nav .list:first-child {
	border-left:0;
}

nav .active {
	color:#25bb1c;
	border-bottom:0.053333rem solid #25bb1c;
	background: #fff;
}

nav .list:before {
	content:'';
	position: absolute;
	bottom: auto;
	left: 0;
	right: auto;
	top: 0;
	width: 100%;
	height: 1px;
	background: #e2e8e2;
	display: block;
	z-index: 15;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

section{
	display: none;
}

section .intro {
	padding: 0.666667rem 0.853333rem 0.8rem 0.8rem;
	background: #fff;
	position: relative;
	font-size: 0.32rem;
}

section .intro img{
	width: 100%;
	margin-top: 0.4rem;
}
.roll li:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: auto;
	top: auto;
	width: 100%;
	height: 1px;
	z-index: 15;
	background: #e2e8e2;
	display: block;
	transform:scaleY(.5);
	-webkit-transform:scaleY(.5);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

/*善捐名单*/

.roll li {
	background: #fff;
	font-size:0.32rem;
	position: relative;
	height: 1.6rem;
}

.roll li img{
	width: 1.066667rem;
	height: 1.066667rem;
	padding: 0.266667rem;
	float: left;
}

.roll .award {
	padding-top: 0.373333rem;
	font-size:0.266667rem;
}

.roll .award .name{
	font-size:0.373333rem;
}

.roll li .num {
	position: absolute;
	right: 0.266667rem;
	top:0.346667rem;
}

.roll li .num .big{
	font-size:0.48rem;
}


/*已捐项目*/
section .main {
	line-height: 1;
}



.main h2 .big{
	font-size:0.48rem;
}

.main li {
	background: #fff;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.32rem;
	margin-bottom: 0.266667rem;
}

.main li:nth-child(odd) {
	border-right:0.08rem solid #e3e8e2;
}

.main li:nth-child(even) {
	border-left:0.08rem solid #e3e8e2;
}

.main li figure img{
	width: 100%;
}

.main li figure figcaption {
	margin: 0.266667rem 0 0.186667rem 0.266667rem;
	text-align: left;
}

.main li p {
	text-align: left;
	margin: 0 0 0.266667rem 0.266667rem;
	font-size:0.266667rem;
}

.show {
	display: block;
}

.hide {
	display: none;
}
