.section.gray-bg {
  background-color: #f6f6f6; }

.show-more-box {
  text-align: center; }
  .show-more-box a {
    display: inline-block;
    background-color: #22acac;
    width: 1.53rem;
    height: .58rem;
    text-align: center;
    line-height: .58rem;
    border-radius: .29rem;
    color: #fff;
    transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
    .show-more-box a:hover {
      background-color: #EF883E; }

.common-article {
  padding: .60rem 0 .55rem; }
  .common-article h2 {
    margin-bottom: .45rem; }
  .common-article article {
    font-size: .16rem;
    line-height: 2.125;
    color: #5a5757; }

.public-welfare-detail .common-article {
  padding: .61rem 0 .52rem; }

.public-welfare-detail .progress-report {
  padding: .58rem 0 .53rem; }
  .public-welfare-detail .progress-report h2 {
    margin-bottom: .51rem; }
  .public-welfare-detail .progress-report .report-list {
    margin-bottom: .54rem; }
    .public-welfare-detail .progress-report .report-list li {
      margin-bottom: .30rem; }
      .public-welfare-detail .progress-report .report-list li:nth-of-type(n+4) {
        display: none; }
      .public-welfare-detail .progress-report .report-list li:last-child {
        margin-bottom: 0; }
      .public-welfare-detail .progress-report .report-list li a {
        display: block;
        color: #5a5757;
        line-height: .80rem;
        box-shadow: 0px 1px 0.23rem 0px rgba(181, 181, 181, 0.17);
        background-color: #fff;
        padding: .17rem 0;
        border-radius: .20rem;
        position: relative;
        overflow: hidden;
        transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
        .public-welfare-detail .progress-report .report-list li a .time {
          font-size: 1.25em;
          float: left;
          width: 2.30rem;
          text-align: center;
          border-right: 1px solid #EFEFEF;
          color: #22acac;
          transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
        .public-welfare-detail .progress-report .report-list li a .iconA {
          position: absolute;
          right: 0;
          top: 0;
          width: 1.15rem;
          line-height: 1.15rem;
          text-align: center;
          background-color: #16a8a8;
          color: #fff;
          border-left: 1px solid #EFEFEF;
          transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
          .public-welfare-detail .progress-report .report-list li a .iconA i {
            font-size: .18rem; }
        .public-welfare-detail .progress-report .report-list li a h4 {
          margin-left: 2.16rem;
          margin-right: 1.15rem;
          padding: 0 .57rem;
          font-size: 1.125em;
          font-weight: normal; }
        .public-welfare-detail .progress-report .report-list li a:hover {
          color: #EF883E; }
          .public-welfare-detail .progress-report .report-list li a:hover .time {
            color: #EF883E; }
          .public-welfare-detail .progress-report .report-list li a:hover .iconA {
            background-color: #EF883E;
            color: #fff; }

.public-welfare-detail .project-events {
  padding: .69rem 0 .53rem; }
  .public-welfare-detail .project-events h2 {
    margin-bottom: .37rem; }
  .public-welfare-detail .project-events .events-nav {
    margin-bottom: .88rem;
    background-color: #f6f6f6;
    border-radius: .15rem;
    height: 1.00rem;
    padding: 0 .08rem;
    overflow: hidden;
    position: relative; }
    .public-welfare-detail .project-events .events-nav .swiper {
      overflow: hidden;
      position: relative;
      z-index: 2; }
      .public-welfare-detail .project-events .events-nav .swiper:after {
        content: "";
        position: absolute;
        left: 50%;
        width: 1px;
        height: 1px;
        background-color: #bfbfbf;
        height: .54rem;
        top: .23rem; }
    .public-welfare-detail .project-events .events-nav .swiper-slide {
      font-size: .30rem;
      line-height: 1.00rem;
      position: relative;
      text-align: center;
      cursor: pointer; }
      .public-welfare-detail .project-events .events-nav .swiper-slide.current {
        color: #16a8a8; }
        .public-welfare-detail .project-events .events-nav .swiper-slide.current:after {
          content: '';
          position: absolute;
          bottom: 0;
          width: 100%;
          left: 0;
          background-color: #16a8a8;
          height: .07rem;
          border-radius: .035rem; }
    .public-welfare-detail .project-events .events-nav .swiper-next,
    .public-welfare-detail .project-events .events-nav .swiper-prev {
      position: absolute;
      left: .20rem;
      top: 50%;
      transform: translateY(-50%);
      opacity: 0;
      transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
      z-index: 4;
      cursor: pointer; }
      .public-welfare-detail .project-events .events-nav .swiper-next i,
      .public-welfare-detail .project-events .events-nav .swiper-prev i {
        font-size: .30rem; }
    .public-welfare-detail .project-events .events-nav .swiper-next {
      left: auto;
      right: .20rem; }
    .public-welfare-detail .project-events .events-nav:hover .swiper-next,
    .public-welfare-detail .project-events .events-nav:hover .swiper-prev {
      opacity: 1; }
      .public-welfare-detail .project-events .events-nav:hover .swiper-next.swiper-button-disabled,
      .public-welfare-detail .project-events .events-nav:hover .swiper-prev.swiper-button-disabled {
        opacity: .2; }
  .public-welfare-detail .project-events .events-list .events-item {
    display: none; }
    .public-welfare-detail .project-events .events-list .events-item ul li:nth-of-type(n+3) {
      display: none; }
    .public-welfare-detail .project-events .events-list .events-item ul li .item {
      display: flex;
      justify-content: space-between; }
    .public-welfare-detail .project-events .events-list .events-item ul li .timer {
      width: 1.64rem;
      font-size: .24rem;
      line-height: 1.3;
      color: #5a5757; }
    .public-welfare-detail .project-events .events-list .events-item ul li .line {
      position: relative;
      width: .37rem;
      margin-right: .28rem; }
      .public-welfare-detail .project-events .events-list .events-item ul li .line:after {
        content: '';
        position: absolute;
        top: .37rem;
        height: calc(100% - .37rem);
        width: 1px;
        left: .165rem;
        background-color: #e6e6e6; }
      .public-welfare-detail .project-events .events-list .events-item ul li .line i {
        position: relative;
        display: block;
        border-width: 1px;
        border-color: #16a8a8;
        border-style: solid;
        border-radius: 50%;
        width: .37rem;
        height: .37rem; }
        .public-welfare-detail .project-events .events-list .events-item ul li .line i:after {
          content: '';
          position: absolute;
          left: .075rem;
          top: .075rem;
          width: .21rem;
          height: .21rem;
          border-radius: 50%;
          background-color: #16a8a8; }
    .public-welfare-detail .project-events .events-list .events-item ul li .event-box {
      flex: 1;
      padding-bottom: .56rem; }
    .public-welfare-detail .project-events .events-list .events-item ul li .event-content {
      border-radius: .15rem;
      background-color: #f6f6f6;
      display: flex;
      padding: .35rem .36rem; }
      .public-welfare-detail .project-events .events-list .events-item ul li .event-content .img-box {
        width: 4.99rem;
        height: 3.36rem;
        border-radius: .15rem;
        margin-right: .67rem;
        position: relative;
        overflow: hidden; }
      .public-welfare-detail .project-events .events-list .events-item ul li .event-content .con {
        flex: 1; }
        .public-welfare-detail .project-events .events-list .events-item ul li .event-content .con h6 {
          font-size: .20rem;
          color: #5a5757;
          line-height: 1.7;
          margin-bottom: .20rem; }
        .public-welfare-detail .project-events .events-list .events-item ul li .event-content .con article {
          font-size: .16rem;
          color: #5a5757;
          line-height: 2.125; }
    .public-welfare-detail .project-events .events-list .events-item ul li:last-child .event-box {
      padding-bottom: 0; }
    .public-welfare-detail .project-events .events-list .events-item .show-more-box {
      margin-top: .54rem; }

.public-welfare-list .common-article {
  padding: .60rem 0 .55rem; }

.public-welfare-list .join-us-img {
  margin-top: .70rem;
  overflow: hidden;
  position: relative;
  height: 4.86rem; }
  .public-welfare-list .join-us-img img {
    display: block;
    z-index: 1; }
  .public-welfare-list .join-us-img .join-us-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: .15rem; }
    .public-welfare-list .join-us-img .join-us-mask div {
      position: absolute;
      right: 1.07rem;
      top: 50%;
      transform: translateY(-50%);
      text-align: right;
      color: #fff;
      font-size: .30rem;
      line-height: 1.5; }
      .public-welfare-list .join-us-img .join-us-mask div img {
        display: block;
        margin-left: auto;
        margin-bottom: .20rem;
        max-width: 1.09rem; }
      .public-welfare-list .join-us-img .join-us-mask div .tit {
        font-size: .36rem; }

.public-welfare-list .data-box {
  margin-top: 1.16rem; }

.public-welfare-list .project-list {
  padding: .55rem 0 .86rem;
  position: relative; }
  .public-welfare-list .project-list:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #f6f6f6;
    height: 6.10rem;
    width: 100%;
    z-index: -1; }
  .public-welfare-list .project-list h2 {
    margin-bottom: .42rem; }
  .public-welfare-list .project-list .img-mask .item {
    margin-top: .23rem; }
    .public-welfare-list .project-list .img-mask .item:nth-of-type(1), .public-welfare-list .project-list .img-mask .item:nth-of-type(2) {
      margin-top: 0; }
    .public-welfare-list .project-list .img-mask .item .con {
      bottom: 1.00rem; }
      .public-welfare-list .project-list .img-mask .item .con .tit {
        margin-bottom: 0;
        line-height: 1.5; }
    .public-welfare-list .project-list .img-mask .item .com-underline:after {
      bottom: -.25rem; }
  .public-welfare-list .project-list .show-more-box {
    margin-top: .61rem; }

.party-masses-work {
  padding: .58rem 0 .66rem; }
  .party-masses-work .img-mask {
    margin-bottom: .58rem; }
    .party-masses-work .img-mask .item {
      margin-top: .23rem; }
      .party-masses-work .img-mask .item:nth-of-type(1), .party-masses-work .img-mask .item:nth-of-type(2) {
        margin-top: 0; }
      .party-masses-work .img-mask .item .con {
        bottom: 1.00rem; }
        .party-masses-work .img-mask .item .con .tit {
          margin-bottom: 0; }
      .party-masses-work .img-mask .item .com-underline:after {
        bottom: -.28rem; }

.cooperation-section .cooperative-characters {
  padding: 1.11rem 0 .37rem; }
  .cooperation-section .cooperative-characters ul li {
    margin-bottom: 1.08rem;
    border-radius: .15rem;
    background-color: #f6f6f6;
    position: relative;
    padding: .34rem .82rem .70rem 5.04rem;
    min-height: 3.80rem; }
    .cooperation-section .cooperative-characters ul li:last-child {
      margin-bottom: 0; }
    .cooperation-section .cooperative-characters ul li .img-box {
      border-radius: .15rem;
      background-color: white;
      width: 3.60rem;
      height: 3.60rem;
      overflow: hidden;
      position: absolute;
      left: .83rem;
      top: -.58rem;
      box-shadow: 0px 0.16rem 0.73rem 0px rgba(223, 223, 223, 0.3);
      transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
    .cooperation-section .cooperative-characters ul li:hover {
      box-shadow: 0px 0.16rem 0.73rem 0px rgba(223, 223, 223, 0.3); }
    .cooperation-section .cooperative-characters ul li .art-box .tit-box {
      display: flex;
      justify-content: space-between;
      align-items: end;
      margin-bottom: .80rem; }
      .cooperation-section .cooperative-characters ul li .art-box .tit-box .tit-logo {
        height: .92rem;
        display: flex;
        align-items: center; }
        .cooperation-section .cooperative-characters ul li .art-box .tit-box .tit-logo img {
          max-height: 100%; }
      .cooperation-section .cooperative-characters ul li .art-box .tit-box .tit-txt {
        color: #5a5757;
        line-height: 1; }
        .cooperation-section .cooperative-characters ul li .art-box .tit-box .tit-txt.com-underline:after {
          bottom: -.46rem; }
        .cooperation-section .cooperative-characters ul li .art-box .tit-box .tit-txt h6 {
          font-size: .30rem;
          color: #5a5757;
          margin-bottom: .15rem; }
        .cooperation-section .cooperative-characters ul li .art-box .tit-box .tit-txt p {
          font-size: .18rem; }
    .cooperation-section .cooperative-characters ul li .art-box article {
      font-size: .16rem;
      color: #5a5757;
      text-align: justify;
      line-height: 2.125; }

.cooperation-section .cooperative-agency {
  padding: .37rem 0 .71rem; }
  .cooperation-section .cooperative-agency h2 {
    margin-bottom: .52rem; }
  .cooperation-section .cooperative-agency .agency-logo-list {
    display: flex;
    flex-wrap: wrap; }
    .cooperation-section .cooperative-agency .agency-logo-list .logo {
      height:  1.3rem;
      width: 25%;
      text-align:center;
      /*display: flex;*/
      /*justify-content: center;*/
      /*align-items: center;*/
      /*margin-bottom: .46rem; */}
      .cooperation-section .cooperative-agency .agency-logo-list .logo img {
        max-width: 100%;
        max-height: 100%; }

@media screen and (max-width: 750px) {
  .common-article article {
    font-size: .26rem; }
  .show-more-box a {
    width: 2.10rem;
    height: .84rem;
    line-height: .84rem;
    border-radius: .42rem; }
  .public-welfare-detail .progress-report .report-list li a {
    padding: .40rem 1.43rem .40rem .33rem;
    line-height: 1; }
    .public-welfare-detail .progress-report .report-list li a .time {
      float: none;
      font-size: .18rem;
      margin-bottom: .20rem;
      width: 100%;
      text-align: left;
      border-right: none; }
    .public-welfare-detail .progress-report .report-list li a h4 {
      margin-left: 0;
      font-size: .28rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-left: 0;
      padding-right: 0; }
    .public-welfare-detail .progress-report .report-list li a .iconA {
      width: 1.15rem;
      height: 100%;
      line-height: 1;
      display: flex;
      justify-content: center;
      align-items: center; }
  .public-welfare-detail .project-events .events-nav {
    padding: 0; }
    .public-welfare-detail .project-events .events-nav .swiper {
      overflow: visible;
      width: 84%; }
      .public-welfare-detail .project-events .events-nav .swiper:after {
        display: none; }
  .public-welfare-detail .project-events .events-list .events-item ul li .item {
    display: block;
    position: relative;
    padding: .60rem 0 0 .60rem; }
    .public-welfare-detail .project-events .events-list .events-item ul li .item .timer {
      position: absolute;
      left: .60rem;
      top: 0; }
    .public-welfare-detail .project-events .events-list .events-item ul li .item .line {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%; }
      .public-welfare-detail .project-events .events-list .events-item ul li .item .line:after {
        height: calc(100% - .40rem);
        left: .20rem; }
      .public-welfare-detail .project-events .events-list .events-item ul li .item .line i {
        width: .40rem;
        height: .40rem; }
        .public-welfare-detail .project-events .events-list .events-item ul li .item .line i:after {
          width: .21rem;
          height: .21rem; }
    .public-welfare-detail .project-events .events-list .events-item ul li .item .event-content {
      display: block; }
      .public-welfare-detail .project-events .events-list .events-item ul li .item .event-content .img-box {
        width: 100%;
        height: auto;
        margin-bottom: .47rem; }
      .public-welfare-detail .project-events .events-list .events-item ul li .item .event-content .con h6 {
        font-size: .28rem; }
      .public-welfare-detail .project-events .events-list .events-item ul li .item .event-content .con article {
        font-size: .24rem; }
  .cooperation-section .cooperative-characters {
    padding: .40rem 0 .40rem; }
    .cooperation-section .cooperative-characters ul li {
      padding: 2.40rem .36rem .36rem .36rem;
      margin-bottom: .32rem; }
      .cooperation-section .cooperative-characters ul li .img-box {
        width: 1.50rem;
        height: 1.50rem;
        top: .36rem;
        left: .36rem; }
      .cooperation-section .cooperative-characters ul li .art-box .tit-box .tit-logo {
        position: absolute;
        top: .70rem;
        right: .36rem; }
      .cooperation-section .cooperative-characters ul li .art-box .tit-box .tit-txt {
        display: block; }
        .cooperation-section .cooperative-characters ul li .art-box .tit-box .tit-txt h6 {
          font-size: .40rem; }
        .cooperation-section .cooperative-characters ul li .art-box .tit-box .tit-txt p {
          font-size: .28rem; }
      .cooperation-section .cooperative-characters ul li .art-box article {
        font-size: .24rem; }
  .cooperation-section .cooperative-agency .agency-logo-list .logo {
    width: 50%; }
    .cooperation-section .cooperative-agency .agency-logo-list .logo img {
      max-width: 80%; } }