@import "bootstrap.min.css";
@import "swiper-bundle.min.css";
.about-page-wrapper .toolbar {
  padding: 40px 0;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .about-page-wrapper .toolbar {
    padding: 30px 0;
  }
}
@media (max-width: 992px) and (max-width: 1199px) {
  .about-page-wrapper .toolbar {
    padding: 25px 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .about-page-wrapper .toolbar {
    padding: 20px 0;
  }
}
.about-page-wrapper .category a {
  height: 38px;
  display: inline-block;
  padding: 0 15px;
  margin: 0 15px;
  line-height: 38px;
  font-size: 20px;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .about-page-wrapper .category a {
    padding: 0 10px;
    margin: 0 10px;
    font-size: 18px;
  }
}
.about-page-wrapper .category a.active {
  background: #be0601;
  color: #fff;
}
@media (max-width: 575px) {
  .about-page-wrapper .category {
    display: flex;
  }
  .about-page-wrapper .category a {
    padding: 0 5px;
    margin: 0;
    font-size: 16px;
    flex: 1;
    text-align: center;
  }
}
.about-page-wrapper .right {
  display: flex;
  justify-content: flex-end;
}
.about-page-wrapper .search-bar {
  display: flex;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .about-page-wrapper .search-bar {
    margin-top: 20px;
    width: 100%;
  }
  .about-page-wrapper .search-bar .form-control {
    flex: 1;
  }
}
.about-page-wrapper .search-bar .form-control {
  width: 330px;
}
.about-page-wrapper .search-bar .btn {
  width: 73px;
  height: 38px;
  background: #dd2020;
  margin-left: 10px;
}
.about-page-wrapper .center {
  width: 1300px;
  overflow: hidden;
  margin: 0 auto;
}
@media (max-width: 768px) and (max-width: 991px) {
  .about-page-wrapper .center {
    width: 100%;
    padding: 10px;
  }
}
.about-page-wrapper .sub_right {
  width: 966px;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .about-page-wrapper .sub_right {
    height: unset;
    width: 100%;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .about-page-wrapper .sub_right {
    height: unset;
    width: 100%;
  }
}
.about-page-wrapper .sub_right .right_title {
  padding: 20px 0 10px 0;
  font-size: 28px;
  line-height: 56px;
  border-bottom: 2px solid #d2d2d2;
}
.about-page-wrapper .sub_right .news_msg {
  padding: 30px 42px 0 42px;
}
.about-page-wrapper .sub_right .news_msg p {
  margin: 0;
}
.about-page-wrapper .sub_right .news_msg img {
  max-width: 100%;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .about-page-wrapper .sub_right .news_msg img {
    width: 100%;
    height: unset;
  }
}
.about-page-wrapper .sub_right .news_msg p {
  font-size: 18px;
  line-height: 36px;
  text-align: left;
}
.activity-page-wrapper .search-bar {
  display: flex;
  padding: 30px 0;
}
.activity-page-wrapper .search-bar .btn {
  margin-left: 10px;
}
.activity-page-wrapper .msg_list {
  width: 932px;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .activity-page-wrapper .msg_list {
    width: 100%;
    height: unset;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .activity-page-wrapper .msg_list {
    width: 100%;
    height: unset;
  }
}
.activity-page-wrapper .msg_list .msg_right_item {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  background-color: #f3f4f7;
  color: #000;
  text-align: left;
  padding: 28px 46px 28px 46px;
  height: 258px;
  gap: 30px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .activity-page-wrapper .msg_list .msg_right_item {
    height: unset;
    margin: 0;
    padding: 0 10px;
    border-bottom: 2px dashed #f0f0f0;
  }
}
.activity-page-wrapper .msg_list .msg_right_item .item_date {
  width: 228px;
  height: 198px;
  background-color: #fff;
  color: #8c8c8c;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media (max-width: 768px) and (max-width: 991px) {
  .activity-page-wrapper .msg_list .msg_right_item .item_date {
    margin-top: 28px;
    width: 130px;
    height: 126px;
  }
}
.activity-page-wrapper .msg_list .msg_right_item .item_date .item_date_month {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  width: 100px;
  padding-bottom: 10px;
  border-bottom: 3px solid #8c8c8c;
  margin-bottom: 10px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .activity-page-wrapper .msg_list .msg_right_item .item_date .item_date_month {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 3px solid #8c8c8c;
    margin-bottom: 10px;
    width: 60px;
  }
}
.activity-page-wrapper .msg_list .msg_right_item .item_date .item_date_year {
  text-align: right;
  letter-spacing: 18px;
  font-weight: 700;
  font-size: 16px;
  width: 96px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .activity-page-wrapper .msg_list .msg_right_item .item_date .item_date_year {
    width: 58px;
    text-align: right;
    letter-spacing: 8px;
    font-weight: 700;
    font-size: 14px;
  }
}
.activity-page-wrapper .msg_list .msg_right_item .msg_box_sm {
  flex: 1;
}
@media (max-width: 768px) and (max-width: 991px) {
  .activity-page-wrapper .msg_list .msg_right_item .msg_box_sm {
    padding: 20px 0 ;
  }
}
.activity-page-wrapper .msg_list .msg_right_item .msg_box_sm a:hover {
  color: #be0601;
}
.activity-page-wrapper .msg_list .msg_right_item .msg_box_sm h5 {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  text-overflow: ellipsis;
  margin-top: 10px;
  font-size: 24px;
  height: 56px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .activity-page-wrapper .msg_list .msg_right_item .msg_box_sm h5 {
    line-height: 24px;
    font-size: 16px;
    height: 48px;
  }
}
.activity-page-wrapper .msg_list .msg_right_item .msg_box_sm p {
  margin-top: 35px;
  color: #8c8c8c;
  height: 74px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 16px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 768px) and (max-width: 991px) {
  .activity-page-wrapper .msg_list .msg_right_item .msg_box_sm p {
    margin-top: 20px;
    font-size: 14px;
    /* 设置宽度和高度 */
    height: 60px;
  }
}
.activity-page-wrapper .toolbar {
  padding: 40px 0;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .activity-page-wrapper .toolbar {
    padding: 30px 0;
  }
}
@media (max-width: 992px) and (max-width: 1199px) {
  .activity-page-wrapper .toolbar {
    padding: 25px 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .activity-page-wrapper .toolbar {
    padding: 20px 0;
  }
}
.activity-page-wrapper .category a {
  height: 38px;
  display: inline-block;
  padding: 0 15px;
  margin: 0 15px;
  line-height: 38px;
  font-size: 20px;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .activity-page-wrapper .category a {
    padding: 0 10px;
    margin: 0 10px;
    font-size: 18px;
  }
}
.activity-page-wrapper .category a.active {
  background: #be0601;
  color: #fff;
}
@media (max-width: 575px) {
  .activity-page-wrapper .category {
    display: flex;
  }
  .activity-page-wrapper .category a {
    padding: 0 5px;
    margin: 0;
    font-size: 16px;
    flex: 1;
    text-align: center;
  }
}
.activity-page-wrapper .right {
  display: flex;
  justify-content: flex-end;
}
.activity-page-wrapper .form-control {
  width: 330px;
}
.activity-page-wrapper .btn {
  width: 73px;
  height: 38px;
  background: #dd2020;
  margin-left: 10px;
}
.activity-page-wrapper .btn:hover {
  opacity: 0.8;
}
.activity-page-wrapper .center {
  width: 1300px;
  overflow: hidden;
  margin: 0 auto;
}
.activity-page-wrapper .sub_content {
  display: flex;
  justify-content: space-between;
}
.activity-page-wrapper .sub_content .sub_left {
  width: 302px;
}
.activity-page-wrapper .sub_content .sub_left .accordion-button:focus {
  background-color: #f1dee1;
  border-color: transparent;
  color: #be0601;
}
.activity-page-wrapper .sub_content .sub_left .accordion-button:not(.collapsed) {
  background-color: #f1dee1;
  border: none;
  color: #be0601;
}
.activity-page-wrapper .sub_content .sub_left .collapsed {
  background-color: #fff;
}
.activity-page-wrapper .sub_content .sub_left .sub_left_title {
  height: 76px;
  margin-bottom: 0;
  line-height: 76px;
  padding-left: 50px;
  background-color: #be0601;
  color: #fff;
  border-radius: 20px 20px 0 0;
}
.activity-page-wrapper .sub_content .sub_right {
  text-align: center;
  width: 966px;
  font-size: 16px;
}
.activity-page-wrapper .sub_content .sub_right .search-bar {
  margin: 20px 0 20px 0;
}
.activity-page-wrapper .sub_content .sub_right .search-bar input {
  height: 48px;
  font-size: 18px;
}
.activity-page-wrapper .pagination {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  align-items: center;
}
.activity-page-wrapper .pagination input {
  width: 52px;
  height: 30px;
  background-color: #f3f4f7;
  border: none;
  border-radius: 4px;
}
.activity-page-wrapper .do_donation {
  border: none;
  background-color: transparent;
  border-radius: 2px;
  text-align: center;
  line-height: 36px;
  width: 120px;
  height: 40px;
  font-size: 16px;
}
.activity-page-wrapper .do_donation a:hover,
.activity-page-wrapper .do_donation a:visited,
.activity-page-wrapper .do_donation a:link,
.activity-page-wrapper .do_donation a:active {
  color: #be0601;
  text-decoration: none;
}
.activity-page-wrapper .detail {
  margin-top: 40px;
}
.activity-page-wrapper .detail .nav-tabs {
  padding-left: 20px;
}
@media (max-width: 575px) {
  .activity-page-wrapper .detail .nav-tabs {
    padding-left: 0;
  }
}
.activity-page-wrapper .detail .nav-tabs .nav-link {
  color: #000;
  font-size: 18px;
  border-radius: 0;
  height: 40px;
  line-height: 1;
  border-top: 3px solid #fff;
}
@media (max-width: 575px) {
  .activity-page-wrapper .detail .nav-tabs .nav-link {
    font-size: 16px;
  }
}
.activity-page-wrapper .detail .nav-tabs .active {
  color: #be0601;
  border-top: 2px solid #be0601;
}
.activity-page-wrapper .detail .tab-content {
  padding: 50px 0;
}
@media (max-width: 575px) {
  .activity-page-wrapper .detail .tab-content {
    padding: 20px 0;
  }
}
.charity-detail-wrapper a:hover,
.charity-list-wrapper a:hover {
  color: #be0601 !important;
}
.charity-detail-wrapper .toolbar,
.charity-list-wrapper .toolbar {
  padding: 40px 0;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .charity-detail-wrapper .toolbar,
  .charity-list-wrapper .toolbar {
    padding: 30px 0;
  }
}
@media (max-width: 992px) and (max-width: 1199px) {
  .charity-detail-wrapper .toolbar,
  .charity-list-wrapper .toolbar {
    padding: 25px 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .charity-detail-wrapper .toolbar,
  .charity-list-wrapper .toolbar {
    padding: 20px 0;
  }
}
.charity-detail-wrapper .category,
.charity-list-wrapper .category {
  display: flex;
  flex-wrap: wrap;
}
.charity-detail-wrapper .category a,
.charity-list-wrapper .category a {
  height: 38px;
  display: inline-block;
  padding: 0 15px;
  margin: 0 15px;
  line-height: 38px;
  font-size: 20px;
  color: #000000;
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .charity-detail-wrapper .category a,
  .charity-list-wrapper .category a {
    padding: 0 10px;
    margin: 0 10px;
    font-size: 18px;
  }
}
.charity-detail-wrapper .category a.active,
.charity-list-wrapper .category a.active {
  background: #be0601;
  color: #fff;
}
@media (max-width: 575px) {
  .charity-detail-wrapper .category,
  .charity-list-wrapper .category {
    display: flex;
  }
  .charity-detail-wrapper .category a,
  .charity-list-wrapper .category a {
    padding: 0 5px;
    margin: 0;
    font-size: 16px;
    flex: 1;
    text-align: center;
  }
}
.charity-detail-wrapper .right,
.charity-list-wrapper .right {
  display: flex;
  justify-content: flex-end;
}
.charity-detail-wrapper .search-bar,
.charity-list-wrapper .search-bar {
  display: flex;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .charity-detail-wrapper .search-bar,
  .charity-list-wrapper .search-bar {
    margin-top: 20px;
    width: 100%;
  }
  .charity-detail-wrapper .search-bar .form-control,
  .charity-list-wrapper .search-bar .form-control {
    flex: 1;
  }
}
.charity-detail-wrapper .search-bar .form-control,
.charity-list-wrapper .search-bar .form-control {
  width: 330px;
}
.charity-detail-wrapper .search-bar .btn,
.charity-list-wrapper .search-bar .btn {
  width: 73px;
  height: 38px;
  background: #dd2020;
  margin-left: 10px;
}
.charity-detail-wrapper .search-bar .btn:hover,
.charity-list-wrapper .search-bar .btn:hover {
  opacity: 0.8;
}
.charity-detail-wrapper .project,
.charity-list-wrapper .project {
  background: #e6e6e6;
  padding: 25px;
  display: flex;
  justify-content: space-between;
}
.charity-detail-wrapper .project a:hover,
.charity-list-wrapper .project a:hover {
  color: #be0601;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .charity-detail-wrapper .project,
  .charity-list-wrapper .project {
    padding: 20px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .charity-detail-wrapper .project,
  .charity-list-wrapper .project {
    flex-direction: column-reverse;
  }
}
.charity-detail-wrapper .project .left,
.charity-list-wrapper .project .left {
  width: 45%;
  padding-left: 55px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .charity-detail-wrapper .project .left,
  .charity-list-wrapper .project .left {
    padding-left: 45px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .charity-detail-wrapper .project .left,
  .charity-list-wrapper .project .left {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}
.charity-detail-wrapper .project .left .title,
.charity-list-wrapper .project .left .title {
  font-size: 29px;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .charity-detail-wrapper .project .left .title,
  .charity-list-wrapper .project .left .title {
    font-size: 24px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .charity-detail-wrapper .project .left .title,
  .charity-list-wrapper .project .left .title {
    font-size: 18px;
  }
}
.charity-detail-wrapper .project .left .line,
.charity-list-wrapper .project .left .line {
  font-size: 26px;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .charity-detail-wrapper .project .left .line,
  .charity-list-wrapper .project .left .line {
    font-size: 18px;
  }
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .charity-detail-wrapper .project .left .line,
  .charity-list-wrapper .project .left .line {
    font-size: 16px;
  }
}
.charity-detail-wrapper .project .left .line span,
.charity-list-wrapper .project .left .line span {
  color: #be0601;
  font-size: 33px;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .charity-detail-wrapper .project .left .line span,
  .charity-list-wrapper .project .left .line span {
    font-size: 22px;
  }
}
.charity-detail-wrapper .project .left .btn,
.charity-list-wrapper .project .left .btn {
  width: 230px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .charity-detail-wrapper .project .left .btn,
  .charity-list-wrapper .project .left .btn {
    margin-top: 20px;
  }
}
.charity-detail-wrapper .project .right,
.charity-list-wrapper .project .right {
  width: 45%;
}
@media (max-width: 768px) and (max-width: 991px) {
  .charity-detail-wrapper .project .right,
  .charity-list-wrapper .project .right {
    width: 100%;
  }
}
.charity-detail-wrapper .project .right img,
.charity-list-wrapper .project .right img {
  width: 100%;
}
.charity-detail-wrapper .detail,
.charity-list-wrapper .detail {
  margin-top: 40px;
}
.charity-detail-wrapper .project-list .project-item,
.charity-list-wrapper .project-list .project-item {
  display: flex;
  gap: 20px;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
}
@media (max-width: 768px) and (max-width: 991px) {
  .charity-detail-wrapper .project-list .project-item,
  .charity-list-wrapper .project-list .project-item {
    flex-direction: column;
  }
}
.charity-detail-wrapper .project-list .project-item:first-child,
.charity-list-wrapper .project-list .project-item:first-child {
  padding-top: 0;
}
.charity-detail-wrapper .project-list .project-item .project-img,
.charity-list-wrapper .project-list .project-item .project-img {
  width: 400px;
  height: 250px;
}
.charity-detail-wrapper .project-list .project-item .project-img img,
.charity-list-wrapper .project-list .project-item .project-img img {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .charity-detail-wrapper .project-list .project-item .project-img,
  .charity-list-wrapper .project-list .project-item .project-img {
    width: 320px;
    height: 200px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .charity-detail-wrapper .project-list .project-item .project-img,
  .charity-list-wrapper .project-list .project-item .project-img {
    width: 100%;
    height: unset;
  }
}
.charity-detail-wrapper .project-list .project-item .project-info,
.charity-list-wrapper .project-list .project-item .project-info {
  flex: 1;
}
.charity-detail-wrapper .project-list .project-item .project-info .head,
.charity-list-wrapper .project-list .project-item .project-info .head {
  display: flex;
  justify-content: space-between;
}
.charity-detail-wrapper .project-list .project-item .project-info .head .title,
.charity-list-wrapper .project-list .project-item .project-info .head .title {
  font-size: 22px;
  padding-right: 20px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .charity-detail-wrapper .project-list .project-item .project-info .head .title,
  .charity-list-wrapper .project-list .project-item .project-info .head .title {
    font-size: 16px;
  }
}
.charity-detail-wrapper .project-list .project-item .project-info .head .btn,
.charity-list-wrapper .project-list .project-item .project-info .head .btn {
  width: 133px;
  height: 38px;
  background: #be0601;
  border-radius: 5px;
  color: #fff;
}
.charity-detail-wrapper .project-list .project-item .project-info .head .btn:hover,
.charity-list-wrapper .project-list .project-item .project-info .head .btn:hover {
  opacity: 0.8;
}
.charity-detail-wrapper .project-list .project-item .project-info .body .list,
.charity-list-wrapper .project-list .project-item .project-info .body .list {
  display: flex;
}
@media (max-width: 768px) and (max-width: 991px) {
  .charity-detail-wrapper .project-list .project-item .project-info .body .list,
  .charity-list-wrapper .project-list .project-item .project-info .body .list {
    font-size: 14px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .charity-detail-wrapper .project-list .project-item .project-info .body .list,
  .charity-list-wrapper .project-list .project-item .project-info .body .list {
    flex-direction: column;
  }
}
.charity-detail-wrapper .project-list .project-item .project-info .body .list .item,
.charity-list-wrapper .project-list .project-item .project-info .body .list .item {
  flex: 1;
  display: flex;
  align-items: center;
}
.charity-detail-wrapper .project-list .project-item .project-info .body .list .item span,
.charity-list-wrapper .project-list .project-item .project-info .body .list .item span {
  color: #dd2020;
  font-size: 30px;
  padding-right: 5px;
}
.charity-detail-wrapper .project-list .project-item .project-info .foot,
.charity-list-wrapper .project-list .project-item .project-info .foot {
  height: 54px;
  background: #eeeeee;
  line-height: 54px;
  color: #999;
  padding: 0 10px;
  margin-top: 20px;
}
.charity-detail-wrapper .detail .tab-content {
  padding: 30px 0;
}
.charity-detail-wrapper .detail .tab-content img {
  max-width: 100%;
}
.charity-detail-wrapper .detail .tab-content a:hover {
  color: #be0601;
}
.charity-detail-wrapper .detail .tab-content .basic_information {
  padding-top: 20px;
  line-height: 32px;
}
.charity-detail-wrapper .detail .tab-content .table_title {
  height: 40px;
  background-color: #e6e6e6;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-bottom: 20px;
}
.charity-detail-wrapper .detail .tab-content .table_title p {
  font-size: 18px;
  color: #be0601;
  line-height: 40px;
}
.charity-detail-wrapper .detail .tab-content .table_title button {
  background: transparent;
  border: none;
  color: #8c8c8c;
}
.charity-detail-wrapper .detail .tab-content .table_detail_item {
  height: 44px;
  font-size: 18px;
  padding: 0 20px;
  line-height: 44px;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
}
.charity-detail-wrapper .detail .tab-content .table_detail_item .item_title {
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charity-detail-wrapper .detail .tab-content .table_detail_item .date {
  color: #8c8c8c;
}
.charity-detail-wrapper .detail .tab-content .table {
  height: 900px;
  border-top: 2px solid #be0601;
}
.charity-detail-wrapper .detail .tab-content .table table {
  width: 100%;
}
.charity-detail-wrapper .detail .tab-content .table table th {
  background: #e5e5e5;
}
.charity-detail-wrapper .detail .tab-content .table th,
.charity-detail-wrapper .detail .tab-content .table td {
  border: 1px solid #d2d2d2;
  text-align: center;
  line-height: 42px;
}
.details-page-wrapper .wrapper {
  font-size: 16px;
}
.details-page-wrapper .wrapper .search-form {
  padding: 20px;
  margin-top: 20px;
  border: 1px solid #e5e5e5;
}
@media (max-width: 768px) and (max-width: 991px) {
  .details-page-wrapper .wrapper .search-form {
    padding: 0;
    border: none;
  }
}
.details-page-wrapper .wrapper .search-form .row1 {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) and (max-width: 991px) {
  .details-page-wrapper .wrapper .search-form .row1 {
    flex-direction: column;
  }
}
.details-page-wrapper .wrapper .search-form .row1 > div {
  padding-right: 20px;
  flex: 1;
}
@media (max-width: 768px) and (max-width: 991px) {
  .details-page-wrapper .wrapper .search-form .row1 > div {
    padding-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  .details-page-wrapper .wrapper .search-form .row1 > div input {
    width: 120px;
  }
}
.details-page-wrapper .wrapper .search-form .select a {
  line-height: 32px;
  height: 32px;
  padding: 0 10px;
  display: inline-block;
  border-radius: 5px;
  margin-right: 5px;
}
.details-page-wrapper .wrapper .search-form .select a:hover {
  color: #be0601;
}
.details-page-wrapper .wrapper .search-form .select a.active {
  background: #be0601;
  color: #fff;
}
.details-page-wrapper .wrapper .search-form > div {
  margin-bottom: 20px;
}
.details-page-wrapper .wrapper .search-form > div:last-child {
  margin-bottom: 0;
}
.details-page-wrapper .wrapper input {
  border: 1px solid #abbcc4;
  height: 32px;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 5px;
}
.details-page-wrapper .wrapper .col3 {
  display: flex;
  justify-content: center;
}
.details-page-wrapper .wrapper .col3 .btn {
  background: #dd2020;
  color: #fff;
  height: 32px;
  line-height: 30px;
  padding: 0 15px;
  margin-left: 10px;
}
.details-page-wrapper .wrapper .col3 .btn:hover {
  opacity: 0.8;
}
.details-page-wrapper .wrapper .money input {
  width: 120px;
}
.details-page-wrapper .wrapper .row6 {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) and (max-width: 991px) {
  .details-page-wrapper .wrapper .row6 {
    flex-wrap: wrap;
  }
}
.details-page-wrapper .wrapper .row6 .btn {
  background: #be0601;
  border: none;
  height: 32px;
  margin-left: 10px;
  line-height: 30px;
  padding: 0 30px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .details-page-wrapper .wrapper .row6 .btn {
    margin-top: 20px;
  }
}
.details-page-wrapper .wrapper .row6 .btn:hover {
  opacity: 0.8;
}
.details-page-wrapper .wrapper .row6 .btn-warning {
  background: #ff9900;
  color: #fff;
}
.details-page-wrapper .wrapper .stats {
  display: flex;
  text-align: center;
  margin: 23px 0;
}
@media (max-width: 768px) and (max-width: 991px) {
  .details-page-wrapper .wrapper .stats {
    flex-direction: column;
  }
}
.details-page-wrapper .wrapper .stats .red {
  color: #be0601;
  font-size: 26px;
}
.details-page-wrapper .wrapper .stats .blue {
  color: #00a0e9;
  font-size: 26px;
}
.details-page-wrapper .wrapper .stats > div {
  flex: 1;
  height: 50px;
  line-height: 50px;
  border-right: 1px solid #d2d2d2;
}
@media (max-width: 768px) and (max-width: 991px) {
  .details-page-wrapper .wrapper .stats > div {
    border: none;
  }
}
.details-page-wrapper .wrapper .stats > div:last-child {
  border-right: none;
  line-height: 20px;
  padding-top: 5px;
}
.details-page-wrapper .wrapper .table {
  width: 100%;
  border-top: 2px solid #be0601;
}
@media (max-width: 768px) and (max-width: 991px) {
  .details-page-wrapper .wrapper .table {
    overflow: auto;
    /* 为所有使用Webkit内核的浏览器设置滚动条样式 */
  }
  .details-page-wrapper .wrapper .table::-webkit-scrollbar {
    height: 6px;
    width: 10px;
    /* 在这里设置滚动条宽度 */
  }
  .details-page-wrapper .wrapper .table::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
    /* 滚动条轨道的颜色 */
  }
  .details-page-wrapper .wrapper .table::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    /* 滚动条拇指的颜色 */
    border-radius: 6px;
    /* 滚动条拇指的圆角 */
  }
}
.details-page-wrapper .wrapper .table table {
  width: 100%;
}
@media (max-width: 768px) and (max-width: 991px) {
  .details-page-wrapper .wrapper .table table {
    width: 800px;
  }
}
.details-page-wrapper .wrapper .table table th {
  background: #e5e5e5;
}
.details-page-wrapper .wrapper .table th,
.details-page-wrapper .wrapper .table td {
  border: 1px solid #d2d2d2;
  text-align: center;
  line-height: 42px;
}
.donation-form-page-wrapper .form-check-input:checked,
.success-page-wrapper .form-check-input:checked {
  background-color: #dd2020;
  border-color: #dd2020;
}
.donation-form-page-wrapper .box,
.success-page-wrapper .box {
  width: 1000px;
  margin: 0 auto;
  padding-top: 80px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .box,
  .success-page-wrapper .box {
    padding-top: 30px;
    width: 100%;
  }
}
.donation-form-page-wrapper .title,
.success-page-wrapper .title {
  font-size: 24px;
}
.donation-form-page-wrapper .title span,
.success-page-wrapper .title span {
  display: flex;
  align-items: center;
}
.donation-form-page-wrapper .title span:before,
.success-page-wrapper .title span:before {
  content: "";
  width: 6px;
  height: 22px;
  display: block;
  background: #dd2020;
  margin-right: 10px;
}
.donation-form-page-wrapper .steps,
.success-page-wrapper .steps {
  display: flex;
  gap: 5px;
  margin: 20px 0 50px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .steps,
  .success-page-wrapper .steps {
    margin-bottom: 20px;
  }
}
.donation-form-page-wrapper .steps .step,
.success-page-wrapper .steps .step {
  flex: 1;
  background: #e6e6e6;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .steps .step,
  .success-page-wrapper .steps .step {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  }
}
.donation-form-page-wrapper .steps .step.active,
.success-page-wrapper .steps .step.active {
  background: #dd2020;
  color: #fff;
}
.donation-form-page-wrapper .high,
.success-page-wrapper .high {
  color: #dd2020;
}
.donation-form-page-wrapper .form-item,
.success-page-wrapper .form-item {
  display: flex;
  margin-top: 30px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .form-item,
  .success-page-wrapper .form-item {
    flex-direction: column;
  }
}
.donation-form-page-wrapper .form-item .form-label,
.success-page-wrapper .form-item .form-label {
  width: 180px;
}
.donation-form-page-wrapper .form-item input[type="text"],
.success-page-wrapper .form-item input[type="text"] {
  border: 1px solid #c9c9c9;
  height: 30px;
  padding: 0 10px;
  width: 500px;
  font-size: 14px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .form-item input[type="text"],
  .success-page-wrapper .form-item input[type="text"] {
    width: 100%;
  }
}
.donation-form-page-wrapper .form-item .selector,
.success-page-wrapper .form-item .selector {
  display: flex;
}
.donation-form-page-wrapper .form-item .selector .item,
.success-page-wrapper .form-item .selector .item {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #c9c9c9;
  line-height: 28px;
  margin-right: 16px;
  cursor: pointer;
}
.donation-form-page-wrapper .form-item .selector .item.active,
.success-page-wrapper .form-item .selector .item.active {
  background: #dd2020;
  color: #fff;
  border-color: #dd2020;
}
.donation-form-page-wrapper .form-item .money,
.success-page-wrapper .form-item .money {
  display: flex;
}
.donation-form-page-wrapper .form-item .money .other,
.success-page-wrapper .form-item .money .other {
  display: flex;
  justify-items: center;
  line-height: 30px;
}
.donation-form-page-wrapper .form-item .money .other input,
.success-page-wrapper .form-item .money .other input {
  height: 28px;
  border: 1px solid #c9c9c9;
  margin: 0 10px;
  width: 80px;
}
.donation-form-page-wrapper .pay-type,
.success-page-wrapper .pay-type {
  margin-top: 30px;
}
.donation-form-page-wrapper .bottom,
.success-page-wrapper .bottom {
  text-align: center;
  padding: 20px 0;
}
.donation-form-page-wrapper .btn,
.success-page-wrapper .btn {
  width: 270px;
  background: #be0601 !important;
  border: none;
  margin-top: 20px;
}
.donation-form-page-wrapper .btn:hover,
.success-page-wrapper .btn:hover {
  opacity: 0.8;
}
.donation-form-page-wrapper .pay-list,
.success-page-wrapper .pay-list {
  margin-top: 30px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
}
.donation-form-page-wrapper .pay-list .pay-item,
.success-page-wrapper .pay-list .pay-item {
  height: 50px;
  flex: 1;
  cursor: pointer;
  border: 2px solid transparent;
}
.donation-form-page-wrapper .pay-list .pay-item.active,
.success-page-wrapper .pay-list .pay-item.active {
  border: 2px solid #dd2020;
}
.donation-form-page-wrapper .pay-list .pay-item:first-child,
.success-page-wrapper .pay-list .pay-item:first-child {
  background: #2cb2eb url(../img/alipay.png) no-repeat center;
}
.donation-form-page-wrapper .pay-list .pay-item:last-child,
.success-page-wrapper .pay-list .pay-item:last-child {
  background: #16ac40 url(../img/wechat.png) no-repeat center;
}
.donation-form-page-wrapper .tips,
.success-page-wrapper .tips {
  text-align: center;
  font-size: 36px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .tips img,
  .success-page-wrapper .tips img {
    display: block;
    margin: 0 auto 10px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .tips,
  .success-page-wrapper .tips {
    font-size: 18px;
  }
}
.donation-form-page-wrapper .tips span,
.success-page-wrapper .tips span {
  color: #be0601;
}
.donation-form-page-wrapper .cert,
.success-page-wrapper .cert {
  width: 580px;
  height: 715px;
  background: url(../img/cert.png) no-repeat center / contain;
  margin: 70px auto;
  padding: 260px 65px 0;
  font-size: 19px;
  line-height: 2;
  text-align: justify;
  position: relative;
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .cert,
  .success-page-wrapper .cert {
    font-size: 14px;
  }
}
.donation-form-page-wrapper .cert .seal,
.success-page-wrapper .cert .seal {
  width: 200px;
  height: 200px;
  position: absolute;
  right: 30px;
  bottom: 20px;
  background: url(../img/seal.png) no-repeat center / contain;
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .cert .seal,
  .success-page-wrapper .cert .seal {
    width: 100px;
    height: 100px;
    bottom: 5px;
    right: 5px;
  }
}
.donation-form-page-wrapper .cert .logo,
.success-page-wrapper .cert .logo {
  width: 150px;
  height: 150px;
  position: absolute;
  left: 30px;
  bottom: 30px;
  background: url(../img/fixed-logo.png) no-repeat center / contain;
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .cert .logo,
  .success-page-wrapper .cert .logo {
    width: 70px;
    height: 70px;
    left: 10px;
    bottom: 10px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .cert,
  .success-page-wrapper .cert {
    width: 320px;
    height: 394px;
    padding: 130px 15px 0;
  }
}
.donation-form-page-wrapper .cert .row1,
.success-page-wrapper .cert .row1 {
  font-size: 24px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .cert .row1,
  .success-page-wrapper .cert .row1 {
    font-size: 16px;
  }
}
.donation-form-page-wrapper .cert .row3,
.success-page-wrapper .cert .row3 {
  text-indent: 2em;
  line-height: 1.5;
}
.donation-form-page-wrapper .cert .row4,
.success-page-wrapper .cert .row4 {
  text-align: right;
  margin-top: 100px;
  float: right;
  position: relative;
  z-index: 9;
  line-height: 1.5;
}
@media (max-width: 768px) and (max-width: 991px) {
  .donation-form-page-wrapper .cert .row4,
  .success-page-wrapper .cert .row4 {
    margin-top: 35px;
  }
}
.donation-form-page-wrapper .cert .money input,
.success-page-wrapper .cert .money input {
  width: 120px;
}
.home-page-wrapper a:hover {
  color: #be0601;
}
.home-page-wrapper .center {
  width: 1500px;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .center {
    width: 100%;
  }
}
.home-page-wrapper .header {
  position: sticky;
  top: 0;
  z-index: 1000;
  /*  position: relative; */
  display: flex;
  min-height: 100px;
  align-items: center;
  background-color: #fff;
}
.home-page-wrapper .header .container-fluid {
  padding: 0;
  min-height: inherit;
}
@media (max-width: 1780px) {
  .home-page-wrapper .header {
    min-height: 90px;
  }
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .header {
    min-height: 80px;
  }
}
@media (max-width: 1400px) and (max-width: 1499px) {
  .home-page-wrapper .header {
    min-height: 70px;
  }
}
@media (max-width: 1400px) and (max-width: 1499px) {
  .home-page-wrapper .header {
    min-height: 66px;
  }
}
.home-page-wrapper .header .brand {
  display: flex;
  background: #be0601;
  padding: 0 20px;
  align-items: center;
  min-height: inherit;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .home-page-wrapper .header .brand {
    padding: 0 10px;
  }
}
.home-page-wrapper .header .brand .icon {
  margin-right: 15px;
}
.home-page-wrapper .header .brand .icon img {
  width: 100%;
}
@media (max-width: 1780px) {
  .home-page-wrapper .header .brand .icon {
    width: 40px;
  }
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .header .brand .icon {
    width: 30px;
  }
}
@media (max-width: 1400px) and (max-width: 1499px) {
  .home-page-wrapper .header .brand .icon {
    width: 28px;
  }
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .home-page-wrapper .header .brand .icon {
    width: 24px;
    margin-right: 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .header .brand .icon {
    width: 40px;
    margin-right: 0;
  }
}
.home-page-wrapper .header .brand .text img {
  width: 100%;
}
@media (max-width: 1780px) {
  .home-page-wrapper .header .brand .text {
    width: 300px;
  }
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .header .brand .text {
    width: 240px;
  }
}
@media (max-width: 1400px) and (max-width: 1499px) {
  .home-page-wrapper .header .brand .text {
    width: 200px;
  }
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .home-page-wrapper .header .brand .text {
    display: none;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .header .brand .text {
    display: block;
    margin-left: 10px;
  }
}
.home-page-wrapper .header .title_btn {
  margin-right: 60px;
  width: unset;
  padding: 0 20px;
}
@media (max-width: 1780px) {
  .home-page-wrapper .header .title_btn {
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    margin-right: 50px;
  }
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .header .title_btn {
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    margin-right: 40px;
  }
}
@media (max-width: 1400px) and (max-width: 1499px) {
  .home-page-wrapper .header .title_btn {
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    margin-right: 30px;
  }
}
@media (max-width: 992px) and (max-width: 1199px) {
  .home-page-wrapper .header .title_btn {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    margin-right: 20px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .header .title_btn {
    display: none;
  }
}
.home-page-wrapper .navbar {
  background-color: #fff;
  flex: 1;
  justify-content: center;
  min-height: inherit;
  padding: 0 !important;
}
.home-page-wrapper .navbar .navbar-collapse {
  min-height: inherit;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .navbar {
    background: #be0601;
  }
}
.home-page-wrapper .navbar .navbar-nav {
  display: flex;
  flex: 1;
  width: 100%;
  justify-content: center;
  margin-bottom: 0 !important;
  min-height: inherit;
}
.home-page-wrapper .navbar .navbar-nav .nav-item {
  display: flex;
  align-items: center;
}
.home-page-wrapper .navbar .navbar-nav .nav-item a {
  color: #343434;
  font-size: 19.5px;
  font-weight: bold;
  padding: 0 20px;
  white-space: nowrap;
}
.home-page-wrapper .navbar .navbar-nav .nav-item a:hover {
  color: #be0601;
}
@media (max-width: 1780px) {
  .home-page-wrapper .navbar .navbar-nav .nav-item a {
    padding: 0 15px;
    font-size: 18px;
  }
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .navbar .navbar-nav .nav-item a {
    padding: 0 13px;
  }
}
@media (max-width: 1400px) and (max-width: 1499px) {
  .home-page-wrapper .navbar .navbar-nav .nav-item a {
    font-size: 16px;
    padding: 0 10px;
  }
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .home-page-wrapper .navbar .navbar-nav .nav-item a {
    font-size: 14px;
    padding: 0 10px;
  }
}
@media (max-width: 992px) and (max-width: 1199px) {
  .home-page-wrapper .navbar .navbar-nav .nav-item a {
    padding: 0 5px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .navbar .navbar-nav .nav-item a {
    font-size: 16px;
    padding: 5px 20px;
    color: #000;
    font-weight: normal;
  }
}
.home-page-wrapper .navbar .navbar-nav .nav-item .dropdown-menu {
  background: #be0601;
  top: 100%;
  display: block;
  border-radius: 0;
  border: none;
  padding: 0;
  transition: all 0.3s;
  transform: scaleY(0);
  transform-origin: center top;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .navbar .navbar-nav .nav-item .dropdown-menu {
    display: none !important;
  }
}
.home-page-wrapper .navbar .navbar-nav .nav-item .dropdown-menu li a {
  padding: 5px 15px;
  transition: all 0.2s ease-in-out;
}
.home-page-wrapper .navbar .navbar-nav .nav-item .dropdown-menu a {
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  background: #be0601;
}
.home-page-wrapper .navbar .navbar-nav .nav-item .dropdown-menu a:hover {
  background: #a50501;
}
.home-page-wrapper .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  transform: scaleY(1);
}
.home-page-wrapper .navbar .navbar-toggler {
  border-color: #fff;
  background: #be0601;
  margin-right: 10px;
}
.home-page-wrapper .navbar .navbar-toggler .navbar-toggler-icon {
  background: url(../img/menu.png) no-repeat center / 100% 100%;
}
.home-page-wrapper .navbar .navbar-toggle {
  border: none;
}
.home-page-wrapper .navbar .navbar-toggle svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.home-page-wrapper .title_btn {
  background-color: #be0601;
  color: #fff;
  width: 150px;
  height: 42px;
  border-radius: 5px;
  font-size: 24px;
  text-align: center;
  line-height: 40px;
  border: none;
}
.home-page-wrapper .title_btn:hover {
  opacity: 0.8;
}
.home-page-wrapper .banner {
  background: none;
  background-size: cover;
  height: unset;
}
.home-page-wrapper .banner img {
  width: 100%;
  height: auto;
}
.home-page-wrapper .news {
  background-color: #f3f3f3;
  padding-bottom: 60px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news {
    height: unset;
    padding-bottom: 20px;
  }
}
.home-page-wrapper .news .active {
  color: #bf0904;
}
.home-page-wrapper .news .news-report {
  margin-top: 40px;
  background-color: #fff;
  height: 142px;
  display: flex;
  align-items: center;
  font-size: 26px;
  color: #fff;
  padding: 0 28px 0 28px;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .news .news-report {
    height: auto;
    padding: 20px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-report {
    height: auto;
    padding: 10px;
    margin-top: 0;
  }
}
.home-page-wrapper .news .news-report .f-information-1 {
  margin: 0 auto;
  text-align: center;
  width: 106px;
  height: 96px;
  background: url(../img/information-1.png) left center no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-right: 10px;
  flex-direction: column;
  flex-shrink: 0;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-report .f-information-1 {
    flex-direction: row;
    width: auto;
    color: #be0601;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    display: flex;
    padding: 0;
    font-size: 16px;
    background: none;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-report .f-information-1 div {
    margin: 0 !important;
  }
}
.home-page-wrapper .news .news-report .text-news-list {
  flex: 1;
  font-size: 21px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 50px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-report .text-news-list {
    flex-direction: column;
    font-size: 16px;
    margin: 0 15px;
    padding: 0;
    height: 30px;
    overflow: hidden;
  }
}
.home-page-wrapper .news .news-report .text-news-list .text-news-item {
  color: #4c4c4c;
  width: 46%;
  padding: 6px 0;
  line-height: 30px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-report .text-news-list .text-news-item {
    width: 100%;
    padding: 0;
  }
}
.home-page-wrapper .news .news-report .text-news-list .text-news-item a {
  display: flex;
  gap: 30px;
}
.home-page-wrapper .news .news-report .text-news-list .text-news-item .news-title {
  flex: 1;
  height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  margin-left: 1px;
}
.home-page-wrapper .news .news-report .text-news-list .text-news-item .news-date {
  width: 120px;
  flex-shrink: 0;
  text-align: right;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-report .text-news-list .text-news-item .news-date {
    width: 100px;
    display: none;
  }
}
.home-page-wrapper .news .news-report .f-information-2 {
  font-size: 22px;
  text-align: center;
  width: 38px;
  height: 86px;
  background: url(../img/information-2.png) center no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-report .f-information-2 {
    width: auto;
    text-align: center;
    color: #be0601;
    background: none;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    font-size: 16px;
    padding: 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-report .f-information-2 a {
    margin-top: 0 !important;
  }
}
.home-page-wrapper .news .news-report .f-information-2 a:hover {
  opacity: 0.8;
}
.home-page-wrapper .news .news-report .f-information-2 a:hover {
  color: #fff;
}
.home-page-wrapper .news .title {
  margin: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .title {
    margin: 0;
    transform: scale(0.5);
  }
}
.home-page-wrapper .news .title .title-left {
  width: 78px;
  height: 28px;
  background: url(../img/title-btn-left.png) center no-repeat;
}
.home-page-wrapper .news .title h2 {
  color: #be0601;
  font-size: 48px;
}
.home-page-wrapper .news .title .title-right {
  width: 78px;
  height: 28px;
  background: url(../img/title-btn-left.png) center no-repeat;
  transform: scaleX(-1);
}
.home-page-wrapper .news .news-content {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content {
    flex-direction: column;
    gap: 0;
  }
}
.home-page-wrapper .news .news-content .list_item_title {
  color: #be0601;
}
.home-page-wrapper .news .news-content .nc_box_left {
  width: 710px;
  height: 610px;
  background-color: #be0601;
  position: relative;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content .nc_box_left {
    width: 100%;
    height: 300px !important;
  }
}
.home-page-wrapper .news .news-content .nc_box_left .img {
  width: 100%;
  height: 100%;
}
.home-page-wrapper .news .news-content .nc_box_left img {
  width: 100%;
  height: 100%;
  display: block;
}
.home-page-wrapper .news .news-content .nc_box_left .news-fixed-title {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  padding: 15px;
  background: #be0601;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content .nc_box_left .news-fixed-title {
    line-height: 20px;
    font-size: 16px;
    padding: 10px;
  }
}
.home-page-wrapper .news .news-content .news-title {
  height: 70px;
  display: flex;
  padding: 0;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content .news-title {
    height: 36px;
    margin: 10px;
  }
}
.home-page-wrapper .news .news-content .news-title .nav-item {
  flex: 1;
  line-height: 70px;
  text-align: center;
  list-style-type: none;
  font-size: 20px;
  margin-left: -1px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content .news-title .nav-item {
    line-height: 36px;
    font-size: 16px;
  }
}
.home-page-wrapper .news .news-content .news-title .nav-item button {
  font-weight: bold;
  width: 100%;
  border: 1px #bfbfbf solid;
}
.home-page-wrapper .news .news-content .news-title .nav-item .active {
  background-color: #fff;
  border: 1px #be0601 solid;
  position: relative;
}
.home-page-wrapper .news .news-content .tab-content {
  padding: 0;
}
.home-page-wrapper .news .news-content .tab-content .list .list_item {
  width: 100%;
  margin: 10px 0 10px 0;
  height: 168px;
  display: flex;
  background-color: #fff;
  align-items: center;
  padding: 0 40px 0 20px;
  list-style-type: none;
}
.home-page-wrapper .news .news-content .tab-content .list .list_item:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content .tab-content .list .list_item {
    padding: 14px;
    height: unset;
    margin: 0;
    border-bottom: 2px dashed #f0f0f0;
  }
}
.home-page-wrapper .news .news-content .tab-content .list .list_item .time {
  width: 116px;
  height: 116px;
  background-color: #f5f4f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content .tab-content .list .list_item .time {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
  }
}
.home-page-wrapper .news .news-content .tab-content .list .list_item .time .date {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  color: #333333;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content .tab-content .list .list_item .time .date {
    font-size: 14px;
  }
}
.home-page-wrapper .news .news-content .tab-content .list .list_item .time .month {
  text-align: center;
  color: #363636;
  font-size: 18px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content .tab-content .list .list_item .time .month {
    font-size: 12px;
  }
}
.home-page-wrapper .news .news-content .tab-content .list .list_item .list_item_right {
  width: 536px;
  height: 116px;
  overflow: hidden;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content .tab-content .list .list_item .list_item_right {
    padding-top: 0;
    height: auto;
  }
}
.home-page-wrapper .news .news-content .tab-content .list .list_item .list_item_right .list_item_title {
  font-size: 22px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content .tab-content .list .list_item .list_item_right .list_item_title {
    font-size: 16px;
  }
}
.home-page-wrapper .news .news-content .tab-content .list .list_item .list_item_right .list_item_title:hover {
  color: #be0601;
}
.home-page-wrapper .news .news-content .tab-content .list .list_item .list_item_right .msg {
  color: #363636;
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .news .news-content .tab-content .list .list_item .list_item_right .msg {
    font-size: 12px;
    -webkit-line-clamp: 2;
  }
}
.home-page-wrapper .foundation {
  background: url(../img/foundation-bg.png) center no-repeat;
  background-size: cover;
  position: relative;
  padding-bottom: 50px;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .foundation {
    height: unset;
    padding-bottom: 100px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation {
    height: unset;
    padding-bottom: 10px;
  }
}
.home-page-wrapper .foundation .foundation_box1 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.home-page-wrapper .foundation .foundation_box1 .title {
  margin: 72px 0 ;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation .foundation_box1 .title {
    margin: 10px 0;
    transform: scale(0.7);
  }
}
.home-page-wrapper .foundation .foundation_box1 .title .title-left {
  width: 78px;
  height: 28px;
  background: url(../img/white_left.png) center no-repeat;
}
.home-page-wrapper .foundation .foundation_box1 .title h2 {
  color: #fff;
  font-size: 48px;
  margin-bottom: 0;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation .foundation_box1 .title h2 {
    font-size: 36px;
  }
}
.home-page-wrapper .foundation .foundation_box1 .title .title-right {
  width: 78px;
  height: 28px;
  background: url(../img/white_left.png) center no-repeat;
  transform: scaleX(-1);
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation .foundation_box1 .content {
    padding: 0 10px;
    text-indent: 2em;
  }
}
.home-page-wrapper .foundation .foundation_box1 h4 {
  font-size: 24px;
  text-align: center;
  color: #fff;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation .foundation_box1 h4 {
    font-size: 14px;
    padding: 0;
    display: inline;
  }
}
.home-page-wrapper .foundation .foundation_box1 button {
  margin-top: 40px;
  font-size: 22px;
  color: #fff;
  width: 170px;
  height: 44px;
  border: 2px solid #fff;
  background: transparent;
}
.home-page-wrapper .foundation .foundation_box1 button a:hover {
  color: #fff;
  opacity: 0.8;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation .foundation_box1 button {
    transform: scale(0.7);
    transform-origin: center top;
  }
}
.home-page-wrapper .foundation .foundation_box2 {
  width: 1500px;
  margin-top: 30px;
  height: 366px;
  border-radius: 20px;
  background-color: #eeeeee;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .foundation .foundation_box2 {
    width: 100%;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation .foundation_box2 {
    width: auto;
    height: auto;
    position: relative;
    padding: 10px;
    margin: 10px;
  }
}
.home-page-wrapper .foundation .foundation_box2 ul {
  height: 100%;
  list-style-type: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-right: 16px;
  margin-bottom: 0;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation .foundation_box2 ul {
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
  }
}
.home-page-wrapper .foundation .foundation_box2 ul li div {
  width: 180px;
  height: 180px;
  border-radius: 20px;
  background-color: #be0601;
  font-size: 26px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation .foundation_box2 ul li div {
    border-radius: 10px;
  }
}
.home-page-wrapper .foundation .foundation_box2 ul li div:hover {
  opacity: 0.8;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .home-page-wrapper .foundation .foundation_box2 ul li div img {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation .foundation_box2 ul li div img {
    width: auto;
    height: 20px;
    margin-top: 8px;
  }
}
@media (max-width: 992px) and (max-width: 1199px) {
  .home-page-wrapper .foundation .foundation_box2 ul li div {
    width: 120px;
    height: 120px;
    font-size: 18px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation .foundation_box2 ul li div {
    width: 60px;
    height: 60px;
    font-size: 12px;
  }
}
.home-page-wrapper .foundation .foundation_box2 ul li div span {
  margin-top: 14px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .foundation .foundation_box2 ul li div span {
    margin-top: 5px;
    transform: scale(0.85);
  }
}
.home-page-wrapper .charity-projects {
  background-color: #fff;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .charity-projects {
    margin: 0 0 50px 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .charity-projects {
    height: auto;
  }
}
.home-page-wrapper .charity-projects .swiper-button-prev,
.home-page-wrapper .charity-projects .swiper-button-next {
  color: #959697;
}
.home-page-wrapper .charity-projects .title {
  margin: 50px 0 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .charity-projects .title {
    margin: 10px 0;
    transform: scale(0.6);
  }
}
.home-page-wrapper .charity-projects .title .title-left {
  width: 78px;
  height: 28px;
  background: url(../img/title-btn-left.png) center no-repeat;
}
.home-page-wrapper .charity-projects .title h2 {
  color: #be0601;
  font-size: 48px;
}
.home-page-wrapper .charity-projects .title .title-right {
  width: 78px;
  height: 28px;
  background: url(../img/title-btn-left.png) center no-repeat;
  transform: scaleX(-1);
}
.home-page-wrapper .charity-projects .swiper {
  display: flex;
  justify-content: space-around;
}
.home-page-wrapper .charity-projects .card_1 {
  width: 366px;
  background-color: #fff;
  border: 1px solid #4e4e4e57;
  border-bottom: none;
  margin: 0 auto;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .charity-projects .card_1 {
    width: auto;
    margin: 0 10px 10px;
  }
}
.home-page-wrapper .charity-projects .card_1 .img {
  width: 364px;
  height: 274px;
  display: block;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .charity-projects .card_1 .img {
    width: 100%;
  }
}
.home-page-wrapper .charity-projects .card_1 .card_title {
  margin-top: 40px;
  font-weight: 700;
  font-size: 22px;
  padding: 0 18px 0 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.home-page-wrapper .charity-projects .card_1 .card_text {
  margin: 22px 0 34px 0;
  padding: 0 18px 0 18px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #4e4e4e98;
  height: 46px;
}
.home-page-wrapper .charity-projects .card_1 .card_bottom {
  display: flex;
  height: 44px;
}
.home-page-wrapper .charity-projects .card_1 .card_bottom .card_bottom_text {
  text-align: center;
  line-height: 44px;
  flex: 1;
  color: #be0601;
  border: 1px solid #be0601;
}
.home-page-wrapper .charity-projects .card_1 .card_bottom .card_btn {
  text-align: center;
  line-height: 44px;
  width: 125px;
  background-color: #be0601;
  color: #fff;
}
.home-page-wrapper .charity-projects .card_1 .card_bottom .card_btn:hover {
  opacity: 0.8;
}
.home-page-wrapper .old-funds {
  padding-bottom: 50px;
}
.home-page-wrapper .old-funds a:hover {
  color: #be0601;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds {
    height: unset;
  }
}
.home-page-wrapper .old-funds .title {
  margin: 50px 0 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .old-funds .title {
    margin: 50px 0 50px 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds .title {
    margin: 10px 0;
    transform: scale(0.6);
  }
}
.home-page-wrapper .old-funds .title .title-left {
  width: 78px;
  height: 28px;
  background: url(../img/title-btn-left.png) center no-repeat;
}
.home-page-wrapper .old-funds .title h2 {
  color: #be0601;
  font-size: 48px;
}
.home-page-wrapper .old-funds .title .title-right {
  width: 78px;
  height: 28px;
  background: url(../img/title-btn-left.png) center no-repeat;
  transform: scaleX(-1);
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds .list-wrapper {
    flex-direction: column;
  }
}
.home-page-wrapper .old-funds .box-funds-1 {
  width: 718px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds .box-funds-1 {
    width: unset;
  }
}
.home-page-wrapper .old-funds .box-funds-1 .of_title {
  padding-left: 32px;
  font-size: 32px;
  background-color: #be0601;
  color: #fff;
  height: 66px;
  line-height: 66px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds .box-funds-1 .of_title {
    font-size: 16px;
    height: 33px;
    line-height: 33px;
  }
}
.home-page-wrapper .old-funds .box-funds-1 a:hover .of_list_item {
  color: #be0601;
}
.home-page-wrapper .old-funds .box-funds-1 .of_list_item {
  line-height: 66px;
  margin-bottom: 2px;
  padding: 0 20px 0 20px;
  font-size: 24px;
  height: 66px;
  display: flex;
  color: #343434;
  justify-content: space-between;
  background-color: #f2f2f2;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds .box-funds-1 .of_list_item {
    font-size: 16px;
    line-height: 20px;
    height: unset;
    padding: 10px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds .box-funds-1 .of_list_item:last-child {
    font-size: 16px !important;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds .box-funds-1 .of_list_item p {
    margin-bottom: 0;
  }
}
.home-page-wrapper .old-funds .box-funds-2 {
  width: 718px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds .box-funds-2 {
    width: unset;
    margin-top: 20px;
  }
}
.home-page-wrapper .old-funds .box-funds-2 .of_title {
  padding: 0 32px 0 32px;
  font-size: 32px;
  background-color: #be0601;
  color: #fff;
}
.home-page-wrapper .old-funds .box-funds-2 .of_title > div {
  flex: 1;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds .box-funds-2 .of_title {
    font-size: 16px;
    height: 33px;
    line-height: 33px;
  }
}
.home-page-wrapper .old-funds .box-funds-2 a:hover .of_list_item {
  color: #be0601;
}
.home-page-wrapper .old-funds .box-funds-2 .of_list_item {
  margin-bottom: 2px;
  padding: 0 20px 0 20px;
  font-size: 24px;
  display: flex;
  color: #343434;
  justify-content: space-between;
  background-color: #f2f2f2;
}
.home-page-wrapper .old-funds .box-funds-2 .of_list_item > div {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 1px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds .box-funds-2 .of_list_item:last-child {
    font-size: 16px !important;
  }
}
.home-page-wrapper .old-funds .box-funds-2 .of_title,
.home-page-wrapper .old-funds .box-funds-2 .of_list_item {
  display: flex;
  height: 66px;
  line-height: 66px;
  justify-content: space-between;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .old-funds .box-funds-2 .of_title,
  .home-page-wrapper .old-funds .box-funds-2 .of_list_item {
    font-size: 16px;
    height: 33px;
    line-height: 33px;
  }
}
.home-page-wrapper .pension-serve {
  padding-bottom: 40px;
  overflow: hidden;
  background: url(../img/pension-serve-bg.png) no-repeat center / cover;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .pension-serve {
    margin-top: 0;
    height: unset;
  }
}
.home-page-wrapper .pension-serve .title {
  margin: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .home-page-wrapper .pension-serve .title {
    margin: 72px 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .pension-serve .title {
    transform: scale(0.6);
    margin: 10px 0;
  }
}
.home-page-wrapper .pension-serve .title .title-left {
  width: 78px;
  height: 28px;
  background: url(../img/white_left.png) center no-repeat;
}
.home-page-wrapper .pension-serve .title h2 {
  color: #fff;
  font-size: 48px;
}
.home-page-wrapper .pension-serve .title .title-right {
  width: 78px;
  height: 28px;
  background: url(../img/white_left.png) center no-repeat;
  transform: scaleX(-1);
}
.home-page-wrapper .pension-serve .ps_list {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .pension-serve .ps_list {
    flex-direction: column;
  }
}
.home-page-wrapper .pension-serve .ps_list .ps_list_item {
  flex: 1;
  text-align: center;
}
.home-page-wrapper .pension-serve .ps_list .ps_list_item img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .pension-serve .ps_list .ps_list_item {
    width: 100%;
    height: 100%;
    padding: 10px;
  }
  .home-page-wrapper .pension-serve .ps_list .ps_list_item img {
    height: unset;
  }
}
.home-page-wrapper .pension-serve .ps_list .ps_list_item .tip {
  width: 184px;
  height: 44px;
  border-radius: 22px;
  background-color: #fff;
  line-height: 44px;
  font-size: 24px;
  font-weight: 700;
  margin: 26px auto;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .pension-serve .ps_list .ps_list_item .tip {
    margin: 10px auto;
    font-size: 16px;
  }
}
.home-page-wrapper .recreational-activity {
  background-color: #fff;
  padding-bottom: 50px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .recreational-activity {
    padding-bottom: 20px;
  }
}
.home-page-wrapper .recreational-activity .center {
  overflow: unset;
}
.home-page-wrapper .recreational-activity .title {
  margin: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .recreational-activity .title {
    margin: 10px auto;
    transform: scale(0.6);
  }
}
.home-page-wrapper .recreational-activity .title .title-left {
  width: 78px;
  height: 28px;
  background: url(../img/title-btn-left.png) center no-repeat;
}
.home-page-wrapper .recreational-activity .title h2 {
  color: #be0601;
  font-size: 48px;
}
.home-page-wrapper .recreational-activity .title .title-right {
  width: 78px;
  height: 28px;
  background: url(../img/title-btn-left.png) center no-repeat;
  transform: scaleX(-1);
}
.home-page-wrapper .recreational-activity .activity_swiper {
  height: 217px;
}
.home-page-wrapper .recreational-activity .activity_swiper .swiper-slide {
  width: 286px;
  height: 217px;
}
.home-page-wrapper .recreational-activity .activity_swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
}
.home-page-wrapper .recreational-activity .activity_swiper .swiper-button-prev,
.home-page-wrapper .recreational-activity .activity_swiper .swiper-button-next {
  color: #959697;
}
.home-page-wrapper .recreational-activity .company {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  gap: 20px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .recreational-activity .company {
    margin-top: 50px;
    width: 100%;
    overflow: hidden;
    flex-direction: column;
  }
}
.home-page-wrapper .recreational-activity .company_title {
  width: 104px;
  height: 90px;
  padding-top: 10px;
  flex-shrink: 0;
  background: url(../img/img20.png) center no-repeat;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .recreational-activity .company_title {
    background: #be0601;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.home-page-wrapper .recreational-activity .company_title p {
  width: 88%;
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
}
.home-page-wrapper .recreational-activity .img_list {
  flex: 1;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 768px) and (max-width: 991px) {
  .home-page-wrapper .recreational-activity .img_list {
    transform: scale(0.8);
    flex-direction: column;
  }
}
.home-page-wrapper .recreational-activity .img_list .img_item {
  flex: 1;
}
.home-page-wrapper .recreational-activity .img_list .img_item img {
  max-width: 100%;
}
.login-page-wrapper .toolbar {
  padding: 40px 0;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .login-page-wrapper .toolbar {
    padding: 30px 0;
  }
}
@media (max-width: 992px) and (max-width: 1199px) {
  .login-page-wrapper .toolbar {
    padding: 25px 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .login-page-wrapper .toolbar {
    padding: 20px 0;
  }
}
.login-page-wrapper .category a {
  height: 38px;
  display: inline-block;
  padding: 0 15px;
  margin: 0 15px;
  line-height: 38px;
  font-size: 20px;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .login-page-wrapper .category a {
    padding: 0 10px;
    margin: 0 10px;
    font-size: 18px;
  }
}
.login-page-wrapper .category a.active {
  background: #be0601;
  color: #fff;
}
@media (max-width: 575px) {
  .login-page-wrapper .category {
    display: flex;
  }
  .login-page-wrapper .category a {
    padding: 0 5px;
    margin: 0;
    font-size: 16px;
    flex: 1;
    text-align: center;
  }
}
.login-page-wrapper .right {
  display: flex;
  justify-content: flex-end;
}
.login-page-wrapper .search-bar {
  display: flex;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .login-page-wrapper .search-bar {
    margin-top: 20px;
    width: 100%;
  }
  .login-page-wrapper .search-bar .form-control {
    flex: 1;
  }
}
.login-page-wrapper .search-bar .form-control {
  width: 330px;
}
.login-page-wrapper .search-bar .btn {
  width: 73px;
  height: 38px;
  background: #dd2020;
  margin-left: 10px;
}
.login-page-wrapper .project {
  background: #e6e6e6;
  padding: 25px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .login-page-wrapper .project {
    padding: 20px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .login-page-wrapper .project {
    flex-direction: column-reverse;
  }
}
.login-page-wrapper .project .left {
  width: 45%;
  padding-left: 55px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .login-page-wrapper .project .left {
    padding-left: 45px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .login-page-wrapper .project .left {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}
.login-page-wrapper .project .left .title {
  font-size: 29px;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .login-page-wrapper .project .left .title {
    font-size: 24px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .login-page-wrapper .project .left .title {
    font-size: 18px;
  }
}
.login-page-wrapper .project .left .line {
  font-size: 26px;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .login-page-wrapper .project .left .line {
    font-size: 18px;
  }
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .login-page-wrapper .project .left .line {
    font-size: 16px;
  }
}
.login-page-wrapper .project .left .line span {
  color: #be0601;
  font-size: 33px;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .login-page-wrapper .project .left .line span {
    font-size: 22px;
  }
}
.login-page-wrapper .project .left .btn {
  width: 230px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .login-page-wrapper .project .left .btn {
    margin-top: 20px;
  }
}
.login-page-wrapper .project .right {
  width: 45%;
}
@media (max-width: 768px) and (max-width: 991px) {
  .login-page-wrapper .project .right {
    width: 100%;
  }
}
.login-page-wrapper .project .right img {
  width: 100%;
}
.login-page-wrapper .detail {
  margin-top: 40px;
}
.login-page-wrapper .detail .nav-tabs {
  padding-left: 20px;
}
@media (max-width: 575px) {
  .login-page-wrapper .detail .nav-tabs {
    padding-left: 0;
  }
}
.login-page-wrapper .detail .nav-tabs .nav-link {
  color: #000;
  font-size: 18px;
  border-radius: 0;
  height: 40px;
  line-height: 1;
  border-top: 3px solid #fff;
}
@media (max-width: 575px) {
  .login-page-wrapper .detail .nav-tabs .nav-link {
    font-size: 16px;
  }
}
.login-page-wrapper .detail .nav-tabs .active {
  color: #be0601;
  border-top: 2px solid #be0601;
}
.login-page-wrapper .detail .tab-content {
  padding: 50px 0;
}
@media (max-width: 575px) {
  .login-page-wrapper .detail .tab-content {
    padding: 20px 0;
  }
}
.login-page-wrapper {
  width: 100vw;
  height: 100vh;
}
.login-page-wrapper html,
.login-page-wrapper body {
  height: 100%;
}
.login-page-wrapper .logo {
  position: absolute;
  width: 270px;
  height: 40px;
  left: 40px;
  top: 40px;
}
.login-page-wrapper .login_bg {
  height: 100%;
  width: 100%;
  background: url(../img/banner_login.png) no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
  overflow: hidden;
  background-size: cover;
}
.login-page-wrapper .center {
  width: 1300px;
  margin: 0 auto;
}
.login-page-wrapper .container {
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
}
.login-page-wrapper .container .love {
  position: absolute;
  top: 55%;
  left: -20%;
  transform: translateY(-50%);
}
.login-page-wrapper .container .login {
  width: 418px;
  height: 456px;
  border-radius: 10px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 576px) and (max-width: 767px) {
  .login-page-wrapper .container .login {
    width: 100%;
  }
}
.login-page-wrapper .container .login .login_welcome {
  margin-top: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-page-wrapper .container .login .login_welcome .henxian {
  height: 2px;
  width: 52px;
}
.login-page-wrapper .container .login .login_welcome .login_welcome_title {
  font-size: 28px;
  text-align: center;
  margin: 0 10px;
}
.login-page-wrapper .container .login .sm_title {
  text-align: center;
  letter-spacing: 6px;
  font-size: 12px;
}
.login-page-wrapper .container .login .login_input_number {
  margin: 56px 63px 24px 63px;
  width: 292px;
  height: 42px;
  position: relative;
}
@media (max-width: 576px) and (max-width: 767px) {
  .login-page-wrapper .container .login .login_input_number {
    margin-left: auto;
    margin-right: auto;
  }
}
.login-page-wrapper .container .login .login_input_number img {
  position: absolute;
  left: 30px;
  top: 12px;
}
.login-page-wrapper .container .login .login_input_number input {
  width: 100%;
  height: 100%;
  border-radius: 21px;
  padding-left: 68px;
}
.login-page-wrapper .container .login .login_input_password {
  margin: 0px 63px 12px 63px;
  width: 292px;
  height: 42px;
  position: relative;
}
@media (max-width: 576px) and (max-width: 767px) {
  .login-page-wrapper .container .login .login_input_password {
    margin-left: auto;
    margin-right: auto;
  }
}
.login-page-wrapper .container .login .login_input_password input {
  width: 100%;
  height: 100%;
  border-radius: 21px;
  padding-left: 68px;
}
.login-page-wrapper .container .login .login_input_password img {
  position: absolute;
  left: 30px;
  top: 12px;
}
.login-page-wrapper .container .login .forgot_password {
  font-size: 14px;
  color: #a5a6a4;
  float: right;
  margin-right: 63px;
  margin-bottom: 48px;
}
.login-page-wrapper .container .login .login_botton {
  margin: 56px 63px 24px 63px;
  width: 292px;
  height: 42px;
  background-color: #c22a26;
  color: #fbf5f5;
  font-size: 14px;
  text-align: center;
  border-radius: 21px;
  line-height: 42px;
  padding-left: 60px;
}
@media (max-width: 576px) and (max-width: 767px) {
  .login-page-wrapper .container .login .login_botton {
    margin-left: auto;
    margin-right: auto;
  }
}
.login-page-wrapper .container .login .login_bottom {
  display: flex;
  margin-top: 13px;
}
@media (max-width: 576px) and (max-width: 767px) {
  .login-page-wrapper .container .login .login_bottom {
    justify-content: center;
  }
}
.login-page-wrapper .container .login .login_bottom input {
  margin-left: 68px;
  margin-top: 2px;
}
@media (max-width: 576px) and (max-width: 767px) {
  .login-page-wrapper .container .login .login_bottom input {
    margin-left: 0;
  }
}
.login-page-wrapper .container .login .login_bottom .lou_password {
  font-size: 12px;
  color: #a5a6a4;
  margin-left: 12px;
}
.login-page-wrapper .container .login .login_bottom .zhuce {
  font-size: 12px;
  color: #2a76ff;
  margin-left: 150px;
}
.news-page-wrapper .search-bar {
  display: flex;
  padding: 30px 0;
}
.news-page-wrapper .search-bar .btn {
  margin-left: 10px;
}
.news-page-wrapper .msg_list {
  width: 932px;
}
@media (max-width: 1400px) and (max-width: 1499px) {
  .news-page-wrapper .msg_list {
    width: auto;
    height: auto;
  }
}
.news-page-wrapper .msg_list .msg_box_sm {
  flex: 1;
}
@media (max-width: 768px) and (max-width: 991px) {
  .news-page-wrapper .msg_list {
    width: auto;
    height: auto;
  }
}
.news-page-wrapper .msg_list .msg_right_item {
  background-color: #f3f4f7;
  padding: 30px;
  height: 260px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  gap: 20px;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .news-page-wrapper .msg_list .msg_right_item {
    flex-direction: column;
    height: unset;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .news-page-wrapper .msg_list .msg_right_item {
    flex-direction: column;
    height: unset;
  }
}
.news-page-wrapper .msg_list .msg_right_item img {
  width: 228px;
  height: 196px;
  border-radius: 15px;
}
.news-page-wrapper .msg_list .msg_right_item .msg_box_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news-page-wrapper .msg_list .msg_right_item .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* 设置宽度和高度 */
  width: 570px;
}
@media (max-width: 1400px) and (max-width: 1499px) {
  .news-page-wrapper .msg_list .msg_right_item .ellipsis {
    width: 100%;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .news-page-wrapper .msg_list .msg_right_item .ellipsis {
    width: 100%;
  }
}
.news-page-wrapper .msg_list .msg_right_item h5 {
  margin-top: 10px;
  font-size: 24px;
  height: 56px;
}
.news-page-wrapper .msg_list .msg_right_item p {
  margin-top: 20px;
  color: #8c8c8c;
  height: 74px;
  font-size: 16px;
  -webkit-line-clamp: 3;
  text-indent: 2em;
}
.news-page-wrapper .msg_list .msg_right_item .do_donation {
  border: none;
  background-color: transparent;
  border-radius: 2px;
  text-align: center;
  line-height: 36px;
  width: 120px;
  height: 40px;
  font-size: 16px;
}
.news-page-wrapper .msg_list .msg_right_item .do_donation a:hover,
.news-page-wrapper .msg_list .msg_right_item .do_donation a:visited,
.news-page-wrapper .msg_list .msg_right_item .do_donation a:link,
.news-page-wrapper .msg_list .msg_right_item .do_donation a:active {
  color: #be0601;
  text-decoration: none;
}
.news-page-wrapper .charity-detail .toolbar {
  padding: 40px 0;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .news-page-wrapper .charity-detail .toolbar {
    padding: 30px 0;
  }
}
@media (max-width: 992px) and (max-width: 1199px) {
  .news-page-wrapper .charity-detail .toolbar {
    padding: 25px 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .news-page-wrapper .charity-detail .toolbar {
    padding: 20px 0;
  }
}
.news-page-wrapper .charity-detail .category a {
  height: 38px;
  display: inline-block;
  padding: 0 15px;
  margin: 0 15px;
  line-height: 38px;
  font-size: 20px;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .news-page-wrapper .charity-detail .category a {
    padding: 0 10px;
    margin: 0 10px;
    font-size: 18px;
  }
}
.news-page-wrapper .charity-detail .category a.active {
  background: #be0601;
  color: #fff;
}
@media (max-width: 575px) {
  .news-page-wrapper .charity-detail .category {
    display: flex;
  }
  .news-page-wrapper .charity-detail .category a {
    padding: 0 5px;
    margin: 0;
    font-size: 16px;
    flex: 1;
    text-align: center;
  }
}
.news-page-wrapper .charity-detail .right {
  display: flex;
  justify-content: flex-end;
}
.news-page-wrapper .charity-detail .search-bar {
  display: flex;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .news-page-wrapper .charity-detail .search-bar {
    margin-top: 20px;
    width: 100%;
  }
  .news-page-wrapper .charity-detail .search-bar .form-control {
    flex: 1;
  }
}
.news-page-wrapper .charity-detail .search-bar .form-control {
  width: 330px;
}
.news-page-wrapper .charity-detail .search-bar .btn {
  width: 73px;
  height: 38px;
  background: #dd2020;
  margin-left: 10px;
}
.news-page-wrapper .charity-detail .center {
  width: 1300px;
  overflow: hidden;
  margin: 0 auto;
}
.news-page-wrapper .charity-detail .pagination {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  align-items: center;
}
.news-page-wrapper .charity-detail .pagination input {
  width: 52px;
  height: 30px;
  background-color: #f3f4f7;
  border: none;
  border-radius: 4px;
}
.news-page-wrapper .charity-detail .do_donation {
  border: none;
  background-color: transparent;
  border-radius: 2px;
  text-align: center;
  line-height: 36px;
  width: 120px;
  height: 40px;
  font-size: 16px;
}
.news-page-wrapper .charity-detail .do_donation a:hover,
.news-page-wrapper .charity-detail .do_donation a:visited,
.news-page-wrapper .charity-detail .do_donation a:link,
.news-page-wrapper .charity-detail .do_donation a:active {
  color: #be0601;
  text-decoration: none;
}
.news-page-wrapper .charity-detail .detail {
  margin-top: 40px;
}
.news-page-wrapper .charity-detail .detail .nav-tabs {
  padding-left: 20px;
}
@media (max-width: 575px) {
  .news-page-wrapper .charity-detail .detail .nav-tabs {
    padding-left: 0;
  }
}
.news-page-wrapper .charity-detail .detail .nav-tabs .nav-link {
  color: #000;
  font-size: 18px;
  border-radius: 0;
  height: 40px;
  line-height: 1;
  border-top: 3px solid #fff;
}
@media (max-width: 575px) {
  .news-page-wrapper .charity-detail .detail .nav-tabs .nav-link {
    font-size: 16px;
  }
}
.news-page-wrapper .charity-detail .detail .nav-tabs .active {
  color: #be0601;
  border-top: 2px solid #be0601;
}
.news-page-wrapper .charity-detail .detail .tab-content {
  padding: 50px 0;
}
@media (max-width: 575px) {
  .news-page-wrapper .charity-detail .detail .tab-content {
    padding: 20px 0;
  }
}
.news-detail-page-wrapper .toolbar {
  padding: 40px 0;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .news-detail-page-wrapper .toolbar {
    padding: 30px 0;
  }
}
@media (max-width: 992px) and (max-width: 1199px) {
  .news-detail-page-wrapper .toolbar {
    padding: 25px 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .news-detail-page-wrapper .toolbar {
    padding: 20px 0;
  }
}
.news-detail-page-wrapper .category a {
  height: 38px;
  display: inline-block;
  padding: 0 15px;
  margin: 0 15px;
  line-height: 38px;
  font-size: 20px;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .news-detail-page-wrapper .category a {
    padding: 0 10px;
    margin: 0 10px;
    font-size: 18px;
  }
}
.news-detail-page-wrapper .category a.active {
  background: #be0601;
  color: #fff;
}
@media (max-width: 575px) {
  .news-detail-page-wrapper .category {
    display: flex;
  }
  .news-detail-page-wrapper .category a {
    padding: 0 5px;
    margin: 0;
    font-size: 16px;
    flex: 1;
    text-align: center;
  }
}
.news-detail-page-wrapper .right {
  display: flex;
  justify-content: flex-end;
}
.news-detail-page-wrapper .search-bar {
  display: flex;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .news-detail-page-wrapper .search-bar {
    margin-top: 20px;
    width: 100%;
  }
  .news-detail-page-wrapper .search-bar .form-control {
    flex: 1;
  }
}
.news-detail-page-wrapper .search-bar .form-control {
  width: 330px;
}
.news-detail-page-wrapper .search-bar .btn {
  width: 73px;
  height: 38px;
  background: #dd2020;
  margin-left: 10px;
}
.news-detail-page-wrapper .center {
  width: 1300px;
  overflow: hidden;
  margin: 0 auto;
}
@media (max-width: 768px) and (max-width: 991px) {
  .news-detail-page-wrapper .center {
    width: 100%;
    height: auto;
    padding: 10px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .news-detail-page-wrapper .sidebar {
    display: none;
  }
}
.news-detail-page-wrapper .sub_right {
  width: 966px;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 1400px) and (max-width: 1499px) {
  .news-detail-page-wrapper .sub_right {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .news-detail-page-wrapper .sub_right {
    width: 100%;
    height: auto;
  }
}
.news-detail-page-wrapper .sub_right .right_title {
  font-size: 24px;
  line-height: 1.5;
  padding: 10px 0;
  border-bottom: 1px solid #d2d2d2;
  font-weight: normal;
  margin-top: 15px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .news-detail-page-wrapper .sub_right .right_title {
    font-size: 18px;
  }
}
.news-detail-page-wrapper .sub_right .news_msg {
  padding: 15px 42px 0 42px;
  margin-top: 0 !important;
  text-align: left;
}
.news-detail-page-wrapper .sub_right .news_msg p {
  margin: 0 !important;
}
@media (max-width: 768px) and (max-width: 991px) {
  .news-detail-page-wrapper .sub_right .news_msg {
    padding: 0;
  }
  .news-detail-page-wrapper .sub_right .news_msg p span {
    white-space: wrap !important;
    text-wrap: wrap !important;
  }
}
.news-detail-page-wrapper .sub_right .news_msg img {
  max-width: 100%;
}
.news-detail-page-wrapper .sub_right .prev-next {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
.news-detail-page-wrapper .sub_right .prev-next a {
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.news-detail-page-wrapper .sub_right .prev-next a:hover {
  color: #be0601;
  border-color: currentColor;
}
.old-funds-page-wrapper .search-bar,
.old-funds-detail-page-wrapper .search-bar {
  display: flex;
  padding: 30px 0;
}
.old-funds-page-wrapper .search-bar .btn,
.old-funds-detail-page-wrapper .search-bar .btn {
  margin-left: 10px;
}
.old-funds-page-wrapper .msg_list .msg_right_box,
.old-funds-detail-page-wrapper .msg_list .msg_right_box {
  padding: 30px;
  background: #f3f4f7;
  margin-bottom: 15px;
  display: flex;
  gap: 30px;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .old-funds-page-wrapper .msg_list .msg_right_box,
  .old-funds-detail-page-wrapper .msg_list .msg_right_box {
    flex-direction: column;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .old-funds-page-wrapper .msg_list .msg_right_box,
  .old-funds-detail-page-wrapper .msg_list .msg_right_box {
    flex-direction: column;
  }
}
.old-funds-page-wrapper .msg_list .msg_right_box img,
.old-funds-detail-page-wrapper .msg_list .msg_right_box img {
  width: 226px;
  height: 200px;
}
.old-funds-page-wrapper .msg_list .msg_right_box .info,
.old-funds-detail-page-wrapper .msg_list .msg_right_box .info {
  flex: 1;
}
@media (max-width: 768px) and (max-width: 991px) {
  .old-funds-page-wrapper .msg_list .msg_right_box .info,
  .old-funds-detail-page-wrapper .msg_list .msg_right_box .info {
    padding-left: 0;
  }
}
.old-funds-page-wrapper .msg_list .msg_right_box .info a:hover,
.old-funds-detail-page-wrapper .msg_list .msg_right_box .info a:hover {
  color: #be0601;
}
.old-funds-page-wrapper .msg_list .msg_right_box .info .title,
.old-funds-detail-page-wrapper .msg_list .msg_right_box .info .title {
  font-size: 24px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .old-funds-page-wrapper .msg_list .msg_right_box .info .title,
  .old-funds-detail-page-wrapper .msg_list .msg_right_box .info .title {
    margin-top: 10px;
  }
}
.old-funds-page-wrapper .msg_list .msg_right_box .info .list,
.old-funds-detail-page-wrapper .msg_list .msg_right_box .info .list {
  margin-top: 50px;
  font-size: 19px;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .old-funds-page-wrapper .msg_list .msg_right_box .info .list,
  .old-funds-detail-page-wrapper .msg_list .msg_right_box .info .list {
    margin-top: 20px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .old-funds-page-wrapper .msg_list .msg_right_box .info .list,
  .old-funds-detail-page-wrapper .msg_list .msg_right_box .info .list {
    margin-top: 20px;
  }
}
.old-funds-page-wrapper .msg_list .msg_right_box .info .list .high,
.old-funds-detail-page-wrapper .msg_list .msg_right_box .info .list .high {
  color: #be0601;
}
.old-funds-page-wrapper .msg_list .msg_right_box .do_donation,
.old-funds-detail-page-wrapper .msg_list .msg_right_box .do_donation {
  width: 163px;
  height: 38px;
  background: #be0601;
  border: none;
  color: #fff;
  margin-top: 150px;
}
.old-funds-page-wrapper .msg_list .msg_right_box .do_donation:hover,
.old-funds-detail-page-wrapper .msg_list .msg_right_box .do_donation:hover {
  opacity: 0.8;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .old-funds-page-wrapper .msg_list .msg_right_box .do_donation,
  .old-funds-detail-page-wrapper .msg_list .msg_right_box .do_donation {
    margin-top: 20px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .old-funds-page-wrapper .msg_list .msg_right_box .do_donation,
  .old-funds-detail-page-wrapper .msg_list .msg_right_box .do_donation {
    margin-top: 10px;
  }
}
.old-funds-page-wrapper .right_title,
.old-funds-detail-page-wrapper .right_title {
  font-size: 28px;
  line-height: 56px;
  border-bottom: 1px solid #d2d2d2;
  text-align: center;
  padding-top: 10px;
}
.old-funds-page-wrapper .right_msg,
.old-funds-detail-page-wrapper .right_msg {
  position: relative;
  text-align: left;
  height: 346px;
  color: #fff;
}
.old-funds-page-wrapper .nav-tabs,
.old-funds-detail-page-wrapper .nav-tabs {
  margin-top: 30px;
}
.old-funds-page-wrapper .project-info,
.old-funds-detail-page-wrapper .project-info {
  height: 340px;
  display: flex;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .old-funds-page-wrapper .project-info,
  .old-funds-detail-page-wrapper .project-info {
    flex-direction: column;
    height: auto;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .old-funds-page-wrapper .project-info,
  .old-funds-detail-page-wrapper .project-info {
    flex-direction: column;
    height: auto;
  }
}
.old-funds-page-wrapper .project-info .img,
.old-funds-detail-page-wrapper .project-info .img {
  width: 590px;
  height: 100%;
  flex: 1;
}
@media (max-width: 1400px) and (max-width: 1499px) {
  .old-funds-page-wrapper .project-info .img,
  .old-funds-detail-page-wrapper .project-info .img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .old-funds-page-wrapper .project-info .img,
  .old-funds-detail-page-wrapper .project-info .img {
    width: 100%;
    height: 340px;
  }
}
.old-funds-page-wrapper .project-info img,
.old-funds-detail-page-wrapper .project-info img {
  width: 100%;
  height: 100%;
}
.old-funds-page-wrapper .project-info .acard,
.old-funds-detail-page-wrapper .project-info .acard {
  height: 100%;
  background: #000;
  padding-left: 60px;
  color: #fff;
  width: 370px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .old-funds-page-wrapper .project-info .acard,
  .old-funds-detail-page-wrapper .project-info .acard {
    width: 100%;
  }
}
.old-funds-page-wrapper .project-info .acard .a-title,
.old-funds-detail-page-wrapper .project-info .acard .a-title {
  font-size: 24px;
  margin-top: 30px;
}
.old-funds-page-wrapper .project-info .acard .list,
.old-funds-detail-page-wrapper .project-info .acard .list {
  margin-top: 30px;
}
.old-funds-page-wrapper .project-info .acard .do_donation,
.old-funds-detail-page-wrapper .project-info .acard .do_donation {
  width: 152px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #be0601;
  border-radius: 5px;
  font-size: 20px;
  text-align: center;
  margin-top: 30px;
}
.old-funds-page-wrapper .project-info .acard .do_donation:hover,
.old-funds-detail-page-wrapper .project-info .acard .do_donation:hover {
  opacity: 0.8;
}
.old-funds-page-wrapper .time,
.old-funds-detail-page-wrapper .time {
  padding: 10px;
  text-align: center;
  font-size: 16px;
  color: #5b5b5b;
}
.old-funds-page-wrapper .detail .tab-content {
  padding: 30px 0;
}
.old-funds-page-wrapper .detail .tab-content a:hover {
  color: #be0601;
}
.old-funds-page-wrapper .detail .tab-content .basic_information {
  padding-top: 20px;
  line-height: 32px;
  text-indent: 2rem;
}
.old-funds-page-wrapper .detail .tab-content .table_title {
  height: 40px;
  background-color: #e6e6e6;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-bottom: 20px;
}
.old-funds-page-wrapper .detail .tab-content .table_title p {
  font-size: 18px;
  color: #be0601;
  line-height: 40px;
}
.old-funds-page-wrapper .detail .tab-content .table_title button {
  background: transparent;
  border: none;
  color: #8c8c8c;
}
.old-funds-page-wrapper .detail .tab-content .table_detail_item {
  height: 44px;
  font-size: 18px;
  padding: 0 20px;
  line-height: 44px;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
}
.old-funds-page-wrapper .detail .tab-content .table_detail_item .item_title {
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.old-funds-page-wrapper .detail .tab-content .table_detail_item .date {
  color: #8c8c8c;
}
.old-funds-page-wrapper .detail .tab-content .table {
  height: 900px;
  border-top: 2px solid #be0601;
}
.old-funds-page-wrapper .detail .tab-content .table table {
  width: 100%;
}
.old-funds-page-wrapper .detail .tab-content .table table th {
  background: #e5e5e5;
}
.old-funds-page-wrapper .detail .tab-content .table th,
.old-funds-page-wrapper .detail .tab-content .table td {
  border: 1px solid #d2d2d2;
  text-align: center;
  line-height: 42px;
}
.tips-page-wrapper .tips-main {
  width: 980px;
  margin: 0 auto 0;
  padding: 150px 0;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .tips-page-wrapper .tips-main {
    width: auto;
    padding: 30px;
  }
}
.tips-page-wrapper .tips-main .head {
  height: 100px;
  line-height: 100px;
  background: #c50701;
  font-size: 50px;
  text-align: center;
  color: #fff;
}
@media (max-width: 992px) and (max-width: 1199px) {
  .tips-page-wrapper .tips-main .head {
    height: 80px;
    line-height: 80px;
    font-size: 40px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .tips-page-wrapper .tips-main .head {
    height: 50px;
    line-height: 50px;
    font-size: 26px;
  }
}
.tips-page-wrapper .tips-main .body {
  padding: 40px;
}
.tips-page-wrapper .tips-main .body .more {
  margin-top: 20px;
  color: deepskyblue;
  display: inline-block;
}
.tips-page-wrapper .tips-main .foot {
  text-align: center;
}
.tips-page-wrapper .tips-main .foot .btn {
  background: #a41612;
  border: none;
}
.volunteer-page-wrapper.form-container {
  min-height: 1684px;
  background: url(../img/volunteer.png) no-repeat center / cover;
  padding: 160px 0;
}
.volunteer-page-wrapper .main-content {
  width: 728px;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 768px) and (max-width: 991px) {
  .volunteer-page-wrapper .main-content {
    width: 100%;
  }
}
.volunteer-page-wrapper .main-content .title {
  font-size: 30px;
  color: #be0601;
  text-align: center;
  padding: 40px 0 30px;
}
.volunteer-page-wrapper .main-content .desc {
  margin: 0 20px;
  border-bottom: 1px dashed #bfbdbe;
  text-align: center;
  padding-bottom: 10px;
}
.volunteer-page-wrapper .form-outer {
  padding-left: 50px;
  padding-right: 100px;
  padding-top: 30px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .volunteer-page-wrapper .form-outer {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.volunteer-page-wrapper .form-outer span {
  color: #be0601;
}
.volunteer-page-wrapper .form-outer .form-item {
  display: flex;
  gap: 20px;
}
.volunteer-page-wrapper .form-outer .form-item .form-label {
  width: 100px;
  line-height: 30px;
  padding: 10px 0;
  text-align: right;
  flex-shrink: 0;
}
.volunteer-page-wrapper .form-outer .form-item .form-wrap {
  flex: 1;
}
.volunteer-page-wrapper .form-outer .form-item input,
.volunteer-page-wrapper .form-outer .form-item textarea {
  height: 43px;
  border: 1px solid #d2d2d2;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
}
.volunteer-page-wrapper .form-outer .form-item textarea {
  height: 90px;
}
.volunteer-page-wrapper .form-outer .form-inline {
  display: flex;
  gap: 20px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .volunteer-page-wrapper .form-outer .form-inline {
    flex-direction: column;
  }
}
.volunteer-page-wrapper .form-outer .form-inline .form-item {
  flex: 1;
}
.volunteer-page-wrapper .form-outer .buttons {
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.volunteer-page-wrapper .form-outer .buttons .btn {
  margin: 0 20px;
  width: 120px;
  background: #bfbdbe;
  color: #fff;
}
.volunteer-page-wrapper .form-outer .buttons .btn:hover {
  opacity: 0.8;
}
.volunteer-page-wrapper .form-outer .buttons .btn-primary {
  background: #be0601;
  border: none;
}
* {
  padding: 0;
  margin: 0;
  transition: color, background-color, opacity 0.3s;
}
ul {
  list-style: none;
}
ul li {
  list-style-type: none;
}
.navbar {
  background-color: #be0601;
  min-height: 66px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 1000;
}
@media (max-width: 768px) and (max-width: 991px) {
  .navbar {
    padding: 0;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .navbar .container-xl {
    padding: 0;
  }
}
.navbar .brand .navbar-brand {
  width: 250px;
  display: none;
}
.navbar .brand .navbar-brand img {
  width: 100%;
}
@media (max-width: 768px) and (max-width: 991px) {
  .navbar .brand .navbar-brand {
    display: block;
    margin-left: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .navbar {
    min-height: unset;
  }
  .navbar .navbar-collapse {
    background: #fff;
    margin-top: 10px;
    overflow: hidden;
  }
}
.navbar .navbar-nav {
  display: flex;
  flex: 1;
  width: 100%;
}
.navbar .navbar-nav .nav-item a {
  color: #fff;
  font-size: 19.5px;
  font-weight: bold;
  padding: 0 25px;
  line-height: 32px;
  white-space: nowrap;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .navbar .navbar-nav .nav-item a {
    font-size: 16px;
    padding: 0 20px;
  }
}
@media (max-width: 992px) and (max-width: 1199px) {
  .navbar .navbar-nav .nav-item a {
    padding: 0 10px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .navbar .navbar-nav .nav-item a {
    color: #333;
    font-size: 14px;
    font-weight: normal;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu {
  background: #be0601;
  display: block;
  border-radius: 0;
  border: none;
  padding: 18px 0 0;
  transition: all 0.3s;
  transform: scaleY(0);
  transform-origin: center top;
}
@media (max-width: 768px) and (max-width: 991px) {
  .navbar .navbar-nav .nav-item .dropdown-menu {
    display: none !important;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu li a {
  padding: 5px 15px;
  transition: all 0.2s ease-in-out;
}
.navbar .navbar-nav .nav-item .dropdown-menu a {
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  background: #be0601;
}
.navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: #a50501 !important;
}
.navbar .navbar-nav .nav-item:hover .dropdown-menu {
  transform: scaleY(1);
}
.navbar .navbar-toggler {
  border-color: #fff;
}
@media (max-width: 768px) and (max-width: 991px) {
  .navbar .navbar-toggler {
    margin-right: 12px;
  }
}
.navbar .navbar-toggler .navbar-toggler-icon {
  background: url(../img/menu.png) no-repeat center / 100% 100%;
}
.navbar .navbar-toggle {
  border: none;
}
.navbar .navbar-toggle svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.banner {
  height: 480px;
  background: url(../img/banner.png) no-repeat center / auto 100%;
}
.banner .swiper-pagination-bullet-active {
  background: #be0601;
}
@media (max-width: 1200px) and (max-width: 1399px) {
  .banner {
    height: 420px;
  }
}
@media (max-width: 992px) and (max-width: 1199px) {
  .banner {
    height: 360px;
    background-position: 30%;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .banner {
    height: 300px;
  }
}
@media (max-width: 576px) and (max-width: 767px) {
  .banner {
    height: 240px;
  }
}
@media (max-width: 575px) {
  .banner {
    height: 140px;
  }
}
a {
  text-decoration: none;
  color: inherit;
}
input,
button {
  outline: none !important;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  outline-color: rgba(0, 0, 0, 0.25);
}
.common-footer {
  margin-top: 72px;
  height: 560px;
  background: url(../img/bottom.png) no-repeat center / cover;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .common-footer {
    height: auto;
    padding-bottom: 30px;
    margin-top: 30px;
  }
}
.common-footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .common-footer .footer-bottom {
    flex-direction: column;
    align-items: center;
  }
}
.common-footer .footer-bottom .footer-left {
  display: flex;
  gap: 10px;
  line-height: 38px;
}
.common-footer .footer-bottom .footer-left .userinfo {
  display: flex;
}
.common-footer .footer-bottom .footer-left .userinfo a {
  color: #fff;
  text-decoration: underline;
}
.common-footer .footer-bottom .footer-left .username {
  color: #fff;
}
.common-footer .center {
  width: 80%;
  margin: auto;
  overflow: hidden;
  height: 100%;
}
@media (max-width: 768px) and (max-width: 991px) {
  .common-footer .center {
    width: 90%;
  }
}
.common-footer .center .bottom_title {
  height: 130px;
  margin-top: 80px;
  display: flex;
}
@media (max-width: 768px) and (max-width: 991px) {
  .common-footer .center .bottom_title {
    margin-top: 30px;
    height: auto;
  }
}
.common-footer .center .bottom_title .bottom_img {
  height: 57px;
  width: 413px;
  background: url(../img/logo-xl.png) no-repeat center / contain;
}
@media (max-width: 768px) and (max-width: 991px) {
  .common-footer .center .bottom_title .bottom_img {
    width: 100%;
  }
}
.common-footer .center .bottom_content {
  display: flex;
  height: 270px;
  width: 100%;
  border-bottom: solid #df9b99 1px;
  justify-content: space-between;
}
@media (max-width: 768px) and (max-width: 991px) {
  .common-footer .center .bottom_content {
    height: auto;
    flex-direction: column;
  }
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .common-footer .center .bottom_content {
    height: auto;
  }
}
.common-footer .center .bottom_content .bottom_detail {
  display: flex;
  padding-left: 0;
  width: 1159px;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .common-footer .center .bottom_content .bottom_detail {
    width: 100%;
    flex-wrap: wrap;
  }
}
.common-footer .center .bottom_content .bottom_detail .bottom_detail_li {
  margin-right: 20px;
  width: 90px;
  list-style-type: none;
}
@media (max-width: 1500px) and (max-width: 1779px) {
  .common-footer .center .bottom_content .bottom_detail .bottom_detail_li {
    width: 25%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) and (max-width: 991px) {
  .common-footer .center .bottom_content .bottom_detail .bottom_detail_li {
    width: 20%;
    margin-right: 0;
    margin-top: 20px;
    text-align: center;
  }
}
.common-footer .center .bottom_content .bottom_detail .bottom_detail_li .bottom_detail_content {
  font-size: 14px;
  color: #fff;
}
.common-footer .center .bottom_content .bottom_detail .bottom_detail_li .bottom_line {
  width: 37px;
  height: 20px;
  margin-bottom: 20px;
  border-bottom: solid #fff 2px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .common-footer .center .bottom_content .bottom_detail .bottom_detail_li .bottom_line {
    margin: 0 auto 20px;
  }
}
.common-footer .center .bottom_content .bottom_detail .bottom_detail_li .bottom_detail_content_ul {
  padding-left: 0;
  z-index: 100;
}
.common-footer .center .bottom_content .bottom_detail .bottom_detail_li .bottom_detail_content_ul li {
  list-style-type: none;
  font-size: 12px;
  color: #fbf5f5;
  height: 24px;
  opacity: 0.8;
}
.common-footer .center .bottom_content .bottom_detail .bottom_detail_li .bottom_detail_content_ul li:hover {
  color: #fff;
  opacity: 1;
}
.common-footer .center .bottom_content .bottom_detail .bottom_detail_li .bottom_detail_content_ul li:hover a {
  color: inherit;
}
.common-footer .center .bottom_content .bottom_detail .bottom_detail_li_last {
  width: 300px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .common-footer .center .bottom_content .bottom_detail .bottom_detail_li_last {
    margin-top: 0;
    width: 100%;
  }
}
.common-footer .center .bottom_content .bottom_banner {
  display: flex;
}
@media (max-width: 768px) and (max-width: 991px) {
  .common-footer .center .bottom_content .bottom_banner {
    transform: scale(0.8);
    justify-content: center;
  }
}
.common-footer .center .bottom_content .bottom_banner .bottom_banner_left .bottom_banner_left_title {
  width: 141px;
  height: 22px;
  border-radius: 3px;
  background-color: #fff;
  margin-bottom: 34px;
  color: #c22a26;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
}
.common-footer .center .bottom_content .bottom_banner .bottom_banner_left .bottom_banner_left_title img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.common-footer .center .bottom_content .bottom_banner .bottom_banner_left .bottom_banner_left_sign {
  width: 141px;
  height: 141px;
  background: url(../img/qrcode1.png) no-repeat center / 100% 100%;
}
.common-footer .center .bottom_content .bottom_banner .bottom_banner_right {
  margin-left: 35px;
}
.common-footer .center .bottom_content .bottom_banner .bottom_banner_right .bottom_banner_right_title {
  width: 141px;
  height: 22px;
  border-radius: 3px;
  background-color: #fff;
  margin-bottom: 34px;
  color: #c22a26;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
}
.common-footer .center .bottom_content .bottom_banner .bottom_banner_right .bottom_banner_right_sign {
  width: 141px;
  height: 141px;
  background: url(../img/qrcode2.png) no-repeat center / 100% 100%;
}
.common-footer .center .bottom_last {
  font-size: 10px;
  color: #fbf5f5;
  float: right;
  opacity: 0.8;
  line-height: 38px;
}
.main {
  display: flex;
  gap: 70px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .main {
    flex-direction: column;
    gap: 0;
  }
}
.main .content {
  flex: 1;
}
.sidebar {
  width: 300px;
  margin-top: -76px;
  flex-shrink: 0;
}
@media (max-width: 768px) and (max-width: 991px) {
  .sidebar {
    width: 100%;
    margin-top: -46px;
  }
}
.sidebar .new-project {
  margin-top: 20px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .sidebar .new-project {
    display: none;
  }
}
.sidebar .new-project .title {
  font-size: 20px;
}
.sidebar .new-project .list .item {
  margin-top: 15px;
}
.sidebar .new-project .list .item img {
  width: 100%;
}
.sidebar .new-project .list .item .msg {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin-top: 10px;
}
.sidebar .sub_left_title {
  height: 76px;
  font-size: 30px;
  line-height: 76px;
  color: #fff;
  background: #dd2020;
  border-radius: 15px 15px 0 0;
  text-align: center;
  margin-bottom: 0;
  font-weight: bold;
}
@media (max-width: 768px) and (max-width: 991px) {
  .sidebar .sub_left_title {
    height: 46px;
    line-height: 46px;
    font-size: 18px;
  }
}
.sidebar .accordion {
  border-radius: 0 0 15px 15px;
  overflow: hidden;
}
@media (max-width: 768px) and (max-width: 991px) {
  .sidebar .accordion.inline {
    display: flex;
  }
  .sidebar .accordion.inline .accordion-item {
    flex: 1;
  }
  .sidebar .accordion.inline .accordion-header .accordion-button {
    font-size: 14px;
    padding: 15px 10px;
    white-space: nowrap;
  }
  .sidebar .accordion.inline .accordion-header .accordion-button:after {
    display: none;
  }
  .sidebar .accordion.inline .accordion-collapse {
    display: none !important;
  }
}
.sidebar .accordion-item {
  border: none;
}
.sidebar .accordion-button {
  border-radius: 0 !important;
  background: #f3f4f7;
}
.sidebar .accordion-button:after {
  width: 18px;
  height: 10px;
  background: url(../img/arrow.png) no-repeat center;
}
.sidebar .accordion-button:focus {
  background-color: #f1dee1;
  border-color: transparent;
  color: #be0601;
}
.sidebar .accordion-button:not(.collapsed) {
  background-color: #f1dee1;
  border: none;
  color: #be0601;
}
.sidebar .accordion-button:not(.collapsed):after {
  width: 18px;
  height: 10px;
  background: url(../img/arrow-active.png) no-repeat center;
}
.sidebar .official_account {
  margin-top: 20px;
  background: #f3f4f7;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 30px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .sidebar .official_account {
    display: none;
  }
}
.sidebar .official_account .text {
  font-size: 17px;
  margin-top: 15px;
}
.pager {
  display: flex;
  font-size: 16px;
  color: #666;
  padding: 15px 0;
  line-height: 30px;
  align-items: center;
}
@media (max-width: 768px) and (max-width: 991px) {
  .pager {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.pager a {
  padding: 5px;
  margin-right: 10px;
}
.pager a.active {
  color: #be0601;
}
@media (max-width: 768px) and (max-width: 991px) {
  .pager a:last-child {
    margin-right: 0;
  }
}
.pager input {
  width: 50px;
  height: 30px;
  background: #f3f4f7;
  border: none;
  margin: 0 10px;
}
.pager .jump {
  margin-left: 30px;
}
@media (max-width: 768px) and (max-width: 991px) {
  .pager .jump {
    margin-left: 0;
  }
}
.nav-tabs {
  padding-left: 20px;
}
@media (max-width: 575px) {
  .nav-tabs {
    padding-left: 0;
  }
}
.nav-tabs .nav-link {
  color: #000;
  font-size: 18px;
  border-radius: 0;
  height: 40px;
  line-height: 1;
  border-top: 3px solid #fff;
}
@media (max-width: 575px) {
  .nav-tabs .nav-link {
    font-size: 16px;
  }
}
.nav-tabs .active {
  color: #be0601 !important;
  border-top: 2px solid #be0601 !important;
}
.tab-content {
  padding: 50px 0;
}
@media (max-width: 575px) {
  .tab-content {
    padding: 20px 0;
  }
}
.fixed-nav {
  width: 150px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  z-index: 999;
}
@media (max-width: 768px) and (max-width: 991px) {
  .fixed-nav {
    display: none !important;
  }
}
.fixed-nav .module1,
.fixed-nav .module2 {
  background: #ca231e;
  border-radius: 10px;
  padding: 0 15px;
}
.fixed-nav .logo {
  width: 120px;
  height: 120px;
  background: url(../img/fixed-logo.png?v=2) no-repeat center / 100% 100%;
  top: -60px;
  border-radius: 50%;
  position: absolute;
}
.fixed-nav .module1 {
  padding-top: 80px;
}
.fixed-nav .slogan {
  width: 120px;
  height: 50px;
  background: url(../img/fixed-slogan.png) no-repeat center / 100% 100%;
  transform: scale(0.9);
  margin-bottom: 15px;
}
.fixed-nav .list {
  display: flex;
  flex-direction: column;
  text-align: center;
  border-top: 1px dashed #eaa7a5;
}
.fixed-nav .list .item {
  padding-top: 56px;
  padding-bottom: 10px;
  background: url(../img/fixed-heart.png) no-repeat center 15px / 36px auto;
  border-bottom: 1px dashed #eaa7a5;
}
.fixed-nav .list .item:hover {
  color: #fff;
}
.fixed-nav .list .item:nth-child(2) {
  background: url(../img/fixed-zyz.png) no-repeat center 15px / 45px auto;
}
.fixed-nav .module2 {
  width: 150px;
  padding: 10px 15px 0;
}
.fixed-nav .module2 .qrcode {
  width: 100%;
  margin-top: 6px;
}
.fixed-nav .module2 .qrcode img {
  width: 100%;
  border-radius: 10px;
}
.fixed-nav .module2 .go-top {
  padding: 10px 0;
  cursor: pointer;
}
/*# sourceMappingURL=style.css.map */