.tabs-group ul li{
    float: left;
    padding: 5px 20px;
    background: #fff;
    margin: 0 8px;
    font-size: 18px;
}
.tabs-group ul li.active{
        background-color: #237ffd;
}
.tabs-group ul li.active a{
    color:#fff;
}
.tabs-group ul li:first-child{
    width: 56px;
    margin-left: 0;
        padding: 5px 10px;
        text-align: center;
}
.panel-default{
        padding: 20px 10px;
    background: #fff;
    margin-top: 22px;
}

.panel-default > .panel-heading {
  position: relative;
      padding: 25px 0;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
}
.w700 .panel-default > .panel-heading .panel-title {
  font-size: 16px;
  /*color: @gray-dark;*/
}
.w700 .panel-default > .panel-heading .panel-title>a{
        float: right;
}
.w700 .panel-default > .panel-heading .panel-title > i {
  display: none;
}
.w700 .panel-default > .panel-heading small {
  font-weight: normal;
  color: #999;
  font-size: 13px;
}
.w700 .panel-default > .panel-heading .more {
  position: absolute;
  top: 13px;
      left: 0;
  display: block;
  color: #919191;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 400;
  font-size: 13px;
}
.w700 .panel-default > .panel-heading .more:hover {
  color: #616161;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.w700 .panel-default > .panel-heading div.more {
  top: 0;
}
.w700 .panel-default > .panel-heading .panel-bar {
  position: absolute;
  top: 7px;
  right: 0;
  display: block;
}
.w700 .panel-default > .panel-footer {
  padding: 15px 0;
  background: none;
}
.w700 .panel-default > .panel-body {
  position: relative;
  padding: 15px 0;
}
.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}
.list-inline > li {
        display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    padding: 10px 20px;
    background: #f5f5f5;
    margin: 0 5px;
    letter-spacing: 1px;
}
.category-order li.active {
    background: #237ffd;
}
.category-order li.active a{
    color: #fff;
}
.loadmore-nodata{
    text-align: center;
}
.w700 .media-left{
    width: 50px;
    height: 40px;
    text-align: center;
    background: #f5f5f5;
    border-radius: 10px;
    float: left;
    padding-top: 10px;
        margin-right: 15px;
}
.w700 .media{
        border-bottom: 1px solid #f5f5f5;
            margin-bottom: 20px;
}
.w700 .media-left p:first-child{
       font-size: 17px;
}
.w700 .media-body{
        margin-left: 70px;
            padding-bottom: 15px;
}
.article-title{
        font-size: 16px;
    padding-bottom: 10px;
}
.article-tag span{
        color: #9598a2;
    font-size: 13px;
}
.article-intro{
     color: #9598a2;
         margin-top: 10px;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: normal;
    -webkit-line-clamp: 1;
}