/* 搜索top */
ul{
  list-style: none;
}
body{
  font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;

}
em{font-style:normal}
.search-wraper {
    margin-left: auto;
    margin-right: auto;
    max-width: 658px;
}
.header-nav{margin-left:40px;}
.search-wraper .search {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    padding: 12px 30px;
    height: auto;
    text-align: left;
    color: #333;
   border-color:#fff;
}
.nav-search-main .search-wraper .search {
   margin:78px 0 36px;
}
.search-wraper .search:focus{
      border-color: #5079b7;
}
.article-cont .article-txt {
    height: 75px;
}

.site-header .jumbotron {
    padding-top: 0;
}
.search-site.jumbotron{
  background-color: #f5f6f8;
  padding-bottom:0;
}

@media screen and (min-width: 768px){
    .search-site.jumbotron {
        padding-top: 124px;
        padding-bottom:0;
            margin-bottom: 0;
    }

}
.search-site .form-group{
    position: relative;
}
.search-icon {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 50px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 2px;
    cursor:pointer;
}
.search-site i.glyphicon-search {
    color: #517ab7;
    font-size: 20px;
    line-height: 48px;
}
.search-site.jumbotron p {
    font-size: 14px;
    color: #a5aab0;
    text-align: right;
    padding-top: 34px;
        height: 54px;
}
.search-site.jumbotron p span{
  color:#5079b7;
}
.search-site.jumbotron .container {
    position: relative;
}


.tabs-title span{
  display: inline-block;
  line-height: 40px;
  padding: 0 5px;
  margin-right:40px;
  cursor:pointer;
}
.tabs-title span.active{
  color:#5079b7;  border-bottom:4px solid #5079b7;
}
/* main */
.search-main .article-cont {
    padding: 20px 0 20px;
    margin: 0 auto 0;
    border-bottom: 1px solid #edf0f5;
}
.search-main .article-cont:hover{
  background-color:#f8f9fa;
}
.search-main .article-cont:hover h4 a{
 text-decoration: none;
}
.article-cont h4 {
    font-weight: bold;
      font-size: 14px;
        margin-bottom: 6px;
}
.article-cont a {
    color: #333;
}
.article-cont a:hover{
  color:#5079b7;
}
.article-cont font{
    color:#5079b7;
}
.article-cont dd {
    padding-left: 35px;
    padding-right: 35px;
   text-align: justify;
}
.article-cont dt{
  text-align:center;
  padding-right:0;
}
.article-cont img {
   margin: auto; transition:all 0.2s linear;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
   display: inline-block;
}

.search-main img:hover{
  transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
}

.article-cont .article-txt {
    font-size: 14px;
    color: #868686;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    height: 64px;
    -webkit-box-orient: vertical;
    margin-bottom: 25px;
}

.article-read{
  color:#abb0b5;
  font-size:14px;
    margin-top: -22px;
}
.article-read p{
  margin-bottom:0;
}

.article-read p small{
  color:#d1d3d7;  font-size:14px;
}

/* 分页 */
.search-page .pagination > li > a {
    padding: 8px 14px;
    color: #666;
    border: 1px solid #dfe2e7;
      border-radius: 2px;
      cursor:pointer;
}
.search-page .pagination > li:last-child > a{
  margin-right:0;
}
.search-page .pagination > li.active  > a{
     z-index: 2;
    color: #fff;
       cursor:pointer;
    background-color: #5079b7;
    border-color: #5079b7;
}

