@charset "utf-8";

.share-banner {
  margin-right: 0;
  margin-left: 0;
}

.news-list li {
  margin: 4.2667vw 0;
}

.news-list a {
  display: flex;
  color: #191919;
}

.news-list .content {
  flex: 1;
  padding-right: 2.6667vw;
}

.news-list .extro {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 3.2vw;
}

/** hsl 双语跟读 */
.follow-up-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAU2CAIAAADbMEtsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDQ1OTUyQkQ1MTU0MTFFQUE3NUNCRTI1NzkwMzIyMUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ1OTUyQkU1MTU0MTFFQUE3NUNCRTI1NzkwMzIyMUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNDU5NTJCQjUxNTQxMUVBQTc1Q0JFMjU3OTAzMjIxQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNDU5NTJCQzUxNTQxMUVBQTc1Q0JFMjU3OTAzMjIxQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvG9oaYAAAFVSURBVHja7FjRDoMgDET//z/9C114YOnIXXt1dtFkS8gclMq1x1HWtm1bj+NYW2sfbVmWd799ZjZorH/38WE3+xzjbC5rw5dnc6ZZn3ZdCAuyR2vK9ivNzlVyoMR5Xg/6jWKB7BG2LF4PV8bG2j2Bf0qe0BpZzGf8T+CfXffwr/BT4eYv8vXXvyZx887658Xhrm2ORaSPyD67vzJ6VMFfu47e+sfL9TzGMDGen+WHilk9066OHXovy3G0/yMtVvdSdSw8PY60GtXHXp2Hxq2PKk1XsWf2TOb8jurJiFcKBpQnpgNX8QPl3dMC7/yf6wMFfzVfGD88zIoPtUa7kh+Inx4/VP6o562yjyL9vDM/IizfcE29R6M56t2hih+ZeynT0KzWqrX26Ks6Y8/6ZTGJ+JGtzaL/K7z9VMUPRT9YnRZhyNYn1fyYse37Tt/HNMWJ10uAAQDOvmt9+doITQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  overflow-x: hidden;
  padding: 4vw 0 9vw;
}

.follow-up-share-ico {
  display: flex;
  margin-left: 5.13vw;
  margin-right: 5.13vw;
}

.follow-up-share-ico > span {
  position: relative;
  display: inline-flex;
  width: 6.4vw;
  height: 6.4vw;
  background-size: contain;
}

.follow-up-share-ico > span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  height: 150%;
  transform: translateX(-50%) translateY(-50%);
  content: '';
}

.icon-detail-back {
  background: url('../imgs/icon-detail-back.svg') no-repeat 0 0;
  cursor: pointer;
}

.icon-detail-collect {
  margin-left: auto;
  background: url('../imgs/icon-detail-collect.svg') no-repeat 0 0;
  cursor: pointer;
}

.icon-detail-collected {
  margin-left: auto;
  background: url('../imgs/icon-detail-collected.svg') no-repeat 0 0;
  cursor: pointer;
}

.icon-detail-share {
  margin-left: 6vw;
  background: url('../imgs/icon-detail-share.svg') no-repeat 0 0;
  cursor: pointer;
}

.follow-content-en-text {
  cursor: pointer;
  font-family: 'charter_bold';
  font-weight: bold;
}

.follow-content-en-text strong,
.follow-content-cn strong {
  color: #75b0fe;
}

.follow-up-audio-ico {
  display: inline-block;
  width: 5.0667vw;
  height: 4vw;
  margin-left: 1.0667vw;
  vertical-align: middle;
  cursor: pointer;
}

.follow-up-play-ico {
  display: inline-flex;
  align-items: center;
  margin-right: 1.6vw;
}

.follow-up-star-ico {
  position: relative;
  display: flex;
  align-items: flex-end;
}

.follow-up-star-ico .bottom {
  margin-right: 1.0667vw;
}

.follow-box-ico-zoom {
  width: 4.2vw;
}

.follow-up-play-txt {
  cursor: pointer;
  font-size: 3.2vw;
}

#followUpScore {
  margin-bottom: -1vw;
  font-size: 9.8667vw;
}

.follow-box {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 3.2vw 5.13vw 5.13vw;
  flex: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
  overflow: hidden;
  border-radius: 1.3333vw;
}

.xi-follow-cover img {
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: 0 auto 4vw;
}

.follow-hr {
  flex-basis: 1px;
  z-index: 1;
  width: 50%;
  margin: 3vw 0;
  height: 1px;
  overflow: hidden;
  background-color: #fff;
}

.follow-content-play {
  display: none;
  margin-top: 3vw;
  font-size: 0.3rem;
  white-space: nowrap;
}

.follow-box-img,
.follow-content-en,
.follow-content-cn {
  position: relative;
  z-index: 2;
  word-break: break-word;
}

.follow-content-en {
  display: flex;
  flex-wrap: wrap;
}

.follow-content-cn {
  display: flex;
  flex-wrap: wrap;
}

.follow-box-bg-mask-layer {
  box-sizing: border-box;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 1.3333vw;
  padding: 4vw 5.3333vw 4vw;
}

.follow-content-play .inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.follow-content-play .follow-up-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #fff;
  cursor: pointer;
  line-height: 1;
}

.follow-content-rating {
  font-size: 6.9333vw;
  text-align: right;
  font-family: HelveticaNeue;
  line-height: 1;
}

