/****新闻列表*******/

.search-input{ background: #EFEFF4; padding:6px 8px; position: relative;}
.search-input input{ margin-bottom: 0;background: #fff; }
.search-input .link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}
.banner-img{ /* height:180px; */overflow:hidden; position:relative; background: #fff;padding: 9px 9px 0;}
.banner-img .swiper-slide {max-height: 165px;}
.banner-img img {width:100%;display:block;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
.banner-img h2 { margin-bottom: 0; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
.banner-img .gallerytitle {width: 100%;margin: 0;position: absolute;bottom: 0;max-height: 58px;background: rgba(32,32,32,.4);border-radius: 1px;padding: 6.5px 12.5px;font-size: 16px;font-family: PingFangSC-Medium,PingFang SC;font-weight: 500;color: rgba(255,255,255,1);line-height: 23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.banner-img .pagination {position:absolute;z-index:20;bottom:4px;width:66px;text-align:right;right:0;}
.banner-img .swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {text-align: right;padding-right: 2px;line-height: 0;}
.banner-img .swiper-pagination-bullet {width:6.5px;height:2px;border-radius:1px;background:#007AFF;opacity: 1;}
.banner-img .swiper-pagination-bullet-active{background: #fff;}

.newscard .outcontent{background: #fff;}
.newscard .outcontent .nitem{margin-left: 9px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:12px 9px 12px 0; border-bottom:1px solid #E7E7E7;}
.newscard .outcontent .nitem>main{padding-right:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.newscard .outcontent .nitem h4{line-height:21px;font-size:16px;color:#222222;font-weight: 400;margin-top: 0; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
.newscard .outcontent .tip{color:#999999;font-size:13px;line-height:19px}
.newscard .outcontent .tip .time{padding-right:8px; }
.newscard .outcontent .tip .top{ color: #fff; font-weight: 500; font-size: 12px }
.newscard .outcontent .tip .hot{ color: #fff;font-weight: 500;font-size: 12px  }

/******* 新闻置顶热门图标闪烁*******/
.top, .hot{ background:#f62d09; padding: 2px 4px;
background: linear-gradient(45deg, #f71605, #fc8d35); 
background: -webkit-linear-gradient(45deg, #f71605, #fc8d35);
background: -o-linear-gradient(-45deg,#f71605, #fc8d35);
animation:scratchy 0.453s linear forwards infinite;
/* 其它浏览器兼容性前缀 */
-webkit-animation:scratchy 0.453s linear forwards infinite;
-moz-animation: scratchy 0.453s linear forwards infinite;
-ms-animation: scratchy 0.453s linear forwards infinite;
-o-animation: scratchy 0.453s linear forwards infinite;
}  
@keyframes scratchy{0%{background-position:0 0}
25%{background-position:0 0}
26%{background-position:20px -20px}
50%{background-position:20px -20px}
51%{background-position:40px -40px}
75%{background-position:40px -40px}
76%{background-position:60px -60px}
99%{background-position:60px -60px}
100%{background-position:0 0}
}
@-webkit-keyframes scratchy{0%{background-position:0 0}
25%{background-position:0 0}
26%{background-position:20px -20px}
50%{background-position:20px -20px}
51%{background-position:40px -40px}
75%{background-position:40px -40px}
76%{background-position:60px -60px}
99%{background-position:60px -60px}
100%{background-position:0 0}
}
@-moz-keyframes scratchy{0%{background-position:0 0}
25%{background-position:0 0}
26%{background-position:20px -20px}
50%{background-position:20px -20px}
51%{background-position:40px -40px}
75%{background-position:40px -40px}
76%{background-position:60px -60px}
99%{background-position:60px -60px}
100%{background-position:0 0}
}
@-ms-keyframes scratchy{0%{background-position:0 0}
25%{background-position:0 0}
26%{background-position:20px -20px}
50%{background-position:20px -20px}
51%{background-position:40px -40px}
75%{background-position:40px -40px}
76%{background-position:60px -60px}
99%{background-position:60px -60px}
100%{background-position:0 0}
}
@-o-keyframes scratchy{0%{background-position:0 0}
25%{background-position:0 0}
26%{background-position:20px -20px}
50%{background-position:20px -20px}
51%{background-position:40px -40px}
75%{background-position:40px -40px}
76%{background-position:60px -60px}
99%{background-position:60px -60px}
100%{background-position:0 0}
}

.newscard .outcontent .newsimg{width:70px;height:70px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.newscard .outcontent .newsimg img{width:100%;height:100%; border-radius:2px; -o-object-fit:cover;object-fit:cover}
.ellipsis,img{max-width:100%;vertical-align:top}
 






/****新闻详情页**独立样式*******/

.article-detail-html{font-size: 16px;} 
.articleDetail{ background: #fff;}

header{padding:0 15px; background: #fff;}
.article-title{padding-top:20px;font-size:23px;font-weight:700;line-height:32px;color:#333;margin-bottom:16px}
.author-container{ margin-bottom:16px; }
.sourcenew{font-size:13px; color:#333;line-height:16px;margin-right:10px; } 
.writernew{font-size:13px; color:#333;line-height:16px;margin-left:10px; }
.publisttime{ margin-top: 4px }
.publisttime span{ color: #666; font-size: 13px; font-weight: 300; }
.author-name,.source-name{font-size:13px;font-weight:700;color:#333;line-height:18px;margin-right:10px;display:inline-block;max-width:140px}
.author-name.width-auto,.source-name.width-auto{max-width:none}
.author-name.line-clamp,.source-name.line-clamp{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;overflow:hidden}
.article-created{font-size:12px;line-height:17px;color:#999;display:inline-block;-webkit-flex:1 1;flex:1 1}
.article-words-count{font-size:12px;line-height:17px;color:#999;display:inline-block;margin-right:10px;-webkit-flex-shrink:0;flex-shrink:0}
.article-words-count>strong{color:#333;font-weight:700;margin-left:5px}
.article-read-time{font-size:12px;line-height:17px;color:#999;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0}
.article-read-time>strong{color:#333;font-weight:700;margin-left:5px}
.article-summary{padding:16px 10px 0;color:#999;font-size:14px;line-height:24px;margin:20px 0 25px;background-image:url(data:image/png;base64,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);background-size:40px 29px;background-repeat:no-repeat;background-position:0 0}


.-article-content-html{font-size:16px}
.-article-content{line-height:1.7rem;color:#333;padding:0 15px 0;word-break:break-all;font-family:arial,sans-serif;min-height:375px;position: relative;}
.-article-content .article-video-content{margin-left:-15px}
.-article-content b,.-article-content strong{font-weight:700}
/* .-article-content section{width:100%!important} */
.-article-content pre{white-space:pre-wrap;word-wrap:break-word}
.-article-content p{text-align:justify;word-break:break-all;/*margin-bottom:1.5625em;*/line-height:1.874em;font-size:1rem!important;letter-spacing:.5px;position:relative}
.-article-content iframe{width:100%}
.-article-content img{display:block;max-width:100%;height:auto!important;position:relative;margin:auto;border:1px solid #f7f7f7}
.-article-content ol,.-article-content ul{width:100%!important}
.-article-content li{list-style:initial}
.-article-content .load-message{position:relative;-webkit-transform:translate(10px,24px);transform:translate(10px,24px);z-index:1;line-height:14px;font-size:14px;color:#333}
.-article-content a,.-article-content p{max-width:100%!important}
/* .-article-content h1,.-article-content h2{line-height:30px;color:#333;font-size:16px;font-weight:700;border-left:2px solid #1478F0;padding-left:13px;margin-bottom:1.5rem} */
 .-article-content h1,.-article-content h2{line-height:30px;color:#333;font-size:16px;font-weight:700;border-left:2px solid #FFFFFF;padding-left:13px;margin-bottom:1.5rem} 
.-article-content h3{margin-bottom:27px;background-color:#f6f6f6;padding:10px;font-size:15px;line-height:22.5px;color:#333}
.-article-content hr{width:5px;height:5px;border-radius:5px;background:#A1ACBC;box-shadow:1px 1px 2px 0 #A1ACBC;position:relative;border:none;margin-top:48px;margin-bottom:48px}
.-article-content hr:before{position:absolute;display:block;top:0;left:-25px;content:'';width:5px;height:5px;border-radius:5px;background:#A1ACBC;box-shadow:1px 1px 2px 0 #A1ACBC}
.-article-content hr:after{position:absolute;top:0;right:-25px;display:block;content:'';width:5px;height:5px;border-radius:5px;background:#A1ACBC;box-shadow:1px 1px 2px 0 #A1ACBC}
.-article-content a{padding:0 .2rem;color:#1482F0;text-decoration:underline}
.-article-content li{list-style:circle;margin-left:17px;margin-bottom:25px}
.-article-content blockquote{position:relative;margin-bottom:1.5625em;font-size:1rem;border-left:2px solid #666;padding-left:13px;font-style: normal;font-weight:700}
.-article-content blockquote img{max-width:100%;margin:auto}
.-article-content blockquote :last-child{margin-bottom:0}
.-article-content .table-wrapper{width:100%;overflow:scroll}

  

.articles-other{padding-top:5px;background-color:#e6e6e6}
.articles-other .more-title{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:45px; border-bottom: 1px solid #eee; background-color:#fff;padding-left:15px}
.articles-other .more-title>svg{font-size:20px;fill:#ff8647;margin-right:7px}
.articles-other .more-title>span{font-size:15px;color:#333;font-weight:700}



.article-comments{padding-top:5px;background-color:#e6e6e6}
.article-comments .more-title{height:45px;padding-left:15px;border-bottom: 1px solid #eee; display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:#fff}
.article-comments .more-title>span{font-size:15px;color:#333;font-weight:700}



.comments-item{padding:15px;background-color:#fff;display:-webkit-flex;display:flex}
.comments-item .img-avatar{-webkit-flex:0 0 30px;flex:0 0 30px;height:30px;display:block;border-radius:50%;margin-right:10px}
.comments-item .item-main{ }

.observer-name-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.item-name{display:inline-block;font-size:13px;font-weight:700;color:#333;line-height:18px}
.item-creat{font-size:12px;line-height:17px;color:#999;margin-bottom:5px}
.item-content{font-size:14px;color:#333;line-height:20px}
 
 



/*! 详细页面-底部浮动 */
.detail-bar-tab {bottom: 0;display: table; table-layout: fixed;-webkit-touch-callout: none;margin: 0 auto;width: 100%; box-shadow: 0 0 3px rgba(244, 244, 244, 1);}
.detail-bar {position: fixed;z-index: 10;right: 0;left: 0;   height: 44px;padding: 6px; background: #fff; border-top: 1px solid #f8f8f8; }
.detail-bar .main-content{width: 100%; }
.detail-bar .left-input{float: left;width: 76%; height: 32px;border: 1px solid #e9e9e9; }
.detail-bar .left-input p{line-height: 32px; padding-left: 6px;}
.detail-bar .left-input input{ height: 32px;padding: 6px;width: 100%;background: #fff;border: 1px solid #e9e9e9;color: #aaa;border-radius: 4px; -webkit-box-shadow: none;box-shadow: none;outline: 0; -webkit-appearance: none;} 
.detail-bar .right-icon{float: right; width: 20%; text-align: right;}
.detail-bar .right-icon span{ font-size: 22px;}
.detail-bar .right-icon a {height: 36px; line-height: 36px;display: table-cell;overflow: hidden;width: 1%; color:#aab2bd; text-align: center;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;} 
.detail-bar .right-icon .icon-like_fill{color: #f00}
 


.share-more{background: #fff; padding: 22px 10px; border-bottom: 1px solid #f1f1f1;}
.share-more .list a{  
    display: table-cell;overflow: hidden;width: 1%; text-align: center;
    vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;} 
.share-more .list span{ width: 38px; height: 38px; line-height: 38px; border-radius: 50%; } 
.share-more .list .text{font-size: 12px; margin-top: 8px; color:#666; }
.share-more .list .s-icon1 span{background: #52ce42;color:#fff; font-size: 20px } 
.share-more .list .s-icon2 span{background: #52ce42;color:#fff; font-size: 20px;} 
.share-more .list .s-icon3 span{background: #32a7ff;color:#fff; font-size: 20px;} 
.share-more .list .s-icon4 span{background: #ff7f1d;color:#fff; font-size: 22px;} 




.comment-input{background: #fff;   border-bottom: 1px solid #f8f8f8;}
.comment-input h3{ background: #eee; height: 50px; line-height: 50px;  font-size: 16px; color: #000;padding-left: 12px;  }
.comment-input h3 a{ text-align: right; float: right;margin: 8px 10px 0px 0px; }
.comment-input .pub-comment{ }
.comment-input .pub-comment textarea{border: 0px solid #eee;border-radius: 0; padding: 8px 10px;}

.add-popover-tj{ background: #fff; padding: 10px; border-top: 1px solid #eee;} 
.add-popover-tj .tjbutton{ background: #CE9940; text-align: center; line-height: 40px; color: #fff; border-radius:4px; }

.bottom-avg {width: 100%;text-align: center;padding: 16.5px 0 13px;}
.bottom-avg img {height: 34px;}