@charset "utf-8";

.page {
	position: relative;
}

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

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

header .back {
	position: absolute;
	left: 0.266667rem;
	top: 0.266667rem;
}

header .back a{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	border-radius: 50%;
}

header .news {
	position: absolute;
	right: 0.266667rem;
	top: 0.266667rem;
}

.back i,.news i{
	font-size:0.666667rem;
}
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.266667rem;
	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.666667rem;
	color:#fff;
}

.news i{
	vertical-align: middle;
	margin-left: 0.133333rem;
}

/*-- swiper样式覆盖部分 --*/
.swiper-pagination{
	padding-right: 0.266667rem;
	box-sizing:border-box;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0;
	margin-right: 0.133333rem;
}

.swiper-pagination-bullet{
	opacity: 1;
	background:#26bb1c;
}

.swiper-pagination-bullet-active{
	opacity: 1;
	background:#26bb1c;
	width: 0.4rem;
	border-radius: 0.08rem;
}

section.mainContent{
	margin-bottom: 1.6rem;
}

.content .main {
	position: relative;
	line-height: 1;
	background: #fff;
	margin-bottom: 0.133333rem;
}

.main img {
	width: 100%;
}

.main .theme {
	text-align: center;
	/*height: 1.733333rem;*/
	padding-bottom: 0.666667rem;
	position: relative;
	font-size:0.32rem;
}

.main .theme h2 {
	margin: 0.4rem auto 0.266667rem;
	font-size:0.426667rem;
	font-weight: normal;
}

.main .progress {
	height: 5.466667rem;
	background: #f4f6f3;
	position: relative;
}

.main .progress h2{
	padding: 0.4rem 0 0.533333rem;
	text-align: center;
	font-size:0.426667rem;
	font-weight: normal;
}

.main .progress .focus {
	width: 7.333333rem;
	margin: 0 auto;
	overflow: hidden;
}

.main .progress .focus .slide {
	width: 3.2rem !important;
	height: 3.2rem;
	background: #fff;
	text-align: center;
	font-size:0.266667rem;
	box-sizing:border-box;
	border:1px solid #e2e9e2;
	margin-right: 0.933333rem;
	float: left;
	box-shadow: 0px 2px 20px 4px #e2e8e2;
}
.main .progress .focus .slide:last-child {
	margin-right: 0;
	margin: 0 auto;
}

.main .progress .focus .slide h3{
	font-size:0.32rem;
	margin: 0.266667rem 0;
	padding: 0 0.133333rem;
	white-space: pre-wrap!important;

}


/*分割线*/

#read_re .think:after,#read_re .material:after,.share_m p:after,.share_m h2:after,.main .theme:after, .plan .raise:after,.content .execute:after, .organization li:after, .attestation h5:after,.comment h5:after,.personal li:after,.donate .main h5:after,.donate .main li:after,.prompt .main .text:after,.prompt .main .company:after,#read li.first .head: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%;
}
.organization li:after{
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
}

#read li:before {
	content: '';
	position: absolute;
	bottom: auto;
	left: 0;
	right: auto;
	top: 0;
	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%;
}

.main .talk-about {
	/*height: 2.133333rem;*/
	padding: 0.4rem 0.293333rem 0.266667rem;
	font-size:0.32rem;
}
.talk-about h3 {
	font-size: 0.373333rem;
	margin: 0 0 0.266667rem;
	font-weight: normal;
	text-align: center;
}
.talk-about p {
	line-height: 1.4;
	height: 1.28rem;
	overflow: hidden;
}
.main .read {
	height: 0.933333rem;
	line-height: 0.933333rem;
	text-align: center;
	background: #f5f7f4;
	font-size:0.32rem;
}

.content .plan {
	margin: 0.133333rem 0 0;
}
.plan .raise {
	height: 0.933333rem;
	line-height: 0.933333rem;
	padding: 0 0.266667rem 0 0.293333rem;
	background: #fff;
	font-size:0.373333rem;
	position: relative;
}

.raise img{
	width: 0.426667rem;
	height: 0.426667rem;
	float:left;
	margin: 0.266667rem 0.266667rem 0 0;
}
.plan .progress {
	/*height: 1.493333rem;*/
	padding: 0.373333rem 0.293333rem 0.266667rem;
	background: #fff;
}
.progress .progress-bar {
	width: 100%;
	height: 0.16rem;
	background: #e3e8e2;
	border-radius: 0.08rem;
	position: relative;
	overflow: hidden;
}