.follow-up-audio {
  flex-basis: 22vw;
  height: 22vw;
  position: relative;
  text-align: center;
  color: #9c9c9c;
}

.follow-up-audio-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 16vw;
  height: 16vw;
  margin: auto;
  border-radius: 140px;
  cursor: pointer;
}

.follow-up-audio-btn-inner {
  width: 100%;
  height: 100%;
  background: url('../imgs/icon-microphone-light.svg') no-repeat 0 0;
  background-size: contain;
  cursor: pointer;
}

.follow-up-audio-btn img {
  width: 10vw;
  height: 10vw;
  cursor: pointer;
}

.follow-up-audio-text {
  font-size: 3.2vw;
  padding-top: 1.4vh;
  line-height: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

#followUpAudioVoice {
  position: absolute;
  visibility: visible;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: 16vw;
}

#pano {
  position: relative;
  z-index: 1;
  height: 56.1333vw;
}

.keyword-container {
  position: relative;
  color: #fff;
  line-height: 1.2;
  font-weight: 500;
  min-height: 12vw;
}

.keyword-container.detail {
  margin-bottom: 6vw;
}

.keyword-en {
  font-family: 'charter_bold';
  font-weight: bold;
}

.keyword-ch {
  font-family: PingFang-SC-Medium, PingFang-SC;
}

.no-comment-tips {
  color: #999;
  padding: 2.6667vw 0;
  text-align: center;
}

.mask {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  cursor: pointer;
  overflow: hidden;
}

.no-scroll,
.no-scroll body {
  overflow: hidden;
}

.no-scroll body {
  position: relative;
}

.read-container {
  display: none;
}

.follow-up-share-container {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
  box-sizing: border-box;
}

.modal {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  overflow: hidden;
  height: 100vh;
  padding: 5.3333vw;
  background-color: rgba(0, 0, 0, 0.3);
}

.follow-up-share-container-header {
  padding-top: 4vw;
}

.follow-up-share-container-header img {
  width: 37.8667vw;
  height: 17.3333vw;
}

.follow-up-share-container-rating {
  position: relative;
  margin-top: 5.2vh;
  text-align: center;
  color: #fff;
}

.follow-up-share-container-rating img {
  width: 43vw;
}

.follow-up-share-content {
  /* margin-top: auto; */
}

.follow-up-share-container-rating .score {
  position: absolute;
  top: 7vh;
  left: 43%;
  font-size: 1.2rem;
}

.follow-up-share-container-rating .text {
  margin-top: 3.4vh;
  font-size: 0.45rem;
}

.follow-up-share-container-en {
  color: #fff;
  font-family: 'charter_bold';
  font-weight: bold;
}

.follow-up-share-container-en strong,
.follow-up-share-container-cn strong {
  color: #75b0fe;
}

.follow-up-share-container-cn {
  color: #fff;
}

.follow-up-share-app-down {
  /* margin-top: auto; */
  padding: 2.6667vw;
  background-color: #fff;
  display: flex;
  border: 1px solid #fff;
  border-radius: 3.2vw;
}

.follow-up-share-app-down .left {
  flex: 1;
  padding-right: 1.3333vw;
}

.follow-up-share-app-down .left > span {
  display: block;
  font-family: 'Times New Roman';
  font-weight: bold;
  font-size: 4.8vw;
}

.follow-up-share-app-down .left p {
  padding-top: 1.3333vw;
  font-size: 3.2vw;
  font-family: 'Helvetica Neue';
  font-weight: normal;
  color: #9e9e9e;
  line-height: 1.5;
}

.follow-up-share-app-down .right img {
  width: 18.6667vw;
  height: 18.6667vw;
}

.follow-type-chinese .keyword-ch {
  font-size: 5.6vw;
  line-height: 7.7333vw;
}

.follow-type-chinese .keyword-en {
  font-size: 5.6vw;
  line-height: 6.6667vw;
}

.follow-up-share-container-en + .follow-up-share-container-cn {
  margin-top: 3vw;
}

.follow-up-share-container-cn + .follow-up-share-container-en {
  margin-top: 3vw;
}

/* 习说跟读、普通跟读 */

.follow-type-xi .follow-up-share-container-en[data-size='fs-l'],
.follow-type-normal .follow-up-share-container-en[data-size='fs-l'] {
  font-size: 6.4vw; /* 48 */
  line-height: 7.4667vw; /* 56 */
}

.follow-type-xi .follow-up-share-container-en[data-size='fs-m'],
.follow-type-normal .follow-up-share-container-en[data-size='fs-m'] {
  font-size: 5.8667vw; /* 44 */
  line-height: 6.9333vw; /* 52 */
}

.follow-type-xi .follow-up-share-container-en[data-size='fs-s'],
.follow-type-normal .follow-up-share-container-en[data-size='fs-s'] {
  font-size: 5.3333vw; /* 40 */
  line-height: 6.4vw; /* 48 */
}

.follow-type-xi .follow-up-share-container-cn[data-size='fs-l'],
.follow-type-normal .follow-up-share-container-cn[data-size='fs-l'] {
  font-size: 4.2667vw; /* 32 */
  line-height: 7.4667vw; /* 56 */
}

.follow-type-xi .follow-up-share-container-cn[data-size='fs-m'],
.follow-type-normal .follow-up-share-container-cn[data-size='fs-m'] {
  font-size: 3.7333vw; /* 28 */
  line-height: 6.9333vw; /* 52 */
}

