.global-title { display: flex; align-items: center; justify-content: space-between; }

.global-title .title { position: relative; font-size: 24px; font-weight: bold; }

.global-title .title::after { content: ''; position: absolute; bottom: -7px; left: 0; width: 48px; height: 5px; border-radius: 100px; background: #22A14D; }

.load-more { display: inline-block; padding: 6px 13px; font-size: 13px; color: #22A14D; border-radius: 100px; border: 1px solid #22A14D; }

.loadmore { display: flex; align-items: center; font-size: 13px; font-weight: bold; color: #fff; padding: 10px 12px; border-radius: 1000px; background: #22A14D; }

.loadmore::after { content: ''; width: 12px; height: 12px; margin-left: 2px; background: url(../../images/province/more.png) no-repeat center/100%; }

.swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; opacity: 0.5; margin: 0 2px !important; border-radius: 100%; background: #B2C3BB; }

.swiper-pagination .swiper-pagination-bullet-active { width: 12px; opacity: 1; border-radius: 100px; background: #0B9F58; }

.news-container { margin-top: 60px; }

.news-container .news-box { margin-top: 35px; }

.news-container .news-box .news-swiper { width: 580px; height: 352px; border-radius: 8px; margin-right: 40px; overflow: hidden; }

.news-container .news-box .news-swiper .swiper-slide { position: relative; }

.news-container .news-box .news-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.news-container .news-box .news-swiper .swiper-slide .title { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(29, 38, 47, 0.5); padding: 17px 20px; color: #fff; }

.news-container .news-box .info-box { flex: 1; width: 0; }

.news-container .news-box .info-box .first-new { padding-bottom: 20px; border-bottom: 1px dotted rgba(120, 133, 128, 0.5); }

.news-container .news-box .info-box .first-new .title { font-size: 24px; }

.news-container .news-box .info-box .first-new .des { color: #788580; margin-top: 10px; line-height: 22px; }

.news-container .news-box .info-box .list a { display: flex; align-items: center; justify-content: space-between; position: relative; padding-left: 18px; margin-top: 20px; }

.news-container .news-box .info-box .list a::after { content: ''; position: absolute; left: 0; top: calc((18px - 5px) / 2); width: 5px; height: 5px; background: #AEB5BA; border-radius: 100%; }

.news-container .news-box .info-box .list a .title { max-width: 80%; }

.news-container .news-box .info-box .list a .time { font-size: 12px; color: #788580; }

.duty-box { margin-top: 80px; border-radius: 8px; background: #F3FAFB; padding: 24px 24px 35px; }

.duty-box .info img { margin-right: 25px; }

.duty-box .entity-icon { margin-top: 12px; text-align: center; }

.duty-box .entity-icon a:not(:last-child) .icon-item { margin-right: 62px; }

.duty-box .entity-icon p { font-size: 16px; font-weight: bold; margin-top: 6px; }

.pro-container { margin-top: 40px; }

.pro-container .pro-box { width: 560px; }

.pro-container .pro-box .thumb { position: relative; width: 100%; min-height: 200px; margin: 25px 0 20px; color: #fff; }

.pro-container .pro-box .thumb.green { color: #408D63; }

.pro-container .pro-box .thumb.green .info .title, .pro-container .pro-box .thumb.green .info .intro { text-shadow: none; }

.pro-container .pro-box .thumb .badge { position: absolute; top: 0; left: 0; font-size: 12px; border-radius: 5px 0 10px 0; background: rgba(0, 0, 0, 0.5); padding: 6px 10px; color: #fff; }

.pro-container .pro-box .thumb .info { position: absolute; top: 72px; left: 36px; }

.pro-container .pro-box .thumb .info .title { font-size: 36px; font-family: 'fzct'; line-height: 40px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.pro-container .pro-box .thumb .info .intro { text-shadow: 0 0 10px rgba(0, 0, 0, 0.25); font-family: puhui; font-weight: bold; font-size: 16px; }

.pro-container .pro-box .swiper-container { width: 100%; height: 133px; color: #333; }

.pro-container .pro-box .swiper-container .title { font-size: 20px; }

.pro-container .pro-box .swiper-container .time { font-size: 16px; margin: 6px 0; }

.pro-container .pro-box .swiper-container .green { color: #046636; }

.pro-container .pro-box .swiper-container .mar { margin-left: 20px; }

.pro-container .pro-box .swiper-container .des { width: 435px; font-size: 14px; opacity: .5; }

.pro-container .empty { line-height: 100px; }

.pro-container .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; }

.adopt-box { margin-top: 60px; }

.adopt-box .adopt { position: relative; font-size: 0; margin-top: 25px; }

.adopt-box .adopt img { width: 100%; }

.adopt-box .adopt .info { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; color: #fff; }

.adopt-box .adopt .info h1 { font-size: 36px; }

.adopt-box .adopt .info .intro { font-size: 16px; line-height: 22px; text-align: center; margin: 3px 0 20px; }

.last-box { padding: 80px 0; }

.last-box .global-title { margin-bottom: 20px; }

.last-box .donate-box { width: 560px; }

.last-box .donate-box .donate-content { padding: 0 74px 0 10px; }

.last-box .donate-box .donate-header { color: #788580; padding: 0 7px 10px; margin-left: 37px; border-bottom: 1px dotted rgba(120, 133, 128, 0.5); }

.last-box .donate-box .donate-list { height: 400px; overflow: hidden; }

.last-box .donate-box .donate-list .cell { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; line-height: 34px; margin-left: 37px; border-bottom: 1px dotted rgba(120, 133, 128, 0.5); }

.last-box .donate-box .donate-list .cell .name { position: relative; display: flex; align-items: center; width: 28%; }

.last-box .donate-box .donate-list .cell .name img { position: absolute; left: -36px; width: 36px; height: 36px; object-fit: cover; border-radius: 100%; }

.last-box .donate-box .donate-list .cell .name p { width: 100%; padding-left: 10px; font-size: 14px; }

.last-box .donate-box .donate-list .cell .money { width: 33%; text-align: center; }

.last-box .donate-box .donate-list .cell .money span { font-size: 17px; font-weight: bold; }

.last-box .donate-box .donate-list .cell .time { width: 31%; text-align: right; color: #788580; font-size: 12px; }

.last-box .zs-box { width: 550px; }

.last-box .zs-box .zs-header { display: flex; align-items: center; padding-bottom: 8px; margin-bottom: 23px; border-bottom: 1px dotted rgba(120, 133, 128, 0.5); }

.last-box .zs-box .zs-header .tab { position: relative; font-size: 15px; font-weight: bold; cursor: pointer; opacity: .7; }

.last-box .zs-box .zs-header .tab.active { color: #22A14D; opacity: 1; }

.last-box .zs-box .zs-header .tab.active::after { content: ''; position: absolute; left: calc(50% - 5px); bottom: -16px; width: 10px; height: 8px; background: url(../../images/province/jt.png) no-repeat center/100%; }

.last-box .zs-box .zs-header .tab:first-child { margin-right: 70px; }

.last-box .zs-box .zs-list { display: none; height: 380px; overflow: hidden; font-size: 0; padding-left: 13px; }

.last-box .zs-box .zs-list.on { display: block; }

.last-box .zs-box .zs-list a { display: inline-block; width: 167px; margin-bottom: 15px; }

.last-box .zs-box .zs-list a img { width: 100%; height: 118px; object-fit: cover; }

.last-box .zs-box .zs-list a:not(:nth-child(3n)) { margin-right: 15px; }

.last-box .zs-box .zs-list a .name { font-size: 14px; margin: 5px 0 2px; }

.last-box .zs-box .zs-list a .ddno { font-size: 12px; color: #788580; opacity: .7; }

.map-box { padding-bottom: 80px; }

.map-box .map-container { position: relative; margin-top: 40px; }

.map-box .map-container .map-img-box { position: relative; margin: 0 auto; }

.map-box .map-container .map-img-box > img { width: 100%; }

.map-box .map-container .map-move { position: absolute; top: 0; left: 0; opacity: 0; transition: all .3s; }

.map-box .map-container .map-move .tree { width: 28px; position: absolute; left: 0; top: 0; }

.map-box .map-container .map-move .move-box { width: 125px; position: absolute; left: -48px; top: -134px; }

.map-box .map-container .map-move .move-box img { width: 100%; }

.map-box .map-container .map-move .move-box p { width: 100%; position: absolute; top: 45px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; }

.map-box .map-container .map-move .move-box p.val { top: 65px; }

.map-box .map-container .map-move.active { opacity: 1; }

.map-box .map-container .map-move.active .move-box { animation: Updown 1s infinite alternate; -webkit-animation: Updown 1s alternate infinite; }

@keyframes Updown { from { top: -130px; }
  to { top: -145px; } }