@charset "utf-8";
.layour{ padding-top: 44px; }
.rep-list{background: #fff; padding: 4px 16px 0 16px;}
.reportlist{ padding: 0;}
.reportlist li{ padding: 16px 0; }
.reportlist li .ibox{height: 162px;}
.reportlist li .pure-u-5-24{ width: 30%; }
.reportlist li .pure-u-19-24{ width: 70%; }
.reportlist li .ibox{ padding-left: 16px; }
.reportlist li img{ border-radius: 2px;}
.reportlist li h3{ font-size: 14px;line-height: 22px; padding: 0 0 8px 0; }
.reportlist li p{ font-size: 12px; height: 37px; line-height: 20px; padding: 0; margin: 0 0 16px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;}
a.a-go{ left: 16px; bottom: 8px; font-size: 12px; width: 88px;height: 24px; line-height: 24px; background: #F7F9FC;transition: all .3s;}

.newslist li{padding: 16px 0;}
.newslist li .date{width: 64px;height: 64px; padding: 12px 0; font-size: 12px; text-align: center; border: 1px solid #E2E2E2;}
.newslist li .date h3{width: 64px;font-size: 20px; line-height: 22px; font-weight: normal;}
.newslist li .ibox{ width: calc(100% - 64px); padding-left: 24px; box-sizing: border-box; } 
.newslist li .ibox h3{ font-size: 14px;padding: 0 0 4px;}
.newslist li .ibox p{ font-size: 12px; line-height: 20px; padding:0; height: 37px;text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;}


.hot-tops{margin: 12px 0 0; float: left;}
.hot-tops div.pure-u-1-2{width: 100%;}
.hot-tops img{ border-radius: 6px;}
.tops-intro{font-size: 14px; padding: 10px;}
.tops-intro h3{ font-size: 16px; }
.tops-intro p{ height: auto; padding: 10px 0;}
.tops-intro span{ font-size: 12px; }

.news-tabs.headtab{ padding-top: 0; }
.news-tabs li a{font-size: 16px;}

.news-con{ padding: 0 16px; background: #fff; }
.news-con .pure-u-3-4,.news-con .pure-u-1-4{width: 100%;}
.news-detail{padding: 10px 0 0 0;}
.news-detail .head-meta.border-line{ padding-bottom: 0; border-bottom:none; }
.news-detail h2.titd{font-size:20px; line-height: 28px; padding-bottom: 5px; }
.news-detail .news-meta span{ font-size: 12px; }
.news-detail .news-meta span i{width: 12px; height: 12px;}
.news-detail .head-meta .share-link{display: none;}
.m-setting{ display: block; margin-top: 15px; height: 28px; border:solid 1px #ECECEC; }
.m-setting li a{ display: block; text-align: center; padding: 4px 0; border-right:solid 1px #ECECEC;  }
.m-setting li a i.i-icon{display: inline-block;width: 16px; height: 16px;}
.m-setting li a.aswitch.active i.i-night{background: url(/content/dam/gtjagy/i-day.svg)no-repeat; background-size: 100% 100%;}

.detail-notice{ padding: 16px 0 14px 0; font-size: 16px; line-height: 24px; }
.detail-notice img{ border-radius: 4px; }
.detail-notice p.g-tc span{display: block; text-align: left; margin-top: 8px; color: #505050;}

.m-share{ display: block;  }
.m-share h2{ height: 25px; text-align: center; border-bottom: solid 1px #ECECEC;}
.m-share h2 span{ display: inline-block; background: #fff; padding: 0 10px; font-size: 14px; font-weight: normal; color: #505050; position: relative; top: 10px;}
.m-share .a-share{ display: flex; margin-top: 20px;}
.m-share .a-share a{ display: block; font-size: 14px; width: 50%; height: 40px; line-height: 40px; text-align: center; border:solid 1px #ECECEC; border-radius: 20px; }
.m-share .a-share a i.i-icon{display: inline-block;width: 24px; height: 24px; position: relative; top: 7px; margin-right: 5px;}
.m-share .a-share a:first-child{ margin-right: 10px; }
.m-share .a-share a:last-child{ margin-left: 10px; }

.relt{padding-top: 0;}
.relt-ul li{padding: 16px 0;}
.relt-ul li a{font-size: 14px; line-height: 22px;}
.relt-ul li span{font-size: 12px; padding-top:4px;}

.crumbs{background:url(/content/dam/gtjagy/about_bg.jpg) no-repeat top center; background-size: 100% 100%; }
.crumbs.vol{background:url(/content/dam/gtjagy/volunteer_bg.jpg) no-repeat top center;  background-size: 100% 100%;}
.crumbs,.crumbs.vol{height: 100px;}
.soptit,.soptit.vol{height: 100px; padding: 28px 24px; box-sizing: border-box; }
.soptit h2{font-size: 20px; line-height: 28px;}
.soptit p{font-size: 12px; line-height: 20px; padding-top: 0;}

.t-table{ padding: 16px 0; }
.t-table table tr th{padding: 10px;width: 105px; font-size: 14px;}
.t-table table tr td{padding: 10px 10px 10px 0; font-size: 14px;}
.t-table table tr td.space{width: 10px; border: none;}

.gallery-arc{background: #fff;  padding: 0; border-radius: 0;}
.swiper_view{ width: 100%; height: 210px;}
.swiper_view .swiper-pagination{ padding: 45px 16px 0 0;}
.swiper_view .swiper-pagination .swiper-pagination-bullet{background: rgba(255,255,255,.5); width: 6px; height: 6px; margin: 0 2px;}
.swiper_view .swiper-pagination .swiper-pagination-bullet-active{background:#fff; width: 16px; border-radius: 6px; }
.swiper_view img{width: 100%;}
.swiper_view .cur{display: none;}
.view_tit{bottom: 16px; left: 16px; font-size: 14px;}
.view_tit .big{ font-size: 16px;}
.view_tit .s-tag{font-size: 12px;}
.gallery-info{ padding: 16px; font-size: 14px; line-height: 24px; }


.pc-mask,.pc-gallery{display: none;}
.m-gallery{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #121212; z-index: 99;}
.m-gallery .swiper-container {
  width: 100%; position: relative;
  height: 100%;
}
.m-gallery .swiper-container .swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.m-gallery .swiper-container .swiper-slide img{ max-width: 100%; max-height: 100%; }
.m-gallery .swiper-container .swiper-pagination{ text-align: left; box-sizing: border-box; padding: 0 16px; bottom: 65px; font-size: 12px; color: #ccc; }
.m-gallery .swiper-container .swiper-pagination .swiper-pagination-current{ font-size: 18px; color: #fff;}
.m-gallery-head{ position: fixed; top: 16px; left: 0; right: 0; color: #fff; z-index: 20;}
.m-gallery-head h2{ font-size: 16px; text-align: center; color: #fff; }
a.close-l{ display: block; position: absolute; left: 16px; width: 16px; height: 16px; }
.m-gallery-foot{position: fixed; bottom: 20px; left: 65px; right: 16px; color: #fff; z-index: 20;}
.m-gallery-foot h3{ font-size: 14px; font-weight: normal; line-height: 20px; color: #fff; white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.m-gallery-foot p{ line-height: 20px; margin-top: 8px;font-size: 12px; color: #C4C4C4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.m-gallery-foot p.twotxt{
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2; 
  -webkit-box-orient: vertical; overflow: hidden;
}
.m-gallery-foot p.alltxt{ display: none; height:75px; overflow-y: auto; }
.m-gallery .swiper-container video{ width: 100%; height: 194px; position: absolute; left: 0; right: 0; top: 50%; margin-top: -97px;}


.swiper-medal{ margin-top: 16px; height:auto;}
.swiper-medal .medal-swiper{height:auto; }
.swiper-medal .swiper-slide .gold{ display: block; height: 384px; background:#fff; border-radius: 4px; }
.swiper-medal .swiper-slide .gold h3{ padding:16px 16px 6px 16px; font-size: 14px; }
.swiper-medal .swiper-slide .gold p{font-size: 12px; line-height: 20px; padding: 0 16px 10px 16px; height: 40px;}
.swiper-medal .swiper-slide .gold .gold-foot{ padding: 0 16px;}
.medal-swiper .swiper-pagination{ bottom: 16px; }
.medal-swiper .swiper-pagination .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 2px; }
.medal-swiper .swiper-pagination .swiper-pagination-bullet-active{background:#034888; width: 16px; border-radius: 6px; }


.gold-med,.sortbox{ padding: 24px 16px 16px 16px;}
.git-bar{ width: 100%; height: 32px; }
.git-bar h2{ font-size: 16px; }
.git-bar h2>i{ position: relative; top: -1px; margin-right: 5px; width: 20px; height: 24px;background:url(/content/dam/gtjagy/icon-favorite.png) no-repeat; background-size: 100% 100%;}
.git-bar a{width: 70px; height: 24px; line-height: 24px;font-size: 12px; }

.sorthd{padding: 7px 0;}
.sorthd .tag-l{ width: 80px; font-size: 14px; padding-top: 7px; }
.sorthd .tag-r{ width: calc(100% - 80px); overflow: hidden;}
.sorthd .tag-r a{ display: inline-block; font-size: 12px; padding: 4px 8px; margin: 5px;}
.sorthd .tag-r a:hover,.sorthd .tag-r a.active{color: #fff; background:#034888; border-color:#034888;}
span.toggleActive{ position: static; font-size: 12px; top: auto; right:auto; color: #034888;}

.sortlist{ position: relative;width: 100%; overflow: hidden; }
.sortlist ul.none{display: none;}
.sortlist ul.list{
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  -moz-column-gap: 8px;
  -webkit-column-gap: 8px;
  column-gap:8px; 
  overflow: hidden;
}
.sortlist ul.list li img{ border-radius: 3px; margin: 4px 4px 4px 0;}
.sortlist .more{ #position: absolute; bottom: 0; left: 0; right: 0; text-align: center; height: 88px; box-sizing: border-box; padding: 20px 0; color: #fff; font-size: 16px;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 52%, #FFFFFF 100%);}
.sortlist .more>a{ display: inline-block; width: 160px; color: #fff; height: 36px; line-height: 36px; }
.sortlist .more>a.disable{ background: #C4C4C4; pointer-events: none; }

/*项目列表页*/
.fund-con {
    padding: 0 16px;
    background: #fff;
}
.news-list {
    padding-top: 0;
}
.news-list li {
    padding: 10px 0 10px;
    border-bottom: 1px solid #ECECEC;
}
.news-list li .pure-u-5-24 {
    width: 30%;
}
.news-list li .pure-u-19-24 {
    width: 70%;
    position: relative;
}
.news-list li .ibox {
    padding-left: 12px;
}
.news-list li p {
    display: none;
}
.news-list li h3 {
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 5px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-list li span {
    font-size: 12px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 12px;
    color: #9A9A9A;
}
/*文章详情页*/
.g-pdf {
    line-height: 18px;
}
.g-pdf a {
    font-size: 12px;
    display: flex;
    padding: 10px 15px;
}
/*公益图集*/
.m-gallery-foot {
    position: fixed;
    bottom: 22px;
    left: 65px;
    right: 16px;
    color: #fff;
    z-index: 20;
}
.m-gallery-foot h2 {
    margin: 0 0 9px 10%;
    font-size: 14px;
    word-spacing: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}