.follow-type-xi .follow-up-share-container-cn[data-size='fs-s'],
.follow-type-normal .follow-up-share-container-cn[data-size='fs-s'] {
  font-size: 3.2vw; /* 24 */
  line-height: 6.4vw; /* 48 */
}

/* 汉语进行时 */

.follow-type-chinese .follow-up-share-container-cn[data-size='fs-l'] {
  font-size: 5.0667vw; /* 38 */
  line-height: 6.9333vw; /* 52 */
}

.follow-type-chinese .follow-up-share-container-cn[data-size='fs-m'] {
  font-size: 4.5333vw; /* 34 */
  line-height: 6.4vw; /* 48 */
}

.follow-type-chinese .follow-up-share-container-cn[data-size='fs-s'] {
  font-size: 4vw; /* 30 */
  line-height: 5.8667vw; /* 44 */
}

.follow-type-chinese .follow-up-share-container-en[data-size='fs-l'] {
  font-size: 4.5333vw; /* 34 */
  line-height: 5.8667vw; /* 44 */
}

.follow-type-chinese .follow-up-share-container-en[data-size='fs-m'] {
  font-size: 4vw; /* 30 */
  line-height: 5.3333vw; /* 40 */
}

.follow-type-chinese .follow-up-share-container-en[data-size='fs-s'] {
  font-size: 4.2667vw; /* 32 */
  line-height: 5.0667vw; /* 38 */
}

/* 适配阿里云播放器 */
.prism-player {
  display: block;
  overflow: hidden;
  background-color: transparent;
}

.content-container .prism-player {
  border-radius: 2vw;
}

.prism-player .prism-big-play-btn {
  left: 2.9333vw !important;
  bottom: 13.3333vw !important;
  cursor: pointer;
}

.prism-player .prism-big-play-btn,
.prism-player .prism-big-play-btn .outter {
  width: 32px;
  height: 32px;
}

.prism-player .prism-liveshift-progress .prism-progress-played,
.prism-player .prism-progress .prism-progress-played {
  background-color: #4297eb;
}

.prism-player .prism-controlbar {
  height: 10.7333vw;
  font-size: 2.7333vw;
}

.prism-player .prism-controlbar .prism-controlbar-bg {
  height: 9.6667vw;
}

.prism-player .prism-progress-hover {
  height: 1.6vw;
}

.prism-player .prism-liveshift-progress,
.prism-player .prism-progress {
  bottom: 9.6333vw !important;
}

.prism-player .prism-play-btn {
  width: 4.2667vw;
  height: 4.2667vw;
  margin-top: 3.7vw !important;
  background-position: 50% 50%;
  cursor: pointer;
}

.prism-player .prism-fullscreen-btn,.prism-player .prism-setting-btn {
  width: 4.2667vw;
  height: 4.2667vw;
  margin-left: auto;
  margin-right: 3.2vw;
  margin-top: 3.7vw !important;
  background-size: contain;
  background-position: 50% 50%;
  cursor: pointer;
}

.prism-player .prism-time-display {
  height: 5.3333vw;
  line-height: 5.3333vw;
  margin-top: 3.1vw !important;
  font-size: 3.2vw;
  color: #fff;
  user-select: none;
}

.prism-player .prism-live-display {
  color: #fff;
  top: 1.6vw !important;
  font-size: 3.2vw;
  line-height: 7.6667vw;
}

.prism-player.prism-fullscreen .prism-live-display {
  top: -0.2vw !important;
}

.prism-player .prism-cover {
  /* background-size: auto 56.1333vw; */
  background-size: contain;
  z-index: 9;
}

.prism-player.prism-fullscreen .prism-play-btn {
  margin-top: 2.5vw !important;
}

.prism-player.prism-fullscreen .prism-time-display {
  margin-top: 1.6667vw !important;
}

.prism-player.prism-fullscreen .prism-fullscreen-btn,.prism-player.prism-fullscreen .prism-setting-btn {
  margin-top: 2.3vw !important;
}

.status-upcoming {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 3.2vw;
  color: #fff;
}

.tips-upcoming {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  font-size: 3.2vw;
  white-space: nowrap;
}

/* 作者信息 */
.author-info {
  padding: 4vw 5.3333vw;
  color: #a0a0a0;
  font-size: 4.5333vw;
  word-break: break-word;
  line-height: 1.5;
}

/* reporter */
.reporter--container {
  display: flex;
  margin-bottom: 4vw;
  padding: 0 5.3333vw;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.reporter--container.share {
  margin-bottom: 4vw;
  padding: 0 4vw;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.reporter--container.share::-webkit-scrollbar,.reporter--container::-webkit-scrollbar {
  /* display: none; */
  height: 6px;
}

.reporter__avatar {
  /* width: 17.0667vw; */
  margin-right: 2.6667vw;
  border-radius: 50%;
}

.reporter__avatar--inner {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: 2.625rem;
  height: 2.625rem;

  border: 1px solid #dfdfdf;
  border-radius: 50%;
}

.reporter__avatar--inner::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3.4667vw;
  height: 3.4667vw;
  background: url('../imgs/icon-v@2x.png') no-repeat 0 0;
  background-size: cover;
  content: '';
}

.reporter__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.reporter__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 2vw;
}

