@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;
}

img,
video {
	vertical-align: top;
}

a img,
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 {
	width: 100vw;
	font-family: 'charter_regular';
	overflow-x: hidden;
	word-break: break-word;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

@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;
}

.clearfix:after,
.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;
}

.fn-hide,
.none {
	display: none;
}

.fn-left,
.fn-right {
	display: inline;
}

.fn-left {
	float: left;
}

.fn-right {
	float: right;
}

.fn-ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.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;
}

/* 分享页下载引导 S */
.share-banner {
	position: relative;
	z-index: 1;
	height: 16vw;
	background-size: cover;
	background-image: url('../imgs/xhs_fenxiang_tishi@2x.png');
	background-repeat: no-repeat;
}

.share-banner a {
	display: block;
	height: 100%;
}

.share-banner .btn {
	position: absolute;
	right: 15.4667vw;
	top: 4.5333vw;
	width: 21.3333vw;
	height: 7.7333vw;
	background-size: 100% 100%;
	background-image: url('../imgs/xhs_fenxiang_xiazai@2x.png');
	background-repeat: no-repeat;
}

.share-banner .icon-close {
	display: block;
	background-size: 100% 100%;
	background-image: url('../imgs/xhs_fenxiang_guanbi@2x.png');
	background-repeat: no-repeat;
}

.share-banner .btn-close {
	position: absolute;
	right: 4vw;
	top: 6.1333vw;
	width: 3.7333vw;
	height: 3.7333vw;
	cursor: pointer;
}
/* 分享页下载引导 E */

/* 新闻详情页样式 S */
.title-container {
	box-sizing: border-box;
	margin-bottom: 4vw;
	padding: 3.2vw 5.3333vw 0;
}

.title-container .title {
	margin-bottom: 5.0667vw;
	font-family: 'charter_bold';
	color: #191919;
	font-size: 6.9333vw;
	line-height: 9.6vw;
}

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

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

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

.live-status.live {
	width: 13.6vw;
	height: 4.8vw;
	background: url('../imgs/icon-live.svg') no-repeat 0 0;
	background-size: cover;
}

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

.live-status.upcoming {
	width: 23.6vw;
	height: 4.8vw;
	background: url('../imgs/icon-upcoming.svg') no-repeat 0 0;
	background-size: cover;
}

.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: cover;
	content: '';
}

.content-container {
	padding: 0 5.3333vw 5.3333vw;
	color: #333;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.content-container p:not(.img-desc-container) {
	margin-top: 4vw;
	margin-bottom: 4vw;
}

.content-container * {
	font-family: inherit !important;
	font-size: inherit !important;
}

.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 {
	font-family: 'charter_bold' !important;
}

.content-container img {
	width: 100% !important;
	max-width: 100% !important;
	margin: 2vw auto;
	border-radius: 2vw;
}

.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;
}

.content-container video {
	width: 89.3333vw;
	height: 50.1333vw;
	overflow: hidden;
	border-radius: 2vw;
	object-fit: contain;
}

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

.content-container a {
	color: #4387e3;
	text-decoration: underline;
}

.author-info {
	margin-top: 4vw;
	padding-right: 4vw;
	padding-left: 4vw;
	color: #a0a0a0;
	word-break: break-word;
	line-height: 1.5;
}

.author-info.xl-font {
	font-size: 5.2333vw;
}

.author-info.l-font {
	font-size: 4.7333vw;
}

.author-info.m-font {
	font-size: 4.5333vw;
}

.author-info.s-font {
	font-size: 3.7333vw;
}

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

/* 端内字体适配 S */
.content-container.s-font {
	font-size: 4vw;
	line-height: 6.1333vw;
}

.content-container summary {
	display: block;
	margin-top: 4vw;
	margin-bottom: 4vw;
	color: rgb(111, 161, 228);
}

.summary-container.s-font .summary__content {
	font-size: 4vw;
	line-height: 6.1333vw;
}

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

.summary-container.m-font .summary__content {
	font-size: 4.5333vw;
	line-height: 6.6667vw;
}

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

.summary-container.l-font .summary__content {
	font-size: 5.0667vw;
	line-height: 6.6667vw;
}

.content-container.xl-font {
	font-size: 6.4vw;
	line-height: 8.2667vw;
}

.summary-container.xl-font .summary__content {
	font-size: 5.6vw;
	line-height: 8.2667vw;
}
/* 端内字体适配 E */

.summary-container {
	box-sizing: border-box;
	margin-bottom: 3vw;
	padding: 0 4vw;
	font-family: 'charter_bold';
	font-size: 4.5333vw;
	line-height: 6.6667vw;
}

.summary__content {
	border-left: 5px solid #51a9ff;
	padding-left: 2.6667vw;
}

.summary-container.special {
	margin-left: 4vw;
	margin-bottom: 4vw;
	border-left: 5px solid #51a9ff;
}

.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;
	border-radius: 0.467rem;
	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;
}

/* 时间链 */
.news-template--timeline {
	background-color: #fff;
	box-shadow: 0px 0px 0.12rem 0px rgb(0 0 0 / 15%);
	border-radius: 2.1333vw;
}

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

.news-template__timeline-cover {
	position: relative;
	height: 34.6667vw;
	overflow: hidden;
	border-top-left-radius: 2.1333vw;
	border-top-right-radius: 2.1333vw;
}

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

.news-template__timeline-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1vw 2.6667vw;
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 4.8vw;
	line-height: 5.8667vw;
}

.news-template__timeline-status--ing,
.news-template__timeline-status--end {
	position: absolute;
	top: 2.6667vw;
	left: 2.6667vw;
	width: 16vw;
	height: 4.8vw;
	border-radius: 3px;
	color: #fff;
	font-size: 3.4667vw;
	line-height: 4.8vw;
	text-align: center;
}

.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-bottom: 2.6667vw; /*20*/
	padding-left: 5.0667vw;
}

.timeline-children__item + .timeline-children__item {
	margin-top: 2.6667vw;
}

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

.news-template__menu-time {
	color: #333;
	font-family: 'charter_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 */
}

.news-template__menu-point {
	position: absolute;
	z-index: 2;
	top: 1.0667vw;
	left: 0;
	width: 3.2vw;
	height: 3.2vw;
	border-radius: 50%;
	background-color: #51a9ff4d;
}

.news-template__menu-point::after {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.6vw;
	height: 1.6vw;
	border-radius: 50%;
	background-color: #51a9ff;
	transform: translateX(-50%) translateY(-50%);
	content: '';
}

.news-template__menu-line {
	position: absolute;
	left: 1.4vw;
	top: 3vw;
	height: 100%;
	width: 1px;
	border-left: 1px dashed #51a9ff;
}

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

.share-container li {
	width: 12.5333vw;
	height: 12.5333vw;
}

.share-container img {
	display: block;
	width: 100%;
}

.share-container .no-plat img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
/* 端内分享组件 E */

.audio-easy-container {
	position: relative;
	margin: 0.53rem 0;
	width: 89vw;
	height: 18.6667vw;
	cursor: pointer;
}

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

.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;
	font-size: 4.2667vw;
	line-height: 5.8667vw;
	text-indent: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.audio-easy-container .a-e-time {
	float: right;
	margin-top: 2.6667vw;
	height: 4.5333vw;
	width: 10.9333vw;
	line-height: 4.5333vw;
	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;
}

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;
}