p,ul,li{
  list-style:none;
  margin:0px;
  padding:0px;
}
.btn{
  padding:4px 10px!important;
}
i {
  margin-right: 5px;
}

/* 标题 */
.tab-title {
  border: 1px solid #bce8f1;
  padding: 5px 10px;
  color: #3a87ad;
  font-weight: bold;
}

/* 留言列表 */
.reply-box{
  border: 1px solid #337ab7;
  border-left:5px solid #337ab7;
  margin-top:10px;
}
.reply-box li{
  width:100%;
  min-height:94px;
  padding:5px;
  position:relative;
}
.head-pic{
  width:64px;
  height:90px;
  padding:2px;
  position:absolute;
}
.head-pic img{
  width:60px;
  height:60px;
}
.head-pic .name{
  width:60px;
  height:26px;
  line-height:26px;
  text-align:center;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mes-box{
  width:100%;
  padding-left:74px;
}
.mes-box .des{
  width:100%;
  max-height:100px;
  min-height:64px;
  padding:2px;
  overflow-y:auto;
}
.mes-box .reply{
  width:100%;
  height:26px;
  line-height:26px;
}
.mes-box .reply .data{
  font-size:12px;
  color:#a0a0a0;
  float:left;
}
.mes-box .reply .reply-btn{
  font-size:16px;
  float:right;
}
.mes-box .reply-form{
  width:100%;
  max-height:80px;
}
.reply-form textarea{
  width:100%;
  max-height:80px;
  padding:2px;
}
.reply-form .reply-submit{
  padding-top:10px;
}
.reply-form .reply-submit .btn{
  margin-right:10px;
}

/* 内嵌回复 列表 */
.re-sbox li{
  margin-bottom:5px;
}
.re-sbox .bg-success{
  border:1px solid #d6e9c6;
  border-left:3px solid #d6e9c6;
}
.re-sbox .bg-warning{
  border:1px solid #faebcc;
  border-left:3px solid #faebcc;
}

/* 分页按钮 */
.page-nav {
  text-align:center;
}
@media (max-width:767px) {
  .head-pic{
    width:54px;
    height:80px;
  }
  .head-pic img{
    width:50px;
    height:50px;
  }
  .mes-box{
    padding-left:64px;
  }
  .mes-box .des{
  max-height:60px;
  min-height:54px;
  }
  .mes-box .reply-form{
    max-height:60px;
  }
  .reply-form textarea{
    width:100%;
    max-height:60px;
    padding:2px;
  }
}