@-webkit-keyframes placeHolderShimmer-data-v-6527935d {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-6527935d {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.columns[data-v-6527935d] {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.columns.left[data-v-6527935d] {
    justify-content: flex-start;
}
.columns > *[data-v-6527935d] {
    flex-shrink: 0;
}


.column-info[data-v-fad1903e] {
  width: 229px;
  background-color: #fff;
  padding: 20px 20px 40px 20px;
}
.column-info.fixed[data-v-fad1903e] {
  position: fixed;
  z-index: 1000;
}
.info_img[data-v-fad1903e] {
  width: 120px;
  height: 120px;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 20px;
}
.info_title[data-v-fad1903e] {
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  color: #222;
  margin-bottom: 10px;
}
.info_desc[data-v-fad1903e] {
  font-size: 13px;
  line-height: 21px;
  color: #666;
}
.info_card[data-v-fad1903e] {
  border-top: 1px dashed #e6e6e6;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.info_com[data-v-fad1903e] {
  flex-shrink: 0;
  margin-right: 47px;
}
.info_com[data-v-fad1903e]:last-child {
  margin: 0;
}
.info_com > span[data-v-fad1903e] {
  display: block;
}
.info_com > span[data-v-fad1903e]:first-child {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  color: #222;
  margin-bottom: 6px;
}
.info_com > span[data-v-fad1903e]:last-child {
  font-size: 12px;
  color: #666;
  line-height: 1;
}
.info_btn_group[data-v-fad1903e] {
  display: flex;
  justify-content: space-between;
}
.subscribe_btn.btn_item[data-v-fad1903e] {
  width: 110px;
  height: 42px;
  color: #fff;
  background-color: #1677d9;
}
.subscribe_btn > svg[data-v-fad1903e] {
  fill: #fff;
  margin-right: 6px;
}
.subscribe_btn.active[data-v-fad1903e] {
  background-color: #aaa;
}
.share_btn.btn_item[data-v-fad1903e] {
  width: 80px;
  height: 42px;
  color: #222;
  border: solid 1px #999999;
  background-color: transparent;
}
.share_btn[data-v-fad1903e] {
  position: relative;
}
.share_btn > svg[data-v-fad1903e] {
  width: 10px;
  fill: #999;
  margin-right: 4px;
}
.share_btn[data-v-fad1903e]:hover {
  color: #1677d9;
}
.share_btn:hover > svg[data-v-fad1903e] {
  fill: #1677d9;
}
.btn_item[data-v-fad1903e] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 14px;
  cursor: pointer;
}
.share_wrapper[data-v-fad1903e] {
  position: absolute;
  width: 160px;
  top: 42px;
  padding-top: 10px;
  z-index: 1000;
}
.share_main[data-v-fad1903e] {
  width: 160px;
  background-color: #fff;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
}
.share_item[data-v-fad1903e] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #222;
  cursor: pointer;
  padding: 16px 20px;
}
.share_item[data-v-fad1903e]:first-child {
  border-bottom: 1px solid #f0f0f0;
}
.icon-weibo[data-v-fad1903e] {
  width: 22px;
  height: 18px;
  fill: #f23051;
  margin-right: 10px;
}
.icon-weixin[data-v-fad1903e] {
  width: 22px;
  height: 20px;
  fill: #26bf73;
  margin-right: 10px;
}
.qrcode_content[data-v-fad1903e] {
  padding: 10px;
  background-color: #fff;
}
.qrcode_content > img[data-v-fad1903e] {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
.share-leave-active[data-v-fad1903e],.share-enter[data-v-fad1903e] {
  opacity: 0;
}
.share-enter-active[data-v-fad1903e] {
  transition: opacity 0.3s;
}

@-webkit-keyframes placeHolderShimmer-data-v-fad1903e {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-fad1903e {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-fad1903e {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.loading_content[data-v-fad1903e] {
  height: 275px;
  position: relative;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer-data-v-fad1903e;
          animation-name: placeHolderShimmer-data-v-fad1903e;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 170% 108%;
}
.loading_bg[data-v-fad1903e] {
  position: absolute;
  background-color: #fff;
}
.loading_img_right[data-v-fad1903e] {
  width: 80px;
  right: 0;
  top: 0;
  height: 120px;
}
.loading_gap[data-v-fad1903e] {
  left: 0;
  right: 0;
}
.loading_gap_lg[data-v-fad1903e] {
  height: 20px;
  top: 120px;
}
.loading_gap_s[data-v-fad1903e] {
  height: 10px;
  top: 160px;
}
.loading_gap_sm[data-v-fad1903e] {
  height: 8px;
}
.loading_gap_sm.first[data-v-fad1903e] {
  top: 190px;
}
.loading_gap_sm.second[data-v-fad1903e] {
  top: 211px;
}
.loading_gap_sm.last2[data-v-fad1903e] {
  top: 232px;
}
.loading_gap_sm.last[data-v-fad1903e] {
  top: 253px;
}
.loading_last[data-v-fad1903e] {
  height: 17px;
  width: 30px;
  right: 0;
  bottom: 0;
}
.loading_title_bg[data-v-fad1903e] {
  left: 65px;
  right: 0;
  top: 140px;
  height: 20px;
}

@-webkit-keyframes placeHolderShimmer-data-v-6219eef3 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-6219eef3 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.column-stream[data-v-6219eef3] {
  background-color: #fff;
}
.tab_content[data-v-6219eef3] {
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 30px;
  border-bottom: 1px solid #e6e6e6;
}
.tab_item[data-v-6219eef3] {
  font-size: 16px;
  margin-right: 40px;
  height: 48px;
  color: #666;
  line-height: 48px;
  cursor: pointer;
}
.tab_item[data-v-6219eef3]:hover {
  font-weight: bold;
  color: #222;
}
.tab_item.active[data-v-6219eef3] {
  font-weight: bold;
  color: #222;
  border-bottom: 3px solid #1677d9;
}
.tab-item[data-v-6219eef3]:last-child {
  margin: 0;
}
.articles-content[data-v-6219eef3] {
  padding: 0 30px;
}
.article-item[data-v-6219eef3] {
  padding: 20px 0;
  display: flex;
  border-bottom: 1px solid #e6e6e6;
}
.item_img[data-v-6219eef3] {
  margin-right: 16px;
}
.item_img[data-v-6219eef3], .item_img > .lazy[data-v-6219eef3] {
  flex-shrink: 0;
}
.item_right[data-v-6219eef3] {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.item_title[data-v-6219eef3] {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: #222;
  max-height: 48px;
}
.item_title[data-v-6219eef3]:hover {
  color: #0e4d8c;
}
.item_title > img[data-v-6219eef3] {
  display: inline-block;
  position: relative;
  height: 22px;
  top: 4px;
}
.item_title > .paid_img[data-v-6219eef3] {
  width: 32px;
  height: 18px;
}
.item_desc[data-v-6219eef3] {
  font-size: 13px;
  line-height: 21px;
  max-height: 42px;
  color: #666;
  margin-top: 6px;
}
.item_desc[data-v-6219eef3]:hover {
  color: #222222;
}
.item_title[data-v-6219eef3], .item_desc[data-v-6219eef3] {
  display: block;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: break-word;
  overflow: hidden;
}
.item_created[data-v-6219eef3] {
  font-size: 13px;
  line-height: 13px;
  color: #666;
  display: block;
}
.articles_nomore[data-v-6219eef3] {
  font-size: 14px;
  text-align: center;
  line-height: 50px;
  color: #999;
}