.reporter__name {
  margin-bottom: 1.6vw;
  font-size: 4.2667vw;
  font-family: 'charter_bold';
  font-weight: bold;
  color: #000000;
  line-height: 6.6667vw;
}

.reporter__desc {
  font-size: 3.2vw;
  font-weight: normal;
  color: #a4a4a4;
  line-height: 4.5333vw;
  word-break: break-word;
}

.reporter__btn {
  align-self: center;
  margin-left: auto;
  padding: 0 2vw;
  height: 8vw;
  /* background: #4387e3; */
  border: 0.5px solid #DBDBDB;
  border-radius: 4px;
  font-size: 3.7333vw;
  font-family: 'charter_bold';
  font-weight: bold;
  /* color: #ffffff; */
  color: #4387E3;
  text-align: center;
  line-height: 8vw;
  cursor: pointer;
  white-space: nowrap;
}

.reporter__more {
  align-self: center;
  margin-left: auto;
  padding: 0 2vw;
  height: 7.2vw;
  border-radius: 4px;
  font-size: 4.5333vw;
  font-family: 'charter_bold';
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  line-height: 7.2vw;
  cursor: pointer;
  white-space: nowrap;
  width: 6.9vw;
  height: 5.1vw;
}

.reporter-info {
  border-top: 4vw solid #f2f2f2;
}

.title-container + .reporter-info {
  margin-top: -4vw;
  border-color: #fff;
}

.title-container + .reporter-info .reporter-info__title {
  display: none;
}

.reporter-info .reporter--container {
  margin-right: 4vw;
  margin-left: 4vw;
  padding: 0 0 2vw;
  border-bottom: 1px solid #dfdfdf;
}

.reporter-info__title {
  display: flex;
  align-items: center;
  padding: 5.3333vw 4vw;
  font-size: 5.0667vw;
  line-height: 6.1333vw;
}

.reporter-info__title::before {
  display: inline-flex;
  width: 5.0667vw;
  height: 5.0667vw;
  margin-right: 1.3333vw;
  background: url('../imgs/icon-ask.svg') no-repeat 0 0;
  background-size: 100% 100%;
  content: '';
}

.global-link-banner {
  display: none;
  height: 25.0667vw;
  background: url('../imgs/global-link-banner.png') no-repeat 50% 50%;
  background-size: cover;
}

.t-sub-container + .reporter--container {
  margin-top: 4vw;
  padding: 0;
}

/* 问记者 */
.question-answer {
  margin-top: 4vw;
  padding: 0 4vw; /*40*/
}

.question-answer__item {
  display: flex;
  margin-bottom: 3.2vw;
}