.progress-bar .bar{
	width: 70%;
	height: 0.16rem;
	border-radius: 0.08rem;
	position: absolute;
	background:-webkit-gradient(linear, 0% 0%, 100% 100%,from(#E3DA4F), to(#67E16A));
	background: -ms-linear-gradient(left, #E3DA4F,  #67E16A); 
	background: -moz-linear-gradient(left, #E3DA4F,  #67E16A);
	background: -webkit-linear-gradient(left, #E3DA4F,  #67E16A);
	background: -o-linear-gradient(left, #E3DA4F,  #67E16A);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#E3DA4F,endColorStr=#67E16A);
	-webkit-transition:1.5s ease;
    -moz-transition:1.5s ease;
    -webkit-transition-property:all;
    -moz-transition-property:all;
	/*-webkit-animation:bar 2s ease-out;
	-moz-animation:bar 2s ease-out;
	animation:bar 2s ease-out;*/
}
.progress-bar .lose {
	background: #adb2ac;
}

/*@keyframes bar {0% {width: 0;} 100% {width: 70%;}}
@-webkit-keyframes bar {0% {width: 0;} 100% {width: 70%;}}
@-moz-keyframes bar {0% {width: 0;} 100% {width: 70%;}}
*/
.progress .participator {
	margin: 0.213333rem 0 0;
	text-align: center;
	font-size:0.32rem;
}
.participator dt{
	font-size:0.373333rem;
}
.participator .tongdou {
	display: inline-block;
}
.content .execute {
	/*height: 24px;*/
	/*line-height: 24px;*/
	padding: 0.186667rem 0.293333rem;
	background: #f5f7f4;
	position: relative;
}
.execute span{
	font-size:0.266667rem;
	-webkit-transform: scale(.8);
	transform: scale(.8);
}

.content .ranking {
	height: 1.173333rem;
	padding: 0 0.266667rem;
	line-height: 1.173333rem;
	background: #fff;
	position: relative;
	font-size:0.373333rem;
}

.ranking img {
	width: 0.453333rem;
	height: 0.453333rem;
	margin:0.32rem 0.266667rem 0 0;
	float: left;
}
.ranking .fr i{
	font-size:0.373333rem;
	/*vertical-align: text-top;*/
	vertical-align: middle;
}
.ranking .fr img {
	width: 0.8rem;
	height: 0.8rem;
	margin: 0.186667rem 0.133333rem 0 0;
	border-radius: 50%;
	overflow: hidden;
}
.ranking .three img{
	margin: 0.186667rem 0.213333rem 0 0;
}

.content .use {
	height: 3.76rem;
	line-height: 1;
	background: url(../img/tu.png) no-repeat;
	-webkit-background-size: 100% 3.76rem;
	background-size: 100% 3.76rem;
	font-size:0.32rem;
}
.use h4{
	font-weight: normal;
	padding: 0.4rem 0 0.56rem;
	text-align: center;
}
.use ul {
	height: 1.866667rem;
	text-align: center;
	padding: 0 0.053333rem;
}
.use li {
	width: 1.866667rem;
	height: 1.866667rem;
	margin: 0 0.053333rem;
	/*margin-right: 4px;*/
	display: inline-block;
	border-radius: 50%;
	border:1px solid #e3e8e2;
	background: rgba(255,255,255,.6);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.use li dl{
	/*margin: 21px 0;*/
	/*margin: 0.56rem 0 0.4rem;*/
	margin: 0.50rem 0 0.4rem;
}
.use li dt{
	line-height: 0.48rem;
	/*margin-bottom: 5px;*/
}
.use li dd{
	font-size:0.266667rem;
	-webkit-transform: scale(.8);
	transform: scale(.8);
}
.content .organization {
	height: 8.266667rem;

}
.organization li:nth-child(1),.organization li:nth-child(3){
	border-right: 1px solid #e3e8e2;
}
.organization li{
	width: 50%;
	float: left;
	line-height: 1;
	font-size:0.32rem;
	/*height: 4.133333rem;*/
	letter-spacing: 1px;
	text-align: center;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.organization li figure{
	/*height: 2.8rem;*/
	/*padding: 0.4rem 0 0.266667rem;*/
	padding: 0.4rem 0.106667rem 0.266667rem;
	background: #fff;
}

.organization li #logo_ {
	width: 1.466667rem;
	height: 1.466667rem;
	margin: 0 auto;
}

.organization li figure img{
	width: 1.466667rem;
	height: 1.466667rem;
	border-radius: 50%;
}
.organization li figure figcaption {
	margin: 0.293333rem 0 0.053333rem;
	/*height: 12px;*/
	padding-top: 0.053333rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.organization li figure p {
	font-size:0.32rem;
	/*height: 11px;*/
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.organization li .details {
	height: 0.933333rem;
	background: #f8f8f8;
	text-align: center;
	line-height: 0.933333rem;
}
.organization li .details a{
	display: inline-block;
	font-size:0.32rem;
	color: #64a0ff;
}

.content .attestation {
	margin: 0.133333rem 0;
	/*height: 185px;*/
	background: #fff;
	font-size:0.32rem;
	/*padding-bottom: 0.266667rem;*/
}
.attestation h5{
	/*height: 0.933333rem;*/
	line-height: 0.933333rem;
	font-weight: normal;
	padding: 0 0.266667rem;
	position: relative;
/*	letter-spacing: 1px;*/
	font-size:0.373333rem;
}
.attestation h5 img {
	width: 0.453333rem;
	height: 0.453333rem;
	margin: 0.24rem 0.266667rem 0 0;
	float: left;
}

.attestation .head {
	margin: 0.213333rem 0.266667rem 0;
/*	height: 1.173333rem;*/
	/*overflow: hidden;*/
	position: relative;
}
.attestation .head img{
	width: 1.173333rem;
	height: 1.173333rem;
	margin-right: 0.186667rem;
	/*float: left;*/
	display: inline-block;
	border-radius: 50%;
	/*overflow: hidden;*/
}
.attestation .head img:last-child{
	margin-right: 0;
}

.attestation .rank .circle img {
	width: 0.426667rem;
	height: 0.426667rem;
	position: absolute;
	margin: 0;
}

.attestation .rank .img {
	width: 0.426667rem;
	height: 0.426667rem;
	position: absolute;
	bottom:0.026667rem;
	right: 0.186667rem;
	border-radius: 50%;
	overflow: hidden;
}

.head .rank {
	/*height: 1.173333rem;*/
	position: relative;
}
.head .rank .one img{
	z-index: 3;
}
.head .rank .two img{
	z-index: 2;
}
.head .rank .three img{
	z-index: 1;
}
.head .rank .mark img{
	position: absolute;
	right: 0;
	top: 0.746667rem;
	width: 0.426667rem;
	height: 0.426667rem;
}

.attestation .frame {
	position: relative;
	margin: 0.426667rem 0.266667rem 0;
	background: #f5f7f4;
	padding: 0.213333rem 0.24rem;
	border-radius: 0.133333rem;
	border:1px solid #e3e8e2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.frame p{
	line-height: 1.5;
	margin-top: 0.08rem;
	/*height: 0.96rem;
	overflow: hidden;*/
}
.frame .sign{
	position: absolute;
	top: -13px;
	left: 0.4rem;
	border:6px solid;
	border-color:transparent transparent #e3e8e2 transparent;
	border-style:dashed dashed solid dashed;
}
.frame .sign2{
	position: absolute;
	top: -12px;
	left: 0.4rem;
	border:6px solid;
	z-index: 15;
	border-color:transparent transparent #f5f7f4 transparent;
	border-style:dashed dashed solid dashed;
}

.content .comment {
	background: #fff;
	font-size:0.32rem;
}
.comment h5{
	height: 0.933333rem;
	line-height: 0.933333rem;
	padding: 0 0.293333rem;
	font-weight: normal;
	position: relative;
	font-size:0.32rem;
}
.comment h5 img {
	width: 0.48rem;
	height: 0.4rem;
	margin-top: 0.32rem;
	float:left;
}
.comment h5 span{
	margin: 0 0 0 0.346667rem;
	/*color:#406240;*/
}

.comment h5 span i {
	vertical-align: text-bottom;
	font-size:0.373333rem;
	margin-left: 0.133333rem;
}

.comment .personal li {
	/*height: 111px;*/
	padding: 0 0.266667rem 0.266667rem;
	position: relative;
}
.personal li h6{
	font-weight: normal;
	height: 1.733333rem;
	line-height: 1;
}
.personal li h6 .portrait {
	position: relative;
}
.personal li h6 .portrait img {
	width: 1.173333rem;
	height: 1.173333rem;
	margin: 0.346667rem 0.266667rem 0.213333rem 0;
	border-radius: 50%;
	overflow: hidden;
}
.personal li h6 .circle img {
	width: 0.426667rem;
	height: 0.426667rem;
	position: absolute;
	margin: 0;
}

.circle .bg2 img {
	z-index: 10;
}

.personal li h6 .circle .img {
	width: 0.426667rem;
	height: 0.426667rem;
	position: absolute;
	right:0.266667rem;
	bottom:0.186667rem;
	overflow: hidden;
	border-radius: 50%;
}


.personal li h6 .name {
	padding: 0.56rem 0 0.106667rem;
	font-size:0.373333rem;
}
.personal li h6 p img{
	display: inline-block;
	width: 0.48rem;
	height: 0.373333rem;
	margin-left: 0.133333rem;
}
.personal li .text {
	/*height: 32px;
	overflow: hidden;*/
	
}

.personal li.more {
	height: 0.933333rem;
	line-height: 0.933333rem;
	background: #f5f7f4;
	text-align: center;
}

footer {
	background: rgba(0,0,0,.9);
	width: 100%;
	height: 1.306667rem;
	position: fixed;
	z-index: 99;
	bottom: 0;
	color:#fff;
}
footer .fl i{
	font-size: 0.506667rem;
	display: block;
	margin: 0.4rem 0.613333rem;
}
footer .fr i{
	font-size: 0.533333rem;
	display: block;
	margin: 0.373333rem 0.533333rem;
}
footer button {
	width: 44%;
	height: 0.906667rem;
	line-height: 0.906667rem;
	background: #00d865;
	border:none;
	font-size:0.426667rem;
	color:#fff;
	display: block;
	border-radius: 0.453333rem;
	margin: 0.186667rem auto;
	position: absolute;
    left: 28%;
}
.donate {
	position: absolute;
	bottom: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	display: none;
}
.donate .main {
	height: 9.573333rem;
	width: 100%;
	background: #e3e8e2;
	position: fixed;
	bottom: 0;
}
.donate .main h5{
	background: #f5f7f4;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	font-size: 0.373333rem;
	font-weight: normal;
	position: relative;
}
.main h5 i{
	float: right;
	margin: 0.213333rem 0.266667rem 0 0;
}
.donate .main .mine {
	height: 0.933333rem;
	line-height: 0.933333rem;
	text-align: center;
}
.main .mine .number{
	font-size: 0.373333rem;
}
.donate .main li {
	position: relative;
	height: 1.6rem;
	/*line-height: 1;*/
	background: #fff;
	letter-spacing: 1px;
	font-size:0.32rem;
}
.donate .main li i {
	font-size:0.693333rem;
	margin: 0.453333rem 0.266667rem 0.4rem 0.56rem;
	float: left;
}
.donate .main li dt {
	padding: 0.426667rem 0 0;
	font-size:0.373333rem;
}
.donate .main li dt input {
	width: 2.4rem;
	height: 0.373333rem;
	border:none;
	border-bottom: 1px solid #406240;
	font-size:0.373333rem;
	border-radius: 0;
}
.donate .main .foot {
	margin-top: 0.133333rem;
	padding-top: 0.186667rem;
	background: #fff;
	height: 1.306667rem;
}
.donate .main .foot button{
	width: 4.16rem;
	height: 0.906667rem;
	background: #00d865;
	display: block;
	line-height: 0.906667rem;
	border-radius: 0.453333rem;
	font-size: 0.426667rem;
	margin: 0 auto;
	border:none;
	text-align: center;
	color:#fff;
}

/*捐豆提示*/

.prompt {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	background: rgba(0,0,0,.8);
	z-index: 999;
	display: none;
}

.prompt .main {
	width: 7.093333rem;
	height: 10.266667rem;
	margin: 2.666667rem auto 0;
	background: #fff;
	border-radius: 0.533333rem;
	overflow: hidden;
	text-align: center;
}

.prompt .head {
	height: 5.573333rem;
	background: #ff5a3a;
	font-size:0.373333rem;
}

.prompt .head img{
	width: 2.933333rem;
	height: 3.093333rem;
	position: absolute;
	top: 1.866667rem;
	left: 50%;
	margin-left: -1.466667rem;
}

.prompt .head h2 {
	padding-top: 2.666667rem;
	font-weight: normal;
}

.prompt .color{
	color:#ffb2a5;
}

.prompt .head .num {
	margin-top: 0.4rem;
	font-size:0.666667rem;
	letter-spacing: 0.053333rem;
}

.prompt .head .num i{
	font-size:0.4rem;
}

.prompt .main .text{
	height: 0.8rem;
	line-height: 0.8rem;
	position: relative;
}

.prompt .redcolor{
	color: #ff5a3c;
}

.prompt .main .company {
	height: 1.2rem;
	padding-top: 0.4rem;
	position: relative;
}

.prompt .main .foot p {
	padding: 0.266667rem 0 0.293333rem;
}

.prompt .main .foot a {
	display: block;
	margin: 0 auto;
	width: 5.333333rem;
	height: 1.066667rem;
	line-height: 1.066667rem;
	border-radius: 0.533333rem;
	font-size:0.453333rem;
	background: #ff5a3a;
	color:#fff;
}

.prompt i.close {
	font-size:0.853333rem;
	display: block;
	margin: 0.533333rem 0 0;
	text-align: center;
	color:#fff;
}

/*阅读全文*/
#read {
	position: fixed;
	top:0;
	z-index: 999;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

#read .content{
	background: #fff;
	/*margin-top: 120px;*/
	/*height: 100%;*/
	/*overflow: auto;*/
	width: 100%;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	/*height: 95%;*/
	height: 100%;
}

#read h2 {
	height: 1.173333rem;
	line-height: 1.173333rem;
	text-align: center;
	font-weight: normal;
	font-size:0.48rem;
}

#read h2 i{
	font-size: 0.693333rem;
	/*float: right;
	margin: 0.24rem 0.266667rem 0 0;*/
	float: left;
	margin: 0.24rem 0 0 0.266667rem;
}

#read ul{
	overflow-y:auto;
}

#read li:first-child {
	background: #f3f7f3;
}

#read li {

	position: relative;
}

#read li.first {
	border-bottom:0.133333rem solid #e3e8e2;
}

#read li .head{
	position: relative;
	height: 1.466667rem;
	font-size:0.373333rem;
}

#read li .head img{
	width: 1.066667rem;
	height: 1.066667rem;
	padding: 0.186667rem 0.266667rem 0;
	float: left;
}

