@charset "utf-8";
.fg-show{margin:20px 10px 0 10px;}
.fg-show img{display: block;}
.fg-show-main{width: 100%;}
.location{display: none;}
.fg-show-main h1{font-size: 24px; line-height: 36px; font-weight: bold;}
.fg-show-main article{position: relative;padding-top: 20px;}
.fg-show-main article .contribute{position: absolute;right: 0;top:0; font-size: 14px; width:100px;height:28px;line-height:28px;background:#F05859;margin:0 auto;text-align:center;}
.fg-show-main article .contribute a{ color:#fff;}
.article-info{font-size: 12px;color: #999; border-bottom: 1px solid #eee;padding-top: 15px;padding-bottom: 15px;}
.article-info li{float: left; display: none;margin-right: 10px;padding-top: 1px;padding-bottom: 1px;}
.article-info li.source{display: block;width: 110px; overflow: hidden;}
.article-info li p{padding: 0;margin: 0;white-space: nowrap;text-overflow:ellipsis; overflow: hidden;}
.article-info li span{margin-right: 5px;}
.article-info .original{background: #F05859; color: #fff; font-size: 12px; font-weight: normal; text-align: center; padding: 1px 5px;margin-right:10px;}
.article-info .original,.article-info .count,.article-info .date{display: block;}
.article-info .count{float: left;}
.article-info .date{float: right}
.article-info .count span{color: #F05859;font-family: "Georgia";}
.article-info .count span em{font-style: normal; text-overflow:e;}
.article-icon{width:100%;height: 40px; line-height: 40px; position: fixed;left: 0;bottom: 0; background: #fff;border-top: 1px solid #eee; z-index: 1; display:block;}
.article-icon li{float: left;}
.article-info .next{display: none;}
article p{color: #333;font-size: 16px;padding: 10px 0;line-height: 30px;margin: 0;table-layout: fixed;/**text-indent: 2em;**/}
article p img{display: block;margin: 0 auto;}
article p iframe{display: block; margin: 0 auto;}
article p a{border-bottom: 1px dotted #089AFD;}
article td{border:1px solid #333; font-size: 12px;padding: 5px;}
.tuijian{margin-bottom: 20px;}
.tuijian .recommended{display: none;}
.block-tit .tab-nav,.block-tit .tab-nav ul{overflow: hidden;}
.block-tit .tab-nav li{float: left;cursor: pointer;font-size: 16px;font-weight: normal;}
.block-tit .tab-nav li i{padding: 0 10px;color: #e9e9e9;}
.block-tit .tab-nav li.on{color: #089AFD;}
.tops li{border-bottom: 1px dotted #aaaaaa;padding: 10px 0;overflow: hidden;cursor: pointer; }
.tops li:hover{border-bottom: 1px solid #089AFD;}
.tops li:hover a{color: #089AFD}
.tops li i{font-style: italic;font-family: 'Georgia';opacity: 0.7;display: block;float: left;height: 24px;width: 20px;font-size: 18px;line-height: 20px;text-align: center;margin-top: 4px;margin-right: 10px;color: #666;}
.tops li i.order1, .tops li i.order2, .tops li i.order3{color: #FF0000;font-size: 24px;}
.tops li span{color: #c63927; font-size: 12px; float: right;}
.tops li a{color: #999;}
.box-scoll{display: none;}
.box-scoll-show{display: none;}
.next-post-wrapper{display: none;}
.article-icon{ display: none; height: 30px; line-height: 30px;padding: 10px; background: #fff;border-top:1px solid #eee;border-bottom:1px solid #eee; position: fixed;left: 0; bottom: 0;}
.article-icon li{float: left;margin-right: 10px;}
.article-icon li i{font-size: 20px; cursor: pointer;}
.art-comments{height:30px; line-height: 30px; width:150px;background: #eeeeee;border-radius: 30px;margin-right: 20px;font-size: 12px; padding-left: 10px; cursor: pointer;}
.article-icon li .art-comments i{font-size: 14px;}
.correlation{margin: 20px 0;background: #f5f5f5;}
.correlation li{border-bottom: 1px solid #eee; height: 36px;line-height: 36px; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;padding: 10px 20px;}
.correlation li:nth-last-child(1){border-bottom: 0;}
.listfocus{position:relative;text-align:center; background: #333;border-radius: 3px; overflow: hidden;margin-bottom: 20px;}
.listfocus .focus-pic a{display: block;font-size: 0;}
.listfocus .focus-pic img{width: 100%;}
.listfocus .focus-tit{text-align:left;position:absolute;width:100%;left:0;bottom:-1px;background:-webkit-linear-gradient(180deg,rgba(0,0,0,0.01) 0,rgba(0,0,0,1) 100%);background:-moz-linear-gradient(180deg,rgba(0,0,0,0.01) 0,rgba(0,0,0,0.95) 100%);background:linear-gradient(180deg,rgba(0,0,0,0.01) 0,rgba(0,0,0,0.95) 100%)}
.focus-tit a{color:#fff;text-decoration:none}
.focus-tit .channel-name{background:#c60000;min-width:50px;padding:5px 10px;margin-right:20px;margin-bottom:15px;display:inline-block;font-size: 24px;}
.focus-tit h2{padding:0 15px 15px;line-height:1.5em;background: #000 \9; padding-top: 10px \9; text-align: left; font-size: 20px;}
.textstyle{padding: 20px; background: #f5f5f5; border-radius: 3px; margin-bottom: 20px;}
.textstyle:hover{background: #E6F2FF;}
.textstyle:hover a{color: #fff;}
.textstyle .listtext{width:100%;padding-left:0;}

/************************生成海报css**************************/
  .haibao-show-bg{width:100%;height:100%;background: rgba(0,0,0,.7); position: fixed;z-index: 10;left: 0;top: 0;}
  .haibao{width:320px;margin-left:calc(50% - 240px); height:auto;background: #F5F7F8;border-radius: 4px;text-align: center; padding: 20px; position: absolute;z-index: -11;left: 0;top:100px;}
  .haibao-show{width:340px;margin-left:calc(50% - 170px);}
  .haibao-logo{width: 100%;border-bottom: 1px solid #ffffff;}
  .haibao-logo img{width: 90px;margin: 5px auto;}
  .haibao-logo:after{ display: block; border-bottom: 1px solid #D2DBDF;content: "";padding-bottom: 20px;}
  .haibao-date{background: #F5F7F8;width:40%;padding: 0 20px; margin: -15px auto 10px auto; color: #555555; font-size: 16px;}
  .haibao-content{background: #ffffff;padding:20px;border-radius: 4px;}
  .haibao-content .title{font-size: 20px;color: #333333;font-weight: bold;text-align: left;}
  .haibao-content .thumb{margin-top: 20px;}
  .haibao-content .thumb img{width: 100%;}
  .haibao-content .des{color: #555555;font-size: 14px; text-align: left;line-height:24px;margin-top: 10px;}
  .allcon{margin-top: 20px; margin-bottom: 20px;}
  #qrcode img{ margin: 0 auto; }
  .offon{width: 80px; margin:20px auto;}
	#haibaobtn{background: #586bf0;color: #ffffff;border:none; height: 30px;line-height: 26px;padding: 0 10px;border-radius: 4px;}
	.closehaibao{display: block;font-size:14px;padding:5px 10px;background: #888888;color: #ffffff;border-radius: 30px;border:0; float: left;}
@media screen and  (min-width: 400px){
.fg-show{margin: 20px;}
}

@media screen and  (min-width: 640px){
.fg-show{margin-top: 0;margin-bottom: 0; padding-top:20px;}
.article-info .date{float: left;}
.article-info li{display: block;}
.article-info .key,.article-info .share{display: none;}
.article-icon{display: none;}
/************************生成海报css**************************/
.haibao{width:400px;margin-left:calc(50% - 240px);padding: 20px 40px; }
  .haibao-show{width:380px;margin-left:calc(50% - 190px);}
.haibao-content .title{font-size: 24px;}
}
@media screen and (min-width: 980px){
.fg-show{margin: 0;}
.fg-show-main{width: 610px; float: left; margin-right: 30px;}
.fg-show-main h1{font-size: 32px; line-height: 40px;}
.fg-show-main article .contribute{top:-45px;}
article p.showad{float: left;margin-bottom: 10px;margin-right: 20px;}
.article-ico{display: none;}
.tuijian{margin-bottom: 0;}
}

@media screen and (min-width: 1280px){
.fg-show{width: 1200px;margin-left:auto;margin-right: auto;}
.fg-show-main{width: 850px; position:relative;}
.fg-show-main h1{font-size: 36px;line-height: 50px; margin-bottom: 10px;padding-bottom: 30px;padding-top: 10px; border-bottom: 1px solid #eee;}
.location{display: block; font-size: 14px; color: #BABABA;}
.location i{margin-right: 5px;}
.location a{color: #BABABA;}
.article-info{width: 140px;position: absolute;left: 0;border-bottom: 0;font-size: 14px; padding-top: 0;margin-top: 10px;}
.article-info ul{border-left:1px solid #FBCECE;}
.article-info ul:before,.article-info ul:after,.article-info li:after{content: "";display: block;width: 7px; height: 7px; border-radius: 100%; background: #F05859;}
.article-info ul:before{position: absolute;left:-3px;top: 0;}
.article-info ul:after{position: absolute;left: -3px;}
.article-info li{float: none; border-bottom: 1px solid #FDE1E1; padding-left: 15px; height: 50px;line-height: 50px; position: relative; width: 125px;}
.article-info li:after{background:#FDEAEA;position: absolute;right: 0;bottom: -4px;}
.article-info li.count,.article-info li.date{float: none; white-space: nowrap;text-overflow:ellipsis;}
.article-info li.count span{font-size: 30px;}
.article-info li.date span{color:#F05859;}
.article-info li.original{background: none;text-align: left;padding-left: 15px;}
.article-info .original span{padding: 2px 5px;background: #F05859;border-radius:3px;}
.article-info li.key, .article-info li.share{display: block; color: #F05859;font-size: 16px;height: auto;}
.article-info li.key ul{margin-left: -15px;border-left: 0;}
.article-info li.key ul:after,.article-info .key ul:before{display: none;}
.article-info li.key li{border-bottom: 0;padding-left: 0; height: 32px;line-height: 32px; white-space: nowrap;text-overflow:ellipsis; overflow: hidden;} 
.article-info li.key li:before{content: ""; display: block;border-top: 1px solid #eee;width: 20px;border-top: 1px solid #eee;position: absolute;top: 16px;}
.article-info li.key li:after{left: 15px;top:13px; background: #eee;}
.article-info li.key a{color: #F05859; font-size: 14px;margin-left: 30px;}
.article-info li.key a:hover{color:#089AFD}
.article-info li.share{border-bottom: 0;}
.article-info li.share:after{display: none;}
.article-info .next{width: 140px; height: 36px; line-height: 36px; background: #F05859; text-align: center;margin-top: 20px;border-radius: 3px;}
.article-info .next a{color: #fff;}
.fg-show-main article .contribute{top:-21px;}
.correlation{width: 582px; margin: 20px auto;}
.fg-show-main article{width: 680px; margin-left: 170px; padding-top: 0; }
.fg-article{margin-top:20px;margin-bottom: 30px;}
.tuijian{position: relative;}
.tuijian .recommended{display: block; text-align: center;  width: 120px; position: absolute;}
.tuijian .recommended h2{font-size: 24px; color: #333333;margin-bottom: 10px;}
.tuijian .recommended ul{background: #F6F6F6;font-size: 14px;text-align: center; color: #777777;}
.tuijian .recommended li{height: 40px; line-height: 40px;border-bottom: 1px solid #eeeeee;border-top: 1px solid #ffffff;}
.tuijian .recommended li a{color: #777777;}
.tuijian .recommended .new{background: #F05859; color: #fff; border-bottom: 0;}
.tuijian .recommended .new a{color: #fff;}
.tuijian .fg-list{width: 680px;margin-left: 170px;}
.tops li{position: relative;}
#clickhits li a{display: block; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; width: 250px;}
.tops li span{float: none; position: absolute;right: 0;bottom: 10px;}
.box-scoll{display: block;width: 50px;padding: 10px 10px 0 10px;background: #F05859;border-radius: 3px; position: fixed;right: 10px;bottom: 50px;color: #FDE3E3; font-size: 14px;}
.box-scoll li{border-bottom: 1px solid #EC2828;border-top: 1px solid #FF7575; text-align: center;padding-bottom: 10px; cursor: pointer;}
.box-scoll li:hover{color: #fff;}
.box-scoll li.simple,.box-scoll li.original{border-top: 0;}
.box-scoll li.original{display: none;}
.box-scoll li.come{border-bottom: 0;}
.box-scoll li i{font-size: 24px;}
.box-scoll li i,.box-scoll span{display: block;padding-top: 5px;}
.box-scoll li a{color: #FDE3E3;}
.box-scoll li a:hover{color: #fff;}

.next-post-wrapper{display: block;margin-top: 20px; background: #f9f9f9; border-radius: 3px; width: 320px;}
.next-post-wrapper h4 {font-size: 16px; font-weight: 200; color: #9ca4ab; height: 36px; line-height: 36px; background: #eeeeee; text-align: center;}
.next-post-wrapper .nitem{padding: 15px;}
.next-post-wrapper a.title {font-size: 16px;color: #333;}
.next-post-wrapper .tags-list {padding: 0 15px 15px 15px;color: #9ca4ab;}
.next-post-wrapper .tags-list a {color: #9ca4ab;}

.simpleshow{background: #fff;}
.simpleshow .location,.simpleshow .fg-side,.simpleshow .article-info,.simpleshow .tuijian{display: none;}
.simpleshow .fg-show-main{float: none;margin: 0 auto;}
.simpleshow .fg-show-main article{width: 850px; margin-left: 0;}
.simpleshow .fg-article{margin: 0;border-bottom: 0;}
.fixedtop{position:fixed;left:auto;top:20px;}
}