.question-answer__avatar {
  /* align-items: flex-start; */
  /* width: 9.3333vw;
  height: 9.3333vw; */
  width: 13.6vw;
  height: 13.6vw;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.question-answer__avatar img {
  /* width: 100%;
  height: 100%; */
  width: 9.3333vw;
  height: 9.3333vw;
  border-radius: 50%;
  object-fit: cover;
  z-index: -1;
}

.question-answer__content {
  flex: 1;
  padding-left: 1.3333vw;
}

.question-answer__question-header,
.question-answer__answer-header {
  display: flex;
  align-items: center;
  line-height: 6.6667vw;
}

.question-answer__question-header {
  margin-bottom: 4.5333vw;
  padding: 1.3333vw 0;
}

.question-answer__answer-header {
  margin-bottom: 2.6667vw;
}

.question-answer__user,
.question-answer__reporter {
  font-size: 4.5333vw;
  font-weight: bold;
}

.question-answer__time {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  color: #999;
  font-size: 3.2vw;
  line-height: 1;
}

.question-answer__agree {
  display: inline-flex;
  align-items: center;
  color: #666;
  font-size: 3.1333vw;
  line-height: 1;
  margin-left: 2.6667vw;
}

.question-answer__agree .icon {
  display: inline-flex;
  width: 2.6667vw;
  height: 2.6667vw;
  margin-left: 0.6667vw;
  background: url('../imgs/icon-agree.svg') no-repeat 0 0;
  background-size: contain;
  content: '';
}

.question-answer__question-header .question-answer__time::before {
  display: inline-flex;
  width: 2.6667vw;
  height: 2.6667vw;
  margin-right: 0.6667vw;
  background: url('../imgs/clock.png') no-repeat 0 0;
  background-size: contain;
  content: '';
}

.question-answer__reporterName {
  color: #3B89DD;
  margin-right: 5px;
}

.question-answer__question-cont,
.question-answer__answer-cont {
  color: #313131;
  font-size: 4.5333vw;
  line-height: 5.8667vw;
}

.question-answer__question-cont::before {
  display: inline-block;
  width: 4.5333vw;
  height: 4.5333vw;
  margin-right: 1.3333vw;
  background: url('../imgs/icon-question.svg') no-repeat 0 0;
  background-size: 100% 100%;
  content: '';
  vertical-align: middle;
}

.question-answer__answer-cont::before {
  display: inline-block;
  width: 4.5333vw;
  height: 4.5333vw;
  margin-right: 1.3333vw;
  background: url('../imgs/icon-answer.svg') no-repeat 0 0;
  background-size: 100% 100%;
  content: '';
  vertical-align: middle;
}

.question-answer__answer--container {
  margin-top: 3.2vw;
  padding: 1.8667vw 2.9333vw;
  border-radius: 2vw;
  background-color: #f9f9f9;
  color: #313131;
  font-size: 4.5333vw;
  line-height: 5.8667vw;
}

.question-answer__reporter::after {
  display: inline-flex;
  margin-left: 1.3333vw;
  width: 5.3333vw;
  height: 5.3333vw;
  background: url('../imgs/icon-v@2x.png') no-repeat 0 0;
  background-size: 100% 100%;
  content: '';
  vertical-align: middle;
}

.view-more__btn {
  display: block;
  padding: 2.6667vw;
  color: #4387e3;
  font-size: 4.5333vw;
  line-height: 5.3333vw;
  text-align: center;
  cursor: pointer;
}

/* 评论 */

.comments {
  border-top: 4vw solid #f2f2f2;
  margin-bottom: 4vw;
  padding: 0 4vw;
}

.comments__hd {
  padding: 6.1333vw 0 6.6667vw;
}

.comments__title {
  display: flex;
  align-items: center;
  font-size: 5.0667vw;
  font-family: 'Charter_Bold';
  font-weight: bold;
}

.comments__title::before {
  display: inline-flex;
  width: 5.0667vw;
  height: 5.0667vw;
  background: url('../imgs/icon-comment@2x.png') no-repeat 0 0;
  background-size: contain;
  margin-right: 0.8vw;
  content: '';
}

.comments__add {
  display: flex;
  margin-bottom: 5.6vw;
  padding-top: 1.3333vw;
  padding-bottom: 1.3333vw;
  border-bottom: 1px solid #c5c4c8;
}

.comments__add textarea {
  flex: 1;
  height: 6.1333vw;
  margin-right: 3.2vw;
  border: 0;
  font-size: 4.2667vw;
  font-family: 'charter_regular';
  line-height: 6.1333vw;
  resize: none;
}

.comments__btn--add {
  width: 13.0667vw;
  height: 6.1333vw;
  border-radius: 3px;
  border: 1px solid #4387e3;
  background-color: #4387e3;
  line-height: 6.1333vw;
  color: #fff;
  font-size: 4.2667vw;
  text-align: center;
  cursor: pointer;
}

.comments__btn--add.disabled {
  background-color: #fff;
  border: 1px solid #c5c4c8;
  color: #b2b2b2;
}

.comment__item {
  display: flex;
  padding-left: 4vw;
}

.comment__item-avatar {
  width: 13.6vw;
  height: 13.6vw;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.diamond {
  background: url('../imgs/diamond.png') no-repeat 0 0;
  background-size: contain;
}
.crystal {
  background: url('../imgs/crystal.png') no-repeat 0 0;
  background-size: contain;
}
.gold {
  background: url('../imgs/gold.png') no-repeat 0 0;
  background-size: contain;
}
.silver {
  background: url('../imgs/silver.png') no-repeat 0 0;
  background-size: contain;
}
.copper {
  background: url('../imgs/copper.png') no-repeat 0 0;
  background-size: contain;
}
.platinum {
  background: url('../imgs/platinum.png') no-repeat 0 0;
  background-size: contain;
}

.comment__item-avatar img {
  /* width: 100%;
  height: 100%; */
  width: 9.3333vw;
  height: 9.3333vw;
  border-radius: 50%;
  object-fit: cover;
  z-index: -1;
}

.comment__item-main {
  flex: 1;
  padding-left: 1.3333vw;
}

.comment__item-username {
  display: block;
  margin-bottom: 2.1333vw;
  color: #333;
  font-size: 4.5333vw;
  font-family: 'charter_bold';
  font-weight: bold;
  line-height: 5.3333vw;
}

.comment__item-cont {
  margin-bottom: 2.6667vw;
  color: #313131;
  font-size: 4.5333vw;
  line-height: 5.8667vw;
  word-wrap: break-word;
}

.comment__item-info {
  padding-bottom: 3.2vw;
  color: #999;
  font-size: 3.2vw;
}

.comment__item-time,
.comment__item-reply {
  display: inline-flex;
  align-items: center;
  margin-right: 2.6667vw;
  line-height: 1;
  cursor: pointer;
}

.comment__item-time::before,
.comment__item-reply::before {
  display: inline-flex;
  width: 2.6667vw;
  height: 2.6667vw;
  margin-right: 0.5333vw;
  content: '';
}

.comment__item-time::before {
  background: url('../imgs/icon-time.svg') no-repeat 0 0;
  background-size: 2.6667vw 2.6667vw;
}

.comment__item-reply::before {
  background: url('../imgs/icon-reply.svg') no-repeat 0 0;
  background-size: 2.6667vw 2.6667vw;
}

.comment__item-agree {
  color: #666;
  font-size: 3.7333vw;
  cursor: pointer;
}

.comment__item-agree::after {
  display: inline-flex;
  width: 3.7333vw;
  height: 3.7333vw;
  margin-left: 1.3333vw;
  background: url('../imgs/icon-agree.svg') no-repeat 0 0;
  background-size: contain;
  content: '';
}

.comments__btn--open {
  display: block;
  width: 80vw;
  height: 9.0667vw;
  overflow: hidden;
  margin: 9.0667vw auto 0;
  border-radius: 9.0667vw;
  background: #4387e3;
  cursor: pointer;
  color: #fff;
  font-size: 3.7333vw;
  text-align: center;
  line-height: 9.0667vw;
  white-space: nowrap;
}

.comment__tips {
  margin: 16.8vw 0;
  color: #5c5c5c;
  font-size: 4.2667vw;
  text-align: center;
  line-height: 5.3333vw;
}

.gallery-container {
  position: fixed;
  top: 14vw;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: #000;
}

.gallery-placeholder {
  height: 100%;
}

.gallery-index-container {
  color: #fff;
  font-family: HelveticaNeue;
}

.gallery-item-img {
  height: 100%;
  overflow: hidden;
}

.gallery-item-inner {
  display: flex;
  height: inherit;
  justify-content: center;
  align-items: center;
}

.gallery-item-inner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gallery-item-info {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 2.4vw 4.4vw;
  max-height: 56vw;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.gallery-current-index {
  margin-bottom: 1.6vw;
  font-size: 8vw;
  font-weight: bold;
}

.gallery-divider::before {
  content: '/';
  font-size: 4.5333vw;
}

.gallery-count {
  font-size: 4.5333vw;
  font-weight: bold;
}

.gallery-item-title {
  margin-bottom: 1.3333vw;
  color: #fff;
  font-size: 4.8vw;
  line-height: 5.8667vw;
}

.gallery-item-desc {
  color: #bdbdbd;
  font-size: 3.7333vw;
  line-height: 4.5333vw;
}

.news-gallery,
.news-gallery body {
  height: 100%;
  overflow: hidden;
  background-color: #000;
}

.gallery-container .swiper-button-next,
.gallery-container .swiper-button-prev {
  display: none;
  margin-top: 0;
  top: 32vh;
}

.is-pc .gallery-container .swiper-button-next,
.is-pc .gallery-container .swiper-button-prev {
  display: block;
}

.vr-live-status {
  position: absolute;
  top: 2.1333vw;
  right: 2.1333vw;
  z-index: 10;
}

.vr-live-status.live-status__ing {
  width: 14.6667vw;
  height: 4.8vw;
  background: url('../imgs/icon-vr-live--ing.png') no-repeat 0 0;
  background-size: contain;
}

.vr-live-status.live-status__playback {
  width: 22.1333vw;
  height: 4.8vw;
  background: url('../imgs/icon-vr-live--playback.png') no-repeat 0 0;
  background-size: contain;
}

.vr-live-status.live-status__upcoming {
  width: 24vw;
  height: 4.8vw;
  background: url('../imgs/icon-vr-live--upcoming.png') no-repeat 0 0;
  background-size: contain;
}

.video-container.playing .vr-live-status {
  display: none;
}

.vr-poster {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 10;
}

.cover-picture-container {
  position: relative;
  z-index: 1;
  margin-bottom: -9.3333vw;
  cursor: pointer;
}

.cover-picture-desc {
  display: none;
  position: absolute;
  bottom: 13.8667vw;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 2.1333vw 5.3333vw 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 3.7333vw;
  line-height: 4.5333vw;
}

.cover-picture-icon {
  position: absolute;
  right: 2.1333vw;
  bottom: 13.8667vw;
  z-index: 2;
  width: 5.6vw;
  height: 5.6vw;
  background: url('../imgs/icon-cover-picture.png') no-repeat 50% 50%;
  background-size: contain;
}

.news-information {
  padding-left: 2.1333vw;
  border-left: 1.8667vw solid #4387e3;
  color: #555;
  font-size: 3.7333vw;
  line-height: 4.5333vw;
}

.news-template--focus {
  margin: 3.2vw -1.8667vw !important;
}

.news-template--focus img {
  display: block;
  width: 100%;
}

.news-template--focus .news-template__title {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 4vw;
  color: #fff;
  font-size: 6.1333vw;
  line-height: 7.4667vw;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.t-sub-container .release-time {
  display: inline-flex;
  align-items: center;
}

.t-sub-container .release-time::before {
  width: 2.6667vw;
  height: 2.6667vw;
  margin-right: 0.6667vw;
  background: url('../imgs/icon-time.svg') no-repeat 0 0;
  background-size: contain;
  content: '';
}

.content-container {
  overflow-x: hidden;
  padding: 0 5.3333vw 4vw;
  color: #333;
  -webkit-tap-highlight-color: transparent;
}

.content-container a,
.timeline-container a {
  color: #000;
  font-family: 'charter_bold' !important;
  text-decoration: underline !important;
  font-weight: bold !important;
  font-style: normal;
}

.content-container .bubblePopup,.content-container .manuLink {
  color: rgba(67, 135, 227, 1);
  text-decoration: none !important;
}

.content-container + .author-info {
  margin-top: -4vw;
}

.content-container a:focus {
  outline: none;
}

.content-container p > audio,
.content-container > audio {
  width: 100%;
}

.content-container p:not(:last-child),
.content-container img:not(:last-child) {
  margin-bottom: 4vw;
}

.content-container table {
  max-width: 100%;
  width: 100%;
}

.content-container p.update-tips {
  color: #f56c6c;
  font-size: 1.6vw;
  line-height: 0.1333vw;
  padding: 0.5333vw 0;
}

.content-container p:empty {
  display: none;
}

.content-container br {
  display: none;
}

.content-container table {
  width: 100%;
}

.content-container em,
.content-container i {
  font-style: italic;
}

.content-container strong,
.content-container b {
  font-family: 'charter_bold' !important;
  font-weight: bold !important;
}

.video-container {
  position: relative;
  height: 56.1333vw;
  background-color: #000;
}

.content-container .video-container img {
  display: block;
  width: 100%;
  height: 100%;
}

.content-container .video-player {
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 3.2vw;
}

.content-container .prism-player {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.content-container img {
  display: block;
  max-width: initial !important;
  width: calc(100% + 10.6667vw) !important;
  max-width: calc(100% + 10.6667vw) !important;
  height: auto !important;
  margin-left: -5.3333vw !important;
  /* margin-top: 3.2vw; */
  /* margin-bottom: 3.3vw; */
}

.content-container .previewImg{
  max-width: initial !important;
  width: calc(100% + 10.6667vw) !important;
  max-width: calc(100% + 10.6667vw) !important;
  margin-left: -5.3333vw !important;
}

.content-container .video-placeholder img {
  /* display: block;
  max-width: initial !important; */
  width: 2rem !important;
  /* max-width: calc(100% + 10.6667vw) !important;
  height: auto !important;
  margin-left: -5.3333vw !important; */
  /* margin-top: 3.2vw; */
  /* margin-bottom: 3.3vw; */
}

.content-container .figure-container .icon-figure {
  bottom: 2.6667vw;
  right: -2.6667vw;
}

.content-container .figure-container .editor-img-desc {
  left: -5.3333vw;
  right: -5.3333vw;
}

.timeline-detail .figure-container .icon-figure {
  right: 2.6667vw;
  bottom: 2.6667vw;
}

/* 新闻详情页样式 S */
.title-container,.title-container2 {
  position: relative;
  z-index: 1;
  margin-left: 2.1333vw;
  margin-right: 2.1333vw;
  margin-bottom: 5.3333vw;
  padding: 3.2vw 3.2vw 0;
  background-color: #fff;
}

.title-container .title {
  margin-bottom: 5.6vw;
  font-size: 7.2vw;
  line-height: 9.0667vw;
  font-family: 'charter_bold';
  font-weight: bold;
  color: #191919;
}

.t-sub-container {
  position: relative;
  display: flex;
  padding-bottom: 4vw;
  border-bottom: 1px solid #dfdfdf;
  color: #a4a4a4;
  font-size: 3.7333vw;
  font-family: 'charter_regular';
  line-height: 4.5333vw;
}

.t-sub-container .source {
  max-width: 31.3333vw;
  margin-left: 2.6667vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  align-items: center;
}

/* 新闻详情页样式 E */

/* 端内字号切换 S */
.fn-font-s .content-container {
  font-size: 4.2667vw;
  line-height: 6.1333vw;
}

.fn-font-m .content-container {
  font-size: 5.3333vw;
  line-height: 8.2667vw;
}

.fn-font-l .content-container {
  font-size: 5.8667vw;
  line-height: 8.2667vw;
}

.fn-font-xl .content-container {
  font-size: 6.6667vw;
  line-height: 8.2667vw;
}
/* 端内字号切换 E */

/* 气泡超链接 */
#bubblePopupModal {
  z-index: 500;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
#bubblePopupModal .bubblePopup-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 221px;
  width: calc(100% - 24px);
  background-color: #ffffff;
  border-radius: 4px;
}
#bubblePopupModal .bubblePopup-content .top-banner {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
  align-items: center;
}
#bubblePopupModal .bubblePopup-content .top-banner .bubblePopup-name {
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 31px;
  font-size: 26px;
  font-family: 'charter_bold';
  font-weight: bold;
  color: #000000;
  line-height: 31px;
  position: relative;
}
#bubblePopupModal .bubblePopup-content .top-banner .bubblePopup-name::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px; /* 将边框上移3px */
  width: 100%;
  height: 11px;
  background: #4387E3;
  opacity: 0.2;
}
#bubblePopupModal .bubblePopup-content .content {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
#bubblePopupModal .bubblePopup-content .content .bubblePopup-title {
  font-size: 18px;
  font-family: Charter-Roman, Charter;
  font-weight: normal;
  color: #333333;
  line-height: 25px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-right: 8px;
}
#bubblePopupModal .bubblePopup-content .content .bubblePopup-img {
  height: 78px;
}
#bubblePopupModal .bubblePopup-content .bubblePopup-bottom {
  text-align: center;
  font-size: 18px;
  font-family: 'charter_bold';
  font-weight: bold;
  color: #4387E3;
  line-height: 22px;
  cursor: pointer;
  margin-top: 23px;
}
#bubblePopupModal .bubblePopup-content .bubblePopup-bottom  .bottom-dy {
  position: relative;
}
#bubblePopupModal .bubblePopup-content .bubblePopup-bottom  .bottom-dy::before,
#bubblePopupModal .bubblePopup-content .bubblePopup-bottom  .bottom-dy::after {
  content: "";
  position: absolute;
  width: 8px; /* 控制尖括号的线的长度 */
  height: 2px; /* 控制尖括号的线的高度 */
  background-color: #4387E3; /* 设置尖括号的颜色 */
}

