/*图标文件*/
.icons {
	background:url(icon/icons.png)  no-repeat;
	display:inline-block;
}
.wechat {
	height:17px;
	width:17px;
	background-position:0 0;
}
.phone {
	height:17px;
	width:17px;
	background-position:-17px 0;
}
.weibo {
	height:17px;
	width:17px;
	background-position:-34px 0;
}
.icon-notice {
	height:45px;
	width:45px;
	background-position:-51px 0;
}
.icon-time {
	height:45px;
	width:45px;
	background-position:-96px 0;
}
.icon-active {
	height:45px;
	width:45px;
	background-position:-141px 0;
}
.icon-btn {
	height:45px;
	width:45px;
	background-position:-186px 0;
}
.icon-apply {
	height:45px;
	width:45px;
	background-position:-231px 0;
}
.icon-hand {
	height:45px;
	width:45px;
	background-position:-276px 0;
}
.icon-help {
	height:45px;
	width:45px;
	background-position:-321px 0;
}
.icon-heart {
	height:45px;
	width:45px;
	background-position:-366px 0;
}
.icon-android {
	height:28px;
	width:28px;
	background-position:-411px 0;
}
.icon-iphone {
	height:28px;
	width:28px;
	background-position:-439px 0;
}
section>img {
	width:100% !important;
	height:100% !important;
}
/*全局样式*/

.line {
	display:none;
}
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
body {
	background:#FFFFFF;
}
.clear {
	clear:both;
	font-size:1px;
	height:0;
	visibility:hidden;
	line-height:0;
}
a {
	text-decoration:none;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.container {
	width:85%;
	margin:0 auto;
	height:100%;
}
/* 开始 */


/* 下载 */

.download {
	display:none;
}
/* 头部 */

header {
	min-width:1340px;	
	height:120px;
	border:0;
	margin:0 auto;
	padding-top: 25px;
	margin-bottom: 45px;
}
.logo-box {
	height:82px;
	width:350px;
	line-height:82px;
	text-align:center;
	border:0 !important;
	background:transparent!important;
	margin:0 3% 0 5%;
}
.pclogo {
	display:none;
}
.logo {
	height:57px;
	width:308px;
	display:inline-block;
	vertical-align:middle;
}
.login {
	height:17px;
	margin-top:10px;
	color:#999999 !important;
	font-size:12px;
	line-height:17px;
}
.login>a {
	margin:0 6px;
	line-height:17px;
	display:block;
	float:left;
}
.login>a>span {
	margin:0 1px;
	line-height:17px;
	float:left;
}
.login>a>span.icons {
	margin:0;
}
.login-box {
	margin:0 6px;
	display:inline-block;
}
.login-box>a {
	margin:0 15px;
}
.icon-btn {
	display:none;
}
#weibo:hover>.weiboimg {
	display:block;
}
#wechat:hover>.wechatimg {
	display:block;
}
.weiboimg,.wechatimg {
	z-index:10000;
	display:none;
	width:158px;
	height:158px;
	border:1px #999999 solid;
	background:#FFFFFF;
	top:28px;
	position:absolute;
}
.weiboimg img,.wechatimg img {
	display:block;
	width:156px;
	height:156px;
}
/* 导航 */

.slide-wrapper {
	float:right;
	max-width:819px;
	height:54px;
}
.slide-wrapper>ul>li {
	float:left;
}
.slide-wrapper>ul>li>a {
	display:block;
	color:#333333;
	font-size:16px;
	padding:19px 0 17px 0;
	margin:0 21px;
}
.slide-wrapper>ul>li>a.active {
	color:#2d8bd3;
	border-bottom:2px #3ca5f6 solid;
}
.slide-wrapper>ul>li>a:hover {
	color:#2d8bd3;
	border-bottom:2px #3ca5f6 solid;
}
/*轮播图*/
.container-fluid {
	}.container-hdp {
	}.swiper-container {
	width:100%;
	height:500px;
}
.swiper-pagination {
	bottom:0 !important;
	display:-moz-box;
	display:-webkit-box;
	display:box;
}
.swiper-button-prev {
	left:0;
}
.swiper-button-next {
	right:0;
}
.swiper-button-next,.swiper-button-prev {
	background:rgba(0,0,0,.5) no-repeat center;
	background-size:18px 33px;
	width:60px;
	height:80px;
	margin-top:-40px;
}
.swiper-pagination-bullet {
	height:4px;
	border-radius:0;
	display:block;
	visibility:hidden;
	-moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
	margin:0px !important;
}
.swiper-pagination-bullet-active {
	visibility:visible;
	background:#3ca5f6;
}
.swiper-slide {
	text-align:center;
	background-size:cover !important;
	background-position:center;
}
.swiper-slide>.title {
	position:absolute;
	color:#FFFFFF;
	font-size:18px;
	bottom:0;
	padding-bottom:22px;
	padding-top:48px;
	width:100%;
	background:linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
	background:-webkit-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
	background:-moz-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
}
/**/

