/*article-comments*/
.comments{margin-bottom:6px;}
.comments a{display: inline-block;}
.comments .star{font-weight: normal; font-size: 16px; float: right;}
.comments .star em{margin-right: 2px; top: 3px;}
.comments.small-text{margin-bottom: 20px;}
.comments .newsletter{float: right; font-size: 14px; color: #00ae68; display: none;}
.comments .addcomm{padding: 0 10px;}

/*article-details====文章详情*/
.eccArtCon{padding: 0 10px;}
.eccArtCon h4{font-size: 1em; /* font-weight: bold; text-decoration: underline; */}
.boxlist li .fecomments{padding-top: 10px;}
.boxlist li .fecomments a{display: inline;}
.eccArtLeftList img{margin: 5px 0;}
.artailimg{text-align: center;}
.artailimg .img_source{padding: 10px;}
.artstatic{padding-top: 20px;}
.artfollow a{color: #f08e00; padding: 0 5px;}
.artfollow a:hover{text-decoration: underline;}
.article_code{text-align: center; padding: 10px 0 20px;}
.article_code span{display: block;}
.article_code img{width: 100px; clear: both;}
.backArtMenu a{text-align: right; padding: 10px 0; display: block;}

/*share*/
.arciticle_btm{ border:1px solid #ddd; overflow: hidden; margin:10px 0; clear:both;}
.arciticle_btm .commentLeft{ width:30%; padding:5px 0;border-right:1px solid #ddd; text-align:center; float:left;}
.arciticle_btm .commentLeft b{ font-size:1.3em; color: #f08e00; display: block;}
.arciticle_btm .commentLeft span a{ color:#00ae68; display: block;}
.arciticle_btm .share{ float:left; width:70%; padding-top:23px;}
#ckepop{text-align: center;}
.jiathis_txt{display: inline-block; padding-right: 6px;}
.jiathis_txt b{float: left; top: -10px; position: relative;}
.addthis_toolbox{display: inline-block; padding-bottom: 0;}
.eccboxbr .addthis_toolbox{width: 100%;}
.at-icon-wrapper{display: inline-block; position: relative; top: 3px;}
.at-icon { fill: #fff; border: 0;}
.comments_wap{display: inline;}
/* .sharetop{display: inline-block; padding-right: 10px;}
.addthis_toolbox a.at300b, .addthis_toolbox a.at300bo, .addthis_toolbox a.at300bs, .addthis_toolbox a.at300m{margin-bottom:0; margin-right: 6px;}
 */
/*mediaWrap*/
.mediaWrap{border-bottom: 1px dashed #ddd; margin-bottom: 10px;}
.media-heading{clear: both; overflow: hidden;}
.media-heading .nam{float: left;}
.media-heading .up{float: right; font-size: 1em;}
.up img{width: 16px; margin-left:5px;}
.media-left{text-align: center;}
.media-left img{width: 50px; height: 50px; border-radius: 2px;}
.media_date{clear: both; overflow: hidden;}
.media_date i{float: left;}
.media_date .reply{float: right;}
.media_date .reply a{padding-right: 10px; color: #00ae68;}

/*添加评论表单验证码*/
.addcmttform{margin-top: 10px;}
.addcmttform .radio label{padding-right: 10px;}
.scode_input{display: inline-block; width: 100px; margin-right: 10px;}
img.scode{width: 80px;}
.comments_login{text-align: center; background: #f0f0f0; padding: 20px;}

/* wap评论列表 */
.eccboxbm h4.cmtTitWap{margin-bottom: 20px;}
.eccboxbm h4.cmtTitWap a.color-orange{float: right; font-size: 1.3em;}


/* 20180601 */
.headArtFixed{display: none; position: fixed; top: 0; background: #fff; width: 100%; z-index: 111; box-shadow: 0 2px 4px rgba(0,0,0,.2);}
.headArtFixed .nav2,.headArtFixed .artFollow{padding: 0; margin:0;}
.headArtFixed .nav2{float: left; overflow: hidden;}
.headArtFixed .nav2 li{float: left;}
.headArtFixed .nav2 li a{padding: 10px 5px 8px; margin-right: 10px; border-bottom: 2px solid transparent;}
.headArtFixed .nav2 li a.active,.headArtFixed .nav2 li a:hover{border-bottom: 2px solid #f08e00;}
.headArtFixed .artFollow{float: right; border: 0; padding-top: 5px;}
.sharePosition{display: none; position: fixed; left: 5px; top: 24%; padding: 8px 5px;  background: #fff; border-radius: 4px; text-align: center;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  box-shadow: 0 0 4px rgba(0,0,0,0.2);width: 60px;}
.sharePosition .sharePositionfont{color: #999; font-weight: bold; display:block; text-align: center; padding-bottom: 3px;}
.shareTop{margin-bottom: 10px;}
.shareTop .jiathis_txt{color: #666;}
.shareTop .addthis_toolbox>a{margin-right: 3px;}
.sharePosition .addthis_toolbox>a{margin-bottom: 5px;}
.eccArtBox h3.jllarge-text{font-family: 'Open Sans','Helvetica Neue', Helvetica,Arial,sans-serif; padding-top: 15px;}
.eccArtCon{font-size: 16px; padding: 0; font-family: 'Open Sans','Helvetica Neue', Helvetica,Arial,sans-serif;}
.eccArtCon p{color: #444; margin:5px 0 20px;}
.eccArtCon p.warning,.eccArtCon p.keyword{font-size: 12px; margin-bottom: 10px;}
.eccArtBox .eccArtCon a{text-decoration: underline;}
.eccArtBox .eccArtCon a:hover{text-decoration: underline;}
.commentWrap p a,.eccArtBox .eccArtCon a{color: #18b;}
.commentWrap p a:hover{text-decoration: underline;}
.comments,.comments.small-text{margin-bottom: 6px; color: #666;}
.comments b{padding-right: 10px; font-weight: normal;}
.addcmttform{margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px dashed #ddd;}
.addcmttform .cmttip{font-size: 12px;}
.addcmttform .comment-box{margin-bottom: 15px;}
.eccbox .mediaWrap{border-bottom: 0;}
.keyword{float: left;}
.comments_wapbottom{float: right; margin-top: 5px;}
.eccArtCon .comments_wapbottom a{text-decoration: none;}
.keyword span{color: #333; background: #e6e6e6; display: inline-block; padding: 4px 10px; margin: 0 5px 6px;}
.artFollow{border-left: 4px solid #00ae68; padding: 8px 0 8px 12px; text-align: left; background: #fff; margin-bottom: 15px; overflow: hidden;}
.artFollow ul{float: left;}
.artFollow ul li{float: left;}
.artFollow ul li a{font-size: 1.5em; color: #fff; display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 4px; margin-right: 5px;}
.artFollow ul li a.mobile{font-size: 1.3em;}
.artFollow ul li a.facebook{background-color: #38569a;}
.artFollow ul li a.linkedin{background-color: #00699c;}
.artFollow ul li a.twitter{background-color: #50bbf2;}
.artFollow ul li a.instagram{background-color: #e95298;}
.artFollow ul li a.mobile{background-color: #00ae68;}
.artFollow .artFollowfont{float: left; font-weight: bold; position: relative; top: -1px; font-size: 1em; padding:10px 5px 8px}
.artFollow .article_codetip{margin: 0 auto; text-align: center;}
.artFollow .tooltipwrap .tootip{min-width: 0;}
.artFollow .article_codetip>img{padding: 2px 0 5px; display: block;}
.eccArtWrap .eccbox{padding-left: 30px; padding-right: 30px;}
.eccArtWrap .eccbox.eccboxbm>h4{margin-bottom: 15px;}
.eccArtWrap .eccArtBox{padding-left: 50px; padding-right: 50px;}
.eccbox_next .leftimg{width: 60px; height: 60px;}
.eccbox_next>li>a>div{padding-left: 70px;}
.eccbox_next>li>a>div>i{display: block; font-style: normal; color: #666;}
.relatedulWrap{border-top: 1px solid #ddd; margin: 5px 0 20px;}
.relatedulWrap h4{padding:15px 0 10px;}
.relatedul{padding-left: 1.8em;}
.relatedul li{padding:1px 0; position: relative;}
.relatedul li:before{display: inline-block; width: 4px; height: 4px; border-radius: 50%; content: ''; background: #333; margin:0 1.2em 0 0.6em; position: relative; top: 0.6em; left:-1.8em; position: absolute;}
.relatedul li a{color: #18b;}
.relatedul li a:hover{text-decoration: underline;}

.artLogTop{float: right;}
.artLogTop>a{font-size: 17px; height: 41px; line-height: 41px; padding:0 30px; margin-left: 5px; display: inline-block;}
.artLogTop .artLogTopL{color: #00ae68; background-color: #fff;}
.artLogTop .artLogTopL:hover{text-decoration: underline;}
.artLogTop .artLogTopR{color: #fff; background-color: #00ae68;}
.artLogTop .artLogTopR:hover{background-color: #009257;}

@media (max-width: 1200px) {
  .artFollow .artFollowfont{font-weight: normal;}
}
@media (max-width: 992px) {
  .leftimg{display: none;}
  .eccbox_next .leftimg{display: inline-block; height: 50px;}
  .eccArtWrapaside .eccbox{padding-left: 30px; padding-right: 30px;}
}
@media (max-width: 767px) {
  .eccArtCon{padding: 0;}
  .arciticle_btm .commentLeft b{ font-size:1.2em;}/*share*/
  .eccboxbm h4.cmtTitWap a.color-orange{float: right; font-size: 1.2em;}/* wap评论列表 */
  /*文章列表猜你喜欢评论*/
  .boxlist_article p.comments{display: block; font-size: 0.85em;}
  .comments i{padding-right: 0;}
  .boxlist_article p.comments .color-orange{float: right;}
  .boxlist_article p.comments .star,.boxlist_article p,.eccbox_first .comments{display: none;}
  /*share*/
  .arciticle_btm .share{width: 100%; padding: 10px 0;}
  .comments_wap{display: block; margin-bottom: 10px;}
  .comments .comments_wap{margin-bottom: 0px;}
  .comments.small-text{margin-bottom: 10px;}
  .addthis_toolbox{display: block;}

  /*article-detail*/
  .boxlist_articlenoimg img{display: none;}
  .boxlist_articlenoimg h3{margin-bottom: 0; padding: 0;}


  .eccArtBox h3.jllarge-text{padding-top: 10px;}
  .eccbox_next .leftimg{height: 60px;}
  .eccArtWrap .eccbox,.eccArtWrapaside .eccbox{padding-left: 15px; padding-right: 15px;}
  .comments_wap{display: inline-block;}
  .comments_wapFixed{z-index: 2; position: fixed; background: #00ae68; right: 0; bottom: 68px; font-size: 1em; box-shadow: 0 0px 4px rgba(0,0,0,.2); border-radius: 20px 0 0 20px;}
  .comments_wapFixed a{color: #fff!important; text-decoration: none!important; display: block; padding: 8px 6px 8px 15px;}

}

.comments, .comments.small-text {margin: 0 0 10px;font-size: 1em;}
.closeCommentsFont {padding: 4em 0;text-align: center;color: #999;}
.blogEditBtns {float: right;margin: -6px 0 0;font-size: 12px;}
.blogEditBtns a {border: 1px solid #f08e00;background-color: #fff;color: #f08e00;padding: 3px 10px;margin-left: 3px;border-radius: 2px;}
.blogEditBtns a:hover {background-color: #f08e00;color: #fff;}
@media (max-width: 767px) {
  .blogEditBtns { float: left; width: 100%; margin: 10px 0;}
  .blogEditBtns a { width: 30%; display: inline-block; text-align: center; padding: 6px 10px;}
  .ecc-main .container { padding: 0; overflow: hidden;}
  .eccArtWrap .eccwrap, .eccArtWrap .eccbox { box-shadow: none;}
}
.eccArtCon .article_right{margin: 0!important; padding: 0!important; width: inherit!important; float: none!important; border-top-width: 0!important; border-top-style: none!important; border-top-color: transparent!important; color: inherit!important; font-family: inherit!important; line-height: normal!important;}