#read li .head i{
	position: absolute;
	right: 0.266667rem;
	top: 0.533333rem;
	font-size:0.16rem;
}

#read li .head p:nth-child(2) {
	padding-top: 0.266667rem;
}

#read li p.name {
	font-size: 0.373333rem;
}

#read li .middle {
	background: #fff;
	
	padding: 0.933333rem 0.266667rem;
}

#read div.intro {
	background:#f3f7f3; 
	padding: 0.266667rem 0.586667rem 0.293333rem 0.533333rem;
	line-height: 1.5;
	position: relative;
}

#read div.intro .mark{
	position: absolute;
	top: -0.4rem;
	right: 0.266667rem;
	border:0.213333rem solid #f3f7f3;
	border-color:transparent transparent #f3f7f3 transparent;
	border-style: dashed dashed solid dashed;
}

#read div.intro div.con{
	line-height: 1.5;
	/*padding: 0 0.8rem;*/
	font-size:0.373333rem;
	text-indent: 0.693333rem;
	/*margin-bottom: 0.666667rem;*/
}

#read div.intro div.con img{
	width:90%;
}

/*#read li .middle h3{
	font-weight: normal;
	font-size: 0.426667rem;
	text-align: center;
	margin-bottom: 0.48rem;
}

#read li .middle img {
	width:100%;
	margin-bottom: 0.666667rem;
}

#read li .middle p {
	line-height: 1.5;
	padding: 0 0.8rem;
	font-size:0.373333rem;
	text-indent: 0.693333rem;
	margin-bottom: 0.666667rem;
}


#read li .middle p:nth-child(3) {
	margin-bottom: 0;
}

#read li .intro {
	background:#f3f7f3; 
	padding: 0.266667rem 0.586667rem 0.293333rem 0.533333rem;
	line-height: 1.5;
	position: relative;
}

#read li .intro .mark{
	position: absolute;
	top: -0.4rem;
	right: 0.266667rem;
	border:0.213333rem solid #f3f7f3;
	border-color:transparent transparent #f3f7f3 transparent;
	border-style: dashed dashed solid dashed;
}

#read li img{
	width: 100%;
}*/