.half,.bar {
	display:none;
}
/* 文章列表 */

.article-list>li {
	width:100%;
	height:231px;
	border-bottom:1px solid #f0f0f0;
	text-align:left;
	padding:30px 0;
	display:flex;
}
.article-list>li:hover {
	background:#f9fafd;
}
.article-list>li img {
	display:block;
	float:left;
	width:240px;
	height:170px;
}
.article-detail {
	float:left;
	flex:1;
	padding:0 18px;
	height:50px;
}
.article-detail-biaoti {
	float:left;
	flex:1;
	padding:0 18px;
	height:170px;
}
.article-title {
	overflow:hidden;
	height:33px;
	color:#333333;
	font-size:18px;
	line-height:33px;
}
.article-context {
	margin:9px 0;
	line-height:20px;
	height:101px;
	overflow:hidden;
	color:#999999;
	font-size:14px;
}
.article-date {
	line-height:12px;
	color:#bbbbbb;
	font-size:12px;
}
.article-programa {
	margin:0 8px;
	color:#2d8bd3;
}
/*更多文章*/

.more {
	width:750px;
	height:60px;
	display:block;
	color:#BBBBBB;
	border:1px solid #f0f0f0;
	margin:30px 0;
	font-size:16px;
	line-height:60px;
	text-align:center;
}
.more:hover {
	color:#999999;
	background:#f0f0f0;
}
/* 右侧 */

.container-right {
	width:320px;
	float:right;
	margin:30px 21px;
}
.box {
	text-align:center;
	border:1px dashed #d3d7db;
	padding:30px 3px;
	margin-bottom:30px;
	color:#333333;
}
.box-half {
	float:left;
	width:156px;
	text-align:center;
}
.box-half span {
	display:block;
	margin:0 auto;
	font-size:16px;
}
.box-half span.title {
	line-height:26px;
	margin:7px 0;
}
.box-half>a {
	line-height:30px !important;
	margin-top:0px !important;
}
.box a {
	margin:0 27px;
	margin-top:18px;
	display:block;
	padding:0 8px;
	line-height:40px;
	font-size:18px;
	color:#ffffff;
	background:#3ca5f6;
}
.box-title {
	padding:0 16px;
	text-align:left;
	display:block;
	margin-left:-4px;
	line-height:20px;
	margin-bottom:30px;
	font-size:20px;
	border-left:#f63756 4px solid;
}
.rightimg {
	width:320px;
	height:240px;
	margin-bottom:30px;
}
/* 底部 */

footer {
	background:#2d3237;
	margin-top:10px;
	font-size:14px;
	text-align:center;
	color:#cacccd;
	/*min-width:1162px;*/
}
footer a {
	color:#cacccd;
}
.link>.title {
	display:none;
}
.links {
	line-height:73px;
	border-bottom:1px solid #3b424a;
}
.links a {
	padding:0px 28px;
	color:#FFFFFF;
}
.br {
	display:none;
}
.line-other {
	margin:15px 0;
}
.friendlink a {
	margin-right:14px;
}
.other-text,.friendlink,.copyright {
	line-height:24px;
}
/* 活动页面 */

