
/*m站正文页CSS*/
/*2017年4月25日 配合21APP v4.1.1上线*/


/*初始设置*/
h1,h2,h3,h4,h5,h6, p, div, ul { margin:0; padding:0; }
ul { list-style:none; }
img { border:none}
body { padding:0; margin:0; font-family:Arial; background:#fff;} 
.clb { clear:both; height:1px; line-height:1px; font-size:1px; margin:0; padding:0;}


/*头部*/
.header { background:url(https://static.21jingji.com/images/m/bg5.gif) repeat-x bottom left #fff; height:60px; overflow:hidden; margin:0 0 15px 0;}
.headContent { width:800px; margin:0 auto; }
.headContent .headLogo { width:170px; height:40px; overflow:hidden; padding:10px 0 0 0;}
.headContent .headLogo a { display:block;width:170px; height:40px;/*background-size:170px 40px;background:url(logo_sfc_text.gif); text-indent:-1000px*/}
.headContent .headLogo a img {width:170px; height:40px;}

.headContent .headDownload { float:right;width:110px; height:40px;overflow:hidden; padding:10px 0 0 0;}
.headContent .headDownload a { display:block;width:110px; height:40px;/*background-size:110px 40px; background:url(m_topbar_download.gif);text-indent:-1000px*/}
.headContent .headDownload img {width:110px; height:40px;}


/*正文部分*/
.adHolder { padding:0 20px 0 20px;}
.adHolder img {width:100%; max-width:400px; margin:0 0 10px 0; max-height:56px;}

.content { width:800px; margin:0 auto; padding:0 0 50px 0; }
.content section { float:left; width:800px;  background-color:#fff; }

.content .news_list { line-height:22px;}
.content .news_list a { display:block; padding:0 10px 10px 10px; border-bottom:solid 1px #f1f1f1; margin:0 0 10px 0;text-decoration:none; color:#3e3e3e; }
/*.content .news_list .news_title { font-size:16px; color:#000000; font-weight:bold;}
.content .news_list .news_date { font-size:12px; color:#666666}
.content .news_list .news_desc { font-size:13px; color:#666666}*/

.titleHead {  padding:0 20px 10px 20px;; }
.titleHead h1 { font-size:30px; font-family:"微软雅黑"; font-weight:400; line-height:40px;text-align: justify; }
.titleHead .newsInfo {font-size:12px; color:#999; line-height:20px;}
.titleHead .newsInfo a { text-decoration:underline; color:#000000 }
.titleHead .newsDate {font-size:12px; color:#999; line-height:20px;}

.description { font-size:14px; line-height:1.7em; color:#666666; margin:0 20px 0.7em 20px; padding:0 0 0 15px; border-left:solid 2px #dddddd;  padding:10px; background:#f5f5f5;text-align:justify; }
.news_photo { margin:0 auto 10px auto;  text-align:center}
.news_photo img { display:block; width:100%; max-width:100%; margin:0 auto; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background:#f0f0f0; }
#newsVideo {margin:0 0 15px 0; padding:0 0 0 0;}
.news_video {margin:0 0 15px 0; padding:0 0 0 0;}
.news_video video { width:100%; background:#000;}
.news_audio {margin:0; padding:0 0 0 0;}
.news_audio audio { width:100%; }


.txtContent {  font-size:16px; line-height:1.7em; padding:0 20px; }
.txtContent img { width:100%;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background:#f0f0f0;}
.txtContent p { margin:0 0 0.7em 0;text-align:justify;word-wrap:break-word;}
/* .txtContent p.subtitle {} */
.txtContent p.copyright{color:#666666; font-size:14px;line-height:1.5em;}
.txtContent h4 { font-size:1.1em; line-height:1.1em; color:#000; font-weight:bold;margin:0 0 0.7em 0; /*color:#187e56; border-left:solid 3px #187e56; padding:0 0 0 15px; display:block*/}

.txtContent ul { padding:auto; margin:auto 20px;}

.epaper_qr { text-align:center}
.downloadbt { margin:20px 0 0 0; display:none}
.downloadbt img { width:500px}
.downloadbanner { display:none;}
.downloadbanner img { width:100%}

/*新增摘要、图片、视频、音频、链接、标签表现形式*/
.news_link {}
.news_link span { font-weight:bold; color:#0c5008;}
.news_link a {text-decoration:none; color:#0a3f70}
.news_tag {}
.news_tag span { font-weight:bold; color:#0c5008;}
.news_tag a {text-decoration:none; color:#0a3f70}

/*标签*/
.news_tag { font-size:18px;}
.news_tag span { font-weight:bold; color:#0c5008;}
.news_tag a {text-decoration:none; color:#5170a6}

/*相关阅读 旧*/
.morenews { margin:0 0 20px 0; /*padding:20px 0 0 0; background:#e9e9e9; position:relative*/}
.morenews .morenewsh6 {  font-size:14px; line-height:30px; height:30px; padding:0 20px; color:#666; background:#f3f3f3; margin:0 0 5px 0;}
.morenews .morenewsh6 span { /*background:#459f7b; color:#FFFFFF; font-size:14px; padding:10px 15px;*/}
.morenews a { color:#4c4b4b; text-decoration:none; display:block}
.morenews ul { list-style:none; margin:0 20px; padding:0}
.morenews ul li { color:#4c4b4b;font-size:14px; /*text-indent:10px;*/ height:45px; overflow:hidden; line-height:45px; border-bottom:solid 1px #f0f0f0; /*background:#e9e9e9url(html_rightarrow.png) no-repeat right center;*/}
.morenews ul li a {height:45px; overflow:hidden; line-height:45px;}
.morenews ul li span { float:right; font-size:10px;/* margin:0 10px 0 0;*/ color:#666666}

.footer { background:#e6e6e6; text-align:center; padding:10px 0; font-size:16px; line-height:1.3em}
.footer .info p { color:#666666; font-size:12px}
.footer p { text-align:center}
.footer p a { text-decoration:none; color:#3e3e3e; }

/*评论部分*/
.gentie { /*background:#f3f3f3;*/ padding:0 0 0 0; margin:0 0 0 0;}
.gentieh6 {  font-size:14px; line-height:30px; height:30px; padding:0 20px; color:#666; background:#f3f3f3; margin:0 0 5px 0;}
.no_gentie { text-align:center; line-height:40px}
.message { padding:10px 20px 0 20px;}
.message .message_list { clear:both; border-bottom:solid 1px #f0f0f0; margin:0 0 15px 0; padding:0 0 15px 0;}
.message .message_list .face { float:left; width:10%; }
.message .message_list .face img { /*box-shadow:0 0 5px #9e9e9e;*/ width:75%; height:auto; margin:5px 0 0 3px; border-radius:50px;}
.message .message_con { float:left; width:90%;  }
.message .message_con .name { font-size:14px; line-height:24px;}
.message .message_con .name span { float:right; font-size:12px; color:#666666 }
.message .message_con .txt { font-size:13px; line-height:20px; color:#666666; word-break:break-all}
.message .message_con { }

/*文章打赏*/
.reward{font-family: '微软雅黑';display: ;text-align: center}
.reward .reward_btn{border-radius: 50%;width: 70px;background: #fff}
.reward .reward_list{text-align: center;margin-bottom: 10px;}
.reward .reward_count{text-align: center;margin:5px 0;font-size: 12px;}
.reward .reward_user{border-radius: 50%;width: 30px;margin:1px}
/*文章打赏*/

/*金V号作者栏*/
.host{padding:15px;}
.host_cont{ padding:20px;border: 1px solid #ccc;}
.hostCont{padding-left:20px;}
.cont1{ padding-bottom:10px;}
.cont1 p{ font-size:16px;}
/*.cont1 img{ float:right; width:60px;}*/
.cont{ line-height:23px;text-align:justify;} 
.hostImg{width:60px; height:60px; border-radius:100%; overflow:hidden;border:1px solid #ccc;}
.hostImg img{width:60px; height:60px; border-radius:100%; overflow:hidden;}

/*分享*/
.share{width: 90%;margin: 0 auto;padding: 30px 0;}
.share_content{ height:109px;}
.share-title{ position:relative;width:80%; margin:15px auto; margin-top:0;}
.share-title span{ display:block;content: '';position: absolute;left: 0;background: #ccc;width: 100%;height: 1px;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;bottom:15px;}
.share-title p{width:100px; margin:0 auto;text-align:center; font-size:18px; line-height:30px; background:#fff; position:relative; z-index:1;color:#c9c9c9;}
.shareList{width:25%; float:left; margin:0 auto; text-align:center;}
.shareList img{width:40%; max-width:80px;}
.shareList p{ color:#c9c9c9; line-height:30px;}

/*评论*/
.comment{ padding:0 15px;}
.comment_title{padding:10px 0 10px 30px;background:url(https://static.21jingji.com/images/subscribe/icon1.png) no-repeat center left;line-height:30px;background-size:25px 25px;font-size:16px;}
.comment_list{position:relative;padding:10px 0;}
.xian{display:block;content: '';position: absolute;left: 0;background: #ccc;width: 100%;height: 1px;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;bottom:0px;}
.group label{width:40px;float:left;height:40px; border-radius:100%; overflow:hidden;margin-top:5px;}
.group label img{border-radius:100%; overflow:hidden;height: 40px;width: 40px;}
.control{ margin-left:48px; line-height:25px;color:#000;font-size:14px;}
.time{font-size:13px;color:#c9c9c9;}
.commentCont{ line-height:24px; padding:8px 0;}
.more{display:block; line-height:40px; font-size:15px; text-align:center;width: 130px;border-radius:5px;border:1px solid #000; margin:20px auto;text-decoration:none; color:#000000}

/*相关文章*/
.new {padding:0 15px; clear:both}
.newList {display:block;/*padding:10px 0;margin:0 auto;*/ position:relative;text-decoration:none; color:#000000; float:left; width:47%; padding:15px 0 15px 0; margin:0 3% 0 0}
.newList img{width: 100px;height: 75px;margin: 2px 0 0 10px;float: right;}
.news_title{font-size: 16px;color: #000000;height: 44px;overflow: hidden; line-height:22px}
.news_date{font-size: 12px;color:#c1c1c1; line-height:22px}
.newTile{padding:10px 0 10px 30px;background:url(https://static.21jingji.com/images/subscribe/icon2.png) no-repeat center left;line-height:30px;background-size:25px 25px;font-size:16px;}
/*猜你喜欢*/
.gustTile{padding:10px 0 10px 30px;background:url(https://static.21jingji.com/images/subscribe/icon3.png) no-repeat center left;line-height:30px;background-size:25px 25px;font-size:16px;}
.gust{padding:30px 15px 30px 15px; clear:both}

/*分享框*/
body.body{height:100%!important;overflow:hidden!important;}
.pop{ display:none; position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%; background:rgba(0,0,0,0.8); z-index:100;}
.min-pop{width:80%; position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
.contentPop{background:#fff;border-radius:0 0 8px 8px; overflow:hidden;padding:0 10px;}
.contentPop a{color:#2b2b2b;margin:0 auto;display:block; padding-top:10px;font-size:14px;text-decoration: none;}
.contentPop a:after{display:block; content:"";width:100%;height:0;border:0; border-bottom:1px solid #dcdcdc;padding-top:8px;}
.pop_t{ text-align:center; background:#eee;color:#9e9e9e; line-height:20px; padding:8px 0;border-radius:8px 8px 0 0;}
.pop_t img{ display:inline-block;width:20px;padding-right:4px;vertical-align: bottom;}
.pop .popBtn{height:35px;width:98%;color:#fff; background:#ce3c3c;border-radius:6px; line-height:35px; font-size:16px;text-align:center;display:block;margin:12px auto;padding: 0;}
.close{display:block; width:35px; height:35px; border:1px solid #969696; background:rgba(0,0,0,0.6);color:#fff; line-height:33px; text-align:center;font-size:20px;border-radius:100%;margin: 0 auto;margin-right: -10px;margin-bottom: -15px;z-index: 10;position: relative;}


/* for 720px or less */
@media screen and (max-width: 720px) {
.headContent { width:100%; }
.headContent .headLogo { padding:10px 0 0 20px;}
.headContent .headDownload { padding:10px 20px 0 0; }

.content {width:100%; }
.titleHead h1 { font-size:23px; font-weight:bold; line-height:1.5em }

.shareList img{width:70%;}
.newList { width:100%;}
.newList img{width:80px;height:60px;}
}

@media screen and (max-width: 480px) {
.titleHead h1 { font-size:23px; font-weight:bold; line-height:1.5em }
.downloadbanner { display:block;}
.downloadbanner {position: fixed;transition: bottom ease .3s;bottom: -100px;z-index: 3;cursor:pointer; display:block}
}

/*正文音频播放*/
.news_audio audio {display: none}
.news_audio {height:50px;width: 100%;margin:0 auto 10px auto;border: 1px #d4d4d4 solid;background-color: #f8f7f7}
.news_audio .button {height: 36px;width: 36px;margin: 7px 10px 7px 15px;float: left}
.news_audio .button img {width: 100%;height: 100%;background-color: inherit}
.news_audio .button .playing {display: none}
.news_audio .desc {line-height: 50px;float: left;color: #1b1b1b}
.news_audio .time {float: right;margin-right: 20px;line-height: 50px; color: #707070}