/*-- 阅读反馈消息 --*/
#read_re {
	position: fixed;
	top:0;
	z-index: 999;
	/*display: none;*/
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

#read_re .content{
	background: #fff;
	/*margin-top: 120px;*/
	/*height: 100%;*/
	/*overflow: auto;*/
	width: 100%;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	/*height: 95%;*/
	height: 100%;
}

#read_re h2 {
	height: 1.173333rem;
	line-height: 1.173333rem;
	text-align: center;
	font-weight: normal;
	font-size:0.48rem;
}

#read_re h2 .back i{
	font-size: 0.693333rem;
	/*float: right;
	margin: 0.24rem 0.266667rem 0 0;*/
	float: left;
	margin: 0.24rem 0 0 0.266667rem;
}

#read_re h2 .news i{
	font-size: 0.693333rem;
	float: right;
	margin: 0.24rem 0.266667rem 0 0 ;
}

/*#read_re .head{
	position: relative;
}
*/
#read_re .head img{
	width: 100%;
}

#read_re .material {
	text-align: center;
	padding: 0.266667rem 0 0.666667rem;
	position: relative;
	font-size:0.373333rem;
}

#read_re .material img {
	width: 2.8rem;
	height: 2.413333rem;
	position: absolute;
	top:-0.933333rem;
	right:0.8rem;
}

