/*bgmohu*/ 
.noWrap {position:inherit;}
.global_ctl_login {border-right:1px solid #fff;}
.global_ctl_showuserinfo {border-right:1px solid #fff;}
.container {position:relative;width:100%;height:608px;margin:0 auto;overflow:hidden;}
.container .bg {height:100%;background-size:cover;filter:blur(10px);}
.container .bg img {display:block;width:100%;height:100%;}
.container .bg-mask {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.container .content {position:absolute;top:0;left:50%;margin-left:-600px;width:1200px;height:608px;box-sizing:border-box;color:#ffffff;text-align:center;}
.container .content:after {position:absolute;content:'';width:100%;height:100%;top:0;left:0;box-shadow:0 0 50px 30px rgba(0,0,0,.5) inset;}
.container .content .avatar {width:100%;height:100%;object-fit:cover;vertical-align:top;}
/*banenr*/ 
.pBox {position:relative;/*padding-bottom:50px;*/}
.bannerBox {width:100%;}
.carousel-banner .carousel-control.left {background:none;background:url(../image/arrow-left.png) no-repeat;width:40px;height:60px;overflow:hidden;position:absolute;left:10%;top:50%;margin-top:-30px;}
.carousel-banner .carousel-control.right {background:none;background:url(../image/arrow-right.png) no-repeat;width:40px;height:60px;overflow:hidden;position:absolute;right:10%;top:50%;margin-top:-30px;}
.carousels {position:relative;border-radius:2px;overflow:hidden;}
.carousel-banner .carousel-indicators {bottom:57%;height:70px;}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img {height:600px;object-fit:cover;width:100%;}
.carousel-banner .carousel-indicators li {width:12px;height:12px;box-sizing:border-box;border:none;border-radius:6px;border:4px solid rgba(255,255,255,0.5);margin:0 5px;}
.carousel-banner .carousel-indicators .active {border:4px solid #7ED321;background:none;}
/*icon*/ 
.PIconBox {width:100%;position:absolute;bottom:40px;z-index:999;left:0;}
.PIconBox .IconBox {width:1200px;margin:0 auto;}
.PIconBox .IconBox li {float:left;width:20%;}
.PIconBox .IconBox li a {display:block;width:100%;padding-left:15px;padding-right:58px;box-sizing:border-box;}
.PIconBox .IconBox li a .img {position:relative;padding-top:15px;text-align:center;}
.PIconBox .IconBox li a .img img {width:138px;height:138px;border:6px solid #2F9F49;border-radius:50%;object-fit:cover;}
.PIconBox .IconBox li a .img .icon {position:absolute;top:0;left:136px;width:43px;height:42px;}
.PIconBox .IconBox li a .img .icon1 {background:url(../image/lvIcon4B.png) no-repeat;}
.PIconBox .IconBox li a .img .icon2 {background:url(../image/lvIcon2B.png) no-repeat;}
.PIconBox .IconBox li a .img .icon3 {background:url(../image/lvIconB.png) no-repeat;}
.PIconBox .IconBox li a .img .icon4 {background:url(../image/lvIcon3B.png) no-repeat;}
.PIconBox .IconBox li a .img .icon5 {background:url(../image/lvIcon5B.png) no-repeat;}
.PIconBox .IconBox li a .name {font-size:20px;color:#444;text-align:center;padding-top:24px;}
.PIconBox .IconBox li a:hover .img img,.PIconBox .IconBox li.active a .img img {border:6px solid #7ed321;}
.PIconBox .IconBox li a:hover .img .icon1,.PIconBox .IconBox li.active a .img .icon1 {background:url(../image/lvIcon4A.png) no-repeat;}
.PIconBox .IconBox li a:hover .img .icon2,.PIconBox .IconBox li.active a .img .icon2 {background:url(../image/lvIcon2A.png) no-repeat;}
.PIconBox .IconBox li a:hover .img .icon3,.PIconBox .IconBox li.active a .img .icon3 {background:url(../image/lvIconA.png) no-repeat;}
.PIconBox .IconBox li a:hover .img .icon4,.PIconBox .IconBox li.active a .img .icon4 {background:url(../image/lvIcon3A.png) no-repeat;}
.PIconBox .IconBox li a:hover .img .icon5,.PIconBox .IconBox li.active a .img .icon5 {background:url(../image/lvIcon5A.png) no-repeat;}
.PIconBox .IconBox li a:hover .name {color:#59b36e;}
/*bannerTab*/ 
.bannerTab {width:100%;height:600px;position:relative;min-width: 1200px;}
.bannerTab .bDiv {position:absolute;bottom:0;left:50%;width:1200px;margin-left:-600px;z-index:1011;/*padding-bottom:12px;height:210px;*/}
/*.bannerTab .bDiv li {float:left;width:20%;}*/ 
.bannerTab .bDiv li {position:relative;float:left;width:240px;height:80px;line-height:80px;background:rgba(47,159,73,.9);}
.bannerTab .bDiv li.onliB a {position:absolute;bottom:0;height:110px;line-height:110px;background:rgba(255,255,255,0.9);}
.bannerTab .bDiv li a {/*-o-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out;*/    display:block;width:100%;box-sizing:border-box;}
.bannerTab .bDiv li a .img {position:relative;padding-top:15px;text-align:center;}
.bannerTab .bDiv li a .img img {-o-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out;width:114px;height:114px;border:4px solid #2F9F49;border-radius:50%;object-fit:cover;}
.bannerTab .bDiv li a .img .icon {position:absolute;top:0;left:136px;width:43px;height:42px;}
/*.bannerTab .bDiv li:first-child a .img img {width:130px;height:130px;border:6px solid #2F9F49;}*/ 
.bannerTab .bDiv li a .img .icon1 {background:url(../image/lvIcon4B.png) no-repeat;}
.bannerTab .bDiv li a .img .icon2 {background:url(../image/lvIcon2B.png) no-repeat;}
.bannerTab .bDiv li a .img .icon3 {background:url(../image/lvIconB.png) no-repeat;}
.bannerTab .bDiv li a .img .icon4 {background:url(../image/lvIcon3B.png) no-repeat;}
.bannerTab .bDiv li a .img .icon5 {background:url(../image/lvIcon5B.png) no-repeat;}
.bannerTab .bDiv li a .name {font-size:20px;color:#fff;text-align:center;/*padding-top:24px;*/}
.bannerTab .bDiv li.onliB a .name {color:#2F9F49;font-weight:bold;}
.bannerTab .bDiv li a:hover .img img,.bannerTab .bDiv li.onliB a .img img {border-color:#7ed321;width:130px;height:130px;border:6px solid #7ed321;}
.bannerTab .bDiv li a:hover .img .icon1,.bannerTab .bDiv li.onliB a .img .icon1 {background:url(../image/lvIcon4A.png) no-repeat;}
.bannerTab .bDiv li a:hover .img .icon2,.bannerTab .bDiv li.onliB a .img .icon2 {background:url(../image/lvIcon2A.png) no-repeat;}
.bannerTab .bDiv li a:hover .img .icon3,.bannerTab .bDiv li.onliB a .img .icon3 {background:url(../image/lvIconA.png) no-repeat;}
.bannerTab .bDiv li a:hover .img .icon4,.bannerTab .bDiv li.onliB a .img .icon4 {background:url(../image/lvIcon3A.png) no-repeat;}
.bannerTab .bDiv li a:hover .img .icon5,.bannerTab .bDiv li.onliB a .img .icon5 {background:url(../image/lvIcon5A.png) no-repeat;}
/*.bannerTab .bDiv li a:hover .name {color:#59b36e;}*/ 
.bannerTab .bContent {position:absolute;top:0;left:0;width:100%;right:0;height:600px;}
.bannerTab .bContent .divB {display:none;height:480px;background:#f5f5f5;text-align:center;line-height:600px;font-size:44px;}
.bannerTab .bContent .divB .item {width:100%;height:600px;overflow:hidden;}
.bannerTab .bContent .divB .item a {display:block;width:100%;height:100%;}
.bannerTab .bContent .divB .item a img {display:block;width:100%;height:100%;object-fit:cover;}
/*zuzhijiagou*/ 
.B12 {width:1200px;margin:0 auto;overflow:hidden;}
.titleBox {width:100%;position:relative;border-bottom:1px solid #dbdbdb;}
.titleBox h2 {display:inline-block;font-size:22px;color:#444;line-height:43px;position:relative;}
.titleBox h2::after {content:'';position:absolute;height:4px;bottom:-1px;width:100%;left:0;background:#2F9F49;}
.titleBox a {display:inline-block;position:absolute;right:5px;top:0;line-height:43px;font-size:16px;color:#2F9F49;}
.organizationWrap {width:100%;background:#f6f6f6;padding:25px 0;min-width: 1200px;}
.rightBox .newBox {padding:0px 0 0 0;}
.rightBox .newBox .headerB {width:100%;position:relative;}
.rightBox .newBox .headerB li {list-style:none;width:100%;}
.rightBox .newBox .headerB li .imgLeft {float:left;width:98px;position:relative;height:150px;margin-right:15px;}
.rightBox .newBox .headerB li .imgLeft a {display:block;width:100%;height:98px;}
.rightBox .newBox .headerB li .imgLeft a img {width:98px;height:98px;object-fit:cover;padding:10px;border-radius:50%;background:url(../image/zzBg.png) top right no-repeat;}
.rightBox .newBox .headerB li .info {padding:30px 0 0 0;}
.rightBox .newBox .headerB li .info h2 {padding-bottom:8px;}
.rightBox .newBox .headerB li .info h2 a {display:block;font-size:20px;font-weight:bold;color:#444;}
.rightBox .newBox .headerB li .info p {font-size:16px;padding-top:8px;color:#999;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rightBox .newBox .headerNew {padding-top:40px;}
.rightBox .newBox .headerNew .itemInfo {padding-top:15px;}
.rightBox .newBox .headerNew h2 {padding-bottom:8px;}
.rightBox .newBox .headerNew h2 a {font-size:18px;color:#2F9F49;}
.rightBox .newBox .headerNew .item h3 a {display:block;font-size:16px;color:#444;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rightBox .newBox .headerNew .item p {font-size:16px;color:#999;line-height:28px;}
.rightBox .imgBoxcon li {width: 380px;text-align: center;}
.rightBox .imgBoxcon li img {width: 300px;}
.rightBox .imgBoxcon li p {font-size:14px;color:#333;margin-bottom: 10px;text-align: center;}
.rightBox .imgBoxcon li.fl {width: 150px;}
.rightBox .imgBoxcon li.fl p {margin: 10px 0 0;}
/*组织架构*/
.rightBox .newBox .zzjgclass {padding-top: 10px;}
.rightBox .newBox .zzjgclass li {padding: 10px 0;}
.rightBox .newBox .zzjgclass li b {font-size: 18px;color: #333;font-weight: normal;margin-right: 16px;}
.rightBox .newBox .zzjgclass li span {font-size: 18px;color: #333;}
.rightBox .newBox .zzjgclass li a {font-size: 18px;color: #2d9e48;text-decoration: underline;}

.newTitle {width:100%;}
.newTitle h2 a {display:block;font-size:18px;color:#444;}
.ggList {width:100%;position:relative;}
.ggList .ggLeft {padding:15px 120px 15px 0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ggList .ggLeft a {margin-right:30px;line-height:30px;font-size:16px;color:#444;}
.ggList .right {position:absolute;right:0;top:15px;width:120px;text-align:right;}
.ggList .right a {font-size:14px;color:#2F9F49;line-height:30px;}
/*news*/ 
.Boxleft {float:left;width:790px;position:relative;margin-right:30px;}
.Boxleft .newBox .item {margin-top:30px;width:380px;float:left;position:relative;margin-right:30px;background:#eff8f1;}
.Boxleft .newBox .item .imgB {display:block;width:100%;height:283px;position:relative;}
.Boxleft .newBox .item .imgB img {display:block;width:100%;height:100%;object-fit:cover;}
.Boxleft .newBox .item .imgB span {position:absolute;left:0;bottom:8%;background:url(../image/newBg.png) no-repeat;width:38px;height:25px;color:#fff;font-size:14px;line-height:25px;padding-left:12px;}
.Boxleft .newBox .item .info {padding:14px 22px 30px;box-sizing:border-box;}
.Boxleft .newBox .item .info .time {font-size:16px;color:#999;}
.Boxleft .newBox .item .info h2 a {display:block;line-height:36px;height:72px;font-size:18px;color:#444;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.Boxleft .newBox .item .info h2 a:hover {color:#2F9F49;text-decoration:underline;}
.Boxleft .newBox .item .info .ss {font-size:16px;color:#999;line-height:32px;height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.Boxleft .newBox .newLi {overflow:hidden;}
.Boxleft .newBox .newLi li {width:380px;padding:30px 0 52px;border-bottom:1px solid #d8d8d8;}
.Boxleft .newBox .newLi li .time {font-size:16px;color:#999;}
.Boxleft .newBox .newLi li h2 a {display:block;line-height:36px;height:72px;font-size:18px;color:#444;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.Boxleft .newBox .newLi li h2 a:hover {color:#2F9F49;text-decoration:underline;}
.Boxleft .newBox .newLi li .info {font-size:16px;color:#999;line-height:32px;height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.rightBox {overflow:hidden;}
.rightBox .fundBox {width:100%;border-bottom:1px solid #d8d8d8;padding-bottom:7px;}
.rightBox .fundBox li {width:100%;}
.rightBox .fundBox li .item {padding:30px 0;}
.rightBox .fundBox li .item .time {font-size:16px;color:#999;}
.rightBox .fundBox li .item h2 a {display:block;line-height:36px;font-size:18px;color:#444;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.rightBox .fundBox li .item h2 a:hover {color:#2F9F49;text-decoration:underline;}
.rightBox .fundBox li .item .info {font-size:16px;color:#999;line-height:32px;height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.rightBox .fundBox li .list a {display:block;position:relative;font-size:18px;color:#444;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:90px;}
.rightBox .fundBox li .list a:hover {color:#2F9F49;text-decoration:underline;}
.rightBox .fundBox li .list a span {font-size:16px;color:#999;width:90px;text-align:right;line-height:36px;display:inline-block;position:absolute;right:0;top:0;}

/*公益聚焦*/
.catNav {display:inline-block;margin-left:70px}
.catNav ul li {display:inline-block;font-size:17px;color:#4a4a4a;margin-left:40px;font-weight:400;cursor:pointer}
.catNav ul li:hover,.catNav ul li.active a{color:#ff9934;font-weight:bold}
.catBox {width: 100%;margin: 0 auto;}
.catBoxdiv {display: none;}
.ul-list {padding-top:35px!important;}
.ul-list li {width:285px;float:left;margin-right:20px;margin-bottom:30px;position:relative;}
.ul-list li .span-label {background:#ff9934;display:inline-block;position:absolute;top:-20px;right:0;border-top-right-radius:15px;border-bottom-left-radius:15px;z-index:1001;font-size:16px;color:#fff;padding:0 15px;line-height:40px}
.ul-list li a {display:block;position:relative}
.ul-list li a.img {width: 285px;height: 175px;}
.ul-list li a.img img {width: 100%;height: 100%;object-fit: cover;vertical-align: top;}
.ul-list li a .layer {position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.5);text-align:center;padding:60px 0}
.ul-list li a .layer .img-icon {height:40px}
.ul-list li .cont {display:block}
.ul-list li .cont .t {font-size:16px;color:#000;height:42px;overflow:hidden;display:block;margin:10px 0}
.ul-list li .cont .summary {line-height:20px;font-size:14px;color:#9b9b9b;overflow:hidden;display:block;height:40px;margin-bottom:10px}
.ul-list li .time {font-size:14px;color:#4a4a4a}.ul-list li a:hover {color:#2d9e48 !important;font-weight:bold}
.ul-list li:last-child {margin-right:0}
/*donationTable*/
.avgBox {position:relative;width:585px;float:left;margin-right:30px;/*voluntarily*/}
.avgBox:last-child {margin-right:0px;}
.avgBox .donationBox {padding-top:30px;}
.avgBox .donationBox .titleLi {height:40px;line-height:40px;background:#2F9F49;color:#fff;}
.avgBox .donationBox .titleLi span {display:inline-block;color:#fff;line-height:40px;font-size:20px;text-align:center;box-sizing:border-box;margin:0;padding:0;}
.avgBox .donationBox .name {width:20%;}
.avgBox .donationBox .amount {width:20%;}
.avgBox .donationBox .proName {width:40%;}
.avgBox .donationBox .time {width:16%;}
.avgBox .donationBox li {width:100%;}
.avgBox .donationBox li span {display:inline-block;font-size:16px;text-align:center;box-sizing:border-box;line-height:40px;height:40px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.avgBox .donationBox li:nth-child(2n) {background:rgba(47,159,73,0.56);}
.avgBox .donationBox li:nth-child(2n) span {color:#fff;}
.avgBox .donationWay {padding:20px 16px;background:#eff8f1;}
.avgBox .donationWay .wayBox {background:#fff;width:100%;}
.avgBox .donationWay .wayBox h2 {text-align:center;font-size:18px;color:#666;line-height:40px;}
.avgBox .donationWay .wayBox ul li {border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;float:left;width:33.3%;}
.avgBox .donationWay .wayBox ul li a {display:block;width:100%;line-height:40px;text-align:center;font-size:16px;color:#999;vertical-align:middle;}
.avgBox .donationWay .wayBox ul li a img {display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:5px;}
.avgBox .donationWay .wayBox ul li .btns {background:#2f9f49;color:#fff;border-radius:0;}
.avgBox .donationWay .wayBox ul li:first-child {border-left:none;}
.avgBox .rightTitle {position:absolute;right:0;top:0;color:#2f9f49;line-height:44px;}
.avgBox .rightTitle a {display:inline-block;font-size:16px;color:#2F9F49;padding:0 5px;line-height:44px;}
.avgBox .volunteer {padding-top:30px;width:100%;}
.avgBox .volunteer a {display:block;width:100%;height:602px;}
.avgBox .volunteer a img {display:block;width:100%;height:100%;object-fit:cover;}
.ydBanner {width:1200px;margin:0 auto;}
.ydBanner a {display:block;width:100%;height:100px;}
.ydBanner a img {display:block;width:100%;height:100%;}
/*example*/ 
.exampleWrap {width:100%;padding:48px 0 36px 0;background:url(../image/exampleBg.png) center center no-repeat;min-width: 1200px;}
.exampleWrap .titleBox {width:100%;position:relative;text-align:center;border:none;}
.exampleWrap .titleBox h2 {display:inline-block;font-size:22px;color:#fff;line-height:43px;position:relative;}
.exampleWrap .titleBox h2::after {content:'';position:absolute;height:4px;bottom:-1px;width:100%;left:0;background:#fff;}
.exampleWrap .titleBox a {display:inline-block;position:absolute;right:5px;top:0;line-height:43px;font-size:16px;color:#fff;}
.exampleWrap .exampleBox {padding:30px 0 0;}
.exampleWrap .exampleBox li {float:left;width:168px;margin-right:90px;box-sizing:border-box;}
.exampleWrap .exampleBox li:last-child {margin-right:0;}
.exampleWrap .exampleBox li a {display:block;width:100%;}
.exampleWrap .exampleBox li a .img {width:100%;height:168px;}
.exampleWrap .exampleBox li a .img img {width:168px;height:168px;object-fit:cover;border:6px solid #fff;border-radius:50%;box-sizing:border-box;}
.exampleWrap .exampleBox li a h3 {font-size:20px;color:#fff;padding-top:6px;text-align:center;}
.exampleWrap .exampleBox li a .info {padding-top:5px;font-size:16px;color:#fff;line-height:24px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/*video*/
.videoBox {padding-top:30px;}
.videoBox .firstVideo {overflow:hidden;}
.videoBox .firstVideo .item {width:100%;height:209px;}
.videoBox .firstVideo .item img {display:block;width:100%;height:100%;object-fit:cover;}
.videoBox .firstVideo h3 {font-size:18px;color:#444;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:14px;}
.mr_frBtnL {position:absolute;left:0;right: auto;top:50%;margin-top:-17px;width:35px;display:block;height:35px;line-height:35px;filter:alpha(opacity=70);background:#fff; background:rgba(0,0,0,0.7);z-index:99;}
.mr_frBtnL span{display:block;width:35px;height:35px;background:url(../image/arrow-icon.png) center 3px no-repeat;}
.mr_frBtnR {position:absolute;right:0;left: auto;top:50%;margin-top:-17px;width:35px;display:block;height:35px;line-height:35px;filter:alpha(opacity=70);background:#fff;background:rgba(0,0,0,0.7);z-index:99;}
.mr_frBtnR span{display:block;width:35px;height:35px;background:url(../image/arrow-icon.png) center -31px no-repeat;}
.mr_frBtnL:hover,.mr_frBtnR:hover{filter:alpha(opacity=70);background:#ea2b32;background:rgba(206,17,11,0.9);}
.videoBox .videoList {position:relative;overflow:hidden;}
.videoBox .videoList li {width:100%;float:left;width:48%;margin-right:4%;}
.videoBox .videoList li:last-child {margin-right:0;}
.videoBox .videoList li .item {width:100%;height:209px;}
.videoBox .videoList li .item img {display:block;width:100%;height:100%;object-fit:cover;}
.videoBox .videoList li h3 {font-size:18px;color:#444;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:14px;}
.videoBox .videoList li:hover h3 {color:#2F9F49;}
/*photoImg*/
.photoBox {padding-top:30px;}
.photoBox .firstPhoto {overflow:hidden;}
.photoBox .firstPhoto a {display:block;width:100%;position:relative;}
.photoBox .firstPhoto a .img {width:100%;height:472px;}
.photoBox .firstPhoto a .img img {display:block;width:100%;height:100%;object-fit:cover;}
.photoBox .firstPhoto a h3 {font-size:18px;color:#444;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:14px;}
.photoBox .firstPhoto a .maskBox {position:absolute;top:0;left:0;right:0;width:100%;height:472px;background:rgba(0,0,0,0.5);}
.photoBox .firstPhoto a .maskBox img {display:block;width:37px;height:37px;margin:0 auto;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;}
.photoBox .firstPhoto a:hover h3 {color:#2F9F49;}
.photoBox .photoList {float:left;width:278px;position:relative;margin-right:30px;}
.photoBox .photoList li {width:100%;}
.photoBox .photoList li a {display:block;width:100%;position:relative;}
.photoBox .photoList li a .img {width:100%;height:209px;}
.photoBox .photoList li a .img img {display:block;width:100%;height:100%;object-fit:cover;}
.photoBox .photoList li a h3 {font-size:18px;color:#444;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:14px;}
.photoBox .photoList li a .maskBox {position:absolute;top:0;left:0;right:0;width:100%;height:209px;background:rgba(0,0,0,0.5);}
.photoBox .photoList li a .maskBox img {display:block;width:37px;height:37px;margin:0 auto;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;}
.photoBox .photoList li a:hover h3 {color:#2F9F49;}
/*linkBox*/
 .linkBox {
    padding: 30px 0 0;
}
.linkBox .tabs {
    width: 100%;
}
.linkBox .tabs li {
    float: left;
    width: 123px;
    height: 36px;
    margin-right: 30px;
}
.linkBox .tabs li a {
    width: 100%;
    display: block;
    line-height: 36px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border: 1px solid #2F9F49;
    color: #2F9F49;
    font-size: 16px;
    text-align: center;
}
.linkBox .tabs li .current {
    background: #2F9F49;
    color: #fff;
    margin-top:2px;
}
.linkBox .content .tab1 {
    position: relative;
    padding: 22px 0;
}
.linkBox .content .tab1 li {
    float: left;
    width: 200px;
    height: 89px;
    margin-right: 30px;
}
.linkBox .content .tab1 li a {
    display: block;
    width: 100%;
    height: 100%;
}
.linkBox .content .tab1 li a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit:unset;
}
/*pv.html*/
 .proContent {
    position: absolute;
    bottom: 0;
    right: 5%;
    width: 420px;
    padding: 38px 19px;
    box-sizing: border-box;
    background: rgba(78, 158, 41, 0.7);
    z-index:10;
}
.proContent .bianhao {
    font-size: 16px;
    color: #fff;
}
.proContent .yc {
    margin-top: 18px;
}
.proContent .yc p {
    font-size: 22px;
    color: #fff;
    text-align: center;
}
.proContent .yc h4 {
    font-size: 16px;
    color: #fff;
    line-height: 50px;
}
.proContent .yc h4 span {
    font-size: 34px;
    color: #fff;
}
.proContent .sy {
    margin-top: 23px;
}
.proContent .sy .item {
    float: left;
    width: 33.3%;
}
.proContent .sy .item p {
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 28px;
}
.proContent .amoutBtn {
    margin-top: 47px;
    height: 44px;
    border-radius: 22px;
    overflow: hidden;
    background: #56B835;
}
.proContent .amoutBtn .amountNum {
    float: left;
    width: 270px;
    padding: 10px;
    height: 44px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    box-sizing: border-box;
    text-align: left;
    position: relative;
}
.proContent .amoutBtn .amountNum label {
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    margin: 0 7px;
    box-sizing: border-box;
    line-height: 24px;
}
.proContent .amoutBtn .amountNum label input {
    display: inline-block;
    width: 60px;
    height: 24px;
    border: none;
    background: #2F9F49;
    border-radius: 1px;
    color: #fff;
    padding: 0 6px;
}
.proContent .amoutBtn .amountNum label input::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px;
}
.proContent .amoutBtn .amountNum .onli {
    border-bottom: 2px solid #fff;
}
.proContent .amoutBtn .jzBtn {
    background: #fff;
    overflow: hidden;
    height: 44px;
}
.proContent .amoutBtn .jzBtn a {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #2F9F49;
    line-height: 44px;
}
.proNames {
    margin-top: 50px;
    line-height: 40px;
    font-size: 30px;
    color: #444;
    position: relative;
}
.proBianhao {
  font-size: 16px;
  color: #999999;
  margin-top: 10px;
}
/*.proNames:after {
    content:"";
    position: absolute;
    bottom: -21px;
    left: 13px;
    height: 6px;
    width: 146px;
    background: #2F9F49;
}*/
.marT50 {
    margin-top: 50px;
}
.proLeftContent {
    overflow: hidden;
    /*jibenxinxi*/
}
.proLeftContent .proT a {
    display: inline-block;
    width: 114px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    background: #ccc;
    color: #2F9F49;
    border-radius: 4px;
    margin-right: 30px;
}
.proLeftContent .proT a:hover, .proLeftContent .proT a:active {
    background: #2F9F49;
    color: #fff;
}
.proLeftContent .proT .active {
    background: #2F9F49;
    color: #fff;
}
.proLeftContent .proContentB .item {
    padding-top: 42px;
    /*1*/
    /*2*/
    /*3*/
    /*4*/
    /*5*/
}
.proLeftContent .proContentB .item .itemTitle {
    width: 100%;
}
.proLeftContent .proContentB .item .itemTitle h4 {
    width: 155px;
    height: 45px;
    background: url(../image/procontBg.png) no-repeat;
    color: #444;
    font-size: 20px;
    padding-top: 15px;
    text-align: center;
    box-sizing: border-box;
}

.proLeftContent .proContentB .item .shouzhi {
  margin-top: 20px;
}
.proLeftContent .proContentB .item .shouzhi span {
  font-size: 16px;
  color: #444;
  margin-right: 20px;
}

.proLeftContent .proContentB .item .shouzhi b {
  font-size: 20px;
  color: #ff9934;
  line-height: 22px;
}
/*.proLeftContent .proContentB .item .basisBox p {
    padding-top: 30px;
    line-height: 32px;
    color: #3f3f3f;
    font-size: 16px;
}*/
.proLeftContent .proContentB .item .IncomeBox {
    padding-top: 30px;
}
.proLeftContent .proContentB .item .IncomeBox .time {
    width: 15%;
}
.proLeftContent .proContentB .item .IncomeBox .amount {
    width: 25%;
}
.proLeftContent .proContentB .item .IncomeBox .other {
    width: 15%;
}
.proLeftContent .proContentB .item .IncomeBox .fenlei {
    width: 15%;
}
.proLeftContent .proContentB .item .IncomeBox .pay {
    width: 15%;
}
.proLeftContent .proContentB .item .IncomeBox .platform {
    width: 12%;
}
.proLeftContent .proContentB .item .IncomeBox .incomeTitle {
    width: 100%;
    height: 50px;
    background: #d8d8d8;
}
.proLeftContent .proContentB .item .IncomeBox .incomeTitle span {
    display: inline-block;
    font-size: 16px;
    color: #444;
    line-height: 50px;
    margin-top:0;
    text-align: center;
}
.proLeftContent .proContentB .item .IncomeBox .incomeList li {
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.proLeftContent .proContentB .item .IncomeBox .incomeList li span {
    display: inline-block;
    margin:0;
    font-size: 16px;
    color: #444;
    line-height: 50px;
    text-align: center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.proLeftContent .proContentB .item .IncomeBox .incomeList li:nth-child(2n) {
    background: #f6f6f6;
}
.proLeftContent .proContentB .item .more {
    padding-top: 60px;
}
.proLeftContent .proContentB .item .more a {
    width: 174px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #2F9F49;
    border-radius: 4px;
}
.proLeftContent .proContentB .item .jinzhanBox {
    padding-top: 40px;
    padding-left: 5px;
}
.proLeftContent .proContentB .item .jinzhanBox ul {
    border-left: 6px solid #f6f6f6;
    padding-bottom: 30px;
}
.proLeftContent .proContentB .item .jinzhanBox ul li {
    padding-left: 30px;
    padding-top: 30px;
    position: relative;
}
.proLeftContent .proContentB .item .jinzhanBox ul li:after {
    content:'';
    position: absolute;
    left: -10px;
    top: 35px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #2F9F49;
}
.proLeftContent .proContentB .item .jinzhanBox ul li .img {
    float: left;
    width: 220px;
    height: 165px;
    margin-right: 15px;
    position: relative;
}
.proLeftContent .proContentB .item .jinzhanBox ul li .img a {
    display: block;
    width: 100%;
    height: 100%;
}
.proLeftContent .proContentB .item .jinzhanBox ul li .img a img {
    display: block;
    width: 100%;
    height: 100%;
}
.proLeftContent .proContentB .item .jinzhanBox ul li .info h2 a {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 28px;
}
.proLeftContent .proContentB .item .jinzhanBox ul li .info .txt {
    position: relative;
    padding: 15px 0 10px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.proLeftContent .proContentB .item .jinzhanBox ul li .info .txt .arrow {
    color: #2F9F49;
}
.proLeftContent .proContentB .item .newsBox {
    padding-top: 10px;
}
.proLeftContent .proContentB .item .newsBox li {
    width:100%;
    padding-top: 30px;
    box-sizing:border-box;
}
.proLeftContent .proContentB .item .newsBox li .img {
    float: left;
    width: 220px;
    height: 165px;
    margin-right: 15px;
    position: relative;
}
.proLeftContent .proContentB .item .newsBox li .img a {
    display: block;
    width: 100%;
    height: 100%;
}
.proLeftContent .proContentB .item .newsBox li .img a img {
    display: block;
    width: 100%;
    height: 100%;
}
.proLeftContent .proContentB .item .newsBox li .info h2 a {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #444;
    line-height: 28px;
}
.proLeftContent .proContentB .item .newsBox li .info .txt {
    position: relative;
    padding-top: 30px;
    font-size: 16px;
    color: #3f3f3f;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 32px;
}
.proLeftContent .proContentB .item .newsBox li .info .txt .arrow {
    color: #2F9F49;
}
.proLeftContent .proContentB .item .newsBox li .info .txt .time {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 0 5px;
}
.proLeftContent .proContentB .item .loveMessage {
    padding-top: 10px;
}
.proRight {
    float: right;
    width: 396px;
    margin-left: 44px;
    position: relative;
}

.proRight .jzBtn {
  margin-bottom: 20px;
}

.proRight .jzBtn a {
  width: 100%;
  background-color: #ff9934;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius:5px;
}
.proRight .jzBtn a.donaStop40 {
  background-color: #ccc;
}
.proRight .pinpaiBox {
    background: #f6f6f6;
    padding: 24px 20px 20px;
    box-sizing: border-box;
}
.proRight .pinpaiBox .proTitle {
    position: relative;
}
.proRight .pinpaiBox .proTitle h2 {
    font-size: 20px;
    color: #2F9F49;
    line-height: 30px;
}
.proRight .pinpaiBox .proTitle h2 .news {
    display: inline-block;
    width: 42px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
    box-sizing: border-box;
    background: url(../image/newBg.png) no-repeat;
}
.proRight .pinpaiBox .proTitle a {
    display: inline-block;
    width: 80px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #2F9F49;
    border: 1px solid #2F9F49;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
}
.proRight .pinpaiBox .proItem {
    padding-top: 25px;
}
.proRight .pinpaiBox .proItem .item {
    width: 100%;
}
.proRight .pinpaiBox .proItem .item a {
    display: block;
    width: 100%;
}
.proRight .pinpaiBox .proItem .item a img {
    display: block;
    width: 100%;
    height: 266px;
}
.proRight .pinpaiBox .proItem .item .img {
    height: 266px;
}
.proRight .pinpaiBox .proItem .item a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
}
.proRight .pinpaiBox .proItem .item h2 {
    font-size: 18px;
    color: #444;
    padding-top: 6px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.proRight .pinpaiBox .proItem .item .info {
    font-size: 14px;
    color: #999;
    line-height: 28px;
    height:68px;
    padding-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.proRight .pinpaiBox .proItem .item .amount {
    font-size: 16px;
    color: #2F9F49;
    line-height: 28px;
    padding-top: 12px;
}
.proRight .pinpaiBox .proItem .proList {
    padding-top: 13px;
}
.proRight .pinpaiBox .proItem .proList li {
    float: left;
    width: 168px;
    margin-right: 19px;
}
.proRight .pinpaiBox .proItem .proList li:last-child {
    margin-right: 0;
}
.proRight .pinpaiBox .proItem .proList li a {
    display: block;
    width: 100%;
}
.proRight .pinpaiBox .proItem .proList li a img {
    display: block;
    width: 100%;
    height: 126px;
}
.proRight .pinpaiBox .proItem .proList li a h4 {
    font-size: 16px;
    color: #444;
    line-height: 30px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.proRight .pinpaiBox .proItem .proList li a .time {
    font-size: 16px;
    color: #999;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.marT30 {
    margin-top: 30px;
}
/*zhiyuanzhe*/
 .volunteerList {
    margin-top: 30px;
    background: rgba(52, 238, 178, 0.1);
    padding: 0 26px 30px;
}
.volunteerList ul {
    position: relative;
    padding-top: 208px;
}
.volunteerList ul li {
    padding-top: 12px;
    line-height: 40px;
}
.volunteerList ul li .left {
    float: left;
    width: 60%;
    position: relative;
}
.volunteerList ul li .left .num {
    float: left;
    margin: 8px;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 16px;
    background: rgba(47, 159, 73, 0.46);
    border-radius: 50%;
    text-align: center;
}
.volunteerList ul li .left .photo {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.volunteerList ul li .left .photo img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.volunteerList ul li .left .name {
    float: left;
    display: inline-block;
    font-size: 16px;
    color: #2F9F49;
    line-height: 40px;
}
.volunteerList ul li .voluntTime {
    overflow: hidden;
    font-size: 16px;
    color: #444;
    text-align: right;
}
.volunteerList ul li:first-child {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
}
.volunteerList ul li:first-child .left {
    width: 100%;
}
.volunteerList ul li:first-child .left .num {
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
    width: 113px;
    height: 29px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    z-index: 11;
    border-radius: 0;
    margin: 0;
    background: url(../image/numBg.png) center 0 no-repeat;
}
.volunteerList ul li:first-child .left .photo {
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%);
    width: 109px;
}
.volunteerList ul li:first-child .left .photo:after {
    position: absolute;
    content:"";
    display: block;
    width: 26px;
    height: 24px;
    top: -13px;
    right: 10px;
    background: url(../image/one.png) no-repeat;
}
.volunteerList ul li:first-child .left .photo img {
    display: block;
    width: 109px;
    height: 109px;
    border: 3px solid #c4ead2;
    box-sizing: border-box;
}
.volunteerList ul li:first-child .left .name {
    position: absolute;
    top: 140px;
    font-size: 18px;
    color: #2F9F49;
    text-align: center;
    width: 100%;
}
.volunteerList ul li:first-child .voluntTime {
    position: absolute;
    top: 178px;
    font-size: 16px;
    color: #2f9f49;
    text-align: center;
    width: 100%;
}
.volunteerList ul li:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
}
.volunteerList ul li:nth-child(2) .left {
    width: 100%;
}
.volunteerList ul li:nth-child(2) .left .num {
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
    width: 113px;
    height: 29px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    z-index: 11;
    border-radius: 0;
    margin: 0;
    background: url(../image/numBg.png) center 0 no-repeat;
}
.volunteerList ul li:nth-child(2) .left .photo {
    position: absolute;
    top: 37px;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%);
    width: 89px;
}
.volunteerList ul li:nth-child(2) .left .photo:after {
    position: absolute;
    content:"";
    display: block;
    width: 26px;
    height: 24px;
    top: -14px;
    right: 5px;
    background: url(../image/two.png) no-repeat;
}
.volunteerList ul li:nth-child(2) .left .photo img {
    display: block;
    width: 89px;
    height: 89px;
    border: 3px solid #c4ead2;
    box-sizing: border-box;
}
.volunteerList ul li:nth-child(2) .left .name {
    position: absolute;
    top: 140px;
    font-size: 18px;
    color: #2F9F49;
    text-align: center;
    width: 100%;
}
.volunteerList ul li:nth-child(2) .voluntTime {
    position: absolute;
    top: 178px;
    font-size: 16px;
    color: #2f9f49;
    text-align: center;
    width: 100%;
}
.volunteerList ul li:nth-child(3) {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
}
.volunteerList ul li:nth-child(3) .left {
    width: 100%;
}
.volunteerList ul li:nth-child(3) .left .num {
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
    width: 113px;
    height: 29px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    z-index: 11;
    border-radius: 0;
    margin: 0;
    background: url(../image/numBg.png) center 0 no-repeat;
}
.volunteerList ul li:nth-child(3) .left .photo {
    position: absolute;
    top: 37px;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%);
    width: 89px;
}
.volunteerList ul li:nth-child(3) .left .photo:after {
    position: absolute;
    content:"";
    display: block;
    width: 26px;
    height: 24px;
    top: -14px;
    right: 5px;
    background: url(../image/three.png) no-repeat;
}
.volunteerList ul li:nth-child(3) .left .photo img {
    display: block;
    width: 89px;
    height: 89px;
    border: 3px solid #c4ead2;
    box-sizing: border-box;
}
.volunteerList ul li:nth-child(3) .left .name {
    position: absolute;
    top: 140px;
    font-size: 18px;
    color: #2F9F49;
    text-align: center;
    width: 100%;
}
.volunteerList ul li:nth-child(3) .voluntTime {
    position: absolute;
    top: 178px;
    font-size: 16px;
    color: #2f9f49;
    text-align: center;
    width: 100%;
}
/*box*/
.box {
    width:1200px;
    margin:30px auto 0;
}

.bigmask {width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.4);display:none;z-index:10000;color:#FFFFFF;}
.bigImgppf {width:70%;height:90%;position:fixed;top:5%;left:15%;right: 15%;bottom:5%;z-index:10001;display:none;overflow: hidden;}
.bigImgppf .bigBox {width:100%;height:100%;margin: 0 auto;background: #fff;}
.bigImgppf .bigBox img {height:100%;}
.bigImgppf .bigBox .carousel-inner {width:100%;height:100%;margin: 0 auto;}
/*# sourceMappingURL=indexStyle.css.map */

.proLeftContent .proContentB .item .IncomeBox .incomeList .platform_result img{
    width: 30px;
    height: 30px;
    margin-top: 10%;
}

.proLeftContent .proContentB .item .IncomeBox .time_result{
    width:15%;
}

.proLeftContent .proContentB .item .IncomeBox .amount_result{
    width:26%;
}

.proLeftContent .proContentB .item .IncomeBox .other_result{
    width:15%;
}

.proLeftContent .proContentB .item .IncomeBox .fenlei_result{
    width:16%;
}

.proLeftContent .proContentB .item .IncomeBox .pay_result{
    width:15%;
}

.proLeftContent .proContentB .item .IncomeBox .platform_result{
    width:13%;
}

.xuanFuColor a:hover {
    color: #2F9F49;
    font-weight: bold;
    background: rgba(255,255,255,.1);
}

.xuanFuColor a:hover p{
  color: #2F9F49;
}