.bbs {
  overflow: hidden;
  background: #eee;
}
.bbs-list {
  margin: 1rem auto;;
  width: 990px!important;
}
.bbs-items {
	margin: 0 1rem;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
}
.bbs-items li.items {
  flex: 3;
  padding: 0 0 1.1rem;
  border-right: 1px solid #eee;
}
.bbs-items li.category {
  flex: 1;
  margin-left: -1px;
  padding: 1.1rem;
  border-left: 1px solid #eee;
}

.message-box {
	/* display: none; */
	padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.box-head {
	padding: 0 20px;
  border-bottom: 1px solid #eee;
}
.box-head h2 {
    height: 60px;
    line-height: 60px;
    margin: 0;
    font-size: 20px;
    color: #333;
}
.box-body, .box-footer {
	padding: 0 20px;
}
.message-bell:before {
	content: "\e62b";
}
.wrap-content-nav {
	position: relative;
    z-index: 1;
    min-height: 63px;
    min-height: 32px\9;
    margin: 0;
    padding: 30px 20px 0;
    border-color: #eee;
}
.wrap-content-nav>li {
    margin: 0 10px 0 0;
    font-size: 14px;
}

.wrap-content-nav>li>a {
   color: #666;
   line-height: 30px;
   padding: 0 13px;
   background-color: #fff;
   border: none;
   cursor: pointer;
}
.wrap-content-nav>li>a:hover {
	border: none;
    border-bottom: 2px solid #155faa;
    background-color: #fff;
    color: #333;
}
.wrap-content-nav>li.active a {
	line-height: 30px;
    background-color: #fff;
    border: none;
    border-bottom: 2px solid #155faa;
    font-weight: 700;
    color: #333;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.tip {
	color: #ebebeb;
	vertical-align: baseline;
}
.nav-tip {
	vertical-align: text-bottom;
}
.btn-gray {
	border: none!important;
    background-color: #eee;
    color: #999;
}
.list-main-content {
	padding: 0 20px;
}
.list-content {
	width: 100%;
	height: auto;
}
.list-content>div+div {
	border-top: 1px solid #f5f5f5;
}
.list-content .list-item {
	position: relative;
    z-index: 0;
    min-height: 45px;
    padding: 14px 0 14px 50px;
}

.list-content .list-item>.item-user-name {
	position: absolute;
    left: 0;
    top: 18px;
}
.item-user-name {
	font-size:13px;
	line-height: 20px;
	font-weight: 400;
}
.item-user-name img{
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
ul, ol {
	list-style: none;
}
.bbs a {
	cursor: pointer;
  color: #1A1A1A;
  font-size: 1.5rem;
}
.list-item-content h4 {
	margin: 0 0 3px;
  padding-right: 20px;
  font-size: 14px;
  word-wrap: break-word;
  font-weight: 600;
}
.text-color-999 {
    font-size: 13px;
    color: #999;
}
.topic:first-child {
    padding-top: 0;
    border-top: none;
}
.topic {
    padding: 20px 0;
    border-top: 1px solid #E2E2E2;
}
.topic .topic-head {
    padding-bottom: 5px;
}
.topic .topic-head h3 {
    margin-bottom: 0px;
}
.topic .topic-body ul li {
        padding: 3px 0;
}
.topic-text-algin-justify {
    text-align: justify;
}
.topic .topic-body dl {
    height: auto;
    overflow: hidden;
    margin: 10px 0;
}
.topic .topic-body dl dt, .topic .topic-body dl dt img {
    width: 32px;
    height: 32px;
}
.topic .topic-body dd {
    width: 155px;
    font-size: 12px;
    margin-left: 8px;
}
.topic .topic-body dd p {
    margin-bottom: 0;
    margin-top: 5px;
}
.topic-tag .text {
    display: inline-block;
    height: 20px;
    line-height: 16px;
    padding: 2px 5px;
    background-color: #037ce8;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
}
.list-message-abstract {
    word-break: break-all;   
}
.far.fa-comment {
  padding-top: 0.3rem;
  padding-left: 5px;
  font-size: 2.5rem;
}