#read_re .material h3{
	margin-bottom: 0.4rem;
	font-weight: normal;
}

#read_re .material p {
	line-height: 1.8;
}

#read_re .think {
	text-align: center;
	padding: 0.666667rem 0;
	font-size:0.373333rem;
	position: relative;
}

#read_re .think .all {
	height: 0.933333rem;
	line-height: 0.933333rem;
	margin: auto;
	position: relative;
	margin: 0.133333rem;
}

#read_re .think .all .chunk{
	height: 0.933333rem;
	display: inline-block;
	border-radius: 0.133333rem;
	border:1px solid #e3e8e2;
	box-sizing: border-box;
	font-size:0.533333rem;

	margin: 0 0.04rem;
}

#read_re .think .all p {
	position: absolute;
	top:0;
	width: 100%;
	height: 0.933333rem;
	line-height: 0.933333rem;
	font-size:0.533333rem;
	text-indent: 0.733333rem;
	letter-spacing: 0.733333rem;
}

#read_re .r_main{
	padding:0 0.266667rem;
}

#read_re .r_main img{
	max-width: 100%;
}

#read_re .foot {
	position: fixed;
	bottom:0;
	background: #26bb1c;
	width: 100%;
	z-index: 100;
	height: 1.466667rem;
	border-top: 0.106667rem solid #1fab17;
	text-align: center;
	font-size:0.373333rem;
	padding-top: 0.266667rem
}

