.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-section{margin-top:20px;}
.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{border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);position: relative;}
.project-item:hover{box-shadow: var(--bs-box-shadow);}
.project-item dt img{width: 100%;height: auto;display: block;}
.project-item .progress{height: 6px;}
.project-item .tx{width: 24px;height: 24px;border-radius: 50%;margin-right: 8px;}

.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;}
.index-news-lt{position: relative;}
.index-news-rt .news-item{display: flex;flex-direction: row;position:relative}
.index-news-rt .news-item dt{flex:0 0 120px}
.index-news-rt .news-item img{height: 80px; }
.index-news-rt .news-item dd{display: flex;flex-direction: column;margin-bottom: 0; flex: 1 1 auto !important;}
.index-news-rt .news-item .des{margin-bottom: 0;}
.index-news-rt .news-item time{margin-top: auto;}

.index-section-friendlinks{background-color: #f5f5f5;padding: 30px 0;}
.footer-friendlinks li{margin-bottom: 10px;}
.footer-friendlinks img{width: 100%;height: auto;}
.footer-friendlinks a{display: block;background-color: #fff; text-align: center;}

.index-section-footer{background-image: url(../imgs/cover.jpg) ; background-repeat: no-repeat; background-position: 50% -80px;    background-attachment: fixed;background-size: cover;padding: 30px;position: relative;text-align: center;}
.index-section-footer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(5,5,5,.3);
    left: 0;
    top: 0;z-index: 1;
}
.index-section-footer .container{position: relative;z-index: 12;}

.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: 80px;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-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);}

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

.counselor-item{position: relative;}
.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);}
@media (min-width: 576px) {
  
}
@media (min-width: 768px) {
  .index-section{margin-top:40px;}
  .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;}
}
@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;margin-bottom: 10px;}
	.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;}
	
}
@media (min-width: 1200px) {
 .index-banner .item {
 	width: 1140px;
 }
 .project-banner .container{height: 146px;}
 .index-section{margin-top:50px;}
 .index-section-friendlinks{margin-bottom: -50px;}
}
@media (min-width: 1400px) {
  .index-banner .item {
  	width: 1320px;
  }
}