#bubblePopupModal .bubblePopup-content .bubblePopup-bottom  .bottom-dy::before {
  top: 10px;
  left: 10px;
  transform: rotate(40deg);
}

#bubblePopupModal .bubblePopup-content .bubblePopup-bottom  .bottom-dy::after {
  top: 15px;
  left: 10px;
  transform: rotate(-40deg);
}


/* 延伸阅读样式 */
.is-dark .futherReadingCssWrap {
  background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0) 100%);
}
.is-dark .futherReadingCssWrap> .title{
  color: #B1B1B1!important;
}

.is-dark .futherReadingCss> .futher-item{
  background-color: rgba(46, 46, 46, 1)!important;
}

.is-dark .futherReadingCss>.futher-item >  h2{
  color: #B1B1B1!important;
}

.futherReadingCssWrap{
  font-family: 'charter_bold';
  font-weight: bold;
  color: #000000;
  line-height: 6vw;
  background: linear-gradient(180deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.0) 100%);
  padding: 3vw 0vw 0vw 5.3333vw;
  margin-left: -5.3333vw;
  margin-right: -5.3333vw;
  overflow-x: scroll!important;
  overflow-y: hidden!important;
  text-decoration: none!important;
  scrollbar-width: none;
}

.futherReadingCssWrap3{
  padding-right: 5.3333vw;
}

