.section-bg {
  padding-top:2rem;
}
.top-artlist {
  position:relative;
}
.top-artlist ul {
  display:flex;
  flex-wrap:wrap;
  gap:15px;
}
.top-artlist ul li {
  flex:0 0 calc(16.666% - 13px);
  display:inline-block;
  overflow:hidden;
}
.top-artlist ul li a {
  overflow:hidden;
  display:block;
  border-radius:5px;
}
.top-artlist ul li a img {
  display:block;
  margin:0 auto;
  border:0;
  width:100%;
  height:135px;
  transition:opacity .3s,transform .3s ease-in-out;
  object-fit:cover;
  border-bottom:3px solid #206be7;
}
.top-artlist ul li:hover img {
  opacity:.86;
  transform:scale(1.05)
}
.top-artlist ul li p {
  font-size:15px;
  font-weight:normal;
  margin-top:10px;
  text-align:left;
  overflow:hidden;
}
.top-artlist ul li p a {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-all;
  -webkit-line-clamp:2;
  line-height:18px;
}
.h-tit {
  display:-moz-box;
  display:flex;
  -moz-box-pack:justify;
  justify-content:space-between;
  -moz-box-align:center;
  align-items:center;
  margin-bottom:16px;
}
.h-tit .nameox {
  position:relative;
  line-height:24px;
}
.h-tit .nameox h3 {
  position:relative;
  font-size:20px;
  font-weight:600;
  color:#121212;
  z-index:1;
}
.h-tit .nameox span {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  z-index:0;
  width:30px;
  height:7px;
  background:linear-gradient(270deg,#fff,#0051d7);
  transform:rotate3d(1,1,1,-9deg);
}
.h-tit .more {
  padding:0 12px;
  height:30px;
  line-height:30px;
  border-radius:16px;
  text-align:center;
  font-size:14px;
  cursor:pointer;
  border:1px solid #333;
  color:#333;
}
.h-tit .more:hover {
  border:1px solid #0051d7;
  color:#0051d7;
}
.text-arc ul {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:20px;
}
.text-arc ul li {
  flex:0 0 calc(50% - 13px);
  padding:12px 0;
  border-bottom:1px solid #f7f7f7;
  display:inline-flex;
  flex-direction:column;
  width:100%;
  transition:all .3s ease;
}
.text-arc ul li:hover {
  border-bottom:1px solid #0051d7;
}
.text-arc ul li span {
  font-size:13px;
  margin-right:5px;
}
.text-arc ul li a {
  height:22px;
  line-height:22px;
  font-size:16px;
  font-weight:600;
  color:#121212;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  -webkit-line-clamp:1;
}
.text-arc ul li:hover a {
  color:#0051d7
}
.text-arc ul li p {
  color:#999;
  font-size:14px;
  margin-top:10px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  -webkit-line-clamp:2;
}
.news-arc {
  margin-top:2rem;
}
.post-loop-news .item {
  padding:20px 0;
  align-items:stretch;
  display:flex;
  overflow:hidden;
  transition:all .3s ease 0s;
  border-bottom:1px solid #F3F3F3;
}
.post-loop-news .item-img {
  flex-grow:0;
  flex-shrink:0;
  position:relative;
  transition:box-shadow .3s ease 0s;
  width:25%;
  padding-right:20px;
}
.post-loop-news .item-img .item-img-inner {
  border-radius:5px;
  display:block;
  overflow:hidden;
  position:relative
}
.post-loop-news .item-img img {
  display:block;
  height:138px;
  object-fit:cover;
  transition:all .3s ease-out 0s;
  width:100%
}
.post-loop-news .item-img .item-img-inner:hover img {
  transform:scale(1.03);
  transition:all .3s ease-out 0s
}
.post-loop-news .item-category {
  background:rgba(0,0,0,.5);
  border-radius:3px;
  color:#fff;
  font-size:12px;
  left:10px;
  line-height:14px;
  padding:4px 8px;
  position:absolute;
  text-decoration:none;
  top:10px
}
.post-loop-news .item-category:hover {
  background:#0060ed;
}
.post-loop-news .item-content {
  display:grid;
  align-content:space-between;
  row-gap:0;
  width:100%;
}
.post-loop-news .item-body {
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto
}
.post-loop-news .item-title {
  font-size:18px;
  font-weight:500;
  line-height:1.5;
  margin:0 0 10px;
}
.post-loop-news .item-title a {
  color:#1a1a1a;
  font-size:20px;
  max-height:56px;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  display:block;
  display:-webkit-box;
  -webkit-line-clamp:2;
  text-decoration:none
}
.post-loop-news .item-title a:hover {
  color:#0060ed;
}
.post-loop-news .item-excerpt {
  color:#878787;
  font-size:14px;
  line-height:1.625;
  margin-bottom:15px;
  max-height:52px;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  display:block;
  display:-webkit-box;
  -webkit-line-clamp:2
}
.post-loop-news .item-excerpt p {
  color:#878787;
  font-size:14px;
  margin-bottom:0
}
.post-loop-news .item-info {
  display:flex;
  justify-content:space-between;
}
.post-loop-news .item-info .item-tag {
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:6px;
}
.post-loop-news .item-info .item-tag a {
  font-size:12px;
  border-radius:4px;
  text-align:center;
  padding:3px 10px;
}
.post-loop-news .item-meta {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#a1a1a8;
}
.post-loop-news .item-meta .meta-li {
  color:#a1a1a1;
  font-size:14px;
  display:inline-block;
  line-height:inherit;
  margin-right:15px;
  vertical-align:top;
}
.post-loop-news .item-meta .meta-li i {
  margin-right:.2rem;
}
.readhot {
  position:relative;
  margin-bottom:1rem;
}
.toutiao-box {
  position:relative;
}
.toutiao-box ul {
  margin-top:.5rem;
}
.toutiao-box ul li {
  position:relative;
  z-index:2;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:16px 0;
  color:#333;
  font-size:14px;
  line-height:24px;
}
.toutiao-box ul li:hover a {
  color:#0051d7
}
.toutiao-box ul li:after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:.5px;
  background:#edecec;
}
.toutiao-box ul li .toutiao-item-num {
  display:block;
  width:40px;
  font-size:18px;
  color:#333;
  font-weight:600;
  padding-left:16px;
  margin-right:10px;
}
.toutiao-box ul li a {
  color:#121212;
  font-size:14px;
  color:#000;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.toutiao-box ul li:first-of-type {
  padding-left:50px;
  background:-webkit-gradient(linear,right top,left top,from(rgba(255,251,247,0)),to(#fae8d8));
  background:linear-gradient(270deg,rgba(255,251,247,0),#fae8d8);
}
.toutiao-box ul li:first-of-type .toutiao-item-num {
  position:absolute;
  top:0;
  left:0;
  font-size:0;
  padding-left:0;
  width:40px;
  height:29px;
  background:url(../images/top-1.png) no-repeat 50% / contain;
}
.toutiao-box ul li:first-of-type:after {
  display:none;
}
.toutiao-box ul li:nth-of-type(2) {
  padding-left:50px;
  background:-webkit-gradient(linear,right top,left top,from(rgba(255,251,247,0)),to(#e5eaff));
  background:linear-gradient(270deg,rgba(255,251,247,0),#e5eaff);
}
.toutiao-box ul li:nth-of-type(2) .toutiao-item-num {
  position:absolute;
  top:0;
  left:0;
  font-size:0;
  padding-left:0;
  width:40px;
  height:29px;
  background:url(../images/top-2.png) no-repeat 50% / contain;
}
.toutiao-box ul li:nth-of-type(2):after {
  display:none;
}
.toutiao-box ul li:nth-of-type(3) {
  padding-left:50px;
  background:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,0)),to(#efefef));
  background:linear-gradient(270deg,hsla(0,0%,100%,0),#efefef);
}
.toutiao-box ul li:nth-of-type(3) .toutiao-item-num {
  position:absolute;
  top:0;
  left:0;
  font-size:0;
  padding-left:0;
  width:40px;
  height:29px;
  background:url(../images/top-3.png) no-repeat 50% / contain;
}
.toutiao-box ul li:nth-of-type(3):after {
  display:none;
}
.readnews {
  position:relative;
  margin-top:2rem;
}
.list-grid {
  position:relative;
}
.list-grid li {
  margin:0;
  padding:15px 0;
  display:flex;
  width:100%;
  position:relative;
  overflow:hidden;
}
.list-grid li .item-img {
  width:128px;
  flex-shrink:0;
  overflow:hidden;
  border-radius:6px;
}
.list-grid li .item-img-inner {
  display:block;
}
.list-grid li .item-img img {
  display:block;
  width:100%;
  height:80px;
  object-fit:cover;
  transition:opacity .3s,transform .3s ease-in-out
}
.list-grid li:hover img {
  opacity:.86;
  transform:scale(1.05)
}
.list-grid li .item-content {
  position:relative;
  margin-left:10px;
  width:calc(100% - 110px);
  flex-shrink:1;
}
.list-grid li .item-content .item-title {
  margin-top:2px;
  margin-bottom:10px;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  display:block;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-height:1.4;
}
.list-grid li .item-content .item-title a {
  color:#262626;
  font-size:14px;
}
.list-grid li .item-content .item-title a:hover {
  color:#338fe6;
}
.list-grid li .item-content p i {
  font-size:14px;
  margin-right:4px;
}
.list-grid li .item-content .item-date {
  position:absolute;
  bottom:5px;
  margin:0;
  font-size:12px;
  color:#828282;
  line-height:14px;
}
.list-grid li .item-content .item-views-right {
  position:absolute;
  right:0;
  bottom:5px;
  margin:0;
  font-size:12px;
  color:#828282;
  line-height:14px;
}
.section-list {
  padding:2rem 0 2rem 0;
}
.entry-main {
  margin-bottom:30px;
  display:block;
  border-radius:6px;
  min-height:500px;
}
.article-detail {
  position:relative;
  margin-bottom:20px;
  border-bottom:1px solid #f4f4ff;
  border-width:1px !important;
}
.article-detail .detail-title {
  color:#121212;
  font-size:1.75rem;
  font-weight:500;
  -webkit-line-clamp:inherit;
  height:auto;
  line-height:normal;
  margin:0;
  margin-bottom:1rem;
}
.article-detail .infos {
  color:#999;
  font-size:14px;
  margin-bottom:25px;
}
.article-detail .infos a {
  color:rgba(26,26,26,0.6);
  font-size:14px;
}
.article-detail .infos a:hover {
  color:#206be7;
}
.article-detail .infos span {
  color:rgba(26,26,26,0.6);
  font-size:14px;
}
.article-detail .infos span.dot {
  color:#999;
  font-size:14px;
  margin:0 5px;
}
.article-detail .infos span a {
  color:#206be7;
}
.article-detail .infos .iconfont {
  display:inline-block;
  padding-right:2px;
  font-size:14px;
}
.article-body {
  color:#262626;
  font-size:1rem;
  margin-bottom:20px;
  line-height:1.8;
  overflow:hidden;
  white-space:normal;
  word-wrap:break-word;
  word-break:normal;
}
.article-body img {
  max-width:100% !important;
  width:auto!important;
  height:auto !important;
  border-radius:5px;
  text-align:center;
  display:block;
  margin:0 auto;
}
.article-body video {
  width:auto;
  max-width:100%!important;
  height:auto!important;
  border-radius:5px;
  text-align:center;
  display:block;
  margin:0 auto;
}
.article-body p {
  margin:0 0 1.25rem;
  color:#262626;
  font-size:1rem;
  text-indent:2rem;
  line-height:1.8;
}
.article-body ol {
  padding:0;
}
.article-body code {
  padding:3px 5px;
  margin:0 2px;
  border-radius:2px;
  font-size:.875em;
  color:#d63384;
  background-color:#f4f4ff;
  font-family:'Microsoft Yahei',"Helvetica Neue",Helvetica,Arial,sans-serif;
  word-wrap:break-word;
}
.article-body pre {
  display:block;
  padding:9.5px;
  margin:0 0 10px;
  font-size:13px;
  line-height:1.42857143;
  color:#333;
  word-wrap:break-word;
  background-color:#f5f5f5;
  border:1px solid #ccc;
  border-radius:4px;
  font-family:"Microsoft Yahei";
  white-space:pre-wrap;
}
.article-body pre code {
  color:inherit;
  background-color:inherit;
}
.article-body pre {
  margin:20px 0;
  font-size:12px;
  line-height:22px;
  background:#4a4a4a;
  padding:10px 20px;
  color:#f8f8d4;
  border:0;
}
.article-body h1,
.article-body h2,
.article-body h3 {
  color:#262626;
  line-height:1.8;
}
.article-tags {
  margin-top:0;
  padding:0;
  align-items:center;
  text-align:left;
  margin-top:2rem;
  margin-bottom:2rem;
}
.article-tags a {
background:#eee; 
padding:3px 8px; 
margin:0 4px 4px 0;
border-radius:2px; 
color:#666; 
text-decoration:none;
}
.tip {
  position:relative;
  background:#f7f8fa;
  border-radius:6px;
  margin:1.5rem 0;
  transition:.5s;
}
.tip >p {
  font-size:14px;
  color:#8d8f96;
  margin:5px 0;
  padding:20px 15px;
  line-height:1.6;
}
.post-copyright {
  font-size:14px;
  color:#8d8f96;
  line-height:1.6;
  text-align:center;
  padding:1rem 0;
  background:linear-gradient(270deg,rgba(238,241,246,0) 3.31%,#f7f8fb 25.85%,#f7f8fb 73.15%,rgba(238,241,246,0) 99.1%);
}
.navigate {
  margin-bottom:20px;
  margin-top:20px;
}
.navigate li {
  line-height:32px;
  margin-bottom:5px;
}
.navigate li span {
  display:inline-block;
  background-color:#F8F8F8;
  color:#999999;
  padding:0 15px;
  margin-right:10px;
}
.authormore {
  margin-top:2rem;
}
.article-relevant ul {
  padding-top:0rem;
}
.article-relevant li {
  position:relative;
  padding-left:15px;
  margin-bottom:12px;
  list-style:none;
  display:flex;
  justify-content:space-between;
  line-height:32px;
}
.article-relevant li a:before {
  position:absolute;
  content:'';
  width:4px;
  height:4px;
  left:0;
  border-radius:50%;
  background:#fff;
  border:2px solid #0a59f8;
}
.article-relevant li a {
  color:#16133d;
  font-size:16px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  display:flex;
  align-items:center;
}
.article-relevant li a:hover {
  color:#0a59f8;
}
.article-relevant li .date {
  color:#919395;
  flex-shrink:0;
  font-size:14px;
  margin-left:20px;
  white-space:nowrap;
}
.article-relevant li .date i {
  color:#919395;
  font-size:14px;
  padding-right:3px;
}
@media (max-width:767.98px) {
  .top-artlist ul li {
    flex:0 0 calc(50% - 8px);
  }
  .text-arc ul {
    gap:0;
  }
  .text-arc ul li {
    flex:0 0 calc(100% - 0px);
  }
  .post-loop-news .item-info .item-tag {
    display:none;
  }
  .post-loop-news .item-img {
    width:33%
  }
  .post-loop-news .item-meta .meta-li.category {
    display:none
  }
  .post-loop-news .item-title {
    font-size:17px;
    font-weight:400;
    line-height:1.36
  }
  .post-loop-news .item-title a {
    max-height:50px;
    font-size:17px;
  }
  .post-loop-news .item-excerpt {
    display:none
  }
  .post-loop-news .item-img img {
    height:90px;
  }
  .article-detail .detail-title {
    margin-top:1rem;
    line-height:1.2;
  }
  .article-tags {
    text-align:center;
  }
  .article-relevant li .date {
    display:none;
  }
  .article-relevant li a {
    display:block;
  }
  .article-relevant li a:before {
    top:10px;
  }
}