:root {
  --blue-light: #d7f2fd;
  --blue-dark: #2C2E81;
  --green-text: #23c8af;
  --link-active: #f29600;

  --el-color-primary: #f29600;
}
a{color: #333;}
body{
  margin: 0;
}

a.lightblue-link {color: #2e5490;}
a.lightblue-link:hover {color:var(--link-active);}

h1,h2,h3,h4 {font-weight: normal;font-size: 100%;margin: 0; padding: 0;
  font-weight: normal;}
.gaa{ grid-area: a; }
.gab{ grid-area: b; }
.gac{ grid-area: c; }
.gad{ grid-area: d; }
.gae{ grid-area: e; }
.gaf{ grid-area: f; }
.dn{display:none}
.di{display:inline}
.db{display:block}
.df{display:flex}
.dib{display:inline-block}
.mw640{max-width:640px}
.mw1080{max-width:1080px}
.mw1280{max-width:1280px}
.mw1200{max-width:1200px}
.pct5{width:5%}
.pct10{width:10%}
.pct15{width:15%}
.pct20{width:20%}
.pct25{width:25%}
.pct30{width:30%}
.pct33{width:33.3%}
.pct40{width:40%}
.pct45{width:45%}
.pct50{width:50%}
.pct55{width:55%}
.pct60{width:60%}
.pct65{width:65%}
.pct66{width:66.6%}
.pct70{width:70%}
.pct75{width:75%}
.pct80{width:80%}
.pct85{width:85%}
.pct90{width:90%}
.pct95{width:95%}
.pct100{width:100%}
.lh0{line-height:0}
.m0{margin:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.p0{padding:0}
.p1{padding:1px}
.pl1{padding-left:1px}
.pt1{padding-top:1px}
.pr1{padding-right:1px}
.pb1{padding-bottom:1px}
.p2{padding:2px}
.pl2{padding-left:2px}
.pt2{padding-top:2px}
.pr2{padding-right:2px}
.pb2{padding-bottom:2px}
.pl5{padding-left:5px}
.p5{padding:5px}
.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pb5{padding-bottom:5px}
.p10{padding:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.p15{padding:15px}
.pl15{padding-left:15px}
.pt15{padding-top:15px}
.pr15{padding-right:15px}
.pb15{padding-bottom:15px}
.p20{padding:20px}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.p30{padding:30px}
.pl30{padding-left:30px}
.pt30{padding-top:30px}
.pr30{padding-right:30px}
.pb30{padding-bottom:30px}
.bdc{border:1px solid #ccc}
.blc{border-left:1px solid #ccc}
.brc{border-right:1px solid #ccc}
.btc{border-top:1px solid #ccc}
.bbc{border-bottom:1px solid #ccc}
.bdd{border:1px solid #ddd}
.bld{border-left:1px solid #ddd}
.brd{border-right:1px solid #ddd}
.btd{border-top:1px solid #ddd}
.bbd{border-bottom:1px solid #ddd}
.bde{border:1px solid #eee}
.ble{border-left:1px solid #eee}
.bre{border-right:1px solid #eee}
.bte{border-top:1px solid #eee}
.bbe{border-bottom:1px solid #eee}
.bgfb{background-color:#fbfbfb}
.bgf5{background-color:#f5f5f5}
.bgf0{background-color:#f0f0f0}
.bgeb{background-color:#ebebeb}
.bge0{background-color:#e0e0e0}
.g0{color:#000}
.g3{color:#333}
.g6{color:#666}
.g9{color:#999}
.gc{color:#ccc}
.f0{font-size:0}
.f050{font-size:50%}
.f055{font-size:55%}
.f060{font-size:60%}
.f065{font-size:65%}
.f070{font-size:70%}
.f075{font-size:75%}
.f080{font-size:80%}
.f085{font-size:85%}
.f090{font-size:90%}
.f100{font-size:100%!important}
.f110{font-size:110%}
.f120{font-size:120%}
.f130{font-size:130%}
.f140{font-size:140%}
.f150{font-size:150%}
.f175{font-size:175%}
.f200{font-size:200%}
.b{font-weight:700}
.i{font-style:italic}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tj{text-align:justify}
.tdl{text-decoration:underline}
.tdn,.tdn a:hover,.tdn:hover,a.tdl:hover{text-decoration:none}
.nowrap{white-space:nowrap}
.vm{vertical-align:middle}
.l{float:left}
.r{float:right}
.cl{clear:both}
.rel{position:relative}
.abs{position:absolute}
.zx1{z-index:1}
.zx2{z-index:2}
.poi{cursor:pointer}
.ovh{overflow:hidden}
.ova{overflow:auto}
.vh{visibility:hidden}
.vv{visibility:visible}
.auto{margin-left:auto;margin-right:auto}
.lh12 {line-height: 1.2;}
.lh14 {line-height: 1.4;}
.lh16 {line-height: 1.6;}
.lh18 {line-height: 1.8;}
.lh20 {line-height: 2.0;}
.lh22 {line-height: 2.2;}
.lh24 {line-height: 2.4;}
/* ql end */

/* 字体大小适配 */
@media (max-width:424px){
  html{font-size: calc(0px + 16 *  (100vw / 425));}
}

/* flex */
.df{display: flex;}
.f1{flex: 1;}
.fn{flex: none;}
.fdc{flex-direction: column;}
.fww{flex-wrap: wrap;}
.fhc{justify-content: center;}
.fsb{justify-content: space-between;}
.fsa{justify-content: space-around;}
.fvc{align-items: center;}

.only_m{display:none}
.only_m_cell{display:none}
.only_m_row{display:none}
.only_m_dib{display:none}
.only_m_inline{display:none}
@media (max-width:767px){
.only_pc{display:none}
.only_m{display:block}
.only_m_cell{display:table-cell}
.only_m_row{display:table-row}
.only_m_dib{display:inline-block}
.only_m_inline{display:inline}
}

/* articles common */
.full { width: 100%;height: 100%;}
.first-section {
  padding-top: 80px;
}
.bgff{background: #fff;}
.shadowed {box-shadow: -10px -5px 40px 0 rgb(0 0 0 / 10%)}
.article-link {
  color: #666;
}

.article-link:hover {
  text-decoration: none;
  color: var(--link-active)
}
.article-list-pages {
  margin-top: 30px;
  margin-bottom: 10px;
}
.article-list {
  margin-top: 20px;
}
.article-standard{
  padding: 20px 0;
}
.article-standard h3{
  font-size: 120%;
}
.article-standard + .article-standard {
  border-top: 1px solid #eee;
}
.article-standard-titles{
  min-width: 1px;
}
.article-standard-image{
  width: 200px;
  height: 125px;
  margin-right: 10px;
}
.article-summary{
  font-size: 90%;
  color:#999;
  height: 3em;
  overflow: hidden;
  margin: .75em 0;
}
.page-num{
  line-height: 32px;
  padding: 0 .75em;
  font-size: 90%;
  text-align: center;
  border-radius: 4px;
  /* border: 1px solid #d9d9d9; */
  margin: 0 4px;
  background: #f0f2f5;
  color: #666;
}
.page-num.current, .page-num:hover{
  background: var(--link-active);
  color: #fff;
  text-decoration: none;
}
.page-num-first,
.page-num-last {
  cursor: pointer;
}

.page-num-disabled {
  /* cursor: not-allowed; */
}

.breadcrumb{
  padding-left: 0.5em;
}
.location-link {
  color: #666;
}
.location-link {
  color: #666;
}
.tag-link {
  color: #666;
  font-size: 90%;
  padding: .25em .5em;
  border-radius: 4px;
  /* background: #f2f2f2; */
  border: 1px solid #ccc;
  margin-right: 0.4em;
  margin-bottom: 0.4em;
  display: block;
  white-space: nowrap;
}
.hot-tags .tag-link{
  display: none;
}
.hot-tags .tag-link-show {
  display: block;
}
/* .tag_popularity_2 .tag-link {background: #ededff;} */
/* .tag_popularity_3 .tag-link {background: #eeefff;} */

.tag-link[href]:hover {
  text-decoration: none;
  color: var(--link-active)
  /* border-color: #eee;1 */
}
.tag-link-matched {
  color: firebrick;
  font-weight: bold;
}
.tag-link h3{margin-bottom: 0;}
.hot_tit {
  border-bottom: 2px solid #ddd;
}
.hot_tit h2,
.hot_tit .h2
 {
    color: var(--blue-dark);
    font-weight: 700;
    border-bottom: 2px solid var(--blue-dark);
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    bottom: -2px;
    padding-bottom: 10px;
}
.channel-image {
  width: 120px;
  height: calc(120px / 1.6);
  margin-right: 10px;
}
.ch-image{
  width: 100%;
  /* margin: auto; */
}
.recommend-channels {
  
}
.recommend-channel {
  /* text-align: center; */
  /* width: 45%; */
  margin-bottom: 20px;
}
.channel-rc-link {
  color: #666;
}
.nav-next{margin-top: 10px;}


.list-dot-blue{padding-left: 10px;
  background: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22%232C2E81%22%20t%3D%221655972758444%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%225777%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M512.006827%203.413333C792.855893%203.413333%201020.586667%20231.10656%201020.586667%20511.993173%201020.586667%20792.8832%20792.855893%201020.586667%20512.006827%201020.586667S3.413333%20792.85248%203.413333%20511.993173%20231.120213%203.413333%20512.006827%203.413333z%22%20p-id%3D%225778%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') left .55em / 5px 5px no-repeat;
}

.ellipsis {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line1 {
  height:1px;
  border-top: 1px solid #f2f2f2;
}

.title-ind-blue{ padding-left: 1.5em;
  background: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22%234749a8%22%20t%3D%221656044942231%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%225139%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M354.462%200h315.076v1024H354.462z%22%20p-id%3D%225140%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') left center / 1em 1em no-repeat ;
 }


.swiper1 {
  height: 100%;
}

.swiper1 .swiper-slide img {
  width: 100%;
}

.swiper1 .swiper-pagination-bullet-active {
  width: 40px;
  border-radius: 5px;
  background: #eee;
}

.article-h3 {
  font-weight: normal;
  padding: 0 10px;
}
.h3-sep:last-child {
  display: none;
}

.article-image {
  width: 160px;
  height: 100px;
  margin-right: 10px;
}

.hot-prod + .hot-prod {
  border-top: 1px solid #eee;
}
.hot-prod {
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  display: block;
}
.hot-prod img{
  width: 90%;
}
.hot-prod-label {
  width: 100%;
  color: #333;
  font-size: 90%;
  font-weight: bold;
}

.content-article {
  min-height: 100vh;
}

.article-paper-inner{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}


/* .some-kind-of-shelf {
  width: 855px;
  height: 9px;
  background: url(//i.sh.xdf.cn/liuxue/upload/images/2022/6/a74143d69a5479c3.jpg) left top / 100% 9px ;
} */
.article-paper {
  width: calc(100% - 2 * 7px);
  min-height: 100px;
  background: #fff;
  position: relative;
  top: -3px;
  left: 7px;
}

/* .article-summary {
  background: #f1fffb;
  padding: 1em;
} */
.article-content {
  padding: 1em;
}
.article-content section{
  padding: 0;
}

.article-content-summary {
  background: #f2f2f2;
  padding: 15px;
}

.article-expand-link {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  color: var(--link-active);
  padding-top: 4em;
  
  /* use ffffff00 instead of TRANSPARENT to fix safari issue */
  background: linear-gradient(#ffffff00, #ffffffff 50%);
}
.icon-arrow-down{ width: 1em; height: 1em; display: inline-block;
 background: url('data:image/svg+xml;utf8,%3Csvg%20t%3D%221656207699387%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%2281028%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M482.133333%20738.133333L136.533333%20392.533333c-17.066667-17.066667-17.066667-42.666667%200-59.733333%208.533333-8.533333%2019.2-12.8%2029.866667-12.8h689.066667c23.466667%200%2042.666667%2019.2%2042.666666%2042.666667%200%2010.666667-4.266667%2021.333333-12.8%2029.866666L541.866667%20738.133333c-17.066667%2017.066667-42.666667%2017.066667-59.733334%200z%22%20p-id%3D%2281029%22%20fill%3D%22%23f29600%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') center center / cover no-repeat ;
}
.fullpaper .article-standard-tags {
  margin: 0 80px;
}
.article-link-multi-lines{
  height: 2.4em;
  overflow: hidden;
}

@media (max-width:767px){
  .article-standard-tags {
    width: 100%;
    margin: 0;
  }
  .article-standard-image {
    width: 33vw;
    height: 21vw;
  }
  .article-summary {
    opacity: 0;
    height: 10px;
    margin: 0;
  }
}