#test1{text-align: center;position: relative;top: 75px;z-index: -1;}
.notice-titles{width: 20%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; margin-right: 44px; }
@media screen and (min-width:200px) and (max-width:767px){
	.notice-titles{width: 80%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;  }
	/*新闻版块*/
	.notice-titles-right{display: none;}
	.notice-title{background-image: url('/volunteer/image/index/12.png');color: #ffffff;      margin-right: 10px;  display: inline-block;  background-size: 100% 100%;  background-repeat: no-repeat;  width: 83px;  text-align: center;}
	.index-swiper-slide{max-height: 116px;}
	.index-notice-left{text-align: left}
	.swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 0px;background: #9e5557;opacity: 1;}
	.swiper-pagination-bullet-active{opacity: 1;width: 20px;height: 4px;border-radius: 0px;background: #ffffff;}
	.index-notice{height: 42px;line-height: 42px;background-color: #ffffff;text-align: center;font-size: 14px;color: #333333;  }
	.index-border-margin{padding-bottom: 33px;padding-top: 13px;background-image: url('/volunteer/image/bj2_05.jpg'); background-size: 100%;background-repeat: round;}
	.index-border-margin .flex-container { height: 45px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.index-border-margin .flex-container .news-dynamic{color: #333333;font-size: 18px}
	.index-border-margin .flex-container .news-dynamic .english{color: #c3c3c3;font-size: 14px;margin-left: 5px;height: 40px;line-height: 40px}
	.index-border-margin .flex-container .news-more{color: #333333;font-size: 14px;height: 40px;line-height: 40px}
	.index-border-margin .flex-container .news-dynamic .edge{width: 4px;height: 16px;background:#d32c40;border-radius: 3px;     display: inline-flex;position: relative;top: 2px;margin-right: 10px;}
	.news .news-top{margin-top: 2px;}
	.news .news-content-img {position: relative;}
	.news .news-content-img img{width: 100%}
	.news .news-content-label{    z-index: 999;position: absolute;top: 15px;text-align: right;padding-right: 15px;color: #ffffff;font-size: 18px;width: 100%;right: 1px;  font-weight: 700;}
	.news .news-content-explain{    z-index: 999;width: 95%;line-height: 23px;position: absolute;left:9px;bottom: 9px;font-size: 14px;color: #ffffff;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.news .news-content-list{padding: 10px 9px;color: #333333;font-size: 14px;background: #ffffff;margin-top: 3px;line-height: 23px;}
	.news .news-content-list:hover .time{background: #ce2123;color: #ffffff;}
	.news .news-content-list:hover{background: #ce2123;color: #ffffff;}
	.news .news-content-list .time{color: #999999;font-size: 14px;}
	.news .news-content-list-explain{}
	.news .news-content-div-img{width: 100%;height: 244px;overflow: hidden;  position: relative;}
	.news-content-div-img1{position: absolute;top:0px;left: 0px;width: 100%;z-index: 10;    height: 100%;}
	.ellipsis{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.ellipsis1{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
	.news .flex-container .news-dynamic1{font-size: 18px;color: #333333;}
	.news .flex-container .edge1{width: 4px;height: 16px;background: #d32c40;border-radius: 3px;display: inline-flex;position: relative;top:2px;margin-right: 10px;}
	.news .flex-container .english1{color: #c3c3c3;font-size: 14px; margin-left: 10px;height: 40px;line-height: 40px;}
	.news .news-establish{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.news .news-establish .register{width: 100%;height: 140px;background-color: #ffffff;text-align: center;font-size: 18px;color: #333333;}
	.news .news-establish .register1{height: 145px;background-color: #ffffff;text-align: center;font-size: 18px;color: #333333;}
	.news .news-establish .group{width: 100%;height: 140px;background-color: #ffffff;text-align: center;font-size: 18px;color: #333333;}
	.news .news-establish .register img{width: 38px;}
	.news .news-establish .register1 img{width: 38px;}
	.news .news-establish .group img{width: 38px;}
	.news .news-establish .register-img{    padding-top: 32px;}
	.news .news-establish .register-title{margin-top: 19px;}
	.news .participate{}
	.news .participate-title{ padding: 17px;background: #ffffff;margin-top: 13px;}
	.news .participate-title1{width: 100%;height: 50px;line-height: 50px;font-size: 16px;color: #ffffff;background: #ce2123;text-align: center;}
	.news .participate-title2{ width: 100%;height: 50px;line-height: 50px;font-size: 16px;color: #ffffff;background: #ce2123;text-align: center;margin-top: 11px;}
	.news .participate-title3{ width: 100%;height: 50px;line-height: 50px;font-size: 16px;color: #ce2123;border:1px solid #ce2123;text-align: center;margin-top: 11px;}
	/*五大慈善板块*/
	.charitable{padding: 17px 0px 0px 0px;}
	.charitable .charitable-title{font-size: 26px;color: #333333;text-align: center;}
	.charitable .charitable-title-english{font-size: 16px;color: #999999;text-align: center;margin-bottom: 24px;}
	.charitable .charitable-title-english span{width: 37px;height: 1px;background: #cccccc;display: inline-flex;position: relative;top: -8px;}
	.charitable .charitable-title-english .line1{right: 10px;}
	.charitable .charitable-title-english .line2{left: 10px;}
	.charitable .charitable-five-section{padding-right: 8px;padding-left: 8px;background: #ce2123;    border: 1px solid #ce2123;}
	.charitable .charitable-five-section-img{width: 100%}
	.charitable .charitable-five-section .charitable-five-section-div{position: relative; border-bottom: 1px solid #e79091;text-align: center;;background: #ce2123;color: #ffffff;height: 47px;line-height: 47px;font-size: 16px;}
	.charitable .charitable-five-section .charitable-five-section-div:hover{background: #ffffff;color: #ce2123;margin-right: 1px;}
	.charitable .charitable-five-section .charitable-five-section-div:hover:after{content: '';width: 0;height: 0;border-top: 13px solid transparent;border-left: 15px solid #ce2123;border-bottom: 13px solid transparent;position: absolute;left: 0px;top: 30px;}
	.charitable .charitable-five-section .charitable-five-section-div1{background: #ffffff;color: #ce2123;margin-right: 1px;}
	.charitable .charitable-five-section .charitable-five-section-div1:after{content: '';}
	.charitable-top{margin-top: 0px;}
	/*热门项目*/
	.singleLine{font-size: 16px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;width: 100%;}
	.hotItems{position: relative;box-shadow: 0px 0px 0px 1px #eaeaea;}
	.hotItems:hover{box-shadow: 0px 0px 10px 1px #eaeaea;}
	.hotItems .hotItems-img{width: 100%;height: 205px;overflow: hidden;}
	.hotItems .hotItems-img img{width: 100%;}
	.hotItems .hotItems-content{padding: 21px 26px;line-height: 26px;}
	.hotItems .hotItems-content .hotItems-content-title{color: #333333;font-size: 18px;}
	.hotItems .hotItems-content .hotItems-team-title{color: #666666;font-size: 14px;}
	.hotItems .hotItems-content .hotItems-team-state{color: #ffffff;font-size: 14px;background-color: #ee5658;padding: 3px 9px;border-radius: 5px;}
	/*志愿团体*/
	.index-group-team{padding-top:0px;}
	.news-establish a{width: 49%;}
	.team-img{text-align: center;}
	.team-img img{width: 100%;transition: all .5s;}
	.team-img img:hover{border-radius: 25px;box-shadow: 0px 0px 10px 1px #cbcbcb;position: relative;transform: translateY(-5px);}
	/*义工服务*/
	.group-top{padding-top: 0px;}
	.demeanor-top{margin-top: 0px;}
	.index-border-margin-volunteer{background-image: url('/volunteer/image/volunteer_02.jpg');background-size: 100%;background-repeat: round;}
	.charitable .volunteer-title{color: #ffffff;}
	.charitable .volunteer-img{width: 100%; overflow: hidden;position: relative;}
	.charitable .volunteer-introduce span{border-top-left-radius: 10px;padding: 6px 26px;border-bottom-right-radius: 10px;color: #ffffff;background: #ce2123;display: table-cell;}
	.charitable .volunteer-introduce div{margin-top: 15px; font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 19px;letter-spacing: 0px;color: #ffffff;}
	.charitable .volunteer-introduce{position: absolute;top: 0px;color: #ffffff;font-size: 16px;padding:22px;}
	.charitable .volunteer-introduce-more{position: absolute;bottom: 0px;color: #ffffff;font-size: 16px;padding:22px;}
	.charitable .volunteer-img img{width: 100%;}
	.charitable .volunteer-content .layui-bg-gray{position: relative;top: 30px;}
	.volunteer-content-space{padding: 3%;}
	.charitable .volunteer-content{background: #ffffff;}
	.charitable .volunteer-content-title{font-weight: bold; font-family: MicrosoftYaHei-Bold;  font-size: 16px;  font-weight: normal;  font-stretch: normal;  line-height: 30px;  letter-spacing: 0px;  color: #ce2123;}
	.charitable .volunteer-content .volunteer-title-explain{color: #333333;font-size: 16px;}
	.charitable .volunteer-content .volunteer-title-time{font-size: 14px;color: #999999;margin-top: 12px;}
	.charitable .volunteer-content-top{margin-top: 8px;}
	.charitable .charitable-mask{ position: absolute;  width: 100%;  height: 100%;  background: rgb(0 0 0 / 20%);  top: 0px;}
	.index-border-margin .flex-container .news-more-right{margin-right: 10px;}

	/*风采展示*/
	.graphic-style{padding-top: 0px;}
	.demeanor{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.demeanor .demeanor-title{font-size: 20px;color: #333333;}
	.demeanor .demeanor-more{font-size: 14px;color: #333333; padding-top: 5px;}
	.demeanor .demeanor-title-bg{font-size: 16px;  color: #ffffff;  background-image: url('/volunteer/image/index/10.png');  background-size: 100% 100%;  width: 119px;  height: 45px;  line-height: 45px;  text-align: center;}
	.demeanor .demeanor-title-nobg{background: #ffffff;    color: #333333;cursor:pointer;}
	.demeanor-content-list-img{width: 153px;height: 92px;overflow: hidden;}
	.demeanor-content-list-img img{width: 100%;}
	.demeanor-content-list-time {color: #999999;font-size: 14px;margin-top: 0px;}
	/*增加鼠标放上去动效*/
	.demeanor-content-list-title{color: #333333;font-size: 16px;margin-top: 8px;position: relative;padding-bottom: 7px;}
	.long-term{position: relative}
	.long-term:before { content: ''; height: 1px;  position: absolute; left: 0; bottom: 0px;   width: 28px;  background-color: #ce2123;  transition: width .3s;}
	.long-term1:after { content: ''; position: absolute; left: 0; bottom: 0px;  }
	.long-term1:after { transition: width .3s;width: 100%;}
	.long-term:hover { color: #ce2123; }
	.long-term:hover:after { width: 100%; }
	.demeanor-content-list-more{text-align: right;    margin-top: -48px;}
	.demeanor-content-list-more img{width: 18px;}
	/*活动视频*/
	.activity{width: 100%;background: #fdfbf8;margin-top: 0px;}
	.singleLine2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
	.activity .charitable-video-img{width: 100%;overflow: hidden;}
	.activity .charitable-video-img img{width: 100%;}
	.activity .charitable-video-more{margin-top: 7px;}
	.activity .charitable-video-more img{width: 106px;}
	.activity .charitable-video-title span{font-size: 20px;color: #333333;position: relative;top: 3px;}
	.activity .charitable-video-title {margin-top: 18px;}
	.activity .charitable-video-title img{width: 27px;}
	.activity .charitable-video-time{color: #999999;font-size: 14px;margin-top: 5px;}
	.activity .charitable-video-content{color: #999999;font-size: 14px;margin-top: 12px; }
	.activity .charitable-video-see-more{text-align: right;color: #333333;font-size: 14px;}
	.activity .charitable-video-see-more:hover{color: #ce2123;}
	.activity .charitable-video-flex-container{margin-top: 11px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.activity .charitable-video-flex-container .charitable-video-list{}
	.activity .charitable-video-flex-container .charitable-video-list div{font-size: 16px;position: relative;top: 1px;overflow: hidden;  text-overflow:ellipsis;  whitewhite-space: nowrap;}
	.activity .charitable-video-flex-container .charitable-video-list img{width: 26px;}
	.activity .charitable-video-flex-container .charitable-video-list-time{color: #999999;font-size: 14px;position: relative;top: 4px;}
	.activity .charitable-video-flex-container:hover{color: #ce2123;}
	.video-ellipsis1{width: 70%;}
	/*党群园地*/
	.party{background: #ffffff;margin-top:0px;}
	.party-border{border:1px solid #e1e1e1;padding-bottom: 30px;padding: 22px;background: #ffffff;}
	.party .party-top{margin-top: 30px;}
	/*关于联合会*/
	.federation-width{width: 94%;margin: 0 auto;}
	.federation-border{border:3px solid #ce2123;padding: 20px;position: relative; }
	.federation-border .federation-border-titlt{font-family: MicrosoftYaHei-Bold;font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 0px;color: #333333;}
	.federation-border .federation-border-titlt span{color: #b3b3b3;font-size: 16px;}
	.federation-border .federation-border-content{line-height: 37px;width: 100%;font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;letter-spacing: 0px;color: #333333;}
	.federation-border .federation-border-content img{ width: 100%;}
	.federation-border .federation-border-content div{color: #333333;font-size: 14px;text-align: right;margin-top: 0px;padding-bottom: 10px;}
	.margin-top80{padding-bottom: 33px;}
	.volunteer-content-padding{padding: 0px 15px 15px 0px;}
	.volunteers-top{padding-bottom: 10px;}
	.voluntary-group-top{margin-top: 5px;}
	.federation-foot{ margin-top: 23px;}
	.federation-link img{width: 32px;}
	.exhibition-padding{ padding: 0px 10px 0px 10px;}
	.federation-link{    margin: 0 auto; width: 86%;height: 60px; background: #cd2223;color: #ffffff;text-align: center;font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 60px;margin-top: 10px;}
	.participate-title-hover:hover{color: #ce2123;box-shadow: 0px 0px 0px 1px #ce2123;background: #ffffff;}
	.demeanor-content-list-i img{width: 100%;}
	.exhibition-bg{background: #fff;padding-bottom: 38px;}
	#hotItems {
		margin-top: -15px;
	}
	.volunteers-charitable-top{  padding-top: 0px;}
	.volunteers-charitable-top10{padding-top: 10px;}
	.volunteers-content-list{margin-top: 15px;font-size: 14px;}
	.voluntary-service-top{margin-top: 13px;color: #666666;}
	#advi{position: absolute;  top: 37%;  width: 22px;  left: 44%;}
	.demeanor .demeanor-select:after{content:''; width: 76px;  height: 2px;  background: #ce2123;  position: absolute;  bottom: 0px;  left: 20px;}
}/* 超小设备（手机，小于 768px） */

/*小屏幕*/
@media screen and (min-width: 767px) and (max-width:992px) {
	/*新闻版块*/
	.notice-title{    margin-right: 17px;background-image: url('/volunteer/image/index/12.png');color: #ffffff;    display: inline-block;  background-size: 100% 100%;  background-repeat: no-repeat;  width: 117px;  text-align: center;}
	.index-notice-left{text-align: left}
	.swiper-pagination-bullet{width: 55px;height: 4px;border-radius: 0px;background: #9e5557;opacity: 1;}
	.swiper-pagination-bullet-active{opacity: 1;width: 55px;height: 4px;border-radius: 0px;background: #ffffff;}
	.index-notice{height: 68px;line-height: 68px;background-color: #ffffff;text-align: center;font-size: 16px;color: #333333;}
	.index-border-margin{padding-bottom: 72px;padding-top: 71px;background-image: url('/volunteer/image/bj2_05.jpg'); background-size: 100%;background-repeat: round;}
	.index-border-margin .flex-container { height: 45px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.index-border-margin .flex-container .news-dynamic{color: #333333;font-size: 24px}
	.index-border-margin .flex-container .news-dynamic .english{color: #c3c3c3;font-size: 20px;margin-left: 10px;height: 40px;line-height: 40px}
	.index-border-margin .flex-container .news-more{margin-right:0px;color: #333333;font-size: 16px;height: 40px;line-height: 40px}
	.index-border-margin .flex-container .news-dynamic .edge{width: 4px;height: 20px;background:#d32c40;border-radius: 3px;     display: inline-flex;position: relative;top: 2px;margin-right: 10px;}
	.news .news-top{margin-top: 16px;}
	.news .news-content-img {position: relative;}
	.news .news-content-img img{width: 100%}
	.news .news-content-label{position: absolute;top: 15px;text-align: right;padding-right: 15px;color: #ffffff;font-size: 16px;width: 100%;right: 1px;  font-weight: 700;}
	.news .news-content-explain{      z-index: 999;  width: 97%;line-height: 23px;position: absolute;left:9px;bottom: 9px;font-size: 14px;color: #ffffff;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.news .news-content-list{    z-index: 999;padding: 20px 15px;color: #333333;font-size: 14px;background: #ffffff;margin-top: 3px;line-height: 23px;}
	.news .news-content-list:hover .time{background: #ce2123;color: #ffffff;}
	.news .news-content-list:hover{background: #ce2123;color: #ffffff;}
	.news .news-content-list .time{color: #999999;font-size: 14px;}
	.news .news-content-list-explain{}
	.news .news-content-div-img{width: 100%;height: auto;overflow: hidden;position: relative;}
	.news-content-div-img1{position: absolute;top:0px;left: 0px;width: 100%;z-index: 10;    height: 244px;}
	.ellipsis{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 46px;}
	.ellipsis1{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
	.news .flex-container .news-dynamic1{font-size: 18px;color: #333333;}
	.news .flex-container .edge1{width: 4px;height: 20px;background: #d32c40;border-radius: 3px;display: inline-flex;position: relative;top:3px;margin-right: 10px;}
	.news .flex-container .news-dynamic2{font-size: 16px;color: #333333; }
	.news .flex-container .edge2{width: 4px;height: 14px;background: #d32c40;border-radius: 3px;display: inline-flex;position: relative;top:2px;margin-right: 3px;}
	.news .flex-container .english1{color: #c3c3c3;font-size: 14px; margin-left: 1px;height: 40px;line-height: 40px;}
	.news .news-establish{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.news .news-establish .register{width: 80px;height: 104px;background-color: #ffffff;text-align: center;font-size: 16px;color: #333333;}
	.news .news-establish .register1{width: 113px;height: 98px;background-color: #ffffff;text-align: center;font-size: 16px;color: #333333;}
	.news .news-establish .group{width: 80px;height: 104px;background-color: #ffffff;text-align: center;font-size: 16px;color: #333333;}
	.news .news-establish .register img{width: 23px;}
	.news .news-establish .register1 img{width: 26px;height: 24px;}
	.news .news-establish .group img{width: 23px;}
	.news .news-establish .register-img{    padding-top: 20px;}
	.news .news-establish .register-title{margin-top: 10px;}
	.news .participate{}
	.news .participate-title{ padding: 7px 7px;background: #ffffff;}
	.news .participate-title-top{margin-top: 10px;}
	.news .participate-title1{width: 100%;height: 32.5px;line-height: 32.5px;font-size: 16px;color: #ffffff;background: #ce2123;text-align: center;}
	.news .participate-title2{ width: 100%;height: 32.5px;line-height: 32.5px;font-size: 16px;color: #ffffff;background: #ce2123;text-align: center;margin-top: 11px;}
	.news .participate-title3{ width: 100%;height: 35px;line-height: 35px;font-size: 16px;color: #ce2123;border:1px solid #ce2123;text-align: center;margin-top: 10px;}
	/*五大慈善板块*/
	.charitable{padding: 60px 0px 0px 0px;}
	.charitable .charitable-title{font-size: 30px;color: #333333;text-align: center;}
	.charitable .charitable-title-english{font-size: 18px;color: #999999;text-align: center;margin-bottom: 60px;}
	.charitable .charitable-title-english span{width: 94px;height: 1px;width: 94px;height: 1px;background: #cccccc;display: inline-flex;position: relative;top: -8px;}
	.charitable .charitable-title-english .line1{right: 10px;}
	.charitable .charitable-title-english .line2{left: 10px;}
	.charitable .charitable-five-section{padding-left: 8px;background: #ce2123;    border: 1px solid #ce2123;}
	.charitable .charitable-five-section-img{width: 100%}
	.charitable .charitable-five-section .charitable-five-section-div{position: relative; border-bottom: 1px solid #e79091;text-align: center;;background: #ce2123;color: #ffffff;    height: 45px;line-height: 45px;font-size: 14px;}
	.charitable .charitable-five-section .charitable-five-section-div:hover{background: #ffffff;color: #ce2123;margin-right: 1px;}
	.charitable .charitable-five-section .charitable-five-section-div:hover:after{content: '';width: 0;height: 0;border-top: 7px solid transparent;border-left: 9px solid #ce2123;border-bottom: 7px solid transparent;position: absolute;left: 0px;top: 15px;}
	.charitable .charitable-five-section .charitable-five-section-div1{background: #ffffff;color: #ce2123;margin-right: 1px;}
	.charitable .charitable-five-section .charitable-five-section-div1:after{content: '';width: 0;height: 0;border-top: 7px solid transparent;border-left: 9px solid #ce2123;border-bottom: 7px solid transparent;position: absolute;left: 0px;top: 15px;}
	.charitable-top{margin-top: 18px;}
	/*热门项目*/
	.singleLine{font-size: 16px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;width: 100%;}
	.hotItems{position: relative;box-shadow: 0px 0px 0px 1px #eaeaea;}
	.hotItems:hover{box-shadow: 0px 0px 10px 1px #eaeaea;}
	.hotItems .hotItems-img{width: 221px;height: 135px;overflow: hidden;}
	.hotItems .hotItems-img img{width: 100%;}
	.hotItems .hotItems-content{padding: 21px 26px;line-height: 26px;}
	.hotItems .hotItems-content .hotItems-content-title{color: #333333;font-size: 18px;}
	.hotItems .hotItems-content .hotItems-team-title{color: #666666;font-size: 14px;}
	.hotItems .hotItems-content .hotItems-team-state{color: #ffffff;font-size: 14px;background-color: #ee5658;padding: 3px 9px;border-radius: 5px;}
	/*志愿团体*/
	.index-group-team{padding-top:0px;}
	.team-img{text-align: center;}
	.team-img img{width: 100%;transition: all .5s;}
	.team-img img:hover{border-radius: 25px;box-shadow: 0px 0px 10px 1px #cbcbcb;position: relative;transform: translateY(-5px);}
	/*义工服务*/
	.index-border-margin-volunteer{background-image: url('/volunteer/image/volunteer_02.jpg');background-size: 100%;background-repeat: round;}
	.charitable .volunteer-title{color: #ffffff;}
	.charitable .volunteer-img{width: 180px;height: 180px; overflow: hidden;position: relative;}
	.charitable .volunteer-introduce span{border-top-left-radius: 10px;padding: 6px 26px;border-bottom-right-radius: 10px;color: #ffffff;background: #ce2123;display: table-cell;font-size: 14px;}
	.charitable .volunteer-introduce div{margin-top: 15px; font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 19px;letter-spacing: 0px;color: #ffffff;}
	.charitable .volunteer-introduce{position: absolute;top: 0px;color: #ffffff;font-size: 16px;padding:22px;}
	.charitable .volunteer-introduce-more{position: absolute;bottom: 0px;color: #ffffff;font-size: 16px;padding:22px;}
	.charitable .volunteer-img img{width: 100%;}
	.charitable .volunteer-content .layui-bg-gray{position: relative;top: 43px;}
	.volunteer-content-space{}
	.charitable .volunteer-content{background: #ffffff;    height: 74px;    padding: 7px 27px 12px 27px;}
	.charitable .volunteer-content-title{font-weight: bold;font-family: MicrosoftYaHei-Bold;  font-size: 16px;  font-weight: normal;  font-stretch: normal;  line-height: 30px;  letter-spacing: 0px;  color: #ce2123;}
	.charitable .volunteer-content .volunteer-title-explain{color: #333333;font-size: 16px;}
	.charitable .volunteer-content .volunteer-title-time{font-size: 14px;color: #999999;margin-top: 12px;}
	.charitable .volunteer-content-top{margin-top: 8px;}
	.charitable .charitable-mask{ position: absolute;  width: 100%;  height: 100%;  background: rgb(0 0 0 / 20%);  top: 0px;}
	.index-border-margin .flex-container .news-more-right{margin-right: 10px;}
	/*风采展示*/
	.demeanor{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.demeanor .demeanor-title{font-size: 20px;color: #333333;}
	.demeanor .demeanor-more{font-size: 14px;color: #333333; padding-top: 5px;}
	.demeanor .demeanor-title-bg{font-size: 18px;  color: #ffffff;  background-image: url('/volunteer/image/index/10.png');  background-size: 100% 100%;  width: 119px;  height: 63px;  line-height: 63px;  text-align: center;}
	.demeanor .demeanor-title-nobg{background: #ffffff;  cursor:pointer;  color: #333333;}
	.demeanor-offset1{padding-right: 30px;}
	.demeanor-offset2{padding-left: 30px;}
	.demeanor-content-list-img{width: 100%;height: 56px;overflow: hidden;}
	.demeanor-content-list-img img{width: 100%;}
	.demeanor-content-list-time {color: #999999;font-size: 14px;margin-top: 0px;}
	/*增加鼠标放上去动效*/
	.demeanor-content-list-title{color: #333333;font-size: 16px;margin-top: 3px;position: relative;padding-bottom: 7px;}
	.long-term{position: relative}
	.long-term:before { content: ''; height: 1px;  position: absolute; left: 0; bottom: 0px;   width: 28px;  background-color: #ce2123;  transition: width .3s;}
	.long-term1:after { content: ''; position: absolute; left: 0; bottom: 0px;  }
	.long-term1:after { transition: width .3s;width: 100%;}
	.long-term:hover { color: #ce2123; }
	.long-term:hover:after { width: 100%; }
	.demeanor-content-list-more{text-align: right;margin-top: 16px;}
	.demeanor-content-list-more img{width: 18px;}
	/*活动视频*/
	.activity{width: 100%;background: #fdfbf8;margin-top: 90px;}
	.singleLine2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
	.activity .charitable-video-img{width: 100%;overflow: hidden;}
	.activity .charitable-video-img img{width: 100%;}
	.activity .charitable-video-more{margin-top: 7px;}
	.activity .charitable-video-more img{width: 106px;}
	.activity .charitable-video-title span{font-size: 20px;color: #333333;position: relative;top: 3px;}
	.activity .charitable-video-title {margin-top: 18px;}
	.activity .charitable-video-title img{width: 27px;}
	.activity .charitable-video-time{color: #999999;font-size: 14px;margin-top: 5px;}
	.activity .charitable-video-content{color: #999999;font-size: 14px;margin-top: 12px; }
	.activity .charitable-video-see-more{text-align: right;color: #333333;font-size: 14px;}
	.activity .charitable-video-see-more:hover{color: #ce2123;}
	.activity .charitable-video-flex-container{margin-top: 11px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.activity .charitable-video-flex-container .charitable-video-list div{font-size: 16px;position: relative;top: 1px;overflow: hidden;  text-overflow:ellipsis;  whitewhite-space: nowrap;}
	.activity .charitable-video-flex-container .charitable-video-list img{width: 26px;}
	.activity .charitable-video-flex-container .charitable-video-list-time{color: #999999;font-size: 14px;}
	.activity .charitable-video-flex-container:hover{color: #ce2123;}
	.video-ellipsis1{width: 70%;}
	/*党群园地*/
	.party{background: #ffffff;margin-top:0px;}
	.party-border{border:1px solid #e1e1e1;padding-bottom: 30px;padding: 22px;background: #ffffff;}
	.party .party-top{margin-top: 30px;}
	/*关于联合会*/
	.federation-width{width: 94%;margin: 0 auto;}
	.federation-border{border:3px solid #ce2123;padding: 65px;position: relative; }
	.federation-border .federation-border-titlt{font-family: MicrosoftYaHei-Bold;font-size: 30px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 0px;color: #333333;}
	.federation-border .federation-border-titlt span{color: #b3b3b3;font-size: 20px;}
	.federation-border .federation-border-content{line-height: 37px;width: 100%;font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;letter-spacing: 0px;color: #333333;}
	.federation-border .federation-border-content img{ width: 100%;}
	.federation-border .federation-border-content div{color: #333333;font-size: 14px;text-align: right;margin-top: 90px;}
	.margin-top80{padding-bottom: 80px;}
	.volunteer-content-padding{padding: 0px 15px 15px 0px;}
	.volunteers-top{padding-bottom: 47px;}
	.voluntary-group-top{margin-top: 5px;}
	.federation-foot{ margin-top: 72px;}
	.federation-link img{width: 32px;}
	.exhibition-padding{ padding: 30px 40px 0px 40px;}
	.federation-link{margin: 0 auto;width: 155px;height: 65px;background: #cd2223;color: #ffffff;text-align: center;font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 65px;}
	.participate-title-hover:hover{color: #ce2123;box-shadow: 0px 0px 0px 1px #ce2123;background: #ffffff;}
	.demeanor-content-list-i img{width: 100%;height: 41px;}
	.exhibition-bg{background: #fff;padding-bottom: 38px;}
	#hotItems{
		margin-top: 0px;
	}
	.hotItems-top{margin-top: 0px;}
	.volunteers-content-list{margin-top: 2px;font-size: 14px;}
	.voluntary-service-top{margin-top: 13px;color: #666666;}
	#advi{position: absolute;  top: 28%;  width: 14px;  left: 44%;}
	.demeanor .demeanor-select:after{content:''; width: 76px;  height: 2px;  background: #ce2123;  position: absolute;  bottom: 0px;  left: 20px;}
}

@media screen and (min-width: 992px){
	/*新闻版块*/
	.notice-title{    margin-right: 17px;background-image: url('/volunteer/image/index/12.png');color: #ffffff;    display: inline-block;  background-size: 100% 100%;  background-repeat: no-repeat;  width: 117px;  text-align: center;}
	.index-notice-left{text-align: left}
	.swiper-pagination-bullet{width: 55px;height: 4px;border-radius: 0px;background: #9e5557;opacity: 1;}
	.swiper-pagination-bullet-active{opacity: 1;width: 55px;height: 4px;border-radius: 0px;background: #ffffff;}
	.index-notice{height: 68px;line-height: 68px;background-color: #ffffff;text-align: center;font-size: 16px;color: #333333;}
	.index-border-margin{padding-bottom: 72px;padding-top: 71px;background-image: url('/volunteer/image/bj2_05.jpg'); background-size: 100%;background-repeat: round;}
	.index-border-margin .flex-container { height: 45px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.index-border-margin .flex-container .news-dynamic{color: #333333;font-size: 28px}
	.index-border-margin .flex-container .news-dynamic .english{color: #c3c3c3;font-size: 20px;margin-left: 10px;height: 40px;line-height: 40px}
	.index-border-margin .flex-container .news-more{margin-right:0px;color: #333333;font-size: 16px;height: 40px;line-height: 40px}
	.index-border-margin .flex-container .news-dynamic .edge{width: 4px;height: 26px;background:#d32c40;border-radius: 3px;     display: inline-flex;position: relative;top: 3px;margin-right: 10px;}
	.news .news-top{margin-top: 16px;}
	.news .news-content-img {position: relative;}
	.news .news-content-img img{width: 100%}
	.news .news-content-label{position: absolute;top: 15px;text-align: right;padding-right: 15px;color: #ffffff;font-size: 16px;width: 100%;right: 1px;  font-weight: 700;}
	.news .news-content-explain{      z-index: 999;  width: 97%;line-height: 23px;position: absolute;left:9px;bottom: 9px;font-size: 14px;color: #ffffff;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.news .news-content-list{    z-index: 999;padding: 20px 15px;color: #333333;font-size: 14px;background: #ffffff;margin-top: 3px;line-height: 23px;}
	.news .news-content-list:hover .time{background: #ce2123;color: #ffffff;}
	.news .news-content-list:hover{background: #ce2123;color: #ffffff;}
	.news .news-content-list .time{color: #999999;font-size: 14px;}
	.news .news-content-list-explain{}
	.news .news-content-div-img{width: 100%;height: auto;overflow: hidden;position: relative;}
	.news-content-div-img1{position: absolute;top:0px;left: 0px;width: 100%;z-index: 10;    height: 244px;}
	.ellipsis{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 46px;}
	.news .flex-container .news-dynamic1{font-size: 20px;color: #333333;}
	.news .flex-container .edge1{width: 4px;height: 26px;background: #d32c40;border-radius: 3px;display: inline-flex;position: relative;top:6px;margin-right: 10px;}
	.news .flex-container .english1{color: #c3c3c3;font-size: 16px; margin-left: 10px;height: 40px;line-height: 40px;}
	.news .news-establish{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.news .news-establish .register{width: 108px;height: 114px;background-color: #ffffff;text-align: center;font-size: 18px;color: #333333;}
	.news .news-establish .register1{width: 110px;height: 114px;background-color: #ffffff;text-align: center;font-size: 16px;color: #333333;}
	.news .news-establish .group{width: 108px;height: 114px;background-color: #ffffff;text-align: center;font-size: 18px;color: #333333;}
	.news .news-establish .register img{width: 38px;}
	.news .news-establish .register1 img{width: 30px;    height: 24px;}
	.news .news-establish .group img{width: 38px;}
	.news .news-establish .register-img{    padding-top: 20px;}
	.news .news-establish .register-title{margin-top: 19px;}
	.news .participate{}
	.news .participate-title{ padding: 15px 17px;;background: #ffffff;}
	.news .participate-title-top{margin-top: 10px;}
	.news .participate-title1{width: 100%;height: 32.5px;line-height: 32.5px;font-size: 16px;color: #ffffff;background: #ce2123;text-align: center;}
	.news .participate-title2{ width: 100%;height: 32.5px;line-height: 32.5px;font-size: 16px;color: #ffffff;background: #ce2123;text-align: center;margin-top: 11px;}
	.news .participate-title3{ width: 100%;height: 35px;line-height: 35px;font-size: 16px;color: #ce2123;border:1px solid #ce2123;text-align: center;margin-top: 10px;}
	/*五大慈善板块*/
	.charitable{padding: 60px 0px 0px 0px;}
	.charitable .charitable-title{font-size: 38px;color: #333333;text-align: center;}
	.charitable .charitable-title-english{font-size: 20px;color: #999999;text-align: center;margin-bottom: 60px;}
	.charitable .charitable-title-english span{width: 94px;height: 1px;width: 94px;height: 1px;background: #cccccc;display: inline-flex;position: relative;top: -8px;}
	.charitable .charitable-title-english .line1{right: 10px;}
	.charitable .charitable-title-english .line2{left: 10px;}
	.charitable .charitable-five-section{padding-left: 8px;background: #ce2123;    border: 1px solid #ce2123;}
	.charitable .charitable-five-section-img{width: 100%}
	.charitable .charitable-five-section .charitable-five-section-div{position: relative; border-bottom: 1px solid #e79091;text-align: center;;background: #ce2123;color: #ffffff;height: 59.1px;line-height: 59.1px;font-size: 16px;}
	.charitable .charitable-five-section .charitable-five-section-div:hover{background: #ffffff;color: #ce2123;margin-right: 1px;}
	.charitable .charitable-five-section .charitable-five-section-div:hover:after{content: '';width: 0;height: 0;border-top: 13px solid transparent;border-left: 15px solid #ce2123;border-bottom: 13px solid transparent;position: absolute;left: 0px;top: 16px;}
	.charitable .charitable-five-section .charitable-five-section-div1{background: #ffffff;color: #ce2123;margin-right: 1px;}
	.charitable .charitable-five-section .charitable-five-section-div1:after{content: '';width: 0;height: 0;border-top: 13px solid transparent;border-left: 15px solid #ce2123;border-bottom: 13px solid transparent;position: absolute;left: 0px;top: 16px;}
	.charitable-top{margin-top: 18px;}
	/*热门项目*/
	.singleLine{font-size: 16px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;width: 100%;}
	.hotItems{position: relative;box-shadow: 0px 0px 0px 1px #eaeaea;}
	.hotItems:hover{box-shadow: 0px 0px 10px 1px #eaeaea;}
	.hotItems .hotItems-img{width: 214px;height: 130px;overflow: hidden;}
	.hotItems .hotItems-img img{width: 100%;}
	.hotItems .hotItems-content{padding: 21px 26px;line-height: 26px;}
	.hotItems .hotItems-content .hotItems-content-title{color: #333333;font-size: 18px;}
	.hotItems .hotItems-content .hotItems-team-title{color: #666666;font-size: 14px;}
	.hotItems .hotItems-content .hotItems-team-state{color: #ffffff;font-size: 14px;background-color: #ee5658;padding: 3px 9px;border-radius: 5px;}
	/*志愿团体*/
	.index-group-team{padding-top:0px;}
	.team-img{text-align: center;}
	.team-img img{ width: 91%;transition: all .5s;}
	.team-img img:hover{border-radius: 30px;box-shadow: 0px 0px 10px 1px #cbcbcb;position: relative;transform: translateY(-5px);}
	/*义工服务*/
	.index-border-margin-volunteer{background-image: url('/volunteer/image/volunteer_02.jpg');background-size: 100%;background-repeat: round;}
	.charitable .volunteer-title{color: #ffffff;}
	.charitable .volunteer-img{width: 235px;height: 235px; overflow: hidden;position: relative;}
	.charitable .volunteer-introduce span{border-top-left-radius: 10px;padding: 6px 26px;border-bottom-right-radius: 10px;color: #ffffff;background: #ce2123;display: table-cell;}
	.charitable .volunteer-introduce div{margin-top: 15px; font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 19px;letter-spacing: 0px;color: #ffffff;}
	.charitable .volunteer-introduce{position: absolute;top: 0px;color: #ffffff;font-size: 16px;padding:22px;}
	.charitable .volunteer-introduce-more{position: absolute;bottom: 0px;color: #ffffff;font-size: 16px;padding:22px;}
	.charitable .volunteer-img img{width: 100%;}
	.charitable .volunteer-content .layui-bg-gray{position: relative;top: 43px;}
	.volunteer-content-space{}
	.charitable .volunteer-content{background: #ffffff;    height: 90px;    padding: 9px 27px 10px 27px;}
	.charitable .volunteer-content-title{font-weight: bold;font-family: MicrosoftYaHei-Bold;  font-size: 16px;  font-weight: normal;  font-stretch: normal;  line-height: 30px;  letter-spacing: 0px;  color: #ce2123;}
	.charitable .volunteer-content .volunteer-title-explain{color: #333333;font-size: 16px;}
	.charitable .volunteer-content .volunteer-title-time{font-size: 14px;color: #999999;margin-top: 12px;}
	.charitable .volunteer-content-top{margin-top: 8px;}
	.charitable .charitable-mask{ position: absolute;  width: 100%;  height: 100%;  background: rgb(0 0 0 / 20%);  top: 0px;}
	.index-border-margin .flex-container .news-more-right{margin-right: 10px;}
	/*风采展示*/
	.demeanor{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.demeanor .demeanor-title{font-size: 20px;color: #333333;}
	.demeanor .demeanor-more{font-size: 14px;color: #333333; padding-top: 5px;}
	.demeanor .demeanor-title-bg{font-size: 18px;  color: #ffffff;  background-image: url('/volunteer/image/index/10.png');  background-size: 100% 100%;  width: 119px;  height: 63px;  line-height: 63px;  text-align: center;}
	.demeanor .demeanor-title-nobg{background: #ffffff; cursor:pointer;   color: #333333;}
	.demeanor-offset1{padding-right: 30px;}
	.demeanor-offset2{padding-left: 30px;}
	.demeanor-content-list-img{width: 100%;height: 76px;overflow: hidden;}
	.demeanor-content-list-img img{width: 100%;}
	.demeanor-content-list-time {color: #999999;font-size: 14px;margin-top: 4px;}
	/*增加鼠标放上去动效*/
	.demeanor-content-list-title{color: #333333;font-size: 16px;margin-top: 11px;position: relative;padding-bottom: 7px;}
	.long-term{position: relative}
	.long-term:before { content: ''; height: 1px;  position: absolute; left: 0; bottom: 0px;   width: 28px;  background-color: #ce2123;  transition: width .3s;}
	.long-term1:after { content: ''; position: absolute; left: 0; bottom: 0px;  }
	.long-term1:after { transition: width .3s;width: 100%;}
	.long-term:hover { color: #ce2123; }
	.long-term:hover:after { width: 100%; }
	.demeanor-content-list-more{text-align: right;margin-top: 20px;}
	.demeanor-content-list-more img{width: 18px;}
	/*活动视频*/
	.activity{width: 100%;background: #fdfbf8;margin-top: 0px;}
	.singleLine2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
	.activity .charitable-video-img{width: 212px;height: 129px;overflow: hidden;}
	.activity .charitable-video-img img{width: 100%;}
	.activity .charitable-video-more{margin-top: 7px;}
	.activity .charitable-video-more img{width: 79px;}
	.activity .charitable-video-title span{font-size:16px;color: #333333;position: relative;top: 2px;}
	.activity .charitable-video-title {margin-top: 4px;}
	.activity .charitable-video-title img{width: 22px;}
	.activity .charitable-video-time{color: #999999;font-size: 14px;margin-top: 8px;}
	.activity .charitable-video-content{color: #999999;font-size: 14px;margin-top: 7px; }
	.activity .charitable-video-see-more{text-align: right;color: #333333;font-size: 14px;    margin-top: 10px;}
	.activity .charitable-video-see-more:hover{color: #ce2123;}
	.activity .charitable-video-flex-container{margin-top: 3px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.activity .charitable-video-flex-container .charitable-video-list div{font-size: 16px;position: relative;top: 1px;overflow: hidden;  text-overflow:ellipsis;  whitewhite-space: nowrap;}
	.activity .charitable-video-flex-container .charitable-video-list img{width: 26px;}
	.activity .charitable-video-flex-container .charitable-video-list-time{color: #999999;font-size: 14px;}
	.activity .charitable-video-flex-container:hover{color: #ce2123;}
	.video-ellipsis1{width: 70%;}
	/*党群园地*/
	.party{background: #ffffff;margin-top:0px;}
	.party-border{border:1px solid #e1e1e1;padding-bottom: 30px;padding: 22px;background: #ffffff;}
	.party .party-top{margin-top: 30px;}
	/*关于联合会*/
	.federation-width{width: 79%}
	.federation-border{border:3px solid #ce2123;padding: 65px;position: relative; }
	.federation-border .federation-border-titlt{font-family: MicrosoftYaHei-Bold;font-size: 30px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 0px;color: #333333;}
	.federation-border .federation-border-titlt span{color: #b3b3b3;font-size: 20px;}
	.federation-border .federation-border-content{line-height: 37px;width: 462px;font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;letter-spacing: 0px;color: #333333;}
	.federation-border .federation-border-content img{  width: 422px;  position: absolute;  top: 66px;  right: -214px;}
	.federation-border .federation-border-content div{color: #333333;font-size: 14px;text-align: right;margin-top: 37px;}
	.margin-top80{padding-bottom: 80px;}
	.volunteer-content-padding{padding: 0px 15px 15px 0px;}
	.volunteers-top{padding-bottom: 47px;}
	.voluntary-group-top{margin-top: 5px;}
	.federation-foot{ margin-top: 72px;}
	.federation-link img{width: 32px;}
	.exhibition-padding{ padding: 16px 25px 0px 25px;}
	.federation-link{margin: 0 auto;width: 180px;height: 65px;background: #cd2223;color: #ffffff;text-align: center;font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 65px;}
	.participate-title-hover:hover{color: #ce2123;box-shadow: 0px 0px 0px 1px #ce2123;background: #ffffff;}
	.demeanor-content-list-i img{width: 100%;height: 63px;}
	.exhibition-bg{background: #fff;padding-bottom: 16px;}
	#hotItems{
		margin-top: 0px;
	}
	.hotItems-top{margin-top: 0px;}
	.volunteers-content-list{margin-top: 15px;font-size: 14px;}
	.voluntary-service-top{margin-top: 13px;color: #666666;}
	#advi{position: absolute;  top: 33%;  width: 23px;  left: 44%;}
	.demeanor .demeanor-select:after{content:''; width: 76px;  height: 2px;  background: #ce2123;  position: absolute;  bottom: 0px;  left: 20px;}
}
/*大屏幕*/
@media screen and (min-width: 1200px){
	.layui-container{width: 1200px;}
	.index-swiper-slide{max-height: 600px;}
	.index-notice-left{text-align: left}
	.notice-title{    margin-right: 17px;background-image: url('/volunteer/image/index/12.png');color: #ffffff;    display: inline-block;  background-size: 100% 100%;  background-repeat: no-repeat;  width: 117px;  text-align: center;}
	/*新闻版块*/
	.swiper-pagination-bullet{width: 55px;height: 4px;border-radius: 0px;background: #9e5557;opacity: 1;}
	.swiper-pagination-bullet-active{opacity: 1;width: 55px;height: 4px;border-radius: 0px;background: #ffffff;}
	.index-notice{height: 68px;line-height: 68px;background-color: #ffffff;text-align: center;font-size: 16px;color: #333333;}
	.index-border-margin{padding-bottom: 72px;padding-top: 71px;background-image: url('/volunteer/image/bj2_05.jpg'); background-size: 100%;background-repeat: round;}
	.index-border-margin .flex-container { height: 45px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.index-border-margin .flex-container .news-dynamic{color: #333333;font-size: 30px}
	.index-border-margin .flex-container .news-dynamic .english{color: #c3c3c3;font-size: 20px;margin-left: 10px;height: 40px;line-height: 40px}
	.index-border-margin .flex-container .news-more{margin-right:0px;color: #333333;font-size: 16px;height: 40px;line-height: 40px}
	.index-border-margin .flex-container .news-dynamic .edge{width: 4px;height: 26px;background:#d32c40;border-radius: 3px;     display: inline-flex;position: relative;top: 3px;margin-right: 10px;}
	.news .news-top{margin-top: 16px;}
	.news .news-content-img {position: relative;}
	.news .news-content-img img{width: 100%}
	.news .news-content-label{position: absolute;top: 15px;text-align: right;padding-right: 15px;color: #ffffff;font-size: 18px;width: 100%;right: 1x;  font-weight: 700;}
	.news .news-content-explain{     z-index: 999;   width: 97%;line-height: 23px;position: absolute;left:9px;bottom: 9px;font-size: 14px;color: #ffffff;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.news .news-content-list{    z-index: 999;padding: 25px 20px;color: #333333;font-size: 14px;background: #ffffff;margin-top: 3px;line-height: 23px;}
	.news .news-content-list:hover .time{background: #ce2123;color: #ffffff;}
	.news .news-content-list:hover{background: #ce2123;color: #ffffff;}
	.news .news-content-list .time{color: #999999;font-size: 14px;}
	.news .news-content-list-explain{}
	.news .news-content-div-img{width: 100%;height: auto;overflow: hidden;position: relative;}
	.news-content-div-img1{position: absolute;top:0px;left: 0px;width: 100%;z-index: 10;    height: 244px;}
	.ellipsis{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 46px;}
	.news .flex-container .news-dynamic1{font-size: 22px;color: #333333;}
	.news .flex-container .edge1{width: 4px;height: 26px;background: #d32c40;border-radius: 3px;display: inline-flex;position: relative;top:6px;margin-right: 10px;}
	.news .flex-container .english1{color: #c3c3c3;font-size: 16px; margin-left: 10px;height: 40px;line-height: 40px;}
	.news .news-establish{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.news .news-establish .register{width: 136px;height: 124px;background-color: #ffffff;text-align: center;font-size: 18px;color: #333333;}
	.news .news-establish .register1{width: 139px;height: 124px;background-color: #ffffff;text-align: center;font-size: 18px;color: #333333;}
	.news .news-establish .group{width: 136px;height: 124px;background-color: #ffffff;text-align: center;font-size: 18px;color: #333333;}
	.news .news-establish .register img{width: 38px;}
	.news .news-establish .register1 img{width: 38px;height:31px;}
	.news .news-establish .group img{width: 38px;}
	.news .news-establish .register-img{    padding-top: 20px;}
	.news .news-establish .register-title{margin-top: 19px;}
	.news .participate{}
	.news .participate-title{ padding: 17px;background: #ffffff;}
	.news .participate-title-top{margin-top: 10px;}
	.news .participate-title1{width: 100%;height: 43.5px;line-height: 43.5px;font-size: 18px;color: #ffffff;background: #ce2123;text-align: center;}
	.news .participate-title2{ width: 100%;height: 43.5px;line-height: 43.5px;font-size: 18px;color: #ffffff;background: #ce2123;text-align: center;margin-top: 11px;}
	.news .participate-title3{ width: 100%;height: 46px;line-height: 46px;font-size: 18px;color: #ce2123;border:1px solid #ce2123;text-align: center;margin-top: 10px;}
	/*五大慈善板块*/
	.charitable{padding: 58px 0px 0px 0px;}
	.charitable .charitable-title{font-size: 38px;color: #333333;text-align: center;}
	.charitable .charitable-title-english{font-size: 20px;color: #999999;text-align: center;margin-bottom: 60px;}
	.charitable .charitable-title-english span{width: 94px;height: 1px;width: 94px;height: 1px;background: #cccccc;display: inline-flex;position: relative;top: -8px;}
	.charitable .charitable-title-english .line1{right: 10px;}
	.charitable .charitable-title-english .line2{left: 10px;}
	.charitable .charitable-five-section{padding-left: 8px;background: #ce2123;    border: 1px solid #ce2123;}
	.charitable .charitable-five-section-img{width: 100%}
	.charitable .charitable-five-section .charitable-five-section-div{position: relative; border-bottom: 1px solid #e79091;text-align: center;;background: #ce2123;color: #ffffff;height: 73.9px;line-height: 73.9px;font-size: 18px;}
	.charitable .charitable-five-section .charitable-five-section-div:hover{background: #ffffff;color: #ce2123;margin-right: 1px;}
	.charitable .charitable-five-section .charitable-five-section-div:hover:after{content: '';width: 0;height: 0;border-top: 13px solid transparent;border-left: 15px solid #ce2123;border-bottom: 13px solid transparent;position: absolute;left: 0px;top: 23px;}
	.charitable .charitable-five-section .charitable-five-section-div1{background: #ffffff;color: #ce2123;margin-right: 1px;}
	.charitable .charitable-five-section .charitable-five-section-div1:after{content: '';width: 0;height: 0;border-top: 13px solid transparent;border-left: 15px solid #ce2123;border-bottom: 13px solid transparent;position: absolute;left: 0px;top: 23px;}
	.charitable-top{margin-top: 18px;}
	/*热门项目*/
	.singleLine{font-size: 16px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;width: 100%;}
	.hotItems{position: relative;box-shadow: 0px 0px 0px 1px #eaeaea;}
	.hotItems:hover{box-shadow: 0px 0px 10px 1px #eaeaea;}
	.hotItems .hotItems-img{width: 271px;height: 166px;overflow: hidden;}
	.hotItems .hotItems-img img{width: 100%;}
	.hotItems .hotItems-content{padding: 21px 26px;line-height: 26px;}
	.hotItems .hotItems-content .hotItems-content-title{color: #333333;font-size: 18px;}
	.hotItems .hotItems-content .hotItems-team-title{color: #666666;font-size: 14px;}
	.hotItems .hotItems-content .hotItems-team-state{color: #ffffff;font-size: 14px;background-color: #ee5658;padding: 3px 9px;border-radius: 5px;}
	/*志愿团体*/
	.index-group-team{padding-top:0px;}
	.team-img{text-align: center;}
	.team-img img{width: 243px;transition: all .5s;}
	.team-img img:hover{border-radius: 39px;box-shadow: 0px 0px 10px 1px #cbcbcb;position: relative;transform: translateY(-5px);}
	/*义工服务*/
	.index-border-margin-volunteer{background-image: url('/volunteer/image/volunteer_02.jpg');background-size: 100%;background-repeat: round;}
	.charitable .volunteer-title{color: #ffffff;}
	.charitable .volunteer-img{width: 293px;height: 293px; overflow: hidden;position: relative;}
	.charitable .volunteer-introduce span{border-top-left-radius: 10px;padding: 6px 26px;border-bottom-right-radius: 10px;color: #ffffff;background: #ce2123;display: table-cell;}
	.charitable .volunteer-introduce div{margin-top: 15px; font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 19px;letter-spacing: 0px;color: #ffffff;}
	.charitable .volunteer-introduce{position: absolute;top: 0px;color: #ffffff;font-size: 16px;padding:22px;}
	.charitable .volunteer-introduce-more{position: absolute;bottom: 0px;color: #ffffff;font-size: 16px;padding:22px;}
	.charitable .volunteer-img img{width: 100%;}
	.charitable .volunteer-content .layui-bg-gray{position: relative;top: 43px;}
	.volunteer-content-space{}
	.charitable .volunteer-content{background: #ffffff;    height: 94px;    padding: 12px 27px 13px 27px;}
	.charitable .volunteer-content-title{font-weight: bold;font-family: MicrosoftYaHei-Bold;  font-size: 16px;  font-weight: normal;  font-stretch: normal;  line-height: 30px;  letter-spacing: 0px;  color: #ce2123;}
	.charitable .volunteer-content .volunteer-title-explain{color: #333333;font-size: 16px;}
	.charitable .volunteer-content .volunteer-title-time{font-size: 14px;color: #999999;margin-top: 12px;}
	.charitable .volunteer-content-top{margin-top: 8px;}
	.charitable .charitable-mask{ position: absolute;  width: 100%;  height: 100%;  background: rgb(0 0 0 / 20%);  top: 0px;}
	.index-border-margin .flex-container .news-more-right{margin-right: 10px;}
	/*风采展示*/
	.demeanor{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.demeanor .demeanor-title{font-size: 20px;color: #333333;}
	.demeanor .demeanor-more{font-size: 14px;color: #333333; padding-top: 5px;}
	.demeanor .demeanor-title-bg{font-size: 18px;  color: #ffffff;  background-image: url('/volunteer/image/index/10.png');  background-size: 100% 100%;  width: 119px;  height: 63px;  line-height: 63px;  text-align: center;}
	.demeanor .demeanor-title-nobg{background: #ffffff; cursor:pointer;   color: #333333;}
	.demeanor-offset1{padding-right: 30px;}
	.demeanor-offset2{padding-left: 30px;}
	.demeanor-content-list-img{width: 153px;height: 92px;overflow: hidden;}
	.demeanor-content-list-img img{width: 100%;}
	.demeanor-content-list-time {color: #999999;font-size: 14px;margin-top: 20px;}
	/*增加鼠标放上去动效*/
	.demeanor-content-list-title{color: #333333;font-size: 16px;margin-top: 15px;position: relative;padding-bottom: 7px;}
	.long-term{position: relative}
	.long-term:before { content: ''; height: 1px;  position: absolute; left: 0; bottom: 0px;   width: 28px;  background-color: #ce2123;  transition: width .3s;}
	.long-term1:after { content: ''; position: absolute; left: 0; bottom: 0px;  }
	.long-term1:after { transition: width .3s;width: 100%;}
	.long-term:hover { color: #ce2123; }
	.long-term:hover:after { width: 100%; }
	.demeanor-content-list-more{text-align: right;margin-top: 39px;}
	.demeanor-content-list-more img{width: 18px;}
	/*活动视频*/
	.activity{width: 100%;background: #fdfbf8;margin-top: 0px;}
	.singleLine2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
	.activity .charitable-video-img{width: 270px;height: 163px;overflow: hidden;}
	.activity .charitable-video-img img{width: 100%;}
	.activity .charitable-video-more{margin-top: 7px;}
	.activity .charitable-video-more img{width: 106px;}
	.activity .charitable-video-title span{font-size: 20px;color: #333333;position: relative;top: 3px;}
	.activity .charitable-video-title {margin-top: 4px;}
	.activity .charitable-video-title img{width: 27px;}
	.activity .charitable-video-time{color: #999999;font-size: 14px;margin-top: 5px;}
	.activity .charitable-video-content{color: #999999;font-size: 14px;margin-top: 7px; }
	.activity .charitable-video-see-more{text-align: right;color: #333333;font-size: 14px;}
	.activity .charitable-video-see-more:hover{color: #ce2123;}
	.activity .charitable-video-flex-container{margin-top: 6px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.activity .charitable-video-flex-container .charitable-video-list div{font-size: 16px;position: relative;top: 1px;overflow: hidden;  text-overflow:ellipsis;  whitewhite-space: nowrap;}
	.activity .charitable-video-flex-container .charitable-video-list img{width: 26px;}
	.activity .charitable-video-flex-container .charitable-video-list-time{color: #999999;font-size: 14px;}
	.activity .charitable-video-flex-container:hover{color: #ce2123;}
	.video-ellipsis1{width: 70%;}
	/*党群园地*/
	.party{background: #ffffff;margin-top:0px;}
	.party-border{border:1px solid #e1e1e1;padding-bottom: 30px;padding: 22px;background: #ffffff;}
	.party .party-top{margin-top: 30px;}
	/*关于联合会*/
	.federation-width{width: 79%}
	.federation-border{border:3px solid #ce2123;padding: 65px;position: relative; }
	.federation-border .federation-border-titlt{font-family: MicrosoftYaHei-Bold;font-size: 30px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 0px;color: #333333;}
	.federation-border .federation-border-titlt span{color: #b3b3b3;font-size: 20px;}
	.federation-border .federation-border-content{line-height: 37px;width: 541px;font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;letter-spacing: 0px;color: #333333;}
	.federation-border .federation-border-content img{ position: absolute; top: 45px;  right: -245px;  width: 498px;}
	.federation-border .federation-border-content div{color: #333333;font-size: 14px;text-align: right;margin-top: 90px;}
	.margin-top80{padding-bottom: 80px;}
	.volunteer-content-padding{padding: 0px 15px 15px 0px;}
	.volunteers-top{padding-bottom: 47px;}
	.voluntary-group-top{margin-top: 5px;}
	.exhibition-padding{ padding: 30px 40px 0px 40px;}
	.federation-foot{ margin-top: 72px;}
	.federation-link img{width: 32px;}
	.federation-link{margin: 0 auto;width: 230px;height: 65px;background: #cd2223;color: #ffffff;text-align: center;font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 65px;}
	.participate-title-hover:hover{color: #ce2123;box-shadow: 0px 0px 0px 1px #ce2123;background: #ffffff;}
	.demeanor-content-list-i img{width: 100%;height: 104px;}
	.exhibition-bg{background: #fff;padding-bottom: 38px;}
	#hotItems{
		margin-top: 0px;
	}
	.hotItems-top{margin-top: 0px;}
	.volunteers-content-list{margin-top: 15px;font-size: 14px;}
	.voluntary-service-top{margin-top: 13px;color: #666666;}
	#advi{position: absolute;  top: 38%;  width: 23px;  left: 44%;}
	.demeanor .demeanor-select:after{content:''; width: 76px;  height: 2px;  background: #ce2123;  position: absolute;  bottom: 0px;  left: 20px;}
}
/*大屏幕*/
@media screen and (min-width: 1380px){
	.layui-container{width: 1380px;}
	.index-swiper-slide{max-height: 600px;}
	.index-notice-left{text-align: left}
	.notice-title{    margin-right: 17px;background-image: url('/volunteer/image/index/12.png');color: #ffffff;    display: inline-block;  background-size: 100% 100%;  background-repeat: no-repeat;  width: 117px;  text-align: center;}
	/*新闻版块*/
	.swiper-pagination-bullet{width: 55px;height: 4px;border-radius: 0px;background: #9e5557;opacity: 1;}
	.swiper-pagination-bullet-active{opacity: 1;width: 55px;height: 4px;border-radius: 0px;background: #ffffff;}
	.index-notice{height: 68px;line-height: 68px;background-color: #ffffff;text-align: center;font-size: 16px;color: #333333;}
	.index-border-margin{padding-bottom: 72px;padding-top: 58px;background-image: url('/volunteer/image/bj2_05.jpg'); background-size: 100%;background-repeat: round;}
	.index-border-margin .flex-container { height: 45px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.index-border-margin .flex-container .news-dynamic{color: #333333;font-size: 30px}
	.index-border-margin .flex-container .news-dynamic .english{color: #c3c3c3;font-size: 20px;margin-left: 10px;height: 40px;line-height: 40px}
	.index-border-margin .flex-container .news-more{margin-right:0px;color: #333333;font-size: 16px;height: 40px;line-height: 40px}
	.index-border-margin .flex-container .news-dynamic .edge{width: 4px;height: 26px;background:#d32c40;border-radius: 3px;     display: inline-flex;position: relative;top: 3px;margin-right: 10px;}
	.news .news-top{margin-top: 16px;}
	.news .news-content-img {position: relative;}
	.news .news-content-img img{width: 100%}
	.news .news-content-label{    z-index: 999;position: absolute;top: 15px;text-align: right;padding-right: 15px;color: #ffffff;font-size: 18px;width: 100%;right: 1px;  font-weight: 700;}
	.news .news-content-explain{     z-index: 999;   width: 97%;line-height: 23px;position: absolute;left:9px;bottom: 9px;font-size: 14px;color: #ffffff;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.news .news-content-list{padding: 25px 20px;color: #333333;font-size: 14px;background: #ffffff;margin-top: 3px;line-height: 23px;}
	.news .news-content-list:hover .time{background: #ce2123;color: #ffffff;}
	.news .news-content-list:hover{background: #ce2123;color: #ffffff;}
	.news .news-content-list .time{color: #999999;font-size: 14px;}
	.news .news-content-list-explain{}
	.news .news-content-div-img{width: 245px;height: 244px;overflow: hidden;position: relative}
	.news-content-div-img1{position: absolute;top:0px;left: 0px;width: 100%;z-index: 10;    height: 244px;}
	.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 46px;}
	.news .flex-container .news-dynamic1{font-size: 22px;color: #333333;}
	.news .flex-container .edge1{width: 4px;height: 26px;background: #d32c40;border-radius: 3px;display: inline-flex;position: relative;top:6px;margin-right: 10px;}
	.news .flex-container .english1{color: #c3c3c3;font-size: 16px; margin-left: 10px;height: 40px;line-height: 40px;}
	.news .news-establish{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.news .news-establish .register{width: 158px;height: 140px;background-color: #ffffff;text-align: center;font-size: 18px;color: #333333;}
	.news .news-establish .register1{width: 161px;height: 145px;background-color: #ffffff;text-align: center;font-size: 18px;color: #333333;}
	.news .news-establish .group{width: 158px;height: 140px;background-color: #ffffff;text-align: center;font-size: 18px;color: #333333;}
	.news .news-establish .register img{width: 38px;}
	.news .news-establish .register1 img{width: 38px;}
	.news .news-establish .group img{width: 38px;}
	.news .news-establish .register-img{    padding-top: 32px;}
	.news .news-establish .register-title{margin-top: 19px;}
	.news .participate{}
	.news .participate-title{ padding: 17px;background: #ffffff;}
	.news .participate-title-top{margin-top: 10px;}
	.news .participate-title1{width: 100%;height: 47.5px;line-height: 47.5px;font-size: 18px;color: #ffffff;background: #ce2123;text-align: center;}
	.news .participate-title2{ width: 100%;height: 47.5px;line-height: 47.5px;font-size: 18px;color: #ffffff;background: #ce2123;text-align: center;margin-top: 12.6px;}
	.news .participate-title3{ width: 100%;height: 50px;line-height: 50px;font-size: 18px;color: #ce2123;border:1px solid #ce2123;text-align: center;margin-top: 11px;}
	/*五大慈善板块*/
	.charitable{padding: 58px 0px 0px 0px;}
	.charitable .charitable-title{font-size: 38px;color: #333333;text-align: center;}
	.charitable .charitable-title-english{font-size: 20px;color: #999999;text-align: center;margin-bottom: 60px;}
	.charitable .charitable-title-english span{width: 94px;height: 1px;width: 94px;height: 1px;background: #cccccc;display: inline-flex;position: relative;top: -8px;}
	.charitable .charitable-title-english .line1{right: 10px;}
	.charitable .charitable-title-english .line2{left: 10px;}
	.charitable .charitable-five-section{padding-left: 8px;background: #ce2123;    border: 1px solid #ce2123;}
	.charitable .charitable-five-section-img{width: 100%}
	.charitable .charitable-five-section .charitable-five-section-div{position: relative; border-bottom: 1px solid #e79091;text-align: center;;background: #ce2123;color: #ffffff;height: 85.4px;line-height: 85.4px;font-size: 18px;}
	.charitable .charitable-five-section .charitable-five-section-div:hover{background: #ffffff;color: #ce2123;margin-right: 1px;}
	.charitable .charitable-five-section .charitable-five-section-div:hover:after{content: '';width: 0;height: 0;border-top: 13px solid transparent;border-left: 15px solid #ce2123;border-bottom: 13px solid transparent;position: absolute;left: 0px;top: 30px;}
	.charitable .charitable-five-section .charitable-five-section-div1{background: #ffffff;color: #ce2123;margin-right: 1px;}
	.charitable .charitable-five-section .charitable-five-section-div1:after{content: '';width: 0;height: 0;border-top: 13px solid transparent;border-left: 15px solid #ce2123;border-bottom: 13px solid transparent;position: absolute;left: 0px;top: 30px;}
	.charitable-top{margin-top: 18px;}
	/*热门项目*/
	.singleLine{font-size: 16px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;width: 100%;}
	.hotItems{position: relative;box-shadow: 0px 0px 0px 1px #eaeaea;}
	.hotItems:hover{box-shadow: 0px 0px 10px 1px #eaeaea;}
	.hotItems .hotItems-img{width: 316px;height: 193px;overflow: hidden;}
	.hotItems .hotItems-img img{width: 100%;}
	.hotItems .hotItems-content{padding: 21px 26px;line-height: 26px;}
	.hotItems .hotItems-content .hotItems-content-title{color: #333333;font-size: 18px;}
	.hotItems .hotItems-content .hotItems-team-title{color: #666666;font-size: 14px;}
	.hotItems .hotItems-content .hotItems-team-state{color: #ffffff;font-size: 14px;background-color: #ee5658;padding: 3px 9px;border-radius: 5px;}
	/*志愿团体*/
	.index-group-team{padding-top:0px;}
	.team-img{text-align: center;}
	.team-img img{width: 243px ;transition: all .5s;}
	.team-img img:hover{border-radius: 40px;box-shadow: 0px 0px 10px 1px #cbcbcb;position: relative;transform: translateY(-5px);}
	/*义工服务*/

	.index-border-margin-volunteer{background-image: url('/volunteer/image/volunteer_02.jpg');background-size: 100%;background-repeat: round;}
	.charitable .volunteer-title{color: #ffffff;}
	.charitable .volunteer-img{width: 338px;height: 338px; overflow: hidden;position: relative;}
	.charitable .volunteer-introduce span{border-top-left-radius: 10px;padding: 6px 26px;border-bottom-right-radius: 10px;color: #ffffff;background: #ce2123;display: table-cell;}
	.charitable .volunteer-introduce div{margin-top: 15px; font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 19px;letter-spacing: 0px;color: #ffffff;}
	.charitable .volunteer-introduce{position: absolute;top: 0px;color: #ffffff;font-size: 16px;padding:22px;}
	.charitable .volunteer-introduce-more{position: absolute;bottom: 0px;color: #ffffff;font-size: 16px;padding:22px;}
	.charitable .volunteer-img img{width: 100%;}
	.charitable .volunteer-content .layui-bg-gray{position: relative;top: 43px;}
	.volunteer-content-space{}
	.charitable .volunteer-content{background: #ffffff;height: 106px;    padding: 20px 27px 14px 27px;}
	.charitable .volunteer-content-title{font-weight: bold;font-family: MicrosoftYaHei-Bold;  font-size: 16px;  font-weight: normal;  font-stretch: normal;  line-height: 30px;  letter-spacing: 0px;  color: #ce2123;}
	.charitable .volunteer-content .volunteer-title-explain{color: #333333;font-size: 16px;}
	.charitable .volunteer-content .volunteer-title-time{font-size: 14px;color: #999999;margin-top: 12px;}
	.charitable .volunteer-content-top{margin-top: 8px;}
	.charitable .charitable-mask{ position: absolute;  width: 100%;  height: 100%;  background: rgb(0 0 0 / 20%);  top: 0px;}
	.index-border-margin .flex-container .news-more-right{margin-right: 10px;}
	.layui-col-space10-left{margin-left: -7px;}
	/*风采展示*/
	.demeanor{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.demeanor .demeanor-title{font-size: 20px;color: #333333;}
	.demeanor .demeanor-title-bg{font-size: 18px;  color: #ffffff;  background-image: url('/volunteer/image/index/10.png');  background-size: 100% 100%;  width: 119px;  height: 63px;  line-height: 63px;  text-align: center;}
	.demeanor .demeanor-title-nobg{background: #ffffff;  cursor:pointer;  color: #333333;}
	.demeanor .demeanor-more{font-size: 14px;color: #333333; padding-top: 5px;}
	.demeanor-offset1{padding-right: 30px;}
	.demeanor-offset2{padding-left: 30px;}
	.demeanor-content-list-img{width: 153px;height: 92px;overflow: hidden;}
	.demeanor-content-list-img img{width: 100%;}
	.demeanor-content-list-time {color: #999999;font-size: 14px;margin-top: 20px;}
	/*增加鼠标放上去动效*/
	.demeanor-content-list-title{color: #333333;font-size: 16px;margin-top: 15px;position: relative;padding-bottom: 7px;}
	.long-term{position: relative}
	.long-term:before { content: ''; height: 1px;  position: absolute; left: 0; bottom: 0px;   width: 28px;  background-color: #ce2123;  transition: width .3s;}
	.long-term:after{ content: '';transition: width .3s; width: 0px;position: absolute; height:1px;left: 0; bottom: 0px;  background-color: #ce2123; }
	.long-term1:after { width: 100%;  }
	.long-term:hover { color: #ce2123; }
	.long-term:hover:after { width: 100%; }

	.demeanor-content-list-more{text-align: right;margin-top: 39px;}
	.demeanor-content-list-more img{width: 18px;}
	/*活动视频*/
	.activity{width: 100%;background: #fdfbf8;margin-top: 0px;}
	.singleLine2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
	.activity .charitable-video-img{width: 315px;height: 191px;overflow: hidden;}
	.activity .charitable-video-img img{width: 100%;}
	.activity .charitable-video-more{margin-top: 7px;}
	.activity .charitable-video-more img{width: 106px;}
	.activity .charitable-video-title span{font-size: 20px;color: #333333;position: relative;top: 3px;}
	.activity .charitable-video-title {margin-top: 18px;}
	.activity .charitable-video-title img{width: 27px;}
	.activity .charitable-video-time{color: #999999;font-size: 14px;margin-top: 5px;}
	.activity .charitable-video-content{color: #999999;font-size: 14px;margin-top: 12px; }
	.activity .charitable-video-see-more{text-align: right;color: #333333;font-size: 14px;}
	.activity .charitable-video-see-more:hover{color: #ce2123;}
	.activity .charitable-video-flex-container{margin-top: 12px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.activity .charitable-video-flex-container .charitable-video-list div{font-size: 16px;position: relative;top: 1px;overflow: hidden;  text-overflow:ellipsis;  whitewhite-space: nowrap;}
	.activity .charitable-video-flex-container .charitable-video-list img{width: 26px;}
	.activity .charitable-video-flex-container .charitable-video-list-time{color: #999999;font-size: 14px;}
	.activity .charitable-video-flex-container:hover{color: #ce2123;}
	.video-ellipsis1{width: 70%;}
	/*党群园地*/
	.party{background: #ffffff;margin-top:0px;}
	.party-border{border:1px solid #e1e1e1;padding-bottom: 30px;padding: 22px;background: #ffffff;}
	.party .party-top{margin-top: 30px;}
	/*关于联合会*/
	.federation-width{width: 79%}
	.federation-border{border:3px solid #ce2123;padding: 65px;position: relative; }
	.federation-border .federation-border-titlt{font-family: MicrosoftYaHei-Bold;font-size: 30px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 0px;color: #333333;}
	.federation-border .federation-border-titlt span{color: #b3b3b3;font-size: 20px;}
	.federation-border .federation-border-content{line-height: 37px;width: 688px;font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;letter-spacing: 0px;color: #333333;}
	.federation-border .federation-border-content img{ position: absolute;top: 24px;right: -220px;}
	.federation-border .federation-border-content div{color: #333333;font-size: 14px;text-align: right;margin-top: 90px;}
	.margin-top80{padding-bottom: 80px;}
	.volunteers-top{padding-bottom: 47px;}
	.voluntary-group-top{margin-top: 5px;}
	.federation-foot{ margin-top: 72px;}
	.federation-link img{width: 32px;}
	.federation-link{margin: 0 auto;width: 230px;height: 65px;background: #cd2223;color: #ffffff;text-align: center;font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 65px;}
	.participate-title-hover:hover{color: #ce2123;box-shadow: 0px 0px 0px 1px #ce2123;background: #ffffff;}
	.volunteer-content-padding{padding: 0px 15px 15px 0px;}
	.exhibition-padding{ padding: 30px 40px 0px 40px;}
	.exhibition-bg{background: #fff;padding-bottom: 38px;}
	#hotItems{
		margin-top: 0px;
	}
	.hotItems-top{margin-top: 0px;}
	.volunteers-content-list{margin-top: 15px;font-size: 14px;}
	.voluntary-service-top{margin-top: 13px;color: #666666;}
	#advi{position: absolute;  top: 38%;  width: 23px;  left: 44%;}
	.demeanor .demeanor-select:after{content:''; width: 76px;  height: 2px;  background: #ce2123;  position: absolute;  bottom: 0px;  left: 21px;}
}
.volunteer-introduce-more:hover{color: #ce2123}
.federation-border .federation-border-content div:hover{color: #ce2123}
.demeanor-more:hover{color: #ce2123}
body{overflow-x: hidden;background: #fafafa;}
@keyframes homeBusiness {
	from { transform: translateX(20px); opacity: 0.5; }
	to { transform: translateX(0px); opacity: 1; }
}
.charitable-five-section-img1 { animation: homeBusiness 1s forwards; }

#notice{color: #ffffff;}
#notice:hover{text-decoration: revert}

.no-background{
	background: #fafafa;
	padding: 0px;
}

.hide-background{
	background: #fafafa;
	padding-top: 0px;
}
.charitable-noTop{padding: 0px;}

.layui-bg-gray-top{margin-top: 0px;}
.voluntary-service a{
	color: #333333;
	text-decoration: none;
}
.voluntary-service-flex-container {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;

}

.notice-titles-right{
	text-align: right;
}
.charitable .voluntary-service-title{color: #333333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;	width: 100%;}
.demeanor .demeanor-select{color: #ce2123;position: relative;}

.demeanor-flex-start{-webkit-justify-content:flex-start;display: -webkit-flex;justify-content: flex-start;  display: flex;  -webkit-align-items: flex-start;  align-items: flex-start;}