/*引导图片*/

#yindao {
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	z-index: 999;
}

#yindao img{
	width: 100%;
}

#yindao p{
	width: 100%;
	font-size:0.4rem;
	position: absolute;
	bottom:25%;
	text-align: center;
}


.show{display: block;}
.hide{display: none;}

/*span.fr.gray i{
	font-size: 0.16rem;
}
*/

/*-- 新版捐豆提醒 --*/
.msgTipsForm{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1000;
	background: #fff;
}

.mtf_head{
	background: url('../img/newMsgBg.png');
	background-size: 100% 100%;
	width: 100%;
	height: 4.746667rem;
	/*height: 5.6rem;*/
	text-align: center;
	position: relative;
	box-sizing:border-box;
	/*padding-top: 1.173333rem;*/
	padding-top: 0.4rem;
}

.mtf_head img{
	display: inline;
	width: 2.946667rem;
	height: 3.093333rem;
}

.mtf_head .back{
	position: absolute;
	color: #fff;
	left: 0.266667rem;
	top: 0.266667rem;
}

.mtf_deal{
	width: 100%;
	position: relative;
}

.d_user_info{
	text-align: center;
	margin-top: -0.88rem;
	color: #406241;
	font-size: 0.373333rem;
}

.d_user_info img{
	width: 1.76rem;
	height: 1.76rem;
	border:0.04rem solid #fff;
	border-radius: 0.88rem;
	display: inline;
}

