html, body {
    background-color: White !important;
}
.white-bg 
{
    width:96%; background-color:White;  margin:0 auto;
}
.title-box
{
    width:92%;
    float:left;
    display:inline;
    margin-left:3%;
    padding-top:10px;
}

.title-box-ul1 li
{
    width:100%;
    float:left;
    display:inline;
    padding-bottom:12px;
}
.title-text
{
    color: #333;
 
    font-family:微软雅黑,'Microsoft yahei';

     height:89px;
  
     overflow:hidden;
     text-overflow: ellipsis; /*超出部分自动用...来表示*/
}
.h1-title
{
       font-size: 38px;
    font-weight:bold;
}
.c-gray
{
    color:#bbb; font-size:14px;
}
.title-li3
{
    width:35%;
    float:left;
    display:inline;
}
.title-li4
{
    width:63%;
    float:right;
    display:inline;
}
.title-li4 dl
{
    width:33%;
    float:left;
    display:inline;
    text-align:center;
}
.title-box-ul2
{
 margin-top:15px;
    width:100%;
    float:left;
    display:inline;
}
.topic-auther-head-ul
{
    width:20%;
    float:left;
    display:inline;
}
.topic-auther-head-ul img
{
    width:100%;
   
}
.topic-auther-info-ul
{
    width:76%;
    float:right;
    display:inline;
}
.group-tj-ul li
{
    padding-bottom:3px;
}
.auther-info-li1
{
    font-size:16px;
    color:#333;
    font-weight: 600;
    padding-bottom:5px;
}
.auther-info-li1 a:hover
{
    color:#101111
}
.auther-info-li2
{
    color:#AFAEAC;
     padding-top:5px;
     padding-bottom:4px;
     font-size:14px;
}

.group-btn-li
{
    width:100%;
    float:left;
    display:inline;
     padding-top:5px;
}
.group-btn-li dl
{
    width:50%;
    float:left;
    display:inline;
    
}
.btn-width
{
    width:100px;
}
.topic-main
{
    width:100%;
    float:left;
    display:inline;
     font-size: 17px;
line-height: 32px;

color:#262626;
     padding-bottom:25px;
     margin-bottom:20px;
     margin-top:10px;
     border-bottom:solid 1px #DFE4E6;
 word-wrap: break-word; /*自动换行*/
    
}

.topic-main img
{
   
    margin-top:5px;
    margin-bottom:5px;
    max-width:100%;
    
}

.comment-wrap
{
    width:100%;
    float:left;
    display:inline;

     background-color:White;
     padding-top:10px;
     
}

.com-main
{
    width:100%; float:left; display:inline;
    padding-bottom:20px;
     border-bottom:solid 1px #E7E6E4;
}
.comment-box
{
    width:100%;
    float:left;
      display:inline;
    
}
.comment-box ul li
{
     padding-bottom:10px;
    
}
.float-right
{
    text-align:right;
}
.comment-area
{
      width:100%;
    float:left;
      display:inline;
  margin-top:30px;
  
}
.comm-item
{
    width:100%;
    float:left;
    display:inline;
    padding-bottom:10px;
    padding-top:25px;
    border-bottom:solid 1px #F0EFEE;
}
.head-ul
{
    width:6%;
    float:left;
    display:inline;
}
.head-ul img
{
    width:100%;
}
.comment-ul
{
    width:92.5%;
    float:right;
    display:inline;
}
.comment-ul li
{
    padding-bottom:5px;

}
.com-li1
{
    font-weight:600;  padding-right:20px;
}
.com-li2
{
    padding-top:3px; 
    font-size: 14px;
    line-height: 28px;
    color: #414141;
    word-break:break-all;
}

.com-li2  img
{
   
    max-width:99%;
    margin-bottom:3px;

}
.com-li3
{
    font-size:12px;
    text-align:right;
    color:#999B9B;
     padding-top:20px;
}
.com-li3 a
{
    padding-left:13px;
    color:#999B9B
}
.com-li3 a:hover
{
    color:#E1620E
}
.group-info-box
{
    width:90%;
    float:left;
    display:inline;
    text-align:center;
}
.group-info-li2
{
    padding-top:20px;
    font-size:16px;
      font-weight:bold;
}
.group-info-li2 a:hover
{
    color:#04A4C1
}
.group-info-li3
{
    padding-top:15px;
    padding-bottom:15px;
    color:#B2B1AE
  
}
.pl
{
  
     font-size:16px;
     color:#5A5C5D
}
.relation-topic-box
{
    width:85%;
    float:left;
    display:inline;
    margin-top:20px;
    margin-left:10%;
}
.articel-box
{
    width:100%;
    float:left;
    display:inline;
    margin-top:10px;
}
.article-item
{
    width:45%;
    float:left;
    display:inline;
     margin-right:5%;
     margin-bottom:8px;
}
.article-item img
{
    width:100%;
}

.article-li2
{
    padding-top:8px;
    padding-bottom:8px;
    height:55px;
  color:#45494C;
     overflow:hidden;
     font-size:12px;
     font-weight:bold;
     
}
.load-more
{
  
   
    float:left;
     margin-left:40%;
    margin-top:15px;
    margin-bottom:15px;
}
.reply-field
{
    border:solid 1px #E3E5E5;
}
.reply-head
{
    font-size:13px;
    color:#808282;
}
.reply-head img
{
    width:30px;
     height:30px;
}
.ds-wrap
{
    width:500px; float:left; display:inline; padding:20px;
}
.ds-head
{
    width:100%; float:left; display:inline; height:40px; font-weight:bold; line-height:40px; text-align:center; padding-bottom:15px;
}
.ds-wx
{
    width:48%; float:left; display:inline; text-align:center; color:#369A0A
}
.ds-wx img
{
    width:180px;
}
.ds-zfb
{
    width:48%; float:right; display:inline; text-align:center; color:#348FFA
}
.ds-zfb img
{
    width:180px;
}
.ds-none
{
    color:#E74C08; font-size:16px; line-height:165%;
}
.b_0
{
  font-weight:bold;
 }