.activity {
	width:780px;
	margin-top:-15px;
	margin-left:-15px;
}
.activity-box {
	display:block;
	width:50%;
	height:500px;
	float:left;
	padding:10px;
	position:relative;
	margin-bottom:15px;
	overflow:hidden;
}
.activity-box:hover {
	box-shadow:0 0 1px #e6e6e699;
}
.activity-img>img {
	/*width:547px;
	height:303px;
	max-width:300%;*/
	/*width: 547px; */
    max-height: 150%;
    transform: translateX(-140px);
    max-width: 200%;
}
.activity-img-detail {
	overflow:hidden;
	position:absolute;
	background:linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
	background:-webkit-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
	background:-moz-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
}
.activity-img {
		/*	margin-top:-1px;
	margin-left:-1px;
	*/
/*	width:360px;
	height:256px;
	*/
	position: relative;
    /* width: 547px; */
    height: 350px;
    overflow: hidden;
    text-align: center;
}
.activity-detail {
	display:block;
	/* margin:15px 12px;
	*/
    /* height:72px;
	*/
    font-size:14px;
	color:#999990;
	line-height:22px;
	overflow:hidden;
	position:absolute;
}
.activity-img-detail {
	width:360px;
	height:110px;
	bottom:0;
	padding:0 20px;
	overflow:hidden;
	position:absolute;
	color:#FFFFFF;
	background:linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
	background:-webkit-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
	background:-moz-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
}
.activity-title {
	display:block;
	font-size:20px;
	line-height:28px;
	margin:15px 0 15px 0;
	overflow:hidden;
	width:100%;
	text-align:center;
	height:28px;
}
.activity-time,.activity-programa {
	font-size:14px;
	line-height:24px;
}
.activity-time {
	line-height:12px;
	color:#999990;
	font-size:12px;
	margin-top:70px;
	display:block;
	text-align:center;
}
.activity-programa {
	float:right;
}
/* 面包屑 */
.crumb {
	width:100%;
	margin-top:-32px;
	margin-bottom:24px;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	/*border-bottom:1px solid #f0f0f0;
	*/
}
.crumb a {
	display:inline-block;
	margin:0px 3px;
	font-size:12px;
	color:#999999;
}
.crumb a.active {
	color:#333333;
}
/* 二级菜单 */
.sub-menu {
	margin-top:-24px;
	display:block;
	height:65px;
	margin-bottom:24px;
	border-bottom:1px #f0f0f0 solid;
}
.sub-menu>ul {
	margin-left:-6px;
}
.sub-menu>ul>li {
	float:left;
}
.sub-menu>ul>li>a {
	display:block;
	color:#666666;
	font-size:16px;
	line-height:62px;
	margin:0 10px;
	font-weight:bold
}
.sub-menu>ul>li>a:hover {
	color:#2d8bd3;
	border-bottom:2px #3ca5f6 solid;
}
.sub-menu>ul>li>a.active {
	color:#2d8bd3;
	border-bottom:2px #3ca5f6 solid;
}
/* 文章页面 */
.article-page {
	text-align:center;
	overflow-x:hidden;
}
.article-page h1 {
	margin:10px 0;
	display:inline-block;
	padding:0 20px;
	font-size:26px;
	line-height:26px;
	text-align:center;
	line-height:35px;
}
.article-page img {
	max-width:750px;
}
.article-text {
	line-height:32px;
	text-align:left;
	font-size:16px;
	text-indent:2em;
}
.article-text p {
	padding:10px 0;
	text-indent:32px;
	font-size:16px;
	color:#333333;
	font-family:"宋体";
	text-align:left;
}
.download-bar {
	width:750px;
	height:140px;
	margin:60px 0;
}
/*仁爱项目*/
.item {
	width:810px;
	margin-left:-30px;
	padding:15px;
	margin-top:-24px;
}
.item-box {
	display:block;
	margin:15px;
	width:230px;
	height:259px;
	float:left;
	border:0.01rem #f2eeed solid;
}
.item-img {
	margin-left:-1px;
	margin-top:-1px;
}
.item-img img {
	width:230px;
	height:143px;
}
.item-title {
	height:25px;
	display:block;
	font-size:16px;
	line-height:25px;
	margin:7px 0;
	color:#333333;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
}
.item-context {
	padding:0 5px;
	display:block;
	color:#999999;
	font-size:12px;
	line-height:17px;
	height:68px;
	overflow:hidden;
}
.item-box:hover {
	box-shadow:0 0 20px 2px #e6e6e6;
}
/*分类选择*/
.programa-list {
	padding:15px 0;
	margin-top:-18px;
	margin-left:-8px;
	width:768px;
}
.programa-list ul {
	}.programa-list ul li {
	float:left;
	margin:9px;
}
.programa-list ul li a {
	text-align:center;
	display:block;
	width:110px;
	height:42px;
	font-size:16px;
	line-height:42px;
	color:#666666;
	overflow:hidden;
	border-radius:4px;
	border:1px solid #e2e2e2;
}
.programa-list ul li a.active {
	color:#FFFFFF;
	background:#3ca5f6;
	border-color:#3ca5f6;
}
.programa-list ul li a:hover {
	border-color:#3ca5f6;
}
/* 下载页面 */
.download1 {
	height:640px;
	background:url(../template/renai/img/download-background.png);
}
.download1>.container {
	position:relative;
}
.download1>.container * {
	position:absolute;
	display:block;
}
.iphone {
	bottom:0;
	right:23px;
	z-index:3;
}
.android {
	bottom:0;
	right:278px;
	z-index:2;
}
.download1-title {
	font-size:64px;
	top:100px;
	left:22px;
	color:#FFFFFF;
}
.download1-subtitle {
	font-size:34px;
	top:200px;
	left:22px;
	color:#FFFFFF;
}
.download1-btn {
	display:inline-block;
	font-size:22px;
	line-height:64px;
	color:#FFFFFF;
	border:2px solid #FFFFFF;
	border-radius:10px;
	padding:0px 15px;
	width:220px;
	text-align:center;
}
.download1-btn>span {
	float:left;
	position:static !important;
}
.download1-btn>.icons {
	margin:16px 1px;
}
.download1-img {
	width:158px;
	height:158px;
	border:10px #FFFFFF solid;
	background:#FFFFFF;
	border-radius:10px;
	top:286px;
	left:90px;
}
.download1-img img {
	display:block;
	width:138px;
	height:138px;
}
.btn1 {
	top:286px;
	left:22px;
}
.btn2 {
	top:377px;
	left:22px;
}
.download2 {
	height:620px;
	background:linear-gradient(top,#ffffff 0,#f5fbfe 100%);
	background:-webkit-linear-gradient(top,#ffffff 0,#f5fbfe 100%);
	background:-moz-linear-gradient(top,#ffffff 0,#f5fbfe 100%);
}
.download2>.container {
	position:relative;
}
.download2>.container * {
	position:absolute;
}
.download2 img {
	bottom:0;
}
.download2 img.one {
	left:104px;
}
.download2 img.two {
	left:627px;
}
.download-context {
	width:500px;
}
.download-context>h1 {
	font-size:40px;
	color:#4a4a4a;
	font-weight:bold;
	line-height:74px;
	display:block;
}
.download-context>p {
	margin-top:74px;
	font-size:24px;
	color:#8b8b8b;
	line-height:38px;
	display:block;
}
.download-context.one {
	left:546px;
	top:219px;
}
.download-context.two {
	width:420px;
	left:128px;
	top:247px;
}
/* 志愿者 */
.volunteer-page {
	text-align:center;
	margin:0 21px;
}
.volunteer-page img {
	margin:30px 0;
	width:1120px;
}
.volunteer-bar {
	text-align:left;
	float:left;
	width:560px;
	height:181px;
	border-top:1px #f0f0f0 solid;
	border-bottom:1px #f0f0f0 solid;
	padding:35px 0;
}
.volunteer-icon {
	text-align:center;
	width:125px;
	height:105px;
	float:left;
}
.volunteer-icon h1 {
	font-size:18px;
	color:#333333;
	font-weight:bold;
	display:block;
}
.volunteer-bar span {
	line-height:28px;
	font-size:16px;
	height:112px;
	overflow:hidden;
}
.join-way>h1 {
	margin-top:50px;
	display:inline-block;
	padding:0 20px;
	font-size:26px;
	line-height:26px;
	text-align:center;
}
.volunteer-btn {
	width:340px;
	height:54px;
	background:#3ca5f6;
	color:#FFFFFF;
	border-radius:7px;
	display:block;
	float:left;
	line-height:54px;
	font-size:18px;
	margin:0 110px;
	margin-bottom:30px;
}
/* donations */
.donation {
	margin-left:-30px;
	margin-top:-30px;
	padding:15px;
	width:810px;
}
.donation-box {
	width:360px;
	margin:15px;
	float:left;
}
.donation-img {
	position:relative;
	width:360px;
	height:270px;
}
.donation-img>img {
	width:360px;
	height:270px;
}
.donation-detail {
	margin:20px 0;
}
.donation-img-detail {
	width:360px;
	line-height:28px;
	text-align:center;
	height:130px;
	bottom:0;
	overflow:hidden;
	position:absolute;
	color:#FFFFFF;
	background:linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
	background:-webkit-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
	background:-moz-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.7) 100%);
}
.donation-title {
	display:block;
	margin-top:90px;
	line-height:28px;
	font-size:26px;
	overflow:hidden;
	width:360px
	bottom:0;
}
.donation-detail-title {
	font-size:24px;
	line-height:24px;
	overflow:hidden;
	width:360px;
	display:block;
	padding:0 16px;
}
.donation-detail-context {
	display:block;
	margin:10px 0;
	color:#333333;
	font-size:16px;
	line-height:24px;
	padding-left:16px;
}
/*add by  nixiaomei 底部footer*/
html,body {
	height:100%;
}
.wrapper {
/*	min-height:100%;
	margin-bottom:-280px;*/
	width: 100%
}
.wrapper-inner {
	/*padding-bottom:280px;
	*/
}
footer {
	height:280px;
	overflow:hidden;
}
/*a 链接hover时取消下划线*/
a:hover {
	text-decoration:none;
}
.wp input {
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
/*浏览更多*/
.single_item {
	}.author {
	display:block;
	float:left;
	width:240px;
	height:170px;
}
.date {
	line-height:12px;
	color:#bbbbbb;
	font-size:12px;
}
.content {
	flex:1;
	padding:0 18px;
	font-size:18px;
	height:19px;
	width:490px;
	overflow:hidden;
}
.content a {
	color:#000;
}
.element_head {
	}.get_more {
	width:100%;
	height:60px;
	display:block;
	color:#BBBBBB;
	border:1px solid #f0f0f0;
	margin:30px 0;
	font-size:16px;
	line-height:60px;
	text-align:center;
}
.more_loader_spinner {
	}.summary {
	margin:9px 0;
	line-height:20px;
	height:101px;
	overflow:hidden;
	color:#999999;
	font-size:14px;
}
.dateline {
	line-height:12px;
	color:#bbbbbb;
	font-size:12px;
}
.leibie {
	margin:0 8px;
	color:#2d8bd3;
}
.sub-menu-x {
	margin-bottom:20px;
}
.sub-menu-x>ul>li>a {
	display:block;
	color:#666666;
	font-size:14px;
	line-height:60px;
	font-weight:500;
}
.sub-menu-x>ul>li {
	float:left;
}
.sub-menu-x>ul {
	margin-left:-6px;
}

.activity-index {
	width:100%;
}
.xuanmu1 {
	width:100%;
	margin:0;
	padding:0;
	background-color:#F2F2F2;
	height:365px;
}
.xuanmu1 ul {
	width:85%;
	margin:0 auto;
	padding:0;
}
.xuanmu1 ul li {
	float:left;
	width:33.3%;
	margin:4.5% 0;
	text-align:center;
	padding:15px;
}
.xuanmu1 ul li img:hover {
	transform:scale(1.005);
	transition:all 0.3s;
}
.xuanmu2 {
	margin-top:80px;
	height:330px;
}
.xuanmu2 ul {
	width:85%;
	margin:0 auto;
	padding:0;
	font-size:32px;
}
.xuanmu2 ul li {
	float:left;
	width:33.3%;
	margin-bottom:40px;
	text-align:center;
}
.xuanmu2 ul li img:hover {
	transform:scale(1.01);
}
.xuanmu2 ul li img {
	width:25%;
}
.xuanmu2  a:hover {
	color:#0065AB
}
.pg,.pgb {
	line-height:10px;
	margin:25px 0 20px 0;
}
.pg a,.pg strong,.pgb a,.pg label {
	float:left;
	display:inline;
	margin-left:4px;
	padding:15px;
	height:40px;
	background-color:#FFF;
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
	color:#666666;
	border-radius:4px;
	border:1px solid #e2e2e2;
	margin:5px;
}