.futherReadingCssWrap .title{
  margin-bottom: 3vw;
  font-size: 5vw!important;
  font-family: 'charter_bold' !important;
  font-weight: bold!important;;
}

.futherReadingCss{
  overflow:hidden;
  flex-shrink: 0!important;
  text-decoration: none!important;
}

.content-container .futherReadingCss a{
  text-decoration: none!important
}

.futherReadingCss1,.futherReadingCss2{
  display:flexbox;
  display:flex;
  overflow-x: scroll!important;
  overflow-y: hidden!important;
  cursor: pointer;
  flex-shrink: 0!important;
  width:auto;
  text-decoration: none!important;
  margin-right: 10px;
}

.futherReadingCss1::-webkit-scrollbar,.futherReadingCss2::-webkit-scrollbar{
    width: 0!important;
    display:none
}
/* .futherReadingCss1::-webkit-scrollbar,.futherReadingCss2::-webkit-scrollbar {
  height: 6px;
}
.futherReadingCss1::-webkit-scrollbar-thumb,.futherReadingCss2::-webkit-scrollbar-thumb {
  height: 6px;
} */

.futherReadingCss1> .futher-item,.futherReadingCss2> .futher-item{
  display: inline-block;
  margin-right:3vw;
  padding:3vw;
  width: 54vw!important;
  min-height: 31vw;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.06);
  text-decoration: none!important;
  box-sizing: border-box;
  flex-shrink: 0!important;
  margin-bottom: 5px;
  margin-left: 2px;
}

