.news-li-container {
  padding:24px 0 24px 0;
  display:flex;
  width:100%;
  border-bottom:1px solid #ededed
 }
 .news-li-container .img-container {
  margin-right:12px;
  width:300px;
  height:170px;
  overflow:hidden
 }
 .news-li-container .img-container .news-img {
  width:100%;
  height:100%;
  background:rgba(0,0,0,.1);
  transition:all .5s;
  cursor:pointer;
  display:block
 }
 .news-li-container .content-container {
  flex:1;
  position:relative;
  min-height:50px;
  overflow:hidden;
  display:flex;
  flex-direction:column
 }
 .news-li-container .content-container .title {
  display:block;
  width:100%;
  font:400 18px Hiragino Sans GB,Microsoft Yahei,sans-serif;
  overflow:hidden;
  margin:0 0 12px 0;
  padding:0 0;
  color:#2440b3;
  cursor:pointer;
  text-decoration:underline
 }
 .news-li-container .content-container .title:hover {
  color:#CC3333
 }
 .news-li-container .content-container .desc {
  text-indent:2em;
  font-size:13px;
  line-height:21px;
  max-height:63px;
  overflow:hidden;
  text-align:justify;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  color:#333;
  padding-bottom:8px
 }
 .news-li-container .content-container .desc span {
  cursor:pointer;
  color:#c33
 }
 .news-li-container .content-container .time {
  margin-bottom:5px;
  font-style:normal;
  color:#282;
  font-size:13px
 }
 .news-li-container .content-container .link {
  color:#2440b3;
  font-size:12px
 }
 .fh-skeleton {
  display:table;
  width:100%
 }
 .fh-skeleton-header {
  display:table-cell;
  padding-right:16px;
  vertical-align:top
 }
 .fh-skeleton-header .fh-skeleton-avatar {
  display:inline-block;
  vertical-align:top;
  background:hsla(0,0%,74.5%,.2);
  width:32px;
  height:32px;
  line-height:32px
 }
 .fh-skeleton-header .fh-skeleton-avatar.fh-skeleton-avatar-circle {
  border-radius:50%
 }
 .fh-skeleton-header .fh-skeleton-avatar-lg {
  width:40px;
  height:40px;
  line-height:40px
 }
 .fh-skeleton-header .fh-skeleton-avatar-lg.fh-skeleton-avatar-circle {
  border-radius:50%
 }
 .fh-skeleton-header .fh-skeleton-avatar-sm {
  width:24px;
  height:24px;
  line-height:24px
 }
 .fh-skeleton-header .fh-skeleton-avatar-sm.fh-skeleton-avatar-circle {
  border-radius:50%
 }
 .fh-skeleton-content {
  display:table-cell;
  width:100%;
  vertical-align:top
 }
 .fh-skeleton-content .fh-skeleton-title {
  width:100%;
  height:16px;
  margin-top:16px;
  border-radius:4px;
  background:linear-gradient(90deg,hsla(0,0%,74.5%,.2) 25%,hsla(0,0%,50.6%,.24) 37%,hsla(0,0%,74.5%,.2) 63%);
  background-size:400% 100%;
  animation:fh-skeleton-loading-7e4c1af2 1.4s ease infinite
 }
 .fh-skeleton-content .fh-skeleton-title+.fh-skeleton-paragraph {
  margin-top:24px
 }
 .fh-skeleton-content .fh-skeleton-paragraph {
  padding:0
 }
 .fh-skeleton-content .fh-skeleton-paragraph>li {
  width:100%;
  height:16px;
  list-style:none;
  background:hsla(0,0%,74.5%,.2);
  border-radius:4px
 }
 .fh-skeleton-content .fh-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)) {
  width:61%
 }
 .fh-skeleton-content .fh-skeleton-paragraph>li+li {
  margin-top:16px
 }
 .fh-skeleton-with-avatar .fh-skeleton-content .fh-skeleton-title {
  margin-top:12px
 }
 .fh-skeleton-with-avatar .fh-skeleton-content .fh-skeleton-title+.fh-skeleton-paragraph {
  margin-top:28px
 }
 .fh-skeleton-round .fh-skeleton-content .fh-skeleton-paragraph>li,
 .fh-skeleton-round .fh-skeleton-content .fh-skeleton-title {
  border-radius:100px
 }
 .fh-skeleton.fh-skeleton-active .fh-skeleton-avatar,
 .fh-skeleton.fh-skeleton-active .fh-skeleton-button,
 .fh-skeleton.fh-skeleton-active .fh-skeleton-content .fh-skeleton-paragraph>li,
 .fh-skeleton.fh-skeleton-active .fh-skeleton-content .fh-skeleton-title,
 .fh-skeleton.fh-skeleton-active .fh-skeleton-image,
 .fh-skeleton.fh-skeleton-active .fh-skeleton-input {
  background:linear-gradient(90deg,hsla(0,0%,74.5%,.2) 25%,hsla(0,0%,50.6%,.24) 37%,hsla(0,0%,74.5%,.2) 63%);
  background-size:400% 100%;
  animation:fh-skeleton-loading-7e4c1af2 1.4s ease infinite
 }
 .fh-skeleton.fh-skeleton-block .fh-skeleton-button,
 .fh-skeleton.fh-skeleton-block {
  width:100%
 }
 .fh-skeleton-element {
  display:inline-block;
  width:auto
 }
 .fh-skeleton-element .fh-skeleton-button {
  display:inline-block;
  vertical-align:top;
  background:hsla(0,0%,74.5%,.2);
  border-radius:2px;
  width:64px;
  min-width:64px;
  height:32px;
  line-height:32px
 }
 .fh-skeleton-element .fh-skeleton-button.fh-skeleton-button-circle {
  width:32px;
  min-width:32px;
  border-radius:50%
 }
 .fh-skeleton-element .fh-skeleton-button.fh-skeleton-button-round {
  border-radius:32px
 }
 .fh-skeleton-element .fh-skeleton-button-lg {
  width:80px;
  min-width:80px;
  height:40px;
  line-height:40px
 }
 .fh-skeleton-element .fh-skeleton-button-lg.fh-skeleton-button-circle {
  width:40px;
  min-width:40px;
  border-radius:50%
 }
 .fh-skeleton-element .fh-skeleton-button-lg.fh-skeleton-button-round {
  border-radius:40px
 }
 .fh-skeleton-element .fh-skeleton-button-sm {
  width:48px;
  min-width:48px;
  height:24px;
  line-height:24px
 }
 .fh-skeleton-element .fh-skeleton-button-sm.fh-skeleton-button-circle {
  width:24px;
  min-width:24px;
  border-radius:50%
 }
 .fh-skeleton-element .fh-skeleton-button-sm.fh-skeleton-button-round {
  border-radius:24px
 }
 .fh-skeleton-element .fh-skeleton-avatar {
  display:inline-block;
  vertical-align:top;
  background:hsla(0,0%,74.5%,.2);
  width:32px;
  height:32px;
  line-height:32px
 }
 .fh-skeleton-element .fh-skeleton-avatar.fh-skeleton-avatar-circle {
  border-radius:50%
 }
 .fh-skeleton-element .fh-skeleton-avatar-lg {
  width:40px;
  height:40px;
  line-height:40px
 }
 .fh-skeleton-element .fh-skeleton-avatar-lg.fh-skeleton-avatar-circle {
  border-radius:50%
 }
 .fh-skeleton-element .fh-skeleton-avatar-sm {
  width:24px;
  height:24px;
  line-height:24px
 }
 .fh-skeleton-element .fh-skeleton-avatar-sm.fh-skeleton-avatar-circle {
  border-radius:50%
 }
 .fh-skeleton-element .fh-skeleton-input {
  display:inline-block;
  vertical-align:top;
  background:hsla(0,0%,74.5%,.2);
  width:100%;
  height:32px;
  line-height:32px
 }
 .fh-skeleton-element .fh-skeleton-input-lg {
  width:100%;
  height:40px;
  line-height:40px
 }
 .fh-skeleton-element .fh-skeleton-input-sm {
  width:100%;
  height:24px;
  line-height:24px
 }
 .fh-skeleton-element .fh-skeleton-image {
  display:flex;
  align-items:center;
  justify-content:center;
  vertical-align:top;
  background:hsla(0,0%,74.5%,.2);
  width:96px;
  height:96px;
  line-height:96px
 }
 .fh-skeleton-element .fh-skeleton-image.fh-skeleton-image-circle {
  border-radius:50%
 }
 .fh-skeleton-element .fh-skeleton-image-path {
  fill:#bfbfbf
 }
 .fh-skeleton-element .fh-skeleton-image-svg {
  width:48px;
  height:48px;
  line-height:48px;
  max-width:192px;
  max-height:192px
 }
 .fh-skeleton-element .fh-skeleton-image-svg.fh-skeleton-image-circle {
  border-radius:50%
 }
 @keyframes fh-skeleton-loading-7e4c1af2 {
  0% {
   background-position:100% 50%
  }
  to {
   background-position:0 50%
  }
 }
 .search-container .search-head-container {
  padding:30px 0 0 0;   
 background-color: #fff;
    box-shadow: 0px 8px 20px 0px rgba(160, 156, 146, 0.2);
 }
 .search-container .search-head-container .search-input-panel {
  margin:0;
  padding:0 0 0 15px;
  width:860px;
  height:70px;
  overflow:hidden
 }
 .logo {
  margin-right:15px;
  float:left;
  display:block;
  height:40px
 }
 .search-container .search-head-container .search-input-panel .input-container {
  float:right;
  width:690px;
  height:40px;
  background:#fff;
  border:1px solid #ababab;
  border-radius:4px;
  margin:0;
  position:relative;
  text-align:left;
   overflow:hidden;
 }
 .search-container .search-head-container .search-input-panel .input-container .search-input {
  display:block;
  width:100%;
  height:100%;
  border:none;
  outline:none;
  padding-left:20px;
  font-size:18px;
  border-radius:24px
 }
 .search-container .search-head-container .search-input-panel .input-container .search-input::-moz-placeholder {
  color:hsla(0,0%,60%,.5019607843137255);
  font-size:18px;
  letter-spacing:1px
 }
 .search-container .search-head-container .search-input-panel .input-container .search-input::placeholder {
  color:hsla(0,0%,60%,.5019607843137255);
  font-size:18px;
  letter-spacing:1px
 }
 .search-container .search-head-container .search-input-panel .input-container .search-bt-container {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  padding-left:4px;
  width:120px;
  background:#fff;
  border-radius:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:16px;
  border-left:1px solid #ababab;
  color:#000
 }
 .search-container .search-head-container .search-input-panel .input-container .search-bt-container:hover {
  background-color:#f2f2f2
 }
 .search-container .search-head-container .clear {
  clear:both
 }
 .search-container .search-head-container .search-filter {
  margin:10px 0 0 0;
  padding-left:160px;
  width:830px;
  height:38px;
  font-size:14px
 }
 .search-container .search-head-container .search-filter .filter-tab {
  margin-bottom:10px
 }
 .search-container .search-head-container .search-filter .filter-tab-title {
  margin-left:10px;
  float:left;
  color:#666;
  line-height:28px;
  font-weight:700
 }
 .search-container .search-head-container .search-filter .filter-tab-li {
  padding:0 8px;
  float:left;
  line-height:28px;
  margin-right:4px;
  color:#999;
  cursor:pointer
 }
 .search-container .search-head-container .search-filter .filter-tab-more {
  float:right;
  line-height:28px;
  cursor:pointer;
  color:#1e50a2
 }
 .search-container .search-head-container .search-filter .filter-tab-more .iconfont {
  color:#1e50a2
 }
 .search-container .search-head-container .search-filter .filter-tab-li.active {
   color: #cc3333;
    background-color: #FAEEED
 }
 .search-container .search-head-container .search-filter .search-more-panel {
  overflow:hidden;
  transition:all .3s
 }
 .search-container .search-head-container .search-filter .search-more-panel .search-more-content {
  margin-left:8px;
  float:left
 }
 .search-container .search-head-container .search-filter .search-more-panel .search-more-li {
  margin-bottom:10px;
  overflow:hidden
 }
 .search-container .search-head-container .search-filter .search-more-panel .search-more-li .more-li-title {
  float:left;
  line-height:28px;
  width:200px;
  margin-right:4px;
  color:#999
 }
 .search-container .search-head-container .search-filter .search-more-panel .search-more-li .more-li-content {
  float:left
 }
 .search-container .search-head-container .search-filter .search-more-panel .search-more-li .more-li-content input {
  display:block;
  height:28px;
  outline:none;
  border:1px solid #ababab
 }
 .search-container .info-filter {
  margin-left:5px;
  position:relative;
  top:-1px;
  float:left;
  color:#999
 }
 .search-container .info-filter .info-filter-list {
  position:absolute;
  top:28px;
  left:0;
  z-index:999;
  width:78px;
  padding:5px 0;
  background-color:#fff;
  box-shadow:0 2px 10px 0 rgba(0,0,0,.1)
 }
 .search-container .info-filter .info-filter-list .info-filter-li {
  padding:5px 10px 5px 8px;
  cursor:pointer
 }
 .search-container .info-filter .info-filter-list .info-filter-li:hover {
  color:#409eff
 }
 .search-container .info-filter .info-filter-list .info-filter-li.active {
  color:#409eff;
  cursor:default
 }
 .search-container .info-filter .info-filter-title {
  padding:0 8px;
  height:28px;
  line-height:28px;
  cursor:pointer
 }
 .search-container .info-filter .info-filter-title.active {
  color:#409eff;
  background-color:#ecf5ff
 }
 .search-container .info-filter .info-filter-title:hover {
  color:#666
 }
 .search-container .search-info {
  width:860px;
  padding:10px 0 10px 170px;
  line-height:22px;
  color:#999;
  font-size:14px;
  height:44px;
  clear:both
 }
 .search-container .search-info .info-result {
  float:left
 }
 .search-container .loading-container {
  width:825px;
  padding:10px 0 10px 170px;
  height:20vh;
  display:flex;
  align-items:center;
  justify-content:center
 }
 .search-container .loading-container .loading-icon {
  font-size:40px;
  color:#0098ff;
  animation:xhRotate 3s linear infinite
 }
 .search-container .search-content {
  width:860px;
  margin:0;
  padding:0 0 0 170px;
  overflow:hidden
 }
 .search-container .search-content .search-result-container .show-more-container {
  background:rgba(238,244,250,.5);
  color:#cc3333;
  height:56px;
  line-height:56px;
  text-align:center;
  width:100%;
  margin-top:30px;
  cursor:pointer;
  font-size:16px
 }
 .search-container .search-content .search-result-container .show-more-container .loading-icon {
  font-size:32px;
  color:#0098ff;
  animation:xhRotate 3s linear infinite
 }
 .search-container .search-content .search-result-container .show-down-container {
  background:rgba(238,244,250,.5);
  color:#0098ff;
  height:56px;
  line-height:56px;
  text-align:center;
  width:100%;
  font-size:16px;
  margin-top:30px
 }
 .search-container .search-content .hot-search-list-container {
  width:256px
 }
 .search-container .search-content .hot-search-list-container .hot-search-keyword-container {
  display:flex;
  align-items:center;
  margin-top:16px;
  font-size:16px;
  color:#222;
  font-weight:300
 }
 .search-container .search-content .hot-search-list-container .hot-search-keyword-container .color-box {
  width:25px;
  height:25px;
  background:hsla(0,0%,84.7%,.8470588235294118);
  border-radius:4px;
  margin-right:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  position:relative;
  top:1px
 }
 .search-container .search-content .hot-search-list-container .hot-search-keyword-container .first-color-box {
  background:#f75e5e
 }
 .search-container .search-content .hot-search-list-container .hot-search-keyword-container .second-color-box {
  background:#f9a25f
 }
 .search-container .search-content .hot-search-list-container .hot-search-keyword-container .third-color-box {
  background:#f9d178
 }
 .search-container .search-content .hot-search-list-container .hot-search-keyword-container .hot-search-text {
  cursor:pointer
 }
 .search-container .search-content .hot-search-list-container .hot-search-keyword-container .hot-search-text:hover {
  color:#0098ff
 }
 .search-container .search-nodata {
  width: 690px;
  margin: 120px 0 120px 170px;
  text-align:center
 }
 .search-container .search-nodata img {
  margin:0 auto;
  display:block;
  width:160px
 }
 .search-container .search-nodata .no-sub {
  margin:40px 0;
  font-size:18px;
  color:#acb7cb
 }
 .search-container .tip {
  width:690px;
  margin:30px 0 10px 170px;
  text-align:center;
  color:#999;
  font-size:12px;
  line-height:30px
 }
 .search-container .search-foot {
  width:690px;
  margin:0 0 0 170px;
  text-align:center;
  color:#cc3333;
  font-size:12px;
  line-height:30px;
  background-color:#f0f0f0
 }
 @keyframes xhRotate {
  0% {
   transform:rotate(0)
  }
  to {
   transform:rotate(1turn)
  }
 }
 @media screen and (max-width:750px) {
  .search-container {
   padding-top:0
  }
  .search-container .search-head-container {
   padding:20px 0;
   background-color:#fff
  }
  .search-container .search-head-container .search-input-panel {
   padding:0 .5rem;
   width:100%;
   height:auto
  }
  .search-container .search-head-container .search-input-panel .logo {
   margin:.25rem auto;
   float:none;
   height:4rem
  }
  .search-container .search-head-container .search-input-panel .input-container {
   margin:0 auto;
   float:none;
   width:100%;
   height:2rem;
   overflow:hidden
  }
  .search-container .search-head-container .search-input-panel .input-container .search-input {
   font-size:.8125rem
  }
  .search-container .search-head-container .search-input-panel .input-container .search-bt-container {
   right:0;
   top:0;
   bottom:0;
   width:4rem;
   font-size:.75rem;
   font-weight:700;
   color:#fff;
   background-color:#c33
  }
  .search-container .search-head-container .search-input-panel .input-container .search-bt-container:hover {
   color:#fff;
   background-color:#c33
  }
  .search-container .search-head-container .search-filter,
  .search-container .search-info {
   display:none
  }
  .search-container .loading-container {
   padding:10px;
   width:100%
  }
  .search-container .search-content {
   width:100%;
   margin:0;
   padding:0
  }
  .search-container .search-content .search-result-container {
   padding:.5rem
  }
  .search-container .search-content .hot-search-list-container {
   display:none
  }
  .search-container .search-foot {
   width:100%;
   padding:0;
   margin:0
  }
  .search-container .search-nodata {
   max-width:100%;
    margin: 60px 0 0 0;
  }
  .search-container .search-nodata img {
   width:160px
  }
  .search-container .search-nodata .no-sub {
   font-size:20px
  }
 }


.news-li-container {
  padding: 24px 0 24px 0;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ededed;
}

.news-li-container .img-container {
  margin-right: 12px;
  width: 300px;
  height: 170px;
  overflow: hidden;
}

.news-li-container .img-container .news-img {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
  cursor: pointer;
  display: block;
}

.news-li-container .content-container {
  flex: 1;
  position: relative;
  min-height: 50px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.news-li-container .content-container .title {
  display: block;
  width: 100%;
  font: 400 18px "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  overflow: hidden;
  margin: 0 0 12px 0;
  padding: 0 0;
  color: #2440b3;
  cursor: pointer;
  text-decoration: underline;
}

.news-li-container .content-container .title:hover a{
  color:#CC3333;
}

.news-li-container .content-container .desc {
  text-indent: 2em;
  font-size: 13px;
  line-height: 21px;
  max-height: 63px;
  overflow: hidden;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #333;
  padding-bottom: 8px;
}

.news-li-container .content-container .desc span {
  cursor: pointer;
  color: #cc3333;
}

.news-li-container .content-container .time {
  margin-bottom: 5px;
  font-style: normal;
  color: #282;
  font-size: 13px;
}

.news-li-container .content-container .link {
  color: #2440b3;
  font-size: 12px;
}