/* 作者页 */
.author-main .article-cont dt a {
    display: block;
    width: 108px;
    height: 106px;
    border-radius: 50px;
    position: relative;
    background-color: #f5f6f8;
}
.author-main .article-cont dt img {
    position: absolute; border-radius:50%;
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.author-main .article-cont a:hover img {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
}
.author-main .article-cont {
    padding: 24px 0 24px;
}
.author-main .article-cont h4{
      margin-top: 10px;
    margin-bottom: 10px;
}
.author-main .article-cont h5 {
    color: #868686;
    padding-bottom: 0px;
    line-height: 20px;
    margin-bottom: 10px;
}
.author-main .article-cont p {
    color: #abb0b5;
    margin-bottom: 0;
}
.author-main .article-cont  dd {
    text-align: center;
}
.author-main .article-cont h4 .type-tips {
    font-size: 14px;
    color: #ff6c24;
    border: 1px solid #ff6c24;
    border-radius: 17px;
    padding: 2px 6px;
    margin-left: 10px;
    position: relative;
    top: -2px;
}
.author-main  .subscription-btn {
    position: absolute;
    right: 0;
    top: 0;
}
.author-main  .subscription-btn  .glyphicon-plus:before {
    content: "\2b";
    font-size: 12px;
    margin-right:4px;
}
.author-main  .subscription-btn .glyphicon-ok:before {
    content: "\e013";
    font-size: 12px;
    margin-right: 4px;
    color:#a5aab0;
}
.author-main  .subscription-btn.btn-default{
  background-color:#eaedf3;
  border:none;  color:#a5aab0;
}

/* 问答 */
.ask-main .article-cont{
  padding:16px 10px 8px;
}
.ask-main .article-cont .text-muted{
  color:#d1d3d7;
  font-size:14px;
}
.ask-main .article-cont .name{
  color:#a5aab0;
}
.ask-main .article-cont .ask-enquiry {
    padding-bottom: 4px;
    line-height: 26px;
    font-size: 14px;
    color: #868686;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/* 搜索导航 */
.body-bg{
  background-color:#f5f6f8;
}

.nav-search-main .container{
    padding: 0 80px;
}
.nav-search-main .hot-search{
    padding-left: 0;
}
.nav-search-main h4 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 20px;
    border-left: 4px solid #5079b7;
    padding-left: 10px;
    margin: 22px 0 20px;
}
.nav-search-main .hot-search .btn {
    border: 1px solid #a5aab0;
    color: #a5aab0;
    margin-bottom: 10px;
    margin-right: 4px;
    padding: 6px 18px;
}
.search-font {
    background-image: linear-gradient(180deg,rgba(0,0,0,.04) 5%,rgba(0,0,0,.7));
    color: #fff;
    width: 210px;
    position: absolute;
    bottom: 0;
    height: 100%;
    border-radius: 0 0 4px 4px;
    font-size:12px;
}
.search-font p {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 4px 12px 0px;
    margin-bottom: 6px;
}
.hot-course >  div{
      margin-bottom: 10px;
}

/* 空状态 */
.enquiry-empty{
  color:#6d98ca;
  font-size:18px;
  margin-top: 120px;
}
.enquiry-empty img:hover{
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
}
.enquiry-loading{
  width: 80px;
  height: 20px;
  margin: 0 auto;
  margin-top:150px;
}
.enquiry-loading span{
  display: inline-block;
  width: 6px;
  height: 100%;
  border-radius: 4px;
  background: #96afd4;
  -webkit-animation: load 1s ease infinite;
  -moz-animation-delay:0.4s;
  animation: load 1.2s ease infinite;
}
@-webkit-keyframes load{
  0%,100%{
      height: 22px;
      background: #96afd4;
  }
  50%{
      height: 48px;
      margin: -15px 0;
      background: #cad7e9;
  }
}
.enquiry-loading span:nth-child(2){
  -webkit-animation-delay:0.4s;
  -moz-animation-delay:0.4s;
  animation-delay:0.4s;
}
.enquiry-loading span:nth-child(3){
  -webkit-animation-delay:0.6s;
  -moz-animation-delay:0.6s;
  animation-delay:0.6s;
}
.enquiry-loading span:nth-child(4){
  -webkit-animation-delay:0.8s;
  -moz-animation-delay:0.8s;
  animation-delay:0.8s;
}
.enquiry-loading span:nth-child(5){
  -webkit-animation-delay:1s;
  -moz-animation-delay:1s;
  animation-delay:1s;
}

/* 响应式 */
@media (min-width: 768px){
    .article-cont h4 {
        margin-bottom: 8px;
        margin-top: 0px;
        font-size:18px;
    }
    .article-cont .article-txt {
        padding-bottom: 0px;
   }
    .tabs-title {
    padding-left: 0;
  }
   .article-read{
      margin-top:0px;
   }
     .author-main .article-cont  dd{
    text-align: left;
   }

}

@media (min-width: 992px){
    .article-cont h4 {
        margin-bottom: 8px;
        margin-top: 0;
              font-size:18px;
    }
    .article-cont .article-txt{
        padding-bottom: 0px;
   }
   .article-cont dd {
    padding-left: 0;
    padding-right:-18px;
  }
    .article-read{
      margin-top:0px;
   }
     .author-main .article-cont  dd{
    text-align: left;
   }
  .nav-search-main .container {
    padding: 0 160px;
}

}

@media (min-width: 1200px){
   .article-cont h4 {
          margin-top: 0;
         margin-bottom: 16px;
         font-size:18px;
    }
    .article-cont .article-txt {
      padding-bottom: 10px;
   }
   .article-cont dd {
      padding-left: 0;
      padding-right: 6px;
      margin-left: -18px;
    }
    .article-cont dt {
        text-align: left;
    }
    .search-page .pagination > li > a {
      margin-right:12px;
    }
   .author-main  .article-cont dd{
      padding-left: 20px;
  }
  .author-main .article-cont  dd {
    text-align: left;
  }
  .author-main .article-cont h5{
    width: 516px;
      height: 39px;
  }
   .article-read{
      margin-top:0px;
   }
   .author-main .article-cont  dd{
    text-align: left;
   }
 .nav-search-main .container {
        padding: 0 80px;
    }
}


@media (max-width: 768px){
  .article-cont .article-txt {
    font-size: 14px;
    color: #868686;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 46px;
    -webkit-box-orient: vertical;
    margin-bottom: 34px;
}
  .search-page .pagination > li > a {
      padding:6px;
  }

}
@media (max-width: 320px){
  .search-page .pagination > li > a {
      padding:3px;
  }
}

@media (max-width: 640px){
.author-main .article-cont dt a {
    margin: 0 auto;
}
}

.search-site.jumbotron p.gray{ color: #f5f6f8; }


/*========== 20180130新增css ===========*/
.tabs-read-btn { text-align: right; padding-top:10px; }
.tabs-read-btn .btn-default{ color: #a5aab0; border-color: #a5aab0; }
.tabs-read-btn .btn-default:hover{ color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.tabs-read-btn .btn{ width: 54px; height: 26px; font-size: 14px; line-height: 24px; padding: 0; }
.search-top24{ margin-top: 24px; }
.search-header  .container { width: 1240px; margin-left: auto; margin-right: auto; }
.search-header { width: 100%; height: 60px; line-height: 60px; color: #555; font-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,.11); position: fixed; background: #fff; z-index: 999; }
.search-header .navbar-brand { float: left; height: 60px; padding: 3px 15px; font-size: 18px; line-height: 20px; }
.search-header .navbar { position: relative; min-height: 60px; margin-bottom: 0; background-color: #fff; }
.search-header .navbar-header img { width: 150px; display: block; }
.search-header .navbar-nav > li > a { line-height: 30px; color:#555; }
.search-header .nav > li > a:hover,.search-header .nav > li > a:focus { text-decoration: none; background-color: transparent; color: #5079b7; }
.app-qrcode { cursor: pointer; position: relative; }
.app-qrcode:hover  .app-qrcode-dropdown{
	 display:block;
}
.svgIcon-use { display: inline-block; vertical-align: middle; margin-right: 3px; }
.app-qrcode-dropdown { background-color: #fff; display: none; right: -50px; line-height: 1.8; position: absolute; top: 59px; width: 130px; z-index: 4; box-shadow: 0 1px 4px rgba(0,0,0,.15); padding: 10px 0; box-sizing: border-box; border-radius: 5px; text-align: center; }
.app-qrcode-dropdown:before { background: #fff none repeat scroll 0 0; box-shadow: -1px -1px 3px -1px rgba(0,0,0,.15); content: ""; display: block; height: 10px; left: 60px; position: absolute; top: -12px; transform: rotate(45deg) translate(6px,6px); width: 10px; }
.search-txt-tips{line-height: 48px;margin-bottom: -12px;}

.search-main {
    min-height: 1000px;
}
a:hover, a:focus {
    color: #23527c;
    text-decoration: none;
}