.futherReadingCss1> .futher-item h2,.futherReadingCss2> .futher-item h2{
  margin: 0;
  padding: 0;
  display: block;
  /* height: 23.5vw!important; */
  font-size: 5vw!important;
  font-family: 'charter_bold' !important;
  font-weight: bold;
  color: #333333!important;
  /* line-height:22px!important; */
  text-decoration: none!important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis!important;
  text-decoration: none!important;
}

.futherReadingCss2>.futher-item{
  min-height:68vw!important;
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.06);
}
.futherReadingCss2>.futher-item h2{
  margin-top: 2vw;
  text-decoration: none!important;
}

.futherReadingCss2>.futher-item img{
  width: 48vw!important;
  height: 37vw!important;
  object-fit: fill;
  flex-shrink: 0;
  margin: 0!important;
  overflow: hidden;
}

.futherReadingCss3{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.futherReadingCss3>.futher-item{
  margin-bottom: 3vw;
  width: 89vw!important;
  height: 33vw;
  position: relative;
}
.futherReadingCss3>.futher-item>img{
  width: inherit!important;
  height: inherit!important;
  object-fit: fill!important;
  margin-left: 0!important;
  margin-top: 0;
  margin-bottom: 0;
}

.futherReadingCss3>.futher-item>h2{
  width: inherit;
  /* height: 8vw; */
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);
  opacity: 0.65;
  padding:1vw 3vw 1vw;margin: 0;
  font-size: 5vw!important;
  font-family: 'charter_bold';
  font-weight: bold;
  color: #FFFFFF;
  line-height: 7vw!important;
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box!important;
  -webkit-box-orient: vertical!important;
  -webkit-line-clamp: 1!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
}

.new-translate-container {
  font-family: Charter, Charter;
  font-size: 12px;
  line-height: 16px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 8px;
  margin: 0 5.3333vw;
  margin-bottom: 16px;
  position: relative;
}

.new-translate-container .new-translate-container-title {
  color: #000000;
}
.new-translate-container .new-translate-container-source {
  color: rgba(0, 0, 0, 0.4);
}
.new-translate-container .new-translate-container-tip {
  position: absolute;
  right: 8px;
  bottom: 0;
  width: 40px;
  height: 34px;
  background-image: url('../imgs/icon-translate-tip.png') no-repeat;
  background-size: contain;
}

.is-dark .new-translate-container {
  background: rgba(255, 255, 255, 0.04);
}

.is-dark .new-translate-container .new-translate-container-title {
  color: #BEBEBE;
}
.is-dark .new-translate-container .new-translate-container-source {
  color: #727272;
}
.is-dark .new-translate-container .new-translate-container-tip {
  background-image: url('../imgs/icon-translate-tip-dark.png');
}