.nohomenavbg { background-color: #f6f7f8;  }
.info_box { width: 1170px; margin: 0 auto;  }
.info_box h1 { font-size: 24px; color: #333; padding-top: 30px;padding-bottom: 55px;font-weight:600; text-align:center;} 

.content { width: 100%; font-size: 16px;}

.content-article { width:990px;  float: right; }
.content-article img{ max-width:100%; }
.content-article p { line-height: 2.2; margin-bottom: 2em; }

@media (max-width: 767px) {

.info_box  { width: 100%; }
.info_box h1 { font-size: 18px; padding:15px 5px;line-height:26px; } 
.content { padding:0px; }
.content-article { width:auto; float: none; }  
.contentincell{ padding:0 10px; }  
.content-article p { line-height: 2; margin-bottom: 1em; }
.content-article h3 {font-size: 14px; line-height: 2; margin-bottom: 1em; }


}

@media (min-width: 768px) and (max-width: 991px) {
.info_box h1 { font-size: 20px; padding-top: 30px;padding-bottom: 35px;text-align:left;} 
.info_box { width: 750px; margin: 0 auto;  }
.content-article { width:590px;  }
}
@media (min-width: 992px) and (max-width: 1199px) {
.info_box { width: 970px; margin: 0 auto;  }
.content-article { width:810px;  }


}



.article-status{padding-top:20px;padding-bottom:100px;}

.article-status .through { position: relative; text-align: center;width: 112px; margin: 0 auto; text-transform: uppercase;   }
.article-status .through span{display:inline-block;background:#fff;padding:0 5px}
.article-status .through:after{content:"";display:block;width:100%;height:1px;background:#e8e8e8;position:absolute;top:50%;left:0;z-index:-1}
.article-status .theend{width:112px;margin:0 auto;text-transform:uppercase;font-family:Politica}
.article-status .statement{font-size:12px;color:#bbb;text-align:center;padding:23px 0}
.like{border-bottom:0px solid #e5e5e5;;font-size:14px;color:#555}
.like,.like .like-a{text-align:center;position:relative}
.like .like-a{display:inline-block;width:64px;height:64px;border:1px solid #454545;border-radius:50%;line-height:64px;margin:0 10px;cursor:pointer}
.like .like-a .iconfont{font-size:26px}
.like .like-a{border:1px solid #fd4f00;color:#fd4f00}
.like .like-a.vote{color:#fff}
.like .like-a:before{content:"+1";position:absolute;width:100%;text-align:center;top:-40px;color:#fd4f00;left:0;font-size:16px;opacity:0;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.like .like-a:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:50%;background:#fd4f00;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.like .like-a.vote:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.like .like-a.vote:before{top:-60px;-webkit-animation:shadow 1s;animation:shadow 1s}
.like .like-a .text-a{line-height:1;color:gray;margin-top:15px}
.like .iconfont{font-size:13px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;z-index:2;position:relative}
.like .r a{color:gray}
.like .r a:hover{color:#fd4f00}
.like .r{position:absolute;top:75px;right:15px;display:block;font-size:12px;height:30px;padding-left:22px;line-height:30px}
.like .r .iconfont{font-size:18px}
.like .r .icon-buganxingqu1{font-size:15px}
.like .r .icon-buganxingqu,.like .r .icon-shoucang4,.like .r a.blue{color:#fd4f00}
@-webkit-keyframes shadow{0%{opacity:0}30%{opacity:1}to{opacity:0}}
@keyframes shadow{0%{opacity:0}30%{opacity:1}to{opacity:0}}


.LeftTool{width:80px;padding-right:30px;margin-right:30px;text-align:center;float:left;font-size:12px;color:gray;position:relative;}
@media (max-width: 767px) {
.LeftTool { display:none; }  
}
.LeftTool .left-stick-wp{position:relative;padding-top:105px;}
@media (min-width: 768px) and (max-width: 991px) {
.LeftTool .left-stick-wp{position:relative;padding-top:75px;}
}

.left-stick-wp{width:80px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.LeftTool .left-stick-wp:after{content:"";display:block;border-right:1px solid #eee;width:1px;height:630px;top:10px;right:-40px;position:absolute}
.LeftTool a{color:gray}
.LeftTool .year{}

.LeftTool .hits{font-size:24px;line-height:1.2;padding-top:15px;}

.LeftTool .through{position:relative}
.LeftTool .through span{display:inline-block;background:#fff;padding:0 5px}
.LeftTool .through:after{content:"";display:block;width:100%;height:1px;background:#e8e8e8;position:absolute;top:50%;left:0;z-index:-1}

.LeftTool .like .like-a { width: 40px; height: 40px; line-height: 40px;background-color:#ccc;color:#fff;border:solid 1px #ccc; }
.LeftTool .like .like-a.vote { border:solid 1px #fd4f00; }
.LeftTool .like .like-a .iconfont { font-size: 20px;color:#fff; }



.LeftTool .share-title { padding-top: 22px; padding-bottom: 18px; } 
.share>a{width:40px;height:40px;margin:10px auto 0;border-radius:50%;display:block;cursor:pointer;line-height:40px;color:#fff!important;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;background:#ccc}
.share>a .iconfont:hover{-webkit-animation:rock .4s;animation:rock .4s}
.share .iconfont{font-size:25px;display:inline-block;z-index:2;position:relative}
.share>a:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;left:0;top:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.share>a:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.share>a:first-child:hover::after{background:#3dbe5b}
.share>a:nth-child(2):hover:after{background:#21b3f7}
.share>a:nth-child(3):hover:after{background:#f8c514}
.share>a:nth-child(4):hover:after{background:#ff5757}
.share>a:nth-child(3) .iconfont{position:relative;top:-2px}
.share .wxWrap{position:relative}
.share .wxWrap .qrcode{width:128px;height:148px;border:1px solid #bcbcbc;color:gray;position:absolute;left:-148px;top:0;text-align:center;line-height:1;background:#fff;border-radius:3px}
.share .wxWrap .qrcode:before{content:"";width:5px;height:5px;background:#fff;border-top:1px solid #bcbcbc;border-right:1px solid #bcbcbc;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block;position:absolute;right:-4px;top:15px}
.share .wxWrap .qrcode:before { content: ""; width: 5px; height: 5px; background: #fff; border-top: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; position: absolute; right: -4px; top: 15px; }
.share .wxWrap .qrcode img{margin:10px auto 6px}
.share .wxWrap .qrcode  #qrcodes{padding:7px 5px ;text-align:center;}

@-webkit-keyframes rock{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes rock{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}