.d_title{
	padding: 0 10%;
	text-align: center;
	font-size: 0.373333rem;
	margin-top: 0.3rem;
	color: #bac6ba;
}

.d_title .d_title_txt{
	color: #406241;
}

.d_bean{
	text-align: center;
	color: #ff5b38;
	font-size: 0.8rem;
	/*margin-top: 0.3rem;
	padding-bottom: 0.5rem;*/
	margin-top: 0.1rem;
	padding-bottom: 0.1rem;
	border-bottom: 1px solid #e3eae3;
}

.d_bean img{
	width: 0.373333rem;
	height: 0.373333rem;
	display: inline-block;
	margin-left:0.053333rem;
}

.d_bean .nums{
	display: inline-block;
}

.d_bean .compare{
	display: block;
	color: #bac6ba;
	font-size: 0.32rem;
}

.d_rank{
	padding: 0.4rem 0.453333rem;
	font-size: 0.373333rem;
	color: #9fb19f;
	text-align: center;
	line-height: 0.586667rem;
	border-bottom: 0.133333rem solid #e3eae3;
}

.d_rank .nums{
	color: #ff5b3a;
}

.mtf_detail{
	width: 100%;
	position: relative;
}

.m_intro{
	padding: 0.373333rem 0.453333rem 0.48rem;
	color: #406240;
	font-size: 0.373333rem;
	/*height: 0.933333rem;*/
	/*overflow-y:auto;*/
}

.m_provider{
	text-align: center;
	font-size: 0.32rem;
	color: #9fb09f;
}

.m_provider .name{
	color: #406340;
}

.m_logos{
	position: fixed;
	bottom: 0;
	font-size: 0.32rem;
	color: #9fb09f;
	padding: 0.373333rem 0.453333rem 0;
}

.share_nums .num{
	color: #ff5a3a;
}

/*捐1000+弹框*/

.zindexDiv{
			position:fixed;
			left:10%;
			top:20%;
			z-index: 10000;
			width:80%;
			height:60%;
			background: white;
			text-align: center;
			border-radius: 0.8rem;
			overflow: hidden;
			opacity: 1;
		}
		.zindexDiv p:nth-of-type(1){
			margin-top:0.506667rem;
			font-size:0.5rem;
			color:#643c3c;
			font-weight: bold;
			margin-bottom:0.58rem;
			
		}
		.zindexDiv img{
			width:80%;
			height:50%;
			margin: 0.64rem auto;
		}
		
		.zindexDiv p:nth-of-type(2){
			margin:auto 0.213333rem;
			color:#666666;
			font-size:0.326667rem;
			line-height:0.72rem;
			margin-bottom:0.426667rem;
		}
		@media screen and (max-height: 720px) {
			.zindexDiv img{
				height:40%;
			}
			.zindexDiv p:nth-of-type(2){
				font-size:0.213333rem;
			}
		}
		.zindexDiv span:nth-of-type(1){
			color:#333333;
		}
		.zindexDiv .ok{
			position:absolute;
			bottom:0;
			font-size:0.5rem;
			width:100%;
			height:1rem;
			line-height:1rem;
			background:#ff8a00;
			display: block;
			color:white!important;
		}
		.mask{
			width:100%;
			height:100%;
			background:black;
			opacity: 0.8;
			z-index: 9999;
			position: fixed;
			left:0;
			top:0;
		}

.animated {
	
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		-ms-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		-ms-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		-ms-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		-ms-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		-ms-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
}