@charset "utf-8";

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  text-size-adjust: 100%;
}

body,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
p {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

input,
select,
textarea {
  outline: 0;
}

input[type='button'],
input[type='submit'] {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  text-align: inherit;
}

fieldset,
img {
  border: 0;
  -webkit-user-drag: none;
}

iframe {
  display: block;
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

del {
  text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

q:after,
q:before {
  content: '';
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

a,
ins {
  text-decoration: none;
}

a,
div,
input,
label,
li,
p,
select,
span,
textarea,
ul {
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: 'charter_regular';
  overflow-x: hidden;
  word-break: break-word;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  /* min-height: 100vh; */
}

@font-face {
  font-family: 'charter_bold_italic';
  src: url('../fonts/charter_bold_italic-webfont.eot');
  src: url('../fonts/charter_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/charter_bold_italic-webfont.woff') format('woff');
  font-weight: bolder;
  font-style: italic;
}

@font-face {
  font-family: 'charter_bold';
  src: url('../fonts/charter_bold-webfont.eot');
  src: url('../fonts/charter_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/charter_bold-webfont.woff') format('woff');
  font-weight: bolder;
  font-style: normal;
}

@font-face {
  font-family: 'charter_italic';
  src: url('../fonts/charter_italic-webfont.eot');
  src: url('../fonts/charter_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/charter_italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'charter_regular';
  src: url('../fonts/charter_regular-webfont.eot');
  src: url('../fonts/charter_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/charter_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.aspect-ratio {
  display: block;
  position: relative;
  z-index: 1;
  height: 0;
  width: 100%;
}

.aspect-ratio[data-ratio='16:9'] {
  padding-top: calc(100% * 9 / 16);
}

.aspect-ratio[data-ratio='4:3'] {
  padding-top: calc(100% * 3 / 4);
}

.aspect-ratio[data-ratio='8:3'] {
  padding-top: calc(100% * 3 / 8);
}
.aspect-ratio[data-ratio='9:16'] {
  padding-top: calc(100% * 16 / 9);
}

.aspect-ratio > img,
.aspect-ratio > video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: contain;
}

/* 图说样式 */

.figure-container {
  position: relative;
  z-index: 1;
}

.figure-container.full {
  margin-left: -5.3333vw;
  margin-right: -5.3333vw;
}

.figure-container.full img {
  width: calc(100% + 10.6667vw) !important;
  margin-left: -5.3333vw;
}

.figure-container .icon-figure {
  position: absolute;
  z-index: 2;
  width: 5.6vw;
  height: 5.6vw;
  border-radius: 50%;
  background: url('../imgs/icon-figurecaption.png') no-repeat 0 0;
  background-size: contain;
}

.figure-container .icon-figure::after {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
  width: 300%;
  height: 300%;
  content: '';
  cursor: pointer;
}

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

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

.figure-container .editor-img-desc {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  max-height: calc(45% - 2.6667vw - 2.6667vw);
  padding: 2.6667vw;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  word-wrap: break-word;
  color: #fff !important;
  font-size: 3.7333vw !important;
  line-height: 4.5333vw !important;
}

.figure-container strong {
  font-weight: normal;
}

.fn-contain {
  margin: auto;
  position: relative;
}

.fn-ellipsis2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wrapper {
  cursor: pointer;
}

.fn-pd24 {
  padding: 0 6.4vw;
}

.ft-blue {
  color: #4990e2;
}

.toast {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  max-width: 50vw;
  min-width: 32vw;
  max-height: 32vw;
  overflow-y: auto;
  transform: translateX(-50%) translateY(-50%);
  padding: 1.0667vw 2.1333vw;
  background-color: rgba(0, 0, 0, 0.7);
}
.toast2 {
  background: rgba(0,0,0,0.8);
  width: 50vw;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.5rem;
  padding: 0.5rem;
  text-align: center;
  z-index: 8;
  border-radius: 0.16rem;
}
.toast__desc {
  text-align: center;
  color: #fff;
  font-size: 4.2667vw;
  word-break: break-word;
}

/* 分享页下载引导 S */
.share-banner {
  position: relative;
  z-index: 999;
  height: 14.4vw;
  background-color: #ffffff;
  display: none;
}

.share-banner a {
  display: block;
  height: 100%;
}
.share-banner .logo {
  position: absolute;
  left: 5.3333vw;
  top: 2.4vw;
  width: 9.8667vw;
  height: 9.8667vw;
  background-size: 9.8667vw 9.8667vw;
  background-image: url('../imgs/logo.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.share-banner .xinhua_news {
  position: absolute;
  left: 18.6667vw;
  top: 2.6667vw;
  font-size: 4.2667vw;
  font-family: 'charter_bold';
  font-weight: bold;
  color: #1f1f1f;
}

.share-banner .word {
  position: absolute;
  left: 18.6667vw;
  top: 7.4667vw;
  font-size: 3.2vw;
  font-family: 'charter_regular';
  font-weight: 400;
  color: #a4a4a4;
}

.share-banner .btn {
  position: absolute;
  right: 5.3333vw;
  top: 4.5333vw;
  height: 6.6667vw;
  padding: 0 3vw;
  background-color: #4387e3;
  color: #fff;
  font-size: 3.2vw;
  line-height: 6.6667vw;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.share-banner .btn-close {
  position: absolute;
  right: 4vw;
  top: 6.1333vw;
  width: 3.7333vw;
  height: 3.7333vw;
  cursor: pointer;
  display: block;
  background-size: contain;
  background-image: url('../imgs/xhs_fenxiang_guanbi@2x.png');
  background-repeat: no-repeat;
}

.share-banner .btn-close::after {
  position: absolute;
  top: 50%;
  left: 30%;
  width: 360%;
  height: 200%;
  transform: translateX(-50%) translateY(-50%);
  content: '';
  cursor: pointer;
}

/* 分享页下载引导 E */

.t-sub-container .live-status {
  margin-right: 2.6667vw;
}

.video-container + .title-container {
  /* margin-top: 4.8vw; */
}

.live-status.live {
  width: 13.6vw;
  height: 4.8vw;
  background: url('../imgs/icon-live.svg') no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 2.6667vw;
  right: 2.6667vw;
  z-index: 9;
}

.live-status.playback {
  width: 22.1333vw;
  height: 4.8vw;
  background: url('../imgs/icon-playback.svg') no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 2.6667vw;
  right: 2.6667vw;
  z-index: 9;
}

.live-status.upcoming {
  width: 23.6vw;
  height: 4.8vw;
  background: url('../imgs/icon-upcoming.svg') no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 2.6667vw;
  right: 2.6667vw;
  z-index: 9;
}

.summary-container {
  margin-bottom: 4vw;
  padding: 4vw 5.3333vw 4vw;
  background-color: rgba(216, 216, 216, 0.2);
  font-family: Helvetica-Bold, Helvetica;
  font-weight: bold;
  font-size: 4.8vw;
  line-height: 6.6667vw;
}

/* todo: 专题 */
.summary-container.special {
  position: relative;
  margin-left: 2vw;
  margin-bottom: 4vw;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2.6667vw;
  background-color: #fff;
}

.summary-container.special::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  overflow: hidden;
  background-color: #51a9ff;
  content: '';
}

.summary-container p + p {
  margin-top: 2.6667vw;
}

.news-list.fn-recommend {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}

.module-container {
  margin: 0.267rem 0;
}

.module-container .module-title {
  padding-left: 1.2rem;
  font-size: 0.427rem;
  font-weight: 700;
  line-height: 0.8rem;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background-size: 0.533rem;
}

.module-container .module-title.blue {
  background: url(../imgs/xhs_Recommended@2x.png) no-repeat;
  background-size: 0.533rem;
  background-position: 0.32rem 50%;
}

.module-container .module-title.red {
  background: url(../imgs/xhs_Comments@2x.png) no-repeat;
  background-size: 0.533rem;
  background-position: 0.32rem 50%;
}

.comment-list {
  margin-bottom: 0.84rem;
  -webkit-appearance: none;
  outline: 0;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}

.comment-list li {
  position: relative;
  margin-top: 0.4rem;
}

.comment-list .head-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.933rem;
  height: 0.933rem;
  overflow: hidden;
}

.comment-list .head-box img {
  width: 100%;
  height: 100%;
}

.comment-list .c-body {
  margin-left: 1.2rem;
}

.comment-list .c-b-name {
  color: #4990e2;
  line-height: 0.933rem;
}

.comment-list .c-b-sub {
  margin-top: 0.4rem;
  color: #c3c3c3;
  font-size: 0.293rem;
}

.comment-list .c-b-reply {
  float: right;
  color: #4a90e2;
  margin-right: 0.213rem;
  font-size: 0.293rem;
}

.line-more-btn {
  position: relative;
  margin-bottom: 0.8rem;
  text-align: center;
}

.line-more-btn span {
  padding: 0 0.267rem;
  color: #4990e2;
  background-color: #fff;
}

.line-more-btn:after {
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c3c3c3;
  z-index: -1;
}

.multi-line-ellipsis-2,
.multi-line-ellipsis-3,
.multi-line-ellipsis-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.multi-line-ellipsis-2 {
  -webkit-line-clamp: 2;
}

.multi-line-ellipsis-3 {
  -webkit-line-clamp: 3;
}

.multi-line-ellipsis-4 {
  -webkit-line-clamp: 4;
}

.common-f16 {
  font-size: 0.24rem;
  line-height: 0.32rem;
}

.specical-tag {
  margin-left: auto;
  color: #fff;
  font-size: 0.32rem;
}

.prism-player .prism-ErrorMessage {
  display: none !important;
}

.news-link-block .vote__title {
  color: #333;
}

/* 时间链 */
.timeline-container a {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

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

.content-container a[href$='.pdf'],
.content-container a[href$='.doc'],
.content-container a[href$='.docx'],
.timeline-container a[href$='.pdf'],
.timeline-container a[href$='.doc'],
.timeline-container a[href$='.docx'] {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 3.2vw;
  margin-bottom: 3.2vw;
  padding-top: 2.6667vw;
  padding-bottom: 2.6667vw;
  padding-right: 2.6667vw;
  padding-left: 10.1333vw;
  border: 1px solid rgba(0, 0, 0, 0.85);
  color: rgba(0, 0, 0, 0.85) !important;
  font-size: 3.7333vw !important;
  line-height: 5.3333vw !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

.timeline-container a[href$='.pdf']::before,
.timeline-container a[href$='.doc']::before,
.timeline-container a[href$='.docx']::before,
.content-container a[href$='.pdf']::before,
.content-container a[href$='.doc']::before,
.content-container a[href$='.docx']::before {
  position: absolute;
  top: 50%;
  left: 3.7333vw;
  z-index: 2;
  width: 4vw;
  height: 4.5333vw;
  transform: translateY(-50%);
  background-image: url('../imgs/annex_icon.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  content: '';
}

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

.news-template--timeline {
  background-color: #fff;
  box-shadow: 0px 0px 0.12rem 0px rgb(0 0 0 / 15%);
}

.news-template.news-template--timeline {
  padding-bottom: 0;
}

.news-template__timeline-cover {
  position: relative;
  height: 34.6667vw;
  overflow: hidden;
}

.news-template__timeline-cover img {
  width: 100%;
}

.news-template__timeline-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1vw 2.6667vw;
  color: #fff;
  font-size: 4.8vw;
  font-family: 'charter_bold';
  /* line-height: 5.8667vw; */
}

.news-template__timeline-title > span {
  display: block;
  position: relative;
  z-index: 3;
}

.news-template__timeline-title::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.65;
  content: '';
}

.news-template__timeline-status--ing,
.news-template__timeline-status--end {
  position: absolute;
  top: 2.6667vw;
  left: 2.6667vw;
  height: 4.8vw;
  padding: 0 1.3333vw;
  color: #fff;
  font-size: 3.4667vw;
  line-height: 4.8vw;
  white-space: nowrap;
}

.news-template__timeline-status--ing {
  background: linear-gradient(270deg, #ff6963 0%, #c6201c 100%);
}

.news-template__timeline-status--end {
  background-color: rgba(0, 0, 0, 0.3);
}

.news-template__timeline-children {
  padding: 2.6667vw; /*20*/
}

.timeline-children__item {
  position: relative;
  z-index: 1;
  padding-left: 5.0667vw;
}

.timeline-children__item:not(:last-child) {
  padding-bottom: 0.3333vw; /*40*/
}

.timeline-children__item:last-child .news-template__menu-line {
  display: none;
}

.news-template__menu-time {
  color: #333;
  font-family: 'charter_bold';
  font-weight: bold;
  font-size: 3.7333vw; /*28*/
  line-height: 5.6vw; /*42*/
}

.news-template__menu-title {
  color: #999;
  font-size: 3.2vw; /*24*/
  line-height: 3.7333vw; /* 28 */
  font-weight: normal;
}

.news-template__menu-time + .news-template__menu-title {
  margin-top: 0.5333vw;
}

.news-template__menu-point {
  position: absolute;
  z-index: 2;
  top: 1.0667vw;
  left: 0;
  width: 2.9333vw;
  height: 2.9333vw;
  background: url('../imgs/icon-timeline-circle.png') no-repeat 50% 50%;
  background-size: 100% 100%;
}

.news-template__menu-line {
  position: absolute;
  left: 1.4vw;
  top: 3vw;
  height: 100%;
  width: 1px;
  background: url('../imgs/icon-timeline-line.svg') repeat-y 0 0;
}

/* 端内分享组件 S */
.share-container {
  display: flex;
  justify-content: space-around;
  padding: 4vw 5.3333vw;
}

.share-container li {
  width: 12.5333vw;
  height: 12.5333vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.share-container .icon-facebook {
  background-image: url('../imgs/xhs_facebook@2x.png');
}

.share-container .icon-twitter {
  background-image: url('../imgs/xhs_twitter@2x.png');
}
.share-container .icon-x {
  background-image: url('../imgs/xhs_x@2x.png');
}
.share-container .icon-x.no-plat {
  background-image: url('../imgs/xhs_x_disable@2x.png');
}

.share-container .icon-wechat {
  background-image: url('../imgs/xhs_wechat@2x.png');
}

.share-container .icon-wechat-moment {
  background-image: url('../imgs/xhs_wechat_moment@2x.png');
}

.share-container .no-plat {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* 端内分享组件 E */

.audio-easy-container {
  position: relative;
  margin: 4vw 0;
  height: 18.6667vw;
  cursor: pointer;
  font-style: normal;
}

.audio-easy-container .a-e-top {
  position: relative;
  z-index: 2;
  padding: 2.6667vw;
  background-size: 100% 100%;
  background-image: url(../imgs/newsdetailpage_soundwave.png);
  overflow: hidden;
}

.new-audio-easy-container .a-e-top {
  position: relative;
  z-index: 2;
  padding: 2.6667vw;
  background-color: #F6F6F6;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.audio-easy-container .a-e-icon {
  float: left;
  width: 5.8667vw;
  height: 5.8667vw;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto 100%;
  background-image: url(../imgs/site_content_audio.png);
}

.audio-easy-container .a-e-topic {
  padding-left: 1.6667vw;
  float: left;
  width: 74vw;
  height: 5.8667vw;
  color: #1c1c1c;
}

.audio-easy-container .a-e-icon.act {
  background-image: url(../imgs/site_content_audio2.png);
}

.audio-easy-container .a-e-topic p {
  margin-top: 0 !important;
  font-size: 4.2667vw !important;
  line-height: 5.8667vw !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

.new-audio-easy-container .a-e-topic p {
  margin-top: 0 !important;
  font-size: 4.2667vw !important;
  line-height: 5.8667vw !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
  /* text-overflow: ellipsis; */
  /* overflow: hidden; */
}

.new-audio-easy-container .a-e-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.new-audio-easy-container .a-e-time {
  /* float: right; */
  /* height: 4.5333vw; */
  /* width: 10.9333vw; */
  /* margin-top: 10px; */
  line-height: 4.5333vw !important;
  font-size: 3.2vw !important;
  color: rgba(0,0,0,0.4);
  white-space: nowrap;
  text-align: right;
  text-indent: 0;
}

.new-audio-easy-container .a-e-play-speed {
  background: #E5E5E5;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  padding: 4px 0;
  font-size: 2.6vw !important;
  color: #000000;
  line-height: 2.6vw !important;
  width: 30px;
  text-align: center;
  font-family: SFProText, SFProText;
}
.new-audio-easy-container .a-e-play-btn {
  width: 6.9vw;
  height: 6.9vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.new-audio-easy-container .a-e-play {
  background-image: url('../imgs/audio-easy-play.png');
}

.new-audio-easy-container .a-e-pause {
  background-image: url('../imgs/audio-easy-pause.png');
}
.new-audio-easy-container .current-dot {
  background-image: url("../imgs/audio-easy-current.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  width: 2.6vw;
  height: 2.6vw;
  position: absolute;
  left: 0;
  top: 1px;
  transform: translate(-50%,-50%);
}

.new-audio-easy-container .a-e-bar {
  /* position: absolute; */
  z-index: 3;
  /* bottom: 2.6667vw;
  left: 2.6667vw; */
  width: 40vw;
  height: 2px;
  background: #dcdcdc;
  position: relative;
}

.audio-easy-container .a-e-time {
  float: right;
  height: 4.5333vw;
  width: 10.9333vw;
  margin-top: 10px;
  line-height: 4.5333vw !important;
  font-size: 3.2vw !important;
  color: #4a90e2;
  white-space: nowrap;
  text-align: right;
  text-indent: 0;
}

.audio-easy-container .a-e-bar {
  position: absolute;
  z-index: 0;
  bottom: 2.6667vw;
  left: 2.6667vw;
  width: 74.6667vw;
  height: 4.8vw;
  background: #dcdcdc;
}

.audio-easy-container .a-e-bar .bar-container {
  display: block;
  height: 100%;
  width: 0;
  background-color: #4a90e2;
}

.new-audio-easy-container .a-e-topic p {
  display: inline-block;
  animation: marquee 15s linear infinite;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

audio:not([controls]) {
  display: none;
}

.sys-error-tips {
  margin-top: 40%;
  text-align: center;
  color: #6f6f6f;
  font-size: 4.4vw;
  white-space: nowrap;
}

.sys-error-tips img {
  display: block;
  width: 24vw;
  margin: 0 auto 4vw;
}

.content-container .video-player,
.timeline-container .video-player {
  display: block;
}

.image-trigger-container--inner {
  position: relative;
  z-index: 1;
  margin-top: 3.2vw;
  margin-bottom: 3.2vw;
  height: 100% !important;
}

.image-trigger-container--inner.active .front {
  opacity: 0;
  transition: opacity 1s ease;
}

.image-trigger__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}

.image-trigger__item.front {
  z-index: 3;
}

.image-trigger__item.back {
  z-index: 2;
}

.image-trigger__obj {
  height: 66.667vw;
}

.image-trigger__obj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}

.image-trigger__desc {
  margin: 0;
  padding-top: 8px;
  color: #337fe5;
  word-wrap: break-word;
}

br {
  display: none;
}

::-webkit-scrollbar,
::-webkit-scrollbar:hover {
  background-color: transparent;
  width: 6px;
}

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* ::-webkit-scrollbar-track:hover {
  background-color: #f4f4f4;
} */

/* scrollbar itself */
::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 5px solid #babac0;
}

.special-template__bd::-webkit-scrollbar-thumb {
  /* border: 5px solid #fff; */
}

::-webkit-scrollbar-thumb:hover {
  border: 4px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
  /* display: none; */
  height: 6px;
}

.svg-img-container {
  display: block;
  width: 100%;
  height: auto;
  margin: 3.2vw auto;
}

.content-container .svg-img-container {
  width: calc(100% + 10.6667vw) !important;
  margin-left: -5.3333vw;
  margin-right: -5.3333vw;
}

.img-responsive {
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.video-error-msg {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  background-color: #000;
  padding: 4px 8px;
  color: #fff;
  font-size: 3.2vw;
  white-space: nowrap;
  line-height: 4.2667vw;
}

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

.is-pc .content-container {
  cursor: default;
}

.swiper-container {
  transform: translate3d(0, 0, 0);
}

.swiper-container .swiper-slide {
  -webkit-tap-highlight-color: transparent;
}

.news-cover--container {
  margin-bottom: -9.3333vw;
  cursor: pointer;
}

.news-cover--container img {
  object-fit: cover;
}

.news__cover-desc {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  max-height: calc(45% - 2.6667vw - 11.6667vw);
  overflow-y: auto;
  padding: 2.6667vw 4vw 11.6667vw 4vw;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: 3.7333vw;
  line-height: 4.5333vw;
}

.news__cover-icon {
  position: absolute;
  right: 3.2vw;
  bottom: 11.6667vw;
  z-index: 2;
  width: 5.6vw;
  height: 5.6vw;
  background: url('../imgs/icon-figurecaption.png') no-repeat 0 0;
  background-size: contain;
}

.news__cover-icon::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200%;
  height: 200%;
  content: '';
  cursor: pointer;
}

/* 覆写正文样式 */
.content-container *,
.timeline__main-content *,
.timeline__sub-content * {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.content-container p,
.content-container ul,
.content-container ol,
.timeline-container p,
.timeline-container ul,
.timeline-container ol {
  max-width: 100%;
}

.content-container > p,
.content-container > div,
.content-container ul,
.content-container ol,
.content-container table {
  margin-bottom: 15px !important;
  padding: 0 !important;
}

.content-container u {
  text-decoration: none;
}

/* 黑暗模式 */
.is-dark {
  background-color: #1f1f1f;
}

.is-dark .title-container,.is-dark .title-container2 {
  background-color: #1f1f1f;
}

.is-dark .title-container .title,
.is-dark .title-container2 .title {
  /* color: rgba(255, 255, 255, 0.65); */
  /* 在iOS中，'charter_bold'字体会让数字不受rgba中的a影响 */
  color: rgba(255, 255, 255, 1);
  opacity: .65;
}

.is-dark .summary-container {
  color: rgba(255, 255, 255, 0.65);
}

.is-dark .reporter__name {
  color: #fff;
}

.is-dark .reporter__desc {
  color: rgba(255, 255, 255, 0.45);
}

.is-dark .content-container {
  color: rgba(255, 255, 255, 0.65);
}

.is-dark .vote__title,
.is-dark .vote__description,
.is-dark .follow-up-audio {
  color: rgba(255, 255, 255, 0.65);
}

.is-dark .news-information {
  color: rgba(255, 255, 255, 0.45);
}

.is-dark .t-sub-container {
  border-color: rgba(255, 255, 255, 0.1);
}

.is-dark .vote__item {
  /* border-color: transparent; */
  background-color: rgba(255, 255, 255, 0.07);
}

.is-dark .vote__item.active {
  border-color: #4387e3;
}

.is-dark .vote__item.active .vote__description {
  color: #4387e3;
}

.is-dark .vote__btn.disabled,
.is-dark .vote-container[data-status='0'] .vote__btn {
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.07);
}

.is-dark .vote-container[data-status='0'] .vote__icon,
.is-dark .vote-group[data-voteType='0'] .vote__icon {
  border-color: rgba(255, 255, 255, 0.65);
  background-color: transparent;
}

.is-dark .vote-group[data-voteType='0'] .vote__item.active .vote__icon {
  box-sizing: border-box;
  border-width: 4px;
  border-color: #4387e3;
  background-color: #fff;
}

.is-dark .vote-container[data-status='1'][data-voted='true'] .vote__btn {
  background-color: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.65);
}

.is-dark .vote-container[data-status='1'] [data-first='true'] .vote__percent-bg {
  background-color: rgba(74, 148, 247, 0.1);
}

.is-dark .vote-container[data-status='1'][data-voted='true'] .vote__item[data-selected='true'] .vote__description {
  color: #4387e3;
}

.is-dark .vote-container[data-status='2'] .vote__item[data-first='true'] .vote__percent-bg {
  background-color: rgba(74, 148, 247, 0.1);
}

.is-dark .follow-up-container {
  background-image: none;
}

.is-dark .follow-content-en-text,
.is-dark .follow-content-cn {
  color: rgba(255, 255, 255, 0.85);
}

.is-dark .icon-detail-back {
  background: url('../imgs/icon-detail-back-dark.svg') no-repeat 50% 50%;
  background-size: contain;
}

.is-dark .icon-detail-collect {
  background: url('../imgs/icon-detail-collect-dark.svg') no-repeat 50% 50%;
  background-size: contain;
}

.is-dark .icon-detail-collected {
  background: url('../imgs/icon-detail-collected-dark.svg') no-repeat 50% 50%;
  background-size: contain;
}

.is-dark .icon-detail-share {
  background: url('../imgs/icon-detail-share-dark.svg') no-repeat 50% 50%;
  background-size: contain;
}

.is-dark .follow-box-bg-mask-layer {
  border-radius: 1.3333vw;
}

.is-dark .follow-up-audio-btn-inner {
  background: url('../imgs/icon-microphone-dark.svg') no-repeat 50% 50%;
  background-size: contain;
}

.is-dark .share-container .icon-facebook {
  background-image: url('../imgs/icon-facebook-dark.svg');
}

.is-dark .share-container .icon-twitter {
  background-image: url('../imgs/icon-twitter-dark.svg');
}
.is-dark .share-container .icon-x {
  background-image: url('../imgs/icon-x-dark.png');
}
.is-dark .share-container .icon-x.no-plat {
  background-image: url('../imgs/icon-x-dark-disable.png');
}

.is-dark .share-container .icon-wechat {
  background-image: url('../imgs/icon-wechat-dark.svg');
}

.is-dark .share-container .icon-wechat-moment {
  background-image: url('../imgs/icon-wechat-moment-dark.svg');
}

.is-dark .content-container a,
.is-dark .timeline-container a {
  color: rgba(255, 255, 255, 0.65) !important;
}

.is-dark .timeline__btn-share {
  background: url('../imgs/icon-share-dark.svg') no-repeat 50% 50%;
  background-size: contain;
}

.is-dark .timeline__btn-link {
  background: url('../imgs/icon-link-dark.svg') no-repeat 50% 50%;
  background-size: contain;
}

.is-dark .audio-easy-container .a-e-topic {
  color: rgba(255, 255, 255, 0.65);
}

.is-dark .audio-easy-container .a-e-time {
  color: #4387e3;
}

.is-dark .audio-easy-container .a-e-top {
  background: url('../imgs/newsdetailpage_soundwave2.png') no-repeat 0 0;
  background-size: 100% 100%;
}

.is-dark .audio-easy-container .a-e-bar {
  background-color: transparent;
}

.is-dark .timeline-detail {
  background-color: #1f1f1f;
}

.is-dark .timeline__main-title {
  color: rgba(255, 255, 255, 0.65);
}

.is-dark .audio-easy-container .a-e-topic {
  /* color: rgba(255, 255, 255, 0.65); */
  color: rgba(190, 190, 190, 1);
}

.is-dark .new-audio-easy-container .a-e-time {
  /* color: #4387e3; */
  color: rgba(255, 255, 255, 0.50);
}

.is-dark .new-audio-easy-container .a-e-top {
  /* background: url('../imgs/newsdetailpage_soundwave2.png') no-repeat 0 0;
  background-size: 100% 100%; */
  background-color: rgba(0, 0, 0, 0.06);
}
.is-dark .new-audio-easy-container .bar-container {
  background-color: rgba(149, 149, 149, 1);
}
.is-dark .new-audio-easy-container .a-e-play-speed {
  background: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.2);
  color: #BEBEBE;
}
.is-dark .new-audio-easy-container .a-e-bar {
  /* background-color: transparent; */
  background-color: rgba(216, 216, 216, .15);
}

.is-dark .news-info--outer {
  border-color: rgba(255, 255, 255, 0.1);
}

.is-dark .timeline__main-content,
.is-dark .timeline__sub-content,
.is-dark .timeline__sub-title,
.is-dark .timeline-container a {
  color: rgba(255, 255, 255, 0.65) !important;
}

.is-dark .news-info--inner {
  color: rgba(255, 255, 255, 0.65);
}

.is-dark .content-container a[href$='.pdf'],
.is-dark .content-container a[href$='.doc'],
.is-dark .content-container a[href$='.docx'],
.is-dark .timeline-container a[href$='.pdf'],
.is-dark .timeline-container a[href$='.doc'],
.is-dark .timeline-container a[href$='.docx'] {
  color: rgba(255, 255, 255, 0.65) !important;
  border-color: rgba(255, 255, 255, 0.45);
  text-decoration: none !important;
}

.is-dark .timeline-container a[href$='.pdf']::before,
.is-dark .timeline-container a[href$='.doc']::before,
.is-dark .timeline-container a[href$='.docx']::before,
.is-dark .content-container a[href$='.pdf']::before,
.is-dark .content-container a[href$='.doc']::before,
.is-dark .content-container a[href$='.docx']::before {
  background-image: url('../imgs/icon-attachment-dark.svg');
}

.is-dark #open_vote {
  color: rgba(255, 255, 255, 0.65);
}

.is-dark #bubblePopupModal .bubblePopup-content {
  background-color: rgba(46, 46, 46, 1);
}
.is-dark #bubblePopupModal .bubblePopup-content .top-banner .bubblePopup-name {
  color: #ffffff;
}
.is-dark #bubblePopupModal .bubblePopup-content .top-banner .bubblePopup-name::after {
  opacity: .5;
}
.is-dark #bubblePopupModal .bubblePopup-content .content .bubblePopup-title {
  color: #B1B1B1;
  font-family: Charter-Roman, Charter;
}
.is-dark .content-container .bubblePopup,.is-dark .content-container .manuLink {
  color: rgba(67, 135, 227, 1) !important;
}
.is-dark .error-container p {
  color: #ffffff;
}

.error-container {
  text-align: center;
}

.video-placeholder {
  display: block;
  margin-top: 3.2vw;
  margin-bottom: 3.2vw;
  position: relative;

}

.video-placeholder .play_btn_video {
  position: absolute;
  right: 3vw;
  bottom: 3vw;
  width: 10vw;
}

.content-container .video-placeholder {
  width: calc(100% + 10.6667vw);
  margin-left: -5.3333vw;
  margin-right: -5.3333vw;
}

.content-container .video-placeholder video {
  display: block;
  width: 100%;
  /* height: 56vw; */
  height: auto;
  background-color: #000;
}

.timeline-detail video {
  display: block;
  width: 100%;
  /* height: 50.1333vw; */
  height: auto;
  margin-top: 3.2vw;
  margin-bottom: 3.2vw;
}

.expire-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #eee;
  text-align: center;
}

.expire-container img {
  width: 20%!important;
  margin: 20% auto 0!important;
}

.expire-container p {
  margin-top: 0.96rem!important;
  color: #6f6f6f!important;
  font-size: 0.96rem!important;
}

.water-mark{
  width: 40vw;
  position: absolute;
  top:24vw;
  right:10vw;
  color:grey;
  z-index:1000;
  opacity: 0.6;
  font-size: 0.8rem;
  text-align: center;
}
.title-preview-tips{
  position: absolute;
  bottom:4vw;
  left:40vw;
  color:grey;
  z-index:1000;
  opacity: 0.6;
  font-size: 0.8rem;
  text-align: center;
}

figure {
  margin-left: 0;
  margin-right: 0;
}

/* 端内操作组件 点赞收藏 */
.act-container {
  display: flex;
  justify-content: space-around;
  padding: 4vw 5.3333vw;
}

.act-container li{
  display: flex;
  align-items: center;
  flex-direction: column;
}

.act-container li .act-icon {
  width: 12.5333vw;
  height: 12.5333vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.act-container .icon-like {
  background-image: url('../imgs/icon-like.png');
}
.act-container .icon-saved {
  background-image: url('../imgs/icon-saved.png');
}
.act-container .icon-like.no-plat {
  background-image: url('../imgs/icon-like-no.png');
}
.act-container .icon-saved.no-plat {
  background-image: url('../imgs/icon-saved-no.png');
}
.act-container .icon-translate {
  background-image: url('../imgs/icon-translate2.png');
}

.is-dark .act-container .icon-like {
  background-image: url('../imgs/icon-like-dark.png');
}
.is-dark .act-container .icon-saved {
  background-image: url('../imgs/icon-saved-dark.png');
}
.is-dark .act-container .icon-like.no-plat {
  background-image: url('../imgs/icon-like-no-dark.png');
}
.is-dark .act-container .icon-saved.no-plat {
  background-image: url('../imgs/icon-saved-no-dark.png');
}
.is-dark .act-container .icon-translate {
  background-image: url('../imgs/icon-translate2-dark.png');
}

.act-container li .icon-title {
  font-family: STSongti-SC, STSongti-SC;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  margin-top: 4px;
}
.is-dark .act-container li .icon-title {
  color: rgba(153, 153, 153, 1)
}