header,footer,div,input,html,dl,dd,ol,li,ul,p,span,b,strong,button,textarea,input,i,em,img,h1,h2,h3,h4,h5,h6,a{  margin: 0;padding: 0;text-shadow: none; font-family:"PingFang SC Regular Regular", Helvetica,'Microsoft YaHei', Arial; font-size: 100%;}
img{ display:inline-block;}
body,div,p,span,ul,ol,li,dl,dt,dd,a,h1,h2,h3,h4,h5,h6,img,i,em,b,strong{ border:0; padding:0; margin:0; font-size:100%;}
ul,ol li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
body{
   width: 100%; max-width: 768px;margin: 0 auto;
}
.header-download{
   border-bottom: 1px solid #E2E2E2; padding:.5rem 1rem;
}
.header-con{ width: 100%; }
.header-con .header-con-img,.header-con .header-con-tit{
   font-size: 12px; float: left;
}
.header-con .header-con-img{ width: 2.5rem; height: 2.5rem; margin-right: .8rem;}
.header-con .header-con-img img{ width: 100%; height: 100%; border-radius: 50%;}
.header-con .header-con-tit p{ padding-top: .75rem;}
.header-download .download-btn{ text-align: right; float: right; margin-top: .4rem;}
.header-download .download-btn a{
   width: 50px;
   height: 26px;
   background: #e50113;
   text-align: center;
   border-radius: 3px;
   color: #FCF2F2;
   font-size: 12px;
   line-height: 26px;
   display: inline-block;
}
.main{ 
   padding: 1rem;
   clear: both;
}
.topic_info dl dt img{
   border-radius: 50%; 
   height: 36px; 
   width: 36px; 
   float: left;
}
.topic_info dl dd{ 
   padding-left: 5px; 
   overflow: hidden;
}
.topic_info dl dd h4{
   display: inline-block; 
   height: 14px; 
   padding-top: 3px; 
   font-size: 12px; 
   color: #000000;
}
.topic_info dl dd p{
   height: 20px; 
   padding-top: 3px; 
   font-size: 10px; 
   color: #999;
}
.topic_info h3{
   font-size: 16px; 
   font-weight: normal; 
   padding: 20px; 
   padding-left: 0;
}
/* 视频 */
.videoArea p video{
   width: 100%;
}
.videoArea p > img{
   width: 100%;
   margin-bottom: 10px;
}
.browse{
   line-height: 14px; 
   padding: 15px 0; 
   font-size: 12px; 
   color: #2f2f2f;
   border-bottom: 1px solid #E2E2E2;
}
.browse .icon-view{
   width: 16px;
   height: 10px;
   vertical-align: inherit;
   margin-right: 3px;
   display: inline-block;
   background: url(/community/api/images/post-look.png) no-repeat left center/16px 10px;
}
.browse i,.comments i{ 
   font-style: normal;
}
/* 评论 */
.comments .comments-num{
   font-size: 12px;
   color: #6D6D6D;
   padding: 15px 0;
   line-height: 14px;
   border-bottom: 1px solid #E2E2E2;
}
.comments .comments-num .icon-message{
   width: 13px;
   height: 14px;
   vertical-align: middle;
   margin-right: 3px;
   display: inline-block;
   background: url(/community/api/images/post-pl.png) no-repeat left center/13px 14px;
}
.post-comments ul li{
   padding: 1rem 0;
   display: table;
   width: 100%;
   border-bottom: 1px solid #e2e2e2;
}
.post-comments .comment-img{
   display: table-cell; vertical-align: top; width: 2.5rem; height: 2.5rem; padding-right: 1rem;
}
.post-comments .comment-img img{
   width: 100%;
   height: 100%;
   border-radius: 50%;
}
.post-comments .comment-con h4{
   font-size: 12px;
   color: #4C4C4C;
}
.post-comments .comment-con div>span{
   font-size: 10px;
   color: #AFAFAF;
   margin-right: 10px;
}
.post-comments .comment-con p{
   font-size: 12px;
   color: #000;
   word-wrap: break-word;
   margin-top: 0.5rem;
}
.more-btn{
   width: 100%;
   position: relative;
   height: 5rem;
}
.more-btn a{
   display: inline-block;
   margin: 10px auto;
   padding: 7px 20px;
   font-size: 12px;
   color: #e50113;
   border: 1px solid #ececec;
   border-radius: 11px;
   position: absolute;
   left: 0;
   right: 0;
   width: 60px;
   text-align: center;
}
/* 热门推荐 */
.recommend{
   border-top: 1px solid #ececec;
   position: relative;
   padding-top: 30px;
   width: 100%;
}
.recommend h3{
   position: absolute;
   font-size: 14px;
   color: #2f2f2f;
   padding: 0 15px;
   left: 0;
   right: 0;
   margin: 0 auto;
   top: -7px;
   background: #fff;
   width: 5rem;
   text-align: center;
}
.recommend-list li{
   padding-bottom: 1rem; list-style: none;
}
.recommend-list a{
   width: 48%; height: 24%; display: block; float: left; overflow: hidden; padding-bottom: 1rem;
}
.recommend-list a span{
   width: 100%; height: 85%; display: inline-block;
}
.recommend-list a:nth-child(2),.recommend-list a:nth-child(4){
   float: right;
}
.recommend-list .recommend-img img{
   width: 100%; height: 100%;
}
.recommend-list a h4{
   font-size: 12px; color: #b2b2b2; padding-top: 1rem;
}