html body {
  color: #333333;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}
html body .left {
  float: left;
}
html body .right {
  float: right;
}
html body .font14 {
  font-size: 14px;
}
html body .activeColor {
  color: #4CBB04;
}
html body .center {
  width: 1200px;
  margin: 0 auto;
}
html body .absolute {
  position: absolute;
}
html body .centerTwo {
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
html body .clear {
  clear: both;
}
html body .width50 {
  width: 50%;
}
html body .more-btn {
  display: block;
  background: #4cbb04;
  width: 153px;
  height: 43px;
  line-height: 43px;
  color: white;
  text-align: center;
  border-radius: 30px;
}
html body .shadow {
  box-shadow: 0 0 10px 3px whitesmoke;
}
html body a {
  color: #FFFFFF;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p,
html body ul,
html body li,
html body input,
html body textarea,
html body ol {
  margin: 0;
  padding: 0;
  outline: none;
}
html body li {
  list-style: none;
}
html body a {
  text-decoration: none;
}
html body .top-nav {
  height: 80px;
  line-height: 80px;
}
html body .top-nav .top-nav-logo {
  float: left;
  height: 80px;
  display: inline-block;
  padding-left: 36px;
  overflow: hidden;
}
html body .top-nav .top-nav-logo a {
  display: inline-block;
  vertical-align: middle;
  line-height: 80px;
}
html body .top-nav .top-nav-logo a img {
  max-height: 53px;
  display: inline-block;
  vertical-align: middle;
}
html body .top-nav .top-nav-list {
  float: right;
}
html body .top-nav .top-nav-list ul {
  margin-right: 60px;
  display: inline-block;
  text-align: center;
}
html body .top-nav .top-nav-list ul li {
  position: relative;
  display: inline-block;
  padding: 0px 20px;
}
html body .top-nav .top-nav-list ul li a {
  display: inline-block;
  line-height: 20px;
  padding: 16px 0;
  color: #333333;
  width: 100%;
  height: 100%;
}
html body .top-nav .top-nav-list ul li.active a {
  color: #4cbb04;
  border-bottom: 2px solid #4cbb04;
}
html body .top-nav .top-nav-list ul li.active .item a {
  border-bottom: none;
}
html body .top-nav .top-nav-list ul li .child {
  width: 116px;
  height: 52px;
  line-height: 52px;
  position: absolute;
  left: -8px;
  display: none;
}
html body .top-nav .top-nav-list ul li .child a {
  color: #FFFFFF;
}
html body .top-nav .top-nav-list ul li .child .item {
  background: #000000;
}
html body .top-nav .top-nav-list ul li .child .item.active,
html body .top-nav .top-nav-list ul li .child .item:hover {
  background: #5B5B5B;
}
html body .top-nav .top-nav-list ul li:hover .child {
  display: block;
  z-index: 999;
}
html body .top-nav .top-nav-list .help-btn {
  float: right;
}
html body .top-nav .top-nav-list .help-btn a {
  padding: 8px 20px;
  background: #4cbb04;
  width: 100px;
  height: 36px;
  border-radius: 18px;
  line-height: 20px;
}
html body .top-nav .top-nav-list .help-btn a:hover {
  background: #3E9F00;
}
html body .gallery-wrap {
  height: 640px;
  position: relative;
  overflow: hidden;
}
html body .gallery-wrap .swiper-container {
  height: 100%;
  width: 100%;
  color: white;
  text-align: center;
}
html body .gallery-wrap .swiper-container .gallery {
  height: 100%;
  width: 100%;
}
html body .gallery-wrap .center {
  position: relative;
}
html body .gallery-wrap .center .swiper-pagination {
  bottom: 24px ! important;
  right: 0;
}
html body .gallery-wrap .center .swiper-pagination span {
  outline: none;
  margin-right: 17px;
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  opacity: 0.18;
}
html body .gallery-wrap .center .swiper-pagination span.swiper-pagination-bullet-active {
  background: #009E38;
  opacity: 1;
}
html body .gallery-wrap .center .swiper-pagination span:last-child {
  margin-right: 0;
}
html body .common-title {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 40px;
  margin-top: 60px;
}
html body .common-title .home-title {
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #484848;
}
html body .common-title .subtitle {
  display: inline-block;
  position: relative;
  color: #999999;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
}
html body .common-title .subtitle:before {
  position: absolute;
  top: 12px;
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  margin: 0 auto;
  border-bottom: 5px solid #E8E8E8;
  z-index: -1;
}
html body .donate-wrap {
  background: #F7F7F7;
  overflow: hidden;
  padding: 60px 0;
}
html body .donate-wrap .donate-left {
  display: inline-block;
  color: #FFF;
  position: relative;
  height: 242px;
  float: left;
  width: 630px;
}
html body .donate-wrap .donate-left .title {
  font-size: 30px;
  line-height: 42px;
  display: inline-block;
  margin: 40px 0px 12px 40px;
}
html body .donate-wrap .donate-left .desc {
  font-size: 14px;
  color: #59C45D;
  line-height: 20px;
  font-weight: 600;
  margin-left: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
html body .donate-wrap .donate-left p {
  font-size: 16px;
  line-height: 22px;
  position: absolute;
  bottom: 30px;
  left: 40px;
}
html body .donate-wrap .donate-right {
  display: inline-block;
  margin-left: 20px;
  padding: 20px 40px;
  background: #FDFFFF;
  color: #333333;
  line-height: 33px;
  font-size: 24px;
  font-weight: 500;
}
html body .donate-wrap .donate-right p {
  font-size: 16px;
  line-height: 22px;
  color: #191919;
  margin-bottom: 16px;
  opacity: 0.37;
}
html body .donate-wrap .donate-right .money {
  font-size: 22px;
  line-height: 38px;
  color: #4cbb04;
  margin-top: 26px;
  margin-bottom: 24px;
  text-align: center;
  overflow: hidden;
}
html body .donate-wrap .donate-right .money span {
  float: left;
  background: #F0F0F0;
  width: 38px;
  height: 38px;
  display: inline-block;
  margin-right: 10px;
}
html body .donate-wrap .donate-right .money span:last-child {
  margin-right: 0;
}
html body .donate-wrap .donate-right a {
  padding: 7px 65px;
  background: #FEB301;
  font-size: 20px;
  line-height: 28px;
  border-radius: 6px;
  font-weight: bold;
}
html body .donate-wrap .donate-right a.right {
  background-color: #4CBB04;
}
html body .donate-wrap .donate-right a:hover {
  background: #F8AC34;
}
html body .donate-wrap .donate-right a:hover.right {
  background: #3E9F00;
}
html body .about-wrap {
  padding-top: 60px;
  overflow: hidden;
  position: relative;
}
html body .about-wrap .about-left {
  position: absolute;
  top: 93px;
  background: #F7F7F7;
  opacity: 0.7;
  padding: 40px;
  width: 600px;
  line-height: 30px;
  color: #666666;
  min-height: 240px;
}
html body .about-wrap .about-left .title {
  font-size: 30px;
  line-height: 42px;
  color: #333333;
  margin-bottom: 10px;
}
html body .about-wrap .about-left .sub {
  font-size: 22px;
  color: #909090;
  line-height: 27px;
  margin-bottom: 20px;
}
html body .about-wrap .about-left .desc {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
html body .about-wrap .about-left a {
  position: absolute;
  bottom: 43px;
  color: #C0C0C0;
  line-height: 20px;
}
html body .about-wrap .about-right {
  float: right;
  width: 550px;
  height: 390px;
}
html body .about-wrap .about-right img {
  width: 100%;
  height: 100%;
}
html body .recommend-wrap {
  overflow: hidden;
}
html body .recommend-wrap .recommend-list {
  overflow: hidden;
}
html body .recommend-wrap .recommend-list .item {
  float: left;
  width: 386px;
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  color: #FFF;
  margin-left: 20px;
  height: 234px;
  text-align: center;
}
html body .recommend-wrap .recommend-list .item .cover {
  position: absolute;
  top: 0;
  background: #000000;
  opacity: 0.48;
  width: 100%;
  height: 100%;
}
html body .recommend-wrap .recommend-list .item .content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
}
html body .recommend-wrap .recommend-list .item:hover .content p:after {
  position: absolute;
  bottom: 0;
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  margin: 0 auto;
  border-bottom: 1px solid #FFFFFF;
  z-index: -1;
}
html body .recommend-wrap .recommend-list .item.first {
  margin-left: 0px;
  height: 488px;
}
html body .recommend-wrap .recommend-list .item.first .first-content {
  font-size: 14px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
html body .recommend-wrap .recommend-list .item.first .first-content p {
  font-size: 24px;
  line-height: 33px;
  border-bottom: none;
}
html body .recommend-wrap .recommend-list .item.first .first-content span {
  margin-bottom: 20px;
  display: block;
  padding: 20px;
  line-height: 20px;
}
html body .recommend-wrap .recommend-list .item.first .first-content a {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  padding: 15px 90px;
}
html body .recommend-wrap .recommend-list .item.first:hover .first-content {
  opacity: 1;
  transition: all 0.5s ease;
  display: block;
}
html body .recommend-wrap .recommend-list .item.first:hover .cover {
  background: #48AB07;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
}
html body .recommend-wrap .recommend-list .item.first:hover .content {
  opacity: 0;
  transition: all 0.5s ease;
  display: none;
}
html body .recommend-wrap .recommend-list .a-item:nth-last-child(2) .item,
html body .recommend-wrap .recommend-list .a-item:last-child .item {
  margin-top: 18px;
}
html body .recommend-wrap .more {
  margin-top: 40px;
  margin-bottom: 60px;
  text-align: center;
}
html body .recommend-wrap .more a {
  border: 1px #EEEEEE solid;
  border-radius: 4px;
  color: #C0C0C0;
  font-size: 16px;
  line-height: 22px;
  padding: 16px 80px;
  display: inline-block;
  transition: all 0.5s ease;
}
html body .recommend-wrap .more a:hover {
  color: #FFFFFF;
  background: #3E9F00;
  border: 1px #3E9F00 solid;
  transition: all 0.5s ease;
}
html body .achievement-wrap {
  background: #F7F7F7;
  overflow: hidden;
}
html body .achievement-wrap .achievement-list {
  margin-bottom: 40px;
  overflow: hidden;
}
html body .achievement-wrap .achievement-list .item {
  width: 400px;
  color: #333;
  display: inline-block;
  float: left;
}
html body .achievement-wrap .achievement-list .item .img {
  height: 198px;
  position: relative;
}
html body .achievement-wrap .achievement-list .item .img img {
  width: 100%;
  height: 100%;
}
html body .achievement-wrap .achievement-list .item .img span {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #FFF;
}
html body .achievement-wrap .achievement-list .item .content {
  padding: 30px 40px 0 20px;
  overflow: hidden;
  height: 168px;
  background: #FFF;
}
html body .achievement-wrap .achievement-list .item .content .title {
  position: relative;
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
html body .achievement-wrap .achievement-list .item .content .title:before {
  position: absolute;
  left: -20px;
  content: '';
  width: 2px;
  height: 100%;
  display: block;
  margin: 0 auto;
  border-left: 2px solid #4cbb04;
}
html body .achievement-wrap .achievement-list .item .content .desc {
  color: #666;
  margin-bottom: 20px;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
html body .achievement-wrap .achievement-list .item .content .time {
  color: #999;
  line-height: 17px;
}
html body .achievement-wrap .achievement-list .item:hover .content .title {
  color: #4cbb04;
}
html body .achievement-wrap .achievement-list .item.mid .img span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #FFF;
  border-bottom: none;
}
html body .achievement-wrap .more {
  text-align: center;
  margin-bottom: 60px;
}
html body .achievement-wrap .more a {
  padding: 16px 80px;
  background: #4cbb04;
  box-shadow: 0px 2px 4px 0px #9EDAB3;
  border-radius: 4px;
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
}
html body .achievement-wrap .more a:hover {
  background: #3E9F00;
}
html body .developments-wrap {
  overflow: hidden;
}
html body .developments-wrap .developments-left {
  float: left;
  width: 600px;
  position: relative;
  height: 360px;
  color: #FFF;
}
html body .developments-wrap .developments-left .img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease;
  opacity: 0;
}
html body .developments-wrap .developments-left .img.active {
  z-index: 99;
  opacity: 1;
}
html body .developments-wrap .developments-left .content {
  position: relative;
  top: 300px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  border-radius: 0px 0px 6px 6px;
  opacity: 0.8;
}
html body .developments-wrap .developments-left .content p {
  display: inline-block;
  bottom: 20px;
  padding-left: 20px;
  line-height: 60px;
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
html body .developments-wrap .developments-left .content span {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
html body .developments-wrap .developments-right {
  float: left;
  margin-left: 60px;
  text-align: left;
  width: 540px;
  margin-bottom: 24px;
}
html body .developments-wrap .developments-right ul {
  margin-bottom: 20px;
}
html body .developments-wrap .developments-right ul li {
  border-bottom: 1px #E3E3E3 dotted;
  position: relative;
  line-height: 20px;
  padding: 20px 0;
}
html body .developments-wrap .developments-right ul li a {
  display: inline-block;
  color: #666666;
}
html body .developments-wrap .developments-right ul li a p {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 440px;
}
html body .developments-wrap .developments-right ul li a span {
  color: #999999;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
html body .developments-wrap .developments-right ul li:hover p {
  color: #4cbb04;
}
html body .developments-wrap .developments-right .more {
  display: inline-block;
  font-size: 13px;
  padding: 6px 24px 8px;
  background: #4cbb04;
  color: #FFFFFF;
}
html body .developments-wrap .developments-right .more:hover {
  background: #3E9F00;
}
html body .partner-wrap {
  margin-bottom: 60px;
}
html body .partner-wrap .partner-list {
  position: relative;
}
html body .partner-wrap .partner-list .box {
  /*height: 78px;*/
}
html body .partner-wrap .partner-list .box a {
  float: left;
  display: inline-block;
  border: 1px solid #EEEEEE;
 /* width: 135px;
  height: 63px;*/
  width: 200px;
  height: 93px;
  margin-left: 14px;
  line-height: 101px;
  background: #FFFFFF;
  margin-top: 10px;
  box-sizing: border-box;
}
html body .partner-wrap .partner-list .box a img {
  max-width: 226px;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}
html body .partner-wrap .partner-list .box a:first-child {
  margin-left: 0px;
}
html body .partner-wrap .partner-list .box a:hover {
  opacity: 0.8;
}
html body .partner-wrap .partner-list .swiper-button-next,
html body .partner-wrap .partner-list .swiper-button-prev {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  outline: none;
  background: #e8e8e8 url(/Application/Home/View/cpwf/styles/css/images/next_page.png) no-repeat center;
}
html body .partner-wrap .partner-list .swiper-button-next:hover,
html body .partner-wrap .partner-list .swiper-button-prev:hover {
  background-color: #4CBB04;
}
html body .partner-wrap .partner-list .swiper-button-prev {
  background-image: url(/Application/Home/View/cpwf/styles/css/images/previous_page.png);
}
html body .footer {
  background: #1B1B1B;
}
html body .footer .footer-list {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 20px;
}
html body .footer .footer-list ul {
  float: left;
  margin-right: 104px;
  margin-top: 30px;
}
html body .footer .footer-list ul li {
  font-size: 12px;
  line-height: 26px;
  color: #939393;
}
html body .footer .footer-list ul li a {
  color: #939393;
}
html body .footer .footer-list ul li a:hover {
  opacity: 0.8;
}
html body .footer .footer-list ul li.first {
  font-size: 16px;
  line-height: 22px;
  position: relative;
  padding-bottom: 9px;
  margin-bottom: 14px;
}
html body .footer .footer-list ul li.first a {
  color: #B7B7B7;
}
html body .footer .footer-list ul li.first span {
  display: inline-block;
  width: 13px;
  height: 2px;
  background: #4cbb04;
  position: absolute;
  left: 0;
  bottom: 0;
}
html body .footer .footer-list .footer-right {
  float: right;
  padding-bottom: 30px;
  position: relative;
  padding: 30px 0;
}
html body .footer .footer-list .footer-right img {
  top: 50%;
  transform: translateY(-50%);
  float: left;
  width: 80px;
  height: 80px;
  position: absolute;
  left: -80px;
}
html body .footer .footer-list .footer-right ul {
  padding-left: 30px;
  margin-right: 0;
  margin-left: 30px;
  position: relative;
  margin-top: 0;
}
html body .footer .footer-list .footer-right ul:before {
  position: absolute;
  left: 0;
  top: 7px;
  content: '';
  width: 1px;
  height: 110px;
  display: block;
  margin: 0 auto;
  border-left: 1px solid #292929;
}
html body .footer .copywrite {
  text-align: center;
  color: #939393;
  font-size: 12px;
  line-height: 18px;
  padding: 12px 0;
  background: #292929;
}
html body .footer .copywrite a {
  margin-left: 4px;
}
html body .footer .copywrite a:hover {
  color: #e2dfdf !important;
}
html body .banner {
  height: 440px;
  width: 100%;
  position: relative;
}
html body .banner .cover {
  background: #000000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
html body .banner .content {
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 500;
  line-height: 50px;
  padding-left: 16px;
  z-index: 99;
  position: absolute;
  top: 217px;
}
html body .banner .content span {
  display: inline-block;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
html body .banner .content:after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 100%;
  height: 77px;
  display: block;
  margin: 0 auto;
  border-left: 4px solid #15A02D;
}
html body .common-wrap {
  background: #F7F7F7;
  margin-bottom: -14px;
}
html body .common-wrap .center {
  position: relative;
}
html body .common-wrap .common-second-nav {
  overflow: hidden;
  padding: 27px 39px 29px 37px;
  color: #999999;
  border-radius: 4px 4px 0 0;
  z-index: 99;
  position: relative;
  top: -74px;
  background: #FFFFFF;
}
html body .common-wrap .common-second-nav ul li {
  float: left;
  margin-right: 6px;
  padding-right: 6px;
  font-size: 12px;
  line-height: 17px;
  position: relative;
}
html body .common-wrap .common-second-nav ul li a {
  color: #999999;
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
  position: relative;
}
html body .common-wrap .common-second-nav ul li a:hover {
  opacity: 0.8;
}
html body .common-wrap .common-second-nav ul li:after,
html body .common-wrap .common-second-nav ul li:before {
  border: 5px solid transparent;
  border-left: 6px solid #FFF;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6px;
  content: ' ';
}
html body .common-wrap .common-second-nav ul li:before {
  border-left-color: #999999;
  right: -7px;
}
html body .common-wrap .common-second-nav ul li:first-child,
html body .common-wrap .common-second-nav ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}
html body .common-wrap .common-second-nav ul li:first-child:after,
html body .common-wrap .common-second-nav ul li:last-child:after,
html body .common-wrap .common-second-nav ul li:first-child:before,
html body .common-wrap .common-second-nav ul li:last-child:before {
  border: none;
}
html body .common-wrap .common-second-nav .search-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 36px;
  line-height: 40px;
}
html body .common-wrap .common-second-nav .search-box .search {
  color: #999999;
  outline: none;
  line-height: 40px;
  padding-left: 46px;
  width: 164px;
  height: 40px;
  background: #F7F7F7;
  border-radius: 4px;
  border: 1px solid #EEEEEE;
}
html body .common-wrap .common-second-nav .search-box .search-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  border: none;
  width: 16px;
  height: 16px;
  background: url(/Application/Home/View/cpwf/styles/css/images/search_icon.png) center center no-repeat;
  display: block;
  background-size: 16px 16px;
  text-indent: 999999999px;
  cursor: pointer;
}
html body .common-wrap .report-wrap {
  padding: 0 37px 0 39px;
  background: #FFFFFF;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  position: relative;
  top: -74px;
}
html body .common-wrap .report-wrap .report-content {
  padding-top: 30px;
  overflow: hidden;
  border-top: 2px #E0E0E0 solid;
}
html body .common-wrap .report-wrap .report-content .left-nav {
  float: left;
  width: 136px;
  text-align: center;
  margin-bottom: 40px;
}
html body .common-wrap .report-wrap .report-content .left-nav a {
  display: inline-block;
  color: #666666;
  line-height: 46px;
  background: #F7F7F7;
  margin-bottom: 1px;
  height: 46px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
html body .common-wrap .report-wrap .report-content .left-nav a:hover,
html body .common-wrap .report-wrap .report-content .left-nav a.active {
  background: #4CBB04;
  color: #FFFFFF;
}
html body .common-wrap .report-wrap .report-content .left-nav a:hover {
  transition: all 0.5s ease;
}
html body .common-wrap .report-wrap .report-content .right-content {
  float: left;
  margin-left: 40px;
}
html body .common-wrap .report-wrap .report-content .right-content .title {
  padding-left: 14px;
  line-height: 28px;
  font-size: 20px;
  color: #333333;
  margin-bottom: 16px;
  position: relative;
}
html body .common-wrap .report-wrap .report-content .right-content .title span {
  color: #999990;
  font-size: 14px;
  line-height: 20px;
}
html body .common-wrap .report-wrap .report-content .right-content .title:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 100%;
  height: 20px;
  display: block;
  margin: 0 auto;
  border-left: 4px solid #4cbb04;
}
html body .common-wrap .report-wrap .report-content .right-content .report-list {
  overflow: hidden;
}
html body .common-wrap .report-wrap .report-content .right-content .report-list .item {
  margin-bottom: 20px;
  background: #F7F7F7;
  padding: 20px 30px;
  font-size: 16px;
  line-height: 50px;
  overflow: hidden;
  vertical-align: middle;
  width: 888px;
  position: relative;
}
html body .common-wrap .report-wrap .report-content .right-content .report-list .item .img {
  display: inline-block;
  width: 40px;
  height: 50px;
  margin-right: 20px;
  float: left;
}
html body .common-wrap .report-wrap .report-content .right-content .report-list .item:hover {
  background: #efeeee;
}
html body .common-wrap .report-wrap .report-content .right-content .report-list .item p a:hover {
  color: rgb(76 187 4) !important;
}
html body .common-wrap .report-wrap .report-content .right-content .report-list .item p {
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 700px;
}
html body .common-wrap .report-wrap .report-content .right-content .report-list .item .icon {
  display: inline-block;
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 20px;
  background: url(/Application/Home/View/cpwf/styles/css/images/download_icon.png) center center no-repeat;
}
html body .common-wrap .report-wrap .report-content .right-content .report-list .item .icon.show {
  right: 111px;
  width: 25px;
  height: 27px;
  background: url(/Application/Home/View/cpwf/styles/css/images/browse.png) center center no-repeat;
}
html body .common-wrap .report-wrap .report-content .right-content .report-list .item .icon:hover {
  opacity: 0.8;
}
html body .common-wrap .report-wrap .report-content .right-content .rule-list {
  margin-bottom: 30px;
  width: 945px;
}
html body .common-wrap .report-wrap .report-content .right-content .rule-list .item {
  width: 865px;
  height: 22px;
  background: #F7F7F7;
  display: inline-block;
  color: #333333;
  font-size: 16px;
  line-height: 22px;
  padding: 34px 40px;
  margin-top: 4px;
  margin-bottom: 16px;
}
html body .common-wrap .report-wrap .report-content .right-content .rule-list .item p {
  position: relative;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding-left: 16px;
  max-width: 740px;
  padding-right: 130px;
}
html body .common-wrap .report-wrap .report-content .right-content .rule-list .item p span {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}
html body .common-wrap .report-wrap .report-content .right-content .rule-list .item p:before {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: block;
  margin: 0 auto;
  border: 3px solid #333333;
  border-radius: 50%;
}
html body .common-wrap .report-wrap .report-content .right-content .rule-list .item:hover {
  color: #4cbb04;
}
html body .common-wrap .report-wrap .report-content .right-content .rule-list .item:hover p:before {
  border-color: #4cbb04;
}
html body .common-wrap .report-wrap .report-content .right-content .rule-list .item:last-child {
  margin-bottom: 0;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list {
  margin-bottom: 30px;
  overflow: hidden;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 30px;
  margin-top: 30px;
  overflow: hidden;
  display: block;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item .img {
  width: 208px;
  height: 123px;
  float: left;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item .content {
  margin-left: 30px;
  color: #999999;
  float: left;
  width: 710px;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item .content .name-box {
  position: relative;
  vertical-align: middle;
  margin-bottom: 10px;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item .content .name-box span {
  position: relative;
  display: inline-block;
  line-height: 22px;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item .content .name-box .name {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item .content .name-box .named {
  margin-left: 20px;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item .content .birth {
  margin-bottom: 12px;
  color: #C0C0C0;
  line-height: 17px;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item .content .desc {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 26px;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item .content .time {
  margin-top: 20px;
  font-size: 12px;
  color: #C0C0C0;
  line-height: 17px;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item:hover {
  opacity: 0.8;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item:first-child {
  margin-top: 0;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item.work-item .content .name-box span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*-webkit-line-clamp: 1;*/
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item.work-item:hover {
  opacity: 1;
}
html body .common-wrap .report-wrap .report-content .right-content .team-list .item.work-item:hover .name-box .name {
  color: #4cbb04;
}
html body .common-wrap .report-wrap .report-content .project-box {
  overflow: hidden;
}
html body .common-wrap .report-wrap .report-content .project-box .img {
  transition: all .3s ease;
}
html body .common-wrap .report-wrap .report-content .project-box:hover .img {
  transform: scale(1.1);
  transform-origin: center;
}
html body .common-wrap .report-wrap .report-content .project-box:hover .box-content .title {
  color: rgb(76 187 4);
}
html body .common-wrap .report-wrap .report-content .project-box {
  display: inline-block;
  float: left;
  margin-bottom: 30px;
  margin-right: 18px;
  box-shadow: 0px 2px 4px 0px rgba(228, 228, 228, 0.5);
  border: 1px solid #EEEEEE;
}
html body .common-wrap .report-wrap .report-content .project-box .img {
  width: 264px;
  height: 160px;
}
html body .common-wrap .report-wrap .report-content .project-box .box-content {
  padding: 16px 14px 19px;
  line-height: 20px;
  color: #666666;
  width: 236px;
}
html body .common-wrap .report-wrap .report-content .project-box .box-content .title {
  font-size: 16px;
  color: #0E0E0E;
  line-height: 22px;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
html body .common-wrap .report-wrap .report-content .project-box .box-content .desc {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 20px;
}
html body .common-wrap .report-wrap .report-content .project-box .box-content .btn {
  height: 27px;
  line-height: 27px;
  font-size: 12px;
  position: relative;
}
html body .common-wrap .report-wrap .report-content .project-box .box-content .btn .know {
  color: #999999;
  position: relative;
}
html body .common-wrap .report-wrap .report-content .project-box .box-content .btn .know:hover {
  color: #4CBB04;
}
html body .common-wrap .report-wrap .report-content .project-box .box-content .btn .know:hover:after,
html body .common-wrap .report-wrap .report-content .project-box .box-content .btn .know:hover:before {
  border: 4px solid transparent;
  border-left: 6px solid #FFF;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -11px;
  content: ' ';
}
html body .common-wrap .report-wrap .report-content .project-box .box-content .btn .know:hover:before {
  border-left-color: #4CBB04;
  right: -12px;
}
html body .common-wrap .report-wrap .report-content .project-box .box-content .btn .help-btn,
html body .common-wrap .report-wrap .report-content .project-box .box-content .btn .donate-btn {
  position: absolute;
  right: 83px;
  top: 50%;
  transform: translateY(-50%);
  padding: 4px 9px;
  border-radius: 4px;
  border: 1px solid #D1D1D1;
  color: #666666;
}
html body .common-wrap .report-wrap .report-content .project-box .box-content .btn .help-btn:hover,
html body .common-wrap .report-wrap .report-content .project-box .box-content .btn .donate-btn:hover {
  background: #3E9F00;
  border: 1px solid #3E9F00;
  color: #FFFFFF !important;
  transition: all 0.5s ease;
}
html body .common-wrap .report-wrap .report-content .project-box .box-content .btn .donate-btn {
  color: #FFFFFF;
  background: #4cbb04;
  border-color: #4cbb04;
  right: 0;
}
html body .common-wrap .report-wrap .report-content .project-box:nth-child(4n) {
  margin-right: 0;
}
html body .common-wrap .report-wrap .report-content .donate-box {
  margin-bottom: 40px;
  overflow: hidden;
}
html body .common-wrap .report-wrap .report-content .donate-box .img {
  display: inline-block;
  width: 260px;
  height: 96px;
  float: left;
}
html body .common-wrap .report-wrap .report-content .donate-box .donate-right {
  float: left;
  position: relative;
  background: #F7F7F7;
  display: inline-block;
  height: 96px;
  color: #999999;
  line-height: 20px;
  width: 860px;
}
html body .common-wrap .report-wrap .report-content .donate-box .donate-right div {
  position: relative;
  padding: 17px 0 17px 40px;
  display: inline-block;
}
html body .common-wrap .report-wrap .report-content .donate-box .donate-right div .num {
  line-height: 32px;
  font-size: 26px;
  color: #666666;
  margin-top: 10px;
  display: inline-block;
}
html body .common-wrap .report-wrap .report-content .donate-box .donate-right div.first {
  padding-right: 40px;
  min-width: 180px;
}
html body .common-wrap .report-wrap .report-content .donate-box .donate-right div.second:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 100%;
  height: 59px;
  display: block;
  margin: 0 auto;
  border-left: 1px solid #E1E1E1;
}
html body .common-wrap .report-wrap .report-content .donate-box .donate-right .donate-btn {
  border-radius: 4px;
  background: #4cbb04;
  line-height: 17px;
  padding: 5px 10px;
  position: absolute;
  right: 34px;
  top: 50%;
  transform: translateY(-50%);
}
html body .common-wrap .report-wrap .report-content .donate-box .donate-right .donate-btn:hover {
  background: #3E9F00;
  transition: all 0.5s ease;
}
html body .common-wrap .report-wrap .report-content .pintroduce-box {
  padding-left: 39px;
  float: left;
  width: 945px;
  padding-bottom: 60px;
  line-height: 22px;
  color: #666666;
}
html body .common-wrap .report-wrap .report-content .pintroduce-box .content img {
  height: unset !important;
}
html body .common-wrap .report-wrap .report-content .pintroduce-box .pintroduce-img {
  width: 945px;
  height: 360px;
}
html body .common-wrap .report-wrap .report-content .pintroduce-box .big-title {
  padding: 20px 0 16px;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 35px;
  color: #333333;
  font-size: 20px;
  line-height: 28px;
}
html body .common-wrap .report-wrap .report-content .pintroduce-box .second-title {
  color: #333333;
  font-size: 16px;
  margin: 10px 0;
}
html body .common-wrap .report-wrap .news-list-box {
  padding-left: 40px;
  float: left;
}
html body .common-wrap .report-wrap .news-list-box .news-item {
  overflow: hidden;
  margin-bottom: 50px;
}
html body .common-wrap .report-wrap .news-list-box .news-item .time {
  display: inline-block;
  float: left;
  padding: 16px 20px;
  width: 50px;
  border: 1px solid #EEEEEE;
}
html body .common-wrap .report-wrap .news-list-box .news-item .time .day {
  font-size: 18px;
  line-height: 22px;
}
html body .common-wrap .report-wrap .news-list-box .news-item .time .year {
  font-size: 20px;
  line-height: 24px;
}
html body .common-wrap .report-wrap .news-list-box .news-item .content {
  color: #999999;
  line-height: 26px;
  float: left;
  display: inline-block;
  margin-left: 20px;
  max-width: 832px;
}
html body .common-wrap .report-wrap .news-list-box .news-item .content .title {
  color: #333333;
  line-height: 28px;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
html body .common-wrap .report-wrap .news-list-box .news-item .content .desc {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
html body .common-wrap .report-wrap .news-list-box .news-item .content:hover .title {
  color: #4cbb04;
}
html body .common-wrap .report-wrap .more {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
}
html body .common-wrap .report-wrap .more a {
  color: #333333;
  line-height: 17px;
  font-size: 12px;
  border: 1px solid #EDEDED;
  padding: 15px 45px;
  background: #FFFFFF;
  display: inline-block;
}
html body .common-wrap .report-wrap .more a:hover {
  border-color: #4cbb04;
  transition: all 0.5s ease;
  color: #4cbb04;
}
html body .common-wrap .report-wrap.team-wrap .page-wrap,
html body .common-wrap .report-wrap.rule-wrap .page-wrap {
  padding-bottom: 40px;
}
html body .common-wrap .project-wrap {
  padding-left: 44px;
  padding-right: 36px;
}
html body .common-wrap .pintroduce-wrap {
  padding: 0 40px;
}
html body .common-wrap .pintroduce-wrap .image-box {
  width: 947px;
  float: left;
  margin-left: 37px;
  padding-bottom: 60px;
}
html body .common-wrap .pintroduce-wrap .image-box .gallery-top {
  width: 947px;
  height: 510px;
  margin-bottom: 25px;
}
html body .common-wrap .pintroduce-wrap .image-box .gallery-top .swiper-slide .content {
  position: absolute;
  bottom: 0;
  width: 947px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
html body .common-wrap .pintroduce-wrap .image-box .gallery-top .swiper-slide .content .title {
  line-height: 40px;
  font-size: 28px;
  padding: 0 30px;
  color: #FFFFFF;
  margin-top: 47px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-weight: 500;
}
html body .common-wrap .pintroduce-wrap .image-box .gallery-top .swiper-slide .content .desc {
  color: #DEDEDE;
  line-height: 22px;
  margin: 9px 30px 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box {
  height: 122px;
  position: relative;
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .gallery-thumbs {
  width: 877px;
  height: 100%;
  box-sizing: border-box;
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .gallery-thumbs .swiper-wrapper {
  height: 120px;
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .gallery-thumbs .swiper-wrapper .swiper-slide {
  border: 1px solid #FFFFFF;
  cursor: pointer;
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  border: 1px solid #15A02D;
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .swiper-button-next,
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .swiper-button-prev {
  outline: none;
  width: 15px;
  height: 122px;
  background: #F7F7F7;
  border-radius: 4px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .swiper-button-next:before,
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .swiper-button-prev:before {
  display: inline-block;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(-50%);
  content: "";
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  border-color: #B7B7B7;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .swiper-button-next:hover,
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .swiper-button-prev:hover {
  background: #4CBB04;
  transition: all 0.5s ease;
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .swiper-button-next:hover:before,
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .swiper-button-prev:hover:before {
  border-color: #FFFFFF;
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .swiper-button-prev {
  left: 0;
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .swiper-button-prev:before {
  left: 50%;
  content: "";
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  border-color: #B7B7B7;
  border-style: solid;
  transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0);
  position: absolute;
}
html body .common-wrap .pintroduce-wrap .image-box .thumbs-box .swiper-button-next {
  right: 0;
}
html body .common-wrap .pintroduce-wrap .image-box.news-image {
  padding-bottom: 40px;
}
html body .common-wrap .page-wrap {
  text-align: right;
  margin-top: 10px;
  overflow: hidden;
  padding-bottom: 60px;
}
html body .common-wrap .page-wrap .content {
  text-align: center;
  display: inline-block;
}
html body .common-wrap .page-wrap .content a {
  float: left;
  display: inline-block;
  border: 1px solid #EEEEEE;
  width: 36px;
  height: 34px;
  margin-left: 15px;
  color: #666666;
  line-height: 34px;
  font-size: 16px;
}
html body .common-wrap .page-wrap .content a:first-child {
  margin-left: 0;
}
html body .common-wrap .page-wrap .content a.first-page,
html body .common-wrap .page-wrap .content a.prev-page,
html body .common-wrap .page-wrap .content a.next-page,
html body .common-wrap .page-wrap .content a.end-page {
  background: url(/Application/Home/View/cpwf/styles/css/images/Shape.png) center center no-repeat;
}
html body .common-wrap .page-wrap .content a.prev-page {
  background-image: url(/Application/Home/View/cpwf/styles/css/images/Shape1.png);
}
html body .common-wrap .page-wrap .content a.next-page {
  background-image: url(/Application/Home/View/cpwf/styles/css/images/Shape2.png);
}
html body .common-wrap .page-wrap .content a.end-page {
  background-image: url(/Application/Home/View/cpwf/styles/css/images/Shape3.png);
}
html body .common-wrap .page-wrap .content a:hover {
  background-color: #4cbb04;
  border-color: #4cbb04;
  transition: all 0.5s ease;
  color: #FFFFFF;
}
html body .common-wrap .dynamic-wrap .dynamic-list-box {
  overflow: hidden;
  float: left;
}
html body .common-wrap .dynamic-wrap .dynamic-list-box .dynamic-item {
  margin: 0 40px 20px;
  border-bottom: 1px solid #EEEEEE;
  max-width: 672px;
}
html body .common-wrap .dynamic-wrap .dynamic-list-box .dynamic-item .content {
  line-height: 26px;
  color: #999999;
}
html body .common-wrap .dynamic-wrap .dynamic-list-box .dynamic-item .content .title {
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*-webkit-line-clamp: 1;*/
  font-weight: 500;
  font-size: 20px;
  color: #333333;
}
html body .common-wrap .dynamic-wrap .dynamic-list-box .dynamic-item .content .desc {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 20px;
}
html body .common-wrap .dynamic-wrap .dynamic-list-box .dynamic-item .content .time {
  color: #C0C0C0;
  line-height: 17px;
  font-size: 12px;
  margin: 20px 0;
}
html body .common-wrap .dynamic-wrap .dynamic-list-box .dynamic-item .content:hover .title {
  color: #4cbb04;
}
html body .common-wrap .dynamic-wrap .dynamic-list-box .dynamic-item:last-child {
  border: none;
}
html body .common-wrap .dynamic-wrap .dynamic-right-box {
  background: #F7F7F7;
  width: 232px;
  float: right;
}
html body .common-wrap .dynamic-wrap .dynamic-right-box .content {
  padding-right: 16px;
  overflow: hidden;
}
html body .common-wrap .dynamic-wrap .dynamic-right-box .content .title {
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  font-weight: 600;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin: 20px 0;
  padding-left: 10px;
}
html body .common-wrap .dynamic-wrap .dynamic-right-box .content .title:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 100%;
  height: 17px;
  display: block;
  margin: 0 auto;
  border-left: 4px solid #4CBB04;
}
html body .common-wrap .dynamic-wrap .dynamic-right-box .content .item {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: inline-block;
  margin-bottom: 20px;
  line-height: 26px;
  position: relative;
  color: #999999;
  padding-left: 20px;
}
html body .common-wrap .dynamic-wrap .dynamic-right-box .content .item:before {
  position: absolute;
  left: 10px;
  top: 11px;
  content: '';
  display: block;
  margin: 0 auto;
  border: 2px solid #4CBB04;
  border-radius: 50%;
}
html body .common-wrap .dynamic-wrap .dynamic-right-box .content .item:hover {
  color: #4cbb04;
}
html body .common-wrap .dynamic-wrap .more {
  margin-top: 20px;
}
html body .common-wrap .news-detail-wrap {
  overflow: hidden;
  padding-bottom: 60px;
}
html body .common-wrap .news-detail-wrap .detail-box {
  float: left;
  max-width: 860px;
  padding-bottom: 40px;
  line-height: 26px;
  color: #999999;
}
html body .common-wrap .news-detail-wrap .detail-box .title {
  margin-bottom: 14px;
  line-height: 37px;
  font-size: 26px;
  color: #333333;
}
html body .common-wrap .news-detail-wrap .detail-box .time {
  line-height: 17px;
  font-size: 12px;
  color: #C0C0C0;
  margin-bottom: 20px;
}
html body .common-wrap .news-detail-wrap .detail-box .time span {
  margin-right: 20px;
}
html body .common-wrap .news-detail-wrap .detail-right-box {
  background: #F7F7F7;
  width: 232px;
  float: right;
}
html body .common-wrap .news-detail-wrap .detail-right-box .content {
  padding-right: 16px;
  overflow: hidden;
}
html body .common-wrap .news-detail-wrap .detail-right-box .content .title {
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  font-weight: 600;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin: 20px 0;
  padding-left: 10px;
}
html body .common-wrap .news-detail-wrap .detail-right-box .content .title:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 100%;
  height: 17px;
  display: block;
  margin: 0 auto;
  border-left: 4px solid #4CBB04;
}
html body .common-wrap .news-detail-wrap .detail-right-box .content .item {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: inline-block;
  margin-bottom: 20px;
  line-height: 26px;
  position: relative;
  color: #999999;
  min-width: 196px;
  padding-left: 20px;
}
html body .common-wrap .news-detail-wrap .detail-right-box .content .item:before {
  position: absolute;
  left: 10px;
  top: 11px;
  content: '';
  display: block;
  margin: 0 auto;
  border: 2px solid #4CBB04;
  border-radius: 50%;
}
html body .common-wrap .news-detail-wrap .detail-right-box .content .item:hover {
  color: #4cbb04;
}
html body .common-wrap .news-detail-wrap .detail-other .box {
  text-align: center;
  width: 860px;
}
html body .common-wrap .news-detail-wrap .detail-other .box a {
  color: #333333;
  font-size: 12px;
  line-height: 17px;
  border: 1px solid #EDEDED;
  padding: 14px 73px;
  display: inline-block;
  position: relative;
}
html body .common-wrap .news-detail-wrap .detail-other .box a span {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  height: 10px;
  width: 10px;
  right: 53px;
}
html body .common-wrap .news-detail-wrap .detail-other .box a span:before,
html body .common-wrap .news-detail-wrap .detail-other .box a span:after {
  content: "";
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  border-color: #000000;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
}
html body .common-wrap .news-detail-wrap .detail-other .box a span:before {
  left: 1px;
}
html body .common-wrap .news-detail-wrap .detail-other .box a.prev {
  margin-right: 126px;
  padding-right: 53px;
}
html body .common-wrap .news-detail-wrap .detail-other .box a.prev span {
  left: 53px;
}
html body .common-wrap .news-detail-wrap .detail-other .box a.prev span:before,
html body .common-wrap .news-detail-wrap .detail-other .box a.prev span:after {
  transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0);
}
html body .common-wrap .news-detail-wrap .detail-other .box a.prev span:before {
  left: 1px;
}
html body .common-wrap .news-detail-wrap .detail-other .box a.next {
  padding-left: 53px;
}
html body .common-wrap .news-detail-wrap .detail-other .box a:hover {
  border-color: #15A02D;
  transition: all 0.5s ease;
  color: #15A02D;
}
html body .common-wrap .news-detail-wrap .detail-other .box a:hover span:before,
html body .common-wrap .news-detail-wrap .detail-other .box a:hover span:after {
  border-color: #15A02D;
  transition: all 0.5s ease;
}
html body .common-wrap .video-wrap {
  overflow: hidden;
  padding-bottom: 40px;
}
html body .common-wrap .video-wrap .video-box {
  margin-left: 40px;
  display: inline-block;
  float: left;
  width: 690px;
  height: 398px;
  position: relative;
}
html body .common-wrap .video-wrap .video-box .item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
html body .common-wrap .video-wrap .video-box .item .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
}
html body .common-wrap .video-wrap .video-box .item .cover span {
  width: 56px;
  height: 56px;
  position: absolute;
  background: url(/Application/Home/View/cpwf/styles/css/images/browse.png) center center no-repeat;
  z-index: 3;
  background-size: 56px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: inline-block;
}
html body .common-wrap .video-wrap .video-box .item video {
  width: 100%;
  height: 100%;
}
html body .common-wrap .video-wrap .video-box .item.active {
  display: block;
}
html body .common-wrap .video-wrap .video-right-box {
  height: 398px;
  width: 240px;
  float: right;
  overflow: auto;
}
html body .common-wrap .video-wrap .video-right-box .content .item {
  padding: 17px 11px 14px 10px;
  background: #110E0E;
  cursor: pointer;
  color: #999999;
  line-height: 26px;
  overflow: hidden;
}
html body .common-wrap .video-wrap .video-right-box .content .item .img {
  float: left;
  height: 57px;
  width: 91px;
  border: 1px solid #110E0E;
  margin-right: 10px;
  display: inline-block;
}
html body .common-wrap .video-wrap .video-right-box .content .item .title {
  float: left;
  display: inline-block;
  max-width: 112px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
html body .common-wrap .video-wrap .video-right-box .content .item.active {
  background: #272727;
  color: #4CBB04;
}
html body .common-wrap .video-wrap .video-right-box .content .item.active .img {
  border-color: #4CBB04;
}
html body .common-wrap .video-wrap .video-right-box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
html body .common-wrap .video-wrap .video-right-box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  background: rgba(251, 251, 251, 0.29);
}
html body .common-wrap .video-wrap .video-right-box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 4px #110E0E;
  border-radius: 0;
  background: #110E0E;
}
html body .common-wrap .about-wrap .about-us-box {
  width: 945px;
  margin-bottom: 10px;
}
html body .common-wrap .about-wrap .about-us-box .first-box {
  margin-bottom: 20px;
}
html body .common-wrap .about-wrap .about-us-box .first-box .desc {
  margin-top: 4px;
  line-height: 26px;
  color: #999999;
  margin-bottom: 20px;
}
html body .common-wrap .about-wrap .about-us-box .first-box .img-list {
  overflow: hidden;
}
html body .common-wrap .about-wrap .about-us-box .first-box .img-list .item {
  background: #F7F7F7;
  width: 302px;
  height: 180px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 180px;
}
html body .common-wrap .about-wrap .about-us-box .first-box .img-list .item img {
  max-height: 180px;
  max-width: 302px;
  display: inline-block;
  vertical-align: middle;
}
html body .common-wrap .about-wrap .about-us-box .first-box .img-list .item:nth-child(3n) {
  margin-right: 0;
}
html body .common-wrap .about-wrap .about-us-box .first-box .img-list .item:nth-child(3n-1) {
  width: 301px;
}
html body .common-wrap .about-wrap .about-us-box .second-box .img-list {
  overflow: hidden;
  margin-bottom: 40px;
}
html body .common-wrap .about-wrap .about-us-box .second-box .img-list .item {
  float: left;
  margin-right: 98px;
  width: 163px;
  text-align: center;
  color: #999999;
  line-height: 26px;
}
html body .common-wrap .about-wrap .about-us-box .second-box .img-list .item .img {
  background: #F7F7F7;
  width: 120px;
  height: 120px;
  margin-bottom: 20px;
  border-radius: 50%;
  line-height: 120px;
  display: inline-block;
}
html body .common-wrap .about-wrap .about-us-box .second-box .img-list .item .img img {
  vertical-align: middle;
  display: inline-block;
  max-width: 120px;
  max-height: 120px;
}
html body .common-wrap .about-wrap .about-us-box .second-box .img-list .item:nth-child(4n) {
  margin-right: 0;
  width: 144px;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list {
  overflow: hidden;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list {
  overflow: hidden;
  margin-bottom: 40px;
  position: relative;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list:before {
  position: absolute;
  content: '';
  width: 945px;
  height: 1px;
  display: block;
  margin: 0 auto;
  border-top: 1px solid #E9E9E9;
  top: 250px;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item {
  float: left;
  text-align: center;
  line-height: 20px;
  color: #999999;
  padding: 0 49px;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item .img {
  margin-bottom: 20px;
  text-align: center;
  vertical-align: middle;
  height: 193px;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item .img img {
  max-width: 165px;
  max-height: 193px;
  display: inline-block;
  background: #D8D8D8;
  border-radius: 8px;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item .name {
  color: #333333;
  line-height: 22px;
  font-size: 16px;
  padding-bottom: 15px;
  position: relative;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item .name:after,
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item .name:before {
  position: absolute;
  content: '';
  display: block;
  margin: 0 auto;
  border: 3px solid #4CBB04;
  border-radius: 50%;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item .name:before {
  border: 5px solid #C9F4D0;
  bottom: -5px;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item .desc {
  padding-top: 14px;
  color: #999999;
  display: inline-block;
  width: 162px;
  position: relative;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item:first-child {
  padding-left: 0;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item:last-child {
  padding-right: 0;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item:nth-child(2),
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item:nth-last-child(2) {
  padding: 0 17px;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item:nth-child(2) .desc,
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list .item:nth-last-child(2) .desc {
  width: 227px;
}
html body .common-wrap .about-wrap .about-us-box .third-box .img-list .item-list:first-child {
  margin-top: 24px;
}
html body .common-wrap .about-wrap .about-us-box .fourth-box .img-list {
  overflow: hidden;
  margin-top: 14px;
}
html body .common-wrap .about-wrap .about-us-box .fourth-box .img-list .item {
  line-height: 26px;
  color: #999999;
  display: inline-block;
  float: left;
  margin-right: 20px;
}
html body .common-wrap .about-wrap .about-us-box .fourth-box .img-list .item .img {
  border-radius: 8px;
  width: 462px;
  height: 265px;
}
html body .common-wrap .about-wrap .about-us-box .fourth-box .img-list .item .desc {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 30px;
  max-width: 462px;
}
html body .common-wrap .about-wrap .about-us-box .fourth-box .img-list .item:hover {
  color: #4cbb04;
}
html body .common-wrap .about-wrap .about-us-box .fourth-box .img-list .item:hover .img {
  opacity: 0.8;
}
html body .common-wrap .about-wrap .about-us-box .fourth-box .img-list .item:nth-child(2n) {
  margin-right: 0;
}
html body .common-wrap .about-wrap .about-us-box.organization-box {
  padding-bottom: 50px;
}
html body .common-wrap .about-wrap .about-us-box.organization-box .second-box {
  margin-top: 20px;
}
html body .common-wrap .about-wrap .about-us-box.organization-box .second-box .img img {
  max-width: 945px;
}
html body .common-wrap .about-wrap .council-box {
  border-bottom: 1px solid #EEEEEE;
  width: 945px;
  margin-bottom: 40px;
}
html body .common-wrap .about-wrap .council-box .img-list {
  overflow: hidden;
  padding-top: 24px;
}
html body .common-wrap .about-wrap .council-box .img-list .item {
  float: left;
  margin-right: 60px;
  line-height: 20px;
  color: #999999;
  text-align: center;
  margin-bottom: 40px;
}
html body .common-wrap .about-wrap .council-box .img-list .item .img-box {
  border: 1px solid #EEEEEE;
  border-radius: 50%;
  margin-bottom: 8px;
  padding: 9px;
  vertical-align: middle;
}
html body .common-wrap .about-wrap .council-box .img-list .item .img-box .image {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-size: 120px;
  background-position: center;
  background-repeat: no-repeat;
}
html body .common-wrap .about-wrap .council-box .img-list .item .name {
  color: #333333;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 3px;
}
html body .common-wrap .about-wrap .council-box .img-list .item:nth-child(5n) {
  margin-right: 0;
}
html body .common-wrap.detail-wrap {
  background: #FFFFFF;
  border-top: 1px #EEEEEE solid;
  margin-bottom: 0;
}
html body .common-wrap.detail-wrap .common-second-nav {
  position: relative;
  top: 0;
  border-radius: 0;
  padding: 60px 0 30px;
}
html body .common-wrap.detail-wrap .detail-box {
  overflow: hidden;
  padding: 40px 0;
  border-top: 2px #E0E0E0 solid;
}
html body .common-wrap.detail-wrap .detail-box .detail-left {
  float: left;
  width: 728px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .first-box {
  text-align: left;
  line-height: 26px;
  color: #999999;
  border: 1px solid #EEEEEE;
  padding: 20px 28px 10px;
  margin-bottom: 40px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .first-box .title {
  color: #333333;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 10px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .first-box .time {
  padding-bottom: 18px;
  margin-bottom: 1px solid #EEEEEE;
  font-size: 12px;
  color: #C0C0C0;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .first-box .desc {
  padding: 20px 0;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .first-box .img {
  width: 690px;
  height: 398px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .first-box .small-title {
  padding: 20px 0;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .first-box .content {
  margin-bottom: 20px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other {
  margin-bottom: 20px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box {
  text-align: center;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a {
  color: #333333;
  font-size: 12px;
  line-height: 17px;
  border: 1px solid #EDEDED;
  padding: 14px 73px;
  display: inline-block;
  position: relative;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a span {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  height: 10px;
  width: 10px;
  right: 53px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a span:before,
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a span:after {
  content: "";
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  border-color: #000000;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a span:before {
  left: 1px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a.prev {
  margin-right: 126px;
  padding-right: 53px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a.prev span {
  left: 53px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a.prev span:before,
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a.prev span:after {
  transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0);
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a.prev span:before {
  left: 1px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a.next {
  padding-left: 53px;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a:hover {
  border-color: #15A02D;
  transition: all 0.5s ease;
  color: #15A02D;
}
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a:hover span:before,
html body .common-wrap.detail-wrap .detail-box .detail-left .detail-other .box a:hover span:after {
  border-color: #15A02D;
  transition: all 0.5s ease;
}
html body .common-wrap.detail-wrap .detail-box .detail-right {
  margin-left: 48px;
  float: left;
  width: 404px;
}
html body .common-wrap.detail-wrap .detail-box .detail-right .right-title {
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  font-weight: 600;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin: 0px 0 34px;
  padding-left: 10px;
}
html body .common-wrap.detail-wrap .detail-box .detail-right .right-title:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 100%;
  height: 17px;
  display: block;
  margin: 0 auto;
  border-left: 4px solid #4CBB04;
}
html body .common-wrap.detail-wrap .detail-box .detail-right .item {
  overflow: hidden;
  margin-bottom: 40px;
  display: inline-block;
  color: #333333;
}
html body .common-wrap.detail-wrap .detail-box .detail-right .item .img {
  float: left;
  width: 141px;
  height: 90px;
}
html body .common-wrap.detail-wrap .detail-box .detail-right .item .content {
  float: left;
  margin-left: 20px;
  max-width: 243px;
}
html body .common-wrap.detail-wrap .detail-box .detail-right .item .content .title {
  margin-bottom: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 22px;
  font-weight: 500;
}
html body .common-wrap.detail-wrap .detail-box .detail-right .item .content .time {
  line-height: 20px;
  padding-left: 20px;
  background: url(/Application/Home/View/cpwf/styles/css/images/browse.png) left center no-repeat;
  background-size: 10px;
}
html body .common-wrap.detail-wrap .detail-box .detail-right .item:last-child {
  margin-bottom: 0;
}
html body .common-wrap.detail-wrap .detail-box .detail-right .item:hover {
  transition: all 0.5s ease;
}
html body .common-wrap.detail-wrap .detail-box .detail-right .item:hover .img {
  opacity: 0.8;
}
html body .common-wrap.detail-wrap .detail-box .detail-right .item:hover .content .title {
  color: #4cbb04;
}
html body .common-wrap.join-wrap {
  background: #FFFFFF;
  margin-bottom: 0;
}
html body .common-wrap.join-wrap .common-second-nav {
  position: relative;
  top: 0;
  border-radius: 0;
  padding: 40px 0 20px;
}
html body .common-wrap.join-wrap .report-wrap {
  top: 0;
}
html body .common-wrap.join-wrap .volunteers-wrap {
  border-top: 2px #E0E0E0 solid;
  margin-bottom: 60px;
}
html body .common-wrap.join-wrap .volunteers-wrap .top-btn {
  line-height: 46px;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 40px;
}
html body .common-wrap.join-wrap .volunteers-wrap .top-btn .item {
  float: left;
  line-height: 46px;
  width: 328px;
  background: #F7F7F7;
  border-radius: 4px;
  margin-left: 105px;
  color: #333333;
  text-align: center;
  display: inline-block;
}
html body .common-wrap.join-wrap .volunteers-wrap .top-btn .item:hover,
html body .common-wrap.join-wrap .volunteers-wrap .top-btn .item.active {
  background: #15A02D;
  color: #FFFFFF;
  transition: all 0.5s ease;
}
html body .common-wrap.join-wrap .volunteers-wrap .top-btn .item:first-child {
  margin-left: 0;
}
html body .common-wrap.join-wrap .volunteers-wrap .img-box {
  max-width: 1200px;
  height: 429px;
  margin-bottom: 30px;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box {
  padding-bottom: 20px;
  border-bottom: 1px #EEEEEE solid;
  margin-bottom: 40px;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .title {
  padding-left: 14px;
  line-height: 28px;
  font-size: 20px;
  color: #333333;
  margin-bottom: 20px;
  position: relative;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .title span {
  color: #999990;
  font-size: 14px;
  line-height: 20px;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .title:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 100%;
  height: 20px;
  display: block;
  margin: 0 auto;
  border-left: 4px solid #4cbb04;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .desc {
  margin-bottom: 40px;
  color: #999999;
  line-height: 26px;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .list-box {
  overflow: hidden;
  margin-bottom: 40px;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .list-box .item {
  float: left;
  background: rgba(169, 213, 240, 0.03);
  border-radius: 8px;
  width: 387px;
  height: 205px;
  margin-right: 19px;
  position: relative;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .list-box .item .item-title {
  padding: 17px 20px 10px;
  font-size: 16px;
  line-height: 22px;
  color: #333330;
  font-weight: 500;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .list-box .item .brief {
  color: #666666;
  line-height: 26px;
  padding: 0 20px;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .list-box .item span {
  position: absolute;
  display: inline-block;
  bottom: 0;
  right: 20px;
  width: 100px;
  height: 100px;
  z-index: 2;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .list-box .item:first-child {
  background: rgba(21, 160, 45, 0.03);
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .list-box .item:last-child {
  background: rgba(252, 202, 194, 0.03);
  margin-right: 0;
}
html body .common-wrap.join-wrap .volunteers-wrap .content-box .content {
  margin-bottom: 20px;
  color: #999999;
  line-height: 20px;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item {
  margin-bottom: 40px;
  border: 1px solid #F7F7F7;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .title-box {
  padding: 0 40px;
  background: #F7F7F7;
  overflow: hidden;
  position: relative;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .title-box .title {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding-top: 19px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 12px;
  max-width: 1000px;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .title-box .time {
  color: #666666;
  line-height: 20px;
  margin-bottom: 20px;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .title-box .time span {
  margin-right: 20px;
  padding-left: 16px;
  background: url(/Application/Home/View/cpwf/styles/css/images/time.png) left center no-repeat;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .title-box .time span:last-child {
  background-image: url(/Application/Home/View/cpwf/styles/css/images/time-2.png);
  padding-left: 20px;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .title-box .more {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  padding-right: 20px;
  line-height: 20px;
  background: url(/Application/Home/View/cpwf/styles/css/images/more_normal.png) right center no-repeat;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .title-box .more:hover {
  color: #15A02D;
  background-image: url(/Application/Home/View/cpwf/styles/css/images/more_selected.png);
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .detail-box {
  padding: 40px;
  display: none;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .detail-box .title {
  line-height: 22px;
  font-size: 16px;
  padding-left: 24px;
  position: relative;
  margin-bottom: 10px;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .detail-box .title:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: block;
  margin: 0 auto;
  border: 3px solid #15A02D;
  border-radius: 50%;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .detail-box .content,
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .detail-box .email {
  color: #999999;
  line-height: 26px;
  margin-bottom: 30px;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item .detail-box .email {
  margin-bottom: 0;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item.active {
  border-color: #EEEEEE;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item.active .detail-box {
  display: block;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item.active .more {
  color: #15A02D;
  background-image: url(/Application/Home/View/cpwf/styles/css/images/more_selected.png);
}
html body .common-wrap.join-wrap .volunteers-wrap .bottom-btn {
  text-align: center;
  overflow: hidden;
}
html body .common-wrap.join-wrap .volunteers-wrap .bottom-btn a {
  display: inline-block;
  color: #333333;
  line-height: 22px;
  padding: 13px 40px;
  border-radius: 4px;
  border: 1px solid #EEEEEE;
  margin-left: 50px;
}
html body .common-wrap.join-wrap .volunteers-wrap .bottom-btn a:hover {
  background: #15A02D;
  color: #FFFFFF;
  border-color: #15A02D;
  transition: all 0.5s ease;
}
html body .common-wrap.join-wrap .volunteers-wrap .bottom-btn a:first-child {
  margin-left: 0;
}
html body .common-wrap.join-wrap{
    background: #f7f7f7;
    margin-bottom: -14px;
}
html body .common-wrap.join-wrap .volunteers-wrap {
padding: 0 37px 20px 39px;
background: #FFFFFF;
border-radius: 0 0 4px 4px;
overflow: hidden;
position: relative;
top: -74px;
}
html body .common-wrap.join-wrap .common-second-nav {
    padding: 27px 39px 29px 37px;
    border-radius: 4px 4px 0 0;
    top: -74px;
}
html body .common-wrap.join-wrap .volunteers-wrap .top-btn{
    display: flex;
    justify-content: space-between;
}
html body .common-wrap.join-wrap .volunteers-wrap{
  border-top: none;
}
html body .common-wrap.join-wrap .volunteers-wrap .volunteers-content{
  border-top: 2px #E0E0E0 solid;
}
html body .common-wrap.join-wrap .volunteers-wrap .recruit-box .item.active .detail-box a {
  color: unset;
}