body{ background: #fff;}
.index-nodes{ padding: 60px 0;}
.index-nodes .title-box{ text-align: center; padding-bottom: 20px;}
.index-nodes .title-box .title{ font-size: 30px; font-weight: 700; color: #0e0607; line-height: 60px;}
.index-nodes .title-box .dot{ margin: auto;  height: 4px; width: 40px; background: #007b77;}
.index-nodes .title-box .line{ margin: auto; height: 1px; width: 110px; background: #ddd;}

.index-nodes-1 .tabs{ text-align: center; padding-bottom:5px;}
.index-nodes-1 .tabs li{ display: inline-block; margin: 0 36px;  }
.index-nodes-1 .tabs li a{ display: inline-block; line-height: 50px;font-size:19px; font-weight: bold; color: #0e0607;}
.index-nodes-1 .tabs .on a{ color:#007b77; }

.tabs-items { height: 400px; overflow: hidden;}
.item-top-news{ background: #f5f5f5; border-radius: 10px; display: flex; justify-content: space-between; align-items: center;    box-shadow: 0 2px 10px 0 rgba(75,91,138,0.1);}
.item-top-news .list{ width: 460px; padding:8px 10px 7px 20px;}
.index-news-list .post a{ padding: 16px 0; display: flex; align-items: center; border-top: 1px #eaeaea solid;}
.index-news-list .post-1 a{ border-top:1px #f5f5f5 solid;}
.index-news-list .post .info{ flex: 1;}
.index-news-list .post .title{ font-size: 17px; color: #0e0607; width: 384px; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-news-list .post:hover .title{ color: #007b77; }
.index-news-list .post p{ line-height: 20px; font-size: 13px; padding-top: 4px; color: #999;}
.index-news-list .post p span{ margin-right: 10px;}
.index-news-list .post:hover .dateline{ color: #efad57;}
.index-news-list .post .dateline{ width: 55px;  text-align: center; margin-right: 12px; padding-right: 4px; border-right: 1px #ddd solid; color:  #0e0607; }
.index-news-list .post .d{ font-size: 27px; font-weight: bold; margin-bottom: 2px; line-height: 28px;}
.index-news-list .post .ym{ font-size: 13px; line-height: 1;}

.index-posts-item {background: #f5f5f5; border-radius: 10px;  box-shadow: 0 2px 10px 0 rgba(75,91,138,0.1); }
.index-posts-item .list{ padding: 7px 20px; display: flex; flex-wrap: wrap;}
.index-posts-item .post{ width: 49%;}
.index-posts-item .post .title{ width: 492px;}
.index-posts-item .post-left{ margin-right: 2%;}

.item-top-news .images{ width:700px; height: 400px; overflow: hidden; border-radius: 0 10px 10px 0; position: relative;}
.item-top-news .images .item a{ display: block; position: relative;}
.item-top-news .images .item .m img{ width: 700px; height: 400px; display: block;border-radius: 0 10px 10px 0;}
.item-top-news .images .item .title{ position: absolute; left: 0; width: 100%; bottom: 0; background: rgba(0,0,0,0.6);    border-radius: 0 0 10px 0;}
.item-top-news .images .item .title span{ display: block; padding: 0 240px 0 20px; height: 45px; line-height: 45px; font-size: 16px; color: #fff;}
.item-top-news .images .hd{ position: absolute; bottom: 0; right: 0; z-index: 1;}
.item-top-news .images .hd li{ float: left; height:45px; width: 45px; line-height: 45px;text-align: center; background: #007b77; font-size: 16px; color: #fff; margin-left: 0; cursor: pointer;     border-left: 1px #0b837f solid;}
.item-top-news .images .hd li:last-child{border-radius: 0 0 10px 0;}
.item-top-news .images .hd .on{ background: #efad57; border-color: #efad57;}



.index-data{ background: url(images/index-data.jpg) no-repeat  center; margin-top: 40px; border-radius: 10px;}
.index-data ul{padding: 50px 20px;text-align: center;position: relative;z-index: 111;box-sizing: border-box;}
.index-data ul li{float: left;width: 25%;}
.index-data ul li div{border-left:1px solid #28938f;}
.index-data ul li h3{font-size: 32px;color: #fff;line-height: 32px; font-weight: bolder;}
.index-data ul li p{font-size: 18px;color: #eee;margin-top: 5px;}
.index-data ul li .n{border-left: 0}

/*btn-a*/
.btn-a{ transition: 0.5s;position: relative;}
.btn-a span{color: #007b77; position: relative; z-index: 2;}
.btn-a i{position: absolute; top:0; bottom: 0;left: 0; width: 0; background: #007b77; transition: 0.3s;}
.btn-a:hover span{ color: #fff;}
.btn-a:hover i{ width: 100%;}
.index-nodes-2{ padding-top: 0;}
.index-donate-items{ padding-top: 15px;}
.index-donate-items .item a{ display:flex; align-items: center;}
.index-donate-items .item-even a{ flex-direction: row-reverse;}
.index-donate-items .item .m{ width: 600px;height: 360px; overflow: hidden; border-radius: 10px;}
.index-donate-items .item .m img{  display: block; width: 100%;height: 360px; border-radius: 10px;}
.index-donate-items .item .info{ flex: 1; display: block; padding: 35px;}
.index-donate-items .item .title{ font-size: 24px; font-weight: bolder; line-height: 30px; height: 30px; overflow: hidden; color: #007b77;}
.index-donate-items .item .code{ font-size: 15px; line-height: 20px; padding: 10px 0; color: #333;}
.index-donate-items .item .subtitle{ font-size: 15px; color: #747474; line-height: 1.75;}
.index-donate-items .item .more{ width: 120px; line-height: 36px; margin-top: 20px; border: 1px #007b77 solid; text-align: center; font-size: 15px; color: #007b77; border-radius: 3px;}

.nodes-posts-box{ margin-top: 40px; background:#007b77; border-radius: 10px; padding:15px 35px 20px; display: flex; justify-content: space-between; }
.nodes-posts-box .items{ width: 48%;}
.nodes-posts-box .h2-box{height: 60px;display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #4fa4a1 solid;}
.nodes-posts-box .h2-box span{  line-height:60px;font-size: 20px; color: #fff; font-weight: bold; position: relative;}
.nodes-posts-box .h2-box i{ position: absolute; width: 50%; left: 0; bottom: -1px; height:4px; border-radius: 2px; background: #efad57; z-index: 1;}
.nodes-posts-box .h2-box a{ color: #ddd; font-size: 14px;}
.nodes-posts-box ul li{ height: 50px; line-height: 50px; overflow: hidden; border-top:1px  #3e8d8a dashed;}
.nodes-posts-box ul .li-1{ border-top: 0;}
.nodes-posts-box ul li a{  font-size: 15px; color: #eee; display: flex; justify-content: space-between;}
.nodes-posts-box ul li a:hover{ color: #fff;}
.nodes-posts-box ul li em{ padding-left: 10px; font-size: 13px; color: #ddd;width: 72px; text-align: right;}
.nodes-posts-box ul li p{ flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 465px;}
.nodes-posts-box ul li .p{ display: flex;}
.nodes-posts-box ul li .p span{ display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nodes-posts-box ul li .item-title{ width: 230px; margin-right: 10px; }
.nodes-posts-box ul li .username{ width: 150px; margin-right: 10px; overflow: hidden; }
.nodes-posts-box ul li .amount{ width:80px; padding: 0 10px; }
.nodes-posts-box ul li .amount i{ font-size: 12px; margin-right: -1px;}

.index-ad-box{border-top: 1px #eee solid; border-bottom: 1px #eee solid; position: relative;}
.index-ad-box .content{ position: absolute; top:0; left: 0;  width: 100%; height: 100%;}
.index-ad-box .s{ display: flex; align-items: center; z-index: 1; height: 100%;}
.index-ad-box .icon img{ width: auto; height: 32px;}
.index-ad-box .txt{ padding: 20px 0 15px;}
.index-ad-box .txt p{ font-size: 80px; font-weight: bolder;text-shadow: 1px 1px #007b77; color: #007b77; line-height: 1.3; display: flex; align-items: center;}
.index-ad-box .txt p i{ height: 12px;width: 12px; border-radius: 50% ;background:  #007b77;  margin: 0 20px;}
.index-ad-box .name{ font-size: 13px; color: #007b77; opacity: 0.8;}
@media screen and (max-width: 1600px) {
    .index-ad-box .icon img{ height: 1.8vw;}
    .index-ad-box .txt{ padding: 1.2vw 0 0.8vw;}
    .index-ad-box .txt p{ font-size: 4vw;}
    .index-ad-box .txt p i{ height: 0.8vw;width: 0.8vw; margin: 0 1vw;}
    .index-ad-box .name{ font-size: 0.45vw;}
}


.index-nodes-3{ padding-top: 30px; padding-bottom: 60px; }
.index-nodes-3 .icon{text-align: right;}
.index-nodes-3 .icon img{ width: auto; height: 60px;}
@media screen and (max-width: 1600px) {
    .index-nodes-3 .icon img{ width: auto; height:3vw;}
}
.index-donate-box{ background: #fff;  border:2px  #007b77 solid; border-radius: 10px; }
.index-donate-box .title-box span{ display: block; line-height: 48px; background: #007b77; font-size: 22px; font-weight: bold; padding: 0 40px 0 30px; border-radius:6px 0 24px 0; color:#fff;}
.index-donate-box .s{ padding:20px 40px ;}
.index-donate-box .nodes{ display: flex;}
.index-donate-box .top{ padding-bottom: 15px;}
.index-donate-box .top .node{ width: 30%;}
.index-donate-box .top .node-m{ margin-right: 5%;}
.index-donate-box .title{ margin-bottom: 10px; text-align: left;}
.index-donate-box .title span{ font-size: 20px;  font-weight: bolder; position: relative; padding:2px 8px 4px 0; letter-spacing:2px;}
.index-donate-box .title em{ position: relative; z-index: 2;color: #333;}
.index-donate-box .title i{ position: absolute; bottom: 0; right: 0; left: 20px; height:16px; background: #d4f1f0; z-index: 1; border-radius: 0 8px 0 8px;}
.index-donate-box p{font-size: 15px; line-height:30px; color: #333;}
.index-donate-box .node-1{ flex: 1;}
.index-qrcode-items{  display: flex; padding-left: 60px;}
.index-qrcode-items .item{width: 100px;   text-align: center;}
.index-qrcode-items .item-m{margin-right: 20px;}
.index-qrcode-items .item img{ width: 100%;height: 100px;}
.index-qrcode-items .item p{font-size: 14px; color: #666; line-height: 24px;}