/* 项目卡片固定每排列数：覆盖 skin/style.css 的 .col(flex:1 0 0)，让 row-cols 真正生效 */
.project-list.row > .col { flex: 0 0 50%; max-width: 50%; }
@media (min-width: 768px) { .project-list.row > .col { flex: 0 0 33.3333%; max-width: 33.3333%; } }
@media (min-width: 992px) { .project-list.row > .col { flex: 0 0 25%; max-width: 25%; } }

/* 修复皮肤 style.css 把按钮做成灰底 + hover 变红字红边红环的问题，统一品牌绿 */
.btn:hover, .btn:focus, .btn:active, .btn.active { box-shadow: none; outline: none; }
.btn-success { color: #fff; background-color: #23a06b; border-color: #23a06b; }
.btn-success:hover, .btn-success:focus, .btn-success:active { color: #fff; background-color: #1c8a5b; border-color: #1c8a5b; }
.btn-outline-success { color: #23a06b; background-color: #fff; border-color: #23a06b; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active { color: #fff; background-color: #23a06b; border-color: #23a06b; }
.btn-outline-dark:hover, .btn-outline-dark:focus { color: #fff; background-color: #212529; border-color: #212529; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus { color: #fff; background-color: #6c757d; border-color: #6c757d; }
.btn-link, .btn-link:hover, .btn-link:focus { color: #23a06b; }
.btn-link.btn-collect, .btn-collect { color: #606266; }
.btn-link.btn-collect:hover, .btn-collect:hover { color: #23a06b; }
.btn-link.text-danger, .btn-link.text-danger:hover, .btn-link.text-danger:focus { color: #f56c6c; }

/* 项目详情：左详情右回报，右列 sticky 常驻（覆盖皮肤 col 宽度失效导致的堆叠） */
@media (min-width: 992px) {
  .pd-detail-row > .col-lg-7 { flex: 0 0 58.333%; max-width: 58.333%; }
  .pd-detail-row > .col-lg-5 { flex: 0 0 41.666%; max-width: 41.666%; }
}

.index-banner .item{width: 100%;}
.index-banner .item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;opacity: 0.5;
}
.index-banner .center .item img{opacity: 1;}
.banner-button-next, .banner-button-prev{font-size: 28px;width: 28px;height:28px;color: rgba(0, 0, 0, 0.6);cursor: pointer;position: absolute;top:50%;margin-top: -14px;z-index: 999;}
.banner-button-next{right: 10px;}
.banner-button-prev{left: 10px;}
.banner-button-next::after, .banner-button-prev::after{content: "";}
.banner-button-next:hover, .banner-button-prev:hover{color:  rgba(0, 0, 0, 1);}

.index-navxms-list .swiper-slide{padding:10px 8px;width:auto;}
.index-navxms-list ._all_slide span{color: var(--bs-border-color);margin-right: 18px;}
.index-navxms-list ._all_slide i.bi{margin-left: 8px;font-size: 14px;}
.index-navxms-list ._all_slide a{font-weight: bold;}

.index-navxms-list-pc li{padding:10px 8px;}
.index-navxms-list-pc ._all_slide span{color: var(--bs-border-color);margin-right: 18px;}
.index-navxms-list-pc ._all_slide i.bi{margin-left: 8px;font-size: 14px;}
.index-navxms-list-pc ._all_slide a{font-weight: bold;}

.index-section{padding: 30px 0;}
.index-section-friendlinks{margin-bottom: -20px;}
.index-section-header{display:flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.index-section-header h3{font-weight: bold;}

.project-item{position: relative;border-radius: 10px;background-color: #fff;box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, .12);}
.project-item dt{overflow: hidden;border-radius: 10px;}
.project-item dt img{ width: 100%; height: 100%;object-fit: cover;  transform-origin: center center; display: block;border-radius: 10px;}
.project-item .progress{height: 6px;}
.project-item dd h5{margin-bottom: 10px;display: -webkit-box; /* 关键：将元素转为弹性盒模型 */
            -webkit-line-clamp: 2; /* 限制显示2行 */
            -webkit-box-orient: vertical; /* 垂直排列 */
            overflow: hidden; /* 隐藏超出部分 */
            text-overflow: ellipsis; /* 显示省略号 */;font-size: 15px;}
.project-item .tx{width: 24px;height: 24px;border-radius: 50%;margin-right: 8px;}
.project-item .xm-background{
	    width: 100%;height: 550px;
	    border-radius: 16px;
	    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	    opacity: 0;
	    z-index: -1;
		background-color: #fff;position: absolute;top: 0;right: 0;right: 0;
}
.project-item .xm-none{margin-top: 15px;}
.project-item .xm-money{font-size: 20px;}
.project-item .xm-tag{background-color:#e4fdef;font-size: 13px;color: #1a7c47;display:block;border-radius: 6px;padding: 4px 10px;}
.project-item a:hover{color: #121212;;}

.project-container .project-item:hover{box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, .12);}

.index-section-total{padding: 30px; background:url(../imgs/total-bj.jpg) center fixed;}
.index-total{text-align: center;color: #fff;}
.index-total .number{font-weight: bold;font-size: 32px;margin: 0 30px;}
.index-total .icon{width: 40px;height: 40px;vertical-align: middle;fill:#fff;overflow: hidden;}

 .news-section-bj{height: 560px;}
.indexnews-list .news-item{position:relative;border-radius: 10px;overflow: hidden;background-color: #fff;}
.indexnews-list .news-item:hover{background-color: #fff;box-shadow: 0px 8px 10px 0px #F5F7F8}
.indexnews-list .news-item dt{width: 100%;height: 120px;}
.indexnews-list .news-item img{width: 100%; height: 100%;object-fit: cover;  transform-origin: center center; display: block;border-radius: 10px;}
.indexnews-list .news-item dd{display: flex;flex-direction: column;margin-bottom: 0; flex: 1 1 auto !important;}
.indexnews-list .news-item .des{margin-bottom: 0;display: -webkit-box; /* 关键：将元素转为弹性盒模型 */
            -webkit-line-clamp: 2; /* 限制显示2行 */
            -webkit-box-orient: vertical; /* 垂直排列 */
            overflow: hidden; /* 隐藏超出部分 */
            text-overflow: ellipsis; /* 显示省略号 */}
.indexnews-list .news-item h5{font-size: 16px;margin-bottom:8px;display: -webkit-box; /* 关键：将元素转为弹性盒模型 */
            -webkit-line-clamp: 2; /* 限制显示2行 */
            -webkit-box-orient: vertical; /* 垂直排列 */
            overflow: hidden; /* 隐藏超出部分 */
            text-overflow: ellipsis; /* 显示省略号 */}
.indexnews-list .news-item time{margin-bottom:8px;}
.indexnews-list .news-item:hover h5{font-weight: bold;}

.index-news-nav a{border-radius: 30px;background-color: #e2e9ef;margin-left: 16px;color: #011e3f;padding: 8px 16px;font-size: 14px;}
.index-news-nav a.current{background-color: #198754;color: #fff;}
/* .index-section-friendlinks{background-color: #f5f5f5;padding: 30px 0;} */
.footer-friendlinks li{margin-bottom: 10px;}
.footer-friendlinks img{width: 100%; height: 100%;object-fit: cover;  transform-origin: center center; display: block;border-radius: 10px;}
.footer-friendlinks a{display: block;height: 58px;border-radius: 10px;background-color: #fff;}

.index-section-footer{border-top: 1px solid var(--bs-border-color);}
.index-section-footer .btn{padding: 10px 20px;}
.index-section-footer .btn.btn-outline-dark:hover{background-color: #e2e9ef;color: #000;border-color: transparent;}

.project-banner{background-position:center;   background-repeat: no-repeat;background-size:100% auto;position: relative;}
.project-banner:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(5,5,5,.6);
	left: 0;
	top: 0;z-index: 1;
}
.project-banner .container{position: relative;z-index: 12;text-align: center;color: #fff;height: 120px;display: flex;flex-direction: column;justify-content: center;}
.project-models{display: flex;flex-direction: row;justify-content: center;border-bottom:1px solid #ddd;padding: 30px 0;}
.project-models a{margin: 0 10px;}
.project-models .current{font-weight: bold;color: #000;}
.project-detail-container{margin-top: 30px;}
.project-detail-info .title .badge{font-size: 15px;font-weight: normal;vertical-align: 3px;background-color: #e0f5eb;border:1px solid var(--bs-success);color: var(--bs-success);}
.project-detail-info .progress{height: 6px;}
.project-detail-info .btn-collect{color:#6c757d;}
.project-detail-info .btn-collected{color:var(--bs-success);}
.project-detail-info .btn-collected,.project-detail-info .btn-collect{font-size: 17px;}
.project-detail-info .btn-collected .bi,.project-detail-info .btn-collect .bi{margin-right: 6px;line-height: 17px;vertical-align: -1px;}
.project-detail-info .btns .btn{padding: 12px 0;}
.project-detail-info .btns .btn{width: 100%;}
.project-detail-info .info-footer span{display: inline-block;}
.project-detail-info .info-footer .bi{margin-right: 3px;vertical-align: -2px;}
.project-detail-info .anthor img{width: 40px;height: 40px;border-radius: 50px;margin-right: 10px;}
.project-detail-info .ey-spec .btn{margin-bottom: 10px;}
.project-detail-info .ey-spec .btn-current{border-color: #198754;color: #198754;}

.more-info-tabs{display: flex;justify-content:space-evenly}
.more-info-tabs a{position: relative;color: var(--bs-secondary);padding: 10px 0;margin-right: 10px;}
.more-info-tabs a span{display: none;}
.more-info-tabs a:after{content:"";width: 100%;height: 2px;background-color: #000;position: absolute;left: 0;right: 0;bottom: 0;display: none;}
.more-info-tabs a.active{color: #000;}
.more-info-tabs a.active:after{display: block}
.more-info-header{background-color: #fff;}
.more-info-header-fixed{position: fixed;top: 58px;left: 0;right: 0;}
.more-info-header .btn-collect{color:#6c757d;}
.more-right-btns{padding-top: 10px;}
.project-detail-more .project-content img,.article-content img{width: auto;height: auto;display: block;max-width: 100%;}
/* 通用：富文本正文里的图片/媒体不超出容器（含论坛帖子详情） */
.project-content img,.project-content video,.project-content iframe,.project-content table{max-width:100%;height:auto;}
.project-content{max-width:100%;overflow-wrap:break-word;word-break:break-word;}
.project-detail-more .project-content p,.article-content p{margin-bottom: 10px;}
.project-detail-more .project-content,.article-content{font-size: 15px;line-height: 1.8;    word-break: break-all;}
.project-detail-more .tab-pane{padding: 30px 0;}
.project-detail-more .support-list li{margin-bottom: 1rem;}
.project-detail-more .support-item{display: flex;align-items: center;padding:15px;}
.project-detail-more .support-item .support-face{flex:0 0 60px;margin-right: 15px;}
.project-detail-more .support-item .support-face img{border-radius: 50px;display: block;}
.project-detail-more .support-item .support-con{display: flex; flex-direction: column;flex: 1 1 auto !important;}

.project-repay-item{background-color: var(--bs-secondary-bg-subtle);padding: 1rem;margin-bottom: 1rem;}
.project-repay-item .header .badge{font-size: 12px;font-weight: normal;vertical-align: 3px;background-color: #e0f5eb;border:1px solid var(--bs-success);color: var(--bs-success);border-radius: 2px;}
.project-repay-item .repay-thumb{width: 80px;height: auto;display: block;}

.project-warn{background-color: var(--bs-secondary-bg-subtle);}
.project-warn .project-desc{line-height: 1.6;}

.news-list .news-item{display: flex;padding:15px 0;margin-bottom: 0;position: relative;}
.news-list .news-item dt{flex: 0 0 80px;margin-right: 10px;}
.news-list .news-item dd{display: flex; flex-direction: column;}
.news-list .news-item dd .h6{line-height: 1.6;}
.news-list .news-item time{margin-top: auto;}
.hot-ask-list{padding-left: 16px;}
.hot-ask-list li{position: relative;}

.contact-item .bi{color:var(--bs-primary-text);margin-right: 10px;}
.contact-item .bi::before{vertical-align: 2px;font-size: 20px;}
.contact-item{background-color: var( --bs-secondary-bg-subtle);border-radius: 10px;}

.tk-nav li{display: inline-block;margin: 5px;}
.tk-nav a{display:block;padding: 10px;}
.tk-nav .active a{background-color: #000;color: #fff;}

.index-scon{position: absolute;top:0;left: 0;right: 0;padding: 30px 0;}
.index-section-bj{overflow: hidden;}
.counselor-section-bj{height: 741px;}
.index-section-bj img{width: 100%; height: 100%;object-fit: cover;  transform-origin: bottom center;}
.counselor-item{position: relative;border-radius: 10px;background-color: #fff;}
.counselor-item:hover{box-shadow: 0px 8px 10px 0px #F5F7F8}
.counselor-item dt{overflow: hidden;border-radius: 10px;height: 220px;}
.counselor-item dt img{ width: 100%; height: 100%;object-fit: cover;  transform-origin: center center; display: block;border-radius: 10px;}
.counselor-item:hover img{transform: scale(1.1);}
.counselor-list .swiper-slide{width: 80%;}
.counselor-list .bi-arrow-right,.counselor-list .bi-arrow-left{font-size: 30px;}
.counselor-list .swiper-pagination-fraction{width: auto;font-size: 20px;margin:0 20px;}
.counselor-item .tags a,
.counselor-article .tags a{margin-left: 4px;color: var(--bs-secondary-text);}
.counselor-item .tags a:hover
,.counselor-article .tags a:hover{color: var(--bs-success-text);}
.counselor-container .counselor-item{box-shadow: 0px 8px 10px 0px #F5F7F8}
.counselor-item h5{font-size: 16px;}
.counselor-item .desc{display: -webkit-box; /* 关键：将元素转为弹性盒模型 */
            -webkit-line-clamp: 2; /* 限制显示2行 */
            -webkit-box-orient: vertical; /* 垂直排列 */
            overflow: hidden; /* 隐藏超出部分 */
            text-overflow: ellipsis; /* 显示省略号 */}
.counselor-thumb img{border-radius: 20px;display: block;}

.total-section-bj{border-radius: 28px;overflow: hidden;height: 420px;}
.index-section .total-scon{padding:20px 40px;display: flex;flex-direction: column;justify-content: center;bottom: 0;}
.total-scon h3{font-size: 18px;}
.total-scon .desc{font-size: 13px;}
.total-scon .number{font-size: 18px;font-weight: bold;}
.total-scon .total-line{width: 1px;height: 40px;background-color: #fff;}

.button_style2{position: relative;}
.button_style2 .bi{transform: rotate(-45deg);display: inline-block;}
.button_style2:hover .bi{transform: rotate(0);}
.button_style2:before, .button_style2:after {
  position: absolute;
  content: "";
  width: 100%;
  left: 50%;
  bottom: 0%;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1;
  background-repeat: no-repeat;
}
.button_style2:hover:before {
  top: -70%;
  background-image: radial-gradient(circle, #198754 20%, transparent 20%), radial-gradient(circle, transparent 20%, #198754 20%, transparent 30%), radial-gradient(circle, #198754 20%, transparent 20%), radial-gradient(circle, #198754 20%, transparent 20%), radial-gradient(circle, transparent 10%, #198754 15%, transparent 20%), radial-gradient(circle, #198754 20%, transparent 20%), radial-gradient(circle, #198754 20%, transparent 20%), radial-gradient(circle, #198754 20%, transparent 20%), radial-gradient(circle, #198754 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
  background-position: 50% 125%;
  animation: greentopBubbles 0.6s ease;
}

@keyframes greentopBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
.button_style2:hover::after {
  bottom: -70%;
  background-image: radial-gradient(circle, #198754 20%, transparent 20%), radial-gradient(circle, #198754 20%, transparent 20%), radial-gradient(circle, transparent 10%, #198754 15%, transparent 20%), radial-gradient(circle, #198754 20%, transparent 20%), radial-gradient(circle, #198754 20%, transparent 20%), radial-gradient(circle, #198754 20%, transparent 20%), radial-gradient(circle, #198754 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 20% 20%, 18% 18%;
  background-position: 50% -125%;
  animation: greenbottomBubbles 0.6s ease;
}
@keyframes greenbottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

@media (min-width: 576px) {
  
}
@media (min-width: 768px) {
  .index-section,.index-scon{padding: 50px 0;}
  .index-section-friendlinks{margin-bottom: -40px;}
 
  .more-info-tabs a span{display: inline-block}
  .tk-nav li{padding: 13px 0;display: block;margin: 0;}
  .tk-nav a{padding: 0px 30px;    line-height:30px;border-left: 4px solid transparent;}
  .tk-nav li:hover{background-color: #000;}
  .tk-nav li:hover a{color: #fff;}
  .tk-nav .active a{border-left-color: #000;color: inherit;background-color: transparent;}
  .counselor-list .swiper-slide{width: 40%;}
   .counselor-section-bj{height: 692px;}
    .news-section-bj{height: 540px;}
	.footer-friendlinks a{height: 66px;}
}
@media (min-width: 992px) {
	.banner-button-next, .banner-button-prev{font-size: 48px;width: 48px;height:48px;margin-top: -24px;}
	.project-item dd h5{height: 48px;font-size: 18px;}
	.index-section-header{margin-bottom: 20px;}
	.index-section-footer{padding: 50px 0;}
	.project-banner .container{height: 120px;}
	 .more-info-tabs{justify-content: flex-start;}
	.more-info-tabs a{font-size: 17px;padding: 15px 10px;margin-right: 40px;}
	.project-repay-item{padding: 30px;}
	.more-info-header-fixed{top: 72px;}
	.news-list .news-item dt{flex: 0 0 160px;margin-right: 15px;}
	.index-section-friendlinks{padding: 50px 0;}
	.project-item{box-shadow: none;}
	.project-item dt{height: 296px;}
	.project-item .xm-none{position: absolute;display: none;top: 100%;left: 0;right: 0;margin-top: 0;}
	.project-item:hover{z-index: 4;}
	.project-item:hover dt img {transform: scale(1.1);pacity: .72;}
	.project-item:hover .xm-background{ box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, .12);border: 1px solid #e0e0e0; opacity: 1}
	.project-item:hover .xm-none{ display: block;}
	 .counselor-list .swiper-slide{width: 28%;}
	  .counselor-section-bj{height: 674px;}
	  .news-section-bj{height: 674px;}
	  .indexnews-list .news-item{background-color:transparent;}
	  .indexnews-list .news-item h5{font-size: 20px;margin-bottom: 12px;}
	 .indexnews-list .news-item time{margin-bottom:12px;}
	 .indexnews-list .news-item dt{height: 240px;}
	 .indexnews-list .news-item .des{ -webkit-line-clamp: 3; /* 限制显示2行 */}
	 .footer-friendlinks a{height: 52px;}
	 .footer-friendlinks a:hover{box-shadow: 0px 8px 10px 0px #F5F7F8;}
	 .index-section .total-scon{padding: 40px;}
	 .total-scon h3,.total-scon .number{font-size: 24px;}
	 .total-scon .desc{font-size: 15px;}
	 .total-scon .total-line{height: 80px;}
	 .counselor-item h5{font-size: 20px;}
}
@media (min-width: 1200px) {
 .index-banner .item {
 	width: 1140px;
 }
 .project-banner .container{height: 146px;}
 .index-section,.index-scon{padding:60px 0;}
 .index-section-friendlinks{margin-bottom: -50px;}
 .project-item dt{height: 261px;}
  .counselor-list .swiper-slide{width: 21%;}
   .counselor-section-bj{height: 686px;}
   .news-section-bj{height: 686px;}
   .footer-friendlinks a{height: 63px;}
}
@media (min-width: 1400px) {
  .index-banner .item {
  	width: 1320px;
  }
  .project-item dt{height: 306px;}
  .counselor-section-bj{height: 706px;}
  .news-section-bj{height: 700px;}
  .footer-friendlinks a{height: 74px;}
  .index-section .total-scon{padding: 60px;}
  .total-scon h3,.total-scon .number{font-size: 28px;}
  .total-scon .desc{font-size: 16px;}
}