@charset "utf-8";

/* 端内分享组件 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 */

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

.fn-pd24 {
	padding: 0 0.32rem;
}

.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 .n-single-img {
	position: relative;
	z-index: 1;
	padding-bottom: 16px;
	border-bottom: 1px solid #dadada;
}

.news-list .n-single-img:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;
}

.news-list .n-single-img .img-box img {
	width: 100%;
	height: 100%;
	border-radius: 2.1333vw;
	background: url(../imgs/xhs_4_3.png) no-repeat 50% 50%;
	background-size: contain;
	object-fit: contain;
}

.news-list .n-single-img .img-box.video:after {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: '';
	width: 1.387rem;
	height: 1.013rem;
	background: url(../imgs/xhs_video__label@2x.png) no-repeat;
	background-size: 100%;
}

.news-list .n-single-img .n-title {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 2.6667vw;
	font-size: 0.427rem;
	line-height: 0.56rem;
	font-weight: 400;
	word-break: break-word;
}

.news-list .n-single-img .img-box {
	width: 28vw;
	height: 20.8vw;
}

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

.news-list .n-single-img .n-s-time {
	display: inline-flex;
	align-items: center;
}

.news-list .n-single-img .n-s-time::before {
	display: inline-flex;
	width: 3.2vw;
	height: 3.2vw;
	margin-right: 1.6vw;
	background: url(../imgs/xhs_time@3x.png) no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	content: '';
}

.news-list .n-single-img .n-s-comment {
	margin-left: 4.2667vw;
}

.news-list .n-single-img .n-s-comment::before {
	position: relative;
	top: 0.8vw;
	display: inline-flex;
	width: 3.2vw;
	height: 3.2vw;
	margin-right: 1.6vw;
	background: url(../imgs/xhs_pinglunshuliang@3x.png) no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	content: '';
}

.news-list .n-single-img .n-tags {
	margin-left: 4.2667vw;
}

.news-list .n-single-img .n-tags span {
	color: #337fe5;
}

.news-list .n-single-img:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;
}

.news-list .n-single-img .img-box.video:after {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: '';
	width: 1.387rem;
	height: 1.013rem;
	background: url(../imgs/xhs_video__label@2x.png) no-repeat;
	background-size: 100%;
}

.news-list .n-single-img .n-sub {
	clear: both;
	overflow: hidden;
	padding-top: 4.2667vw;
	color: #c3c3c3;
	font-size: 0.213rem;
	line-height: 0.347rem;
}

.news-list .n-single-img .n-sub .n-tags {
	float: right;
}

.news-list .n-single-img .n-sub .n-tags span {
	padding: 0 0.107rem;
	color: #ff6767;
	border: 1px solid #ff6767;
	border-radius: 0.08rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.xhs-special-list {
	padding-bottom: 0.347rem;
	border-bottom: 0.013rem solid #c3c3c3;
	border-top: 0.013rem solid #c3c3c3;
	margin: 0.467rem 0.32rem;
}

.xhs-special-list .title {
	font-size: 0.587rem;
	line-height: 0.8rem;
	color: #000;
}

.special-content img {
	width: 100%;
	margin-top: 0.173rem;
}

.special-news-list li {
	margin-top: 0.373rem;
}

.special-news-list li a {
	display: block;
}

.special-news-list li a i.icon-text {
	float: left;
	display: block;
	width: 0.4rem;
	height: 0.48rem;
	background: url(../imgs/xhs_home_Topic_text@2x.png) no-repeat;
	background-size: 100%;
	margin-top: 0.053rem;
}

.special-news-list li a .special-news-title {
	line-height: 0.587rem;
	margin-left: 0.88rem;
	font-size: 0.427rem;
	color: #191919;
}

.news-infor-div {
	bottom: 0.267rem;
	font-size: 0.24rem;
	color: #c3c3c3;
	margin-top: 0.24rem;
}

.news-infor-div > div {
	width: 2.453rem;
}

.news-infor-div > div i {
	display: inline-block;
	width: 0.32rem;
	height: 0.32rem;
	margin-right: 0.267rem;
	vertical-align: -0.04rem;
}

.news-infor-div .see-more-img-btn {
	margin-right: 0;
}

.smallimg-news {
	position: relative;
	padding: 0.133rem 0.32rem;
}

.smallimg-news a {
	display: block;
}

.smallimg-news a .index-news-title {
	line-height: 0.587rem;
	font-size: 0.453rem;
	color: #191919;
	font-weight: 400;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.smallimg-single-news-about {
	position: relative;
	height: 2.587rem;
}

.smallimg-single-news-about .index-news-title {
	padding: 0.133rem 0.267rem 0 0;
}

.smallimg-single-news-about .news-infor-div {
	position: absolute;
	left: 0;
	bottom: 0.133rem;
	margin-top: 0;
}

.news-time i {
	background: url(../imgs/xhs_time@2x.png) no-repeat;
	background-size: 100%;
}

.news-comment-num i {
	background: url(../imgs/xhs_pinglunshuliang@2x.png) no-repeat;
	background-size: 100%;
}

.see-more-img-btn {
	width: auto !important;
	line-height: 0.373rem;
	padding: 0.053rem 0.133rem;
	border: 0.027rem solid #f66;
	border-radius: 0.053rem;
	font-size: 0.24rem;
	color: #f66;
	margin-top: -2px;
}

.special-sign {
	line-height: 0.427rem;
}

.smallimg-single {
	padding: 0.133rem 0.32rem;
}

.smallimg-single-pic {
	position: relative;
	width: 3.467rem;
	height: 2.587rem;
}

.smallimg-single-pic img {
	width: 100%;
	height: 100%;
}

.smallimg-single-news-about {
	margin-left: 3.733rem;
}

.smallimg-moreimg {
	padding-left: 0;
	padding-right: 0;
}

.smallimg-morepic-box {
	width: 3.307rem;
	height: 2.587rem;
	margin-right: 0.053rem;
}

.smallimg-morepic-box:last-child {
	margin-right: 0;
}

.smallimg-morepic-box img {
	width: 100%;
	height: 100%;
}

.smallimg-more-news-about {
	padding: 0.187rem 0.32rem 0;
}

.bigimg-news a {
	display: block;
}

.bigimg-news a .relative-div {
	position: relative;
}

.bigimg-news a .relative-div img {
	width: 100%;
	height: 100%;
}

.position-div {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(rgba(0, 0, 0, 0)),
		color-stop(rgba(0, 0, 0, 0)),
		color-stop(rgba(0, 0, 0, 0.1)),
		to(rgba(0, 0, 0, 0.8))
	);
	background: linear-gradient(
		rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0.1),
		rgba(0, 0, 0, 0.8)
	);
	background: -webkit-linear-gradient(
		rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0.1),
		rgba(0, 0, 0, 0.8)
	);
}

.position-div > * {
	position: absolute;
	z-index: 3;
}

.position-div .position-title {
	left: 0;
	bottom: 0.4rem;
	line-height: 0.64rem;
	font-size: 0.507rem;
	color: #fff;
	padding: 0 0.32rem;
	font-weight: 400;
}

.position-div .live-sign {
	left: 0.32rem;
	top: 0.4rem;
	width: 1.44rem;
	height: 0.533rem;
	line-height: 0.533rem;
	background: #eb2d2d;
	border-radius: 100px;
	text-align: center;
	font-size: 0.373rem;
	color: #fff;
	font-weight: 700;
}

.position-div .video-time {
	right: 0.32rem;
	top: 0.267rem;
	display: block;
	height: 0.4rem;
	line-height: 0.4rem;
	padding: 0 0.187rem;
	border-radius: 0.053rem;
	border: 0.027rem solid #fff;
	font-size: 0.187rem;
	color: #fff;
	font-weight: 400;
}

.position-div .video-time .icon-video-time {
	display: inline-block;
	width: 0.16rem;
	height: 0.173rem;
	background: url(../imgs/xhs_videotime@3x.png) no-repeat;
	background-size: 100%;
	margin-right: 0.133rem;
	vertical-align: 1px;
}

.position-div .icon-play {
	right: 0.32rem;
	bottom: 0.48rem;
	display: block;
	width: 0.907rem;
	height: 0.907rem;
	background: url(../imgs/xhs_Home_Play_bet@2x.png) no-repeat;
	background-size: 100%;
}

.icon-video {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 1.36rem;
	height: 0.987rem;
	background: url(../imgs/xhs_video__label@2x.png) no-repeat;
	background-size: 100%;
}

.live-news .relative-div {
	width: 100%;
	height: 3.733rem;
	margin-bottom: 0.48rem;
}

.imgcover-news,
.video-news {
	padding: 0.133rem 0;
}

.imgcover-news .relative-div,
.video-news .relative-div {
	width: 100%;
	height: 5.627rem;
}

.imgcover-news .news-infor-div,
.video-news .news-infor-div {
	padding: 0 0.32rem;
}

.video-news .position-title {
	margin-right: 1.6rem;
}

.smallimg-noimg {
	padding: 0.267rem 0.32rem;
}

.video-container .error-tip {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-top: 1.467rem;
	background: #000;
}

.video-container .error-tip p {
	font-size: 0.293rem;
	color: #fff;
	line-height: 0.613rem;
	text-align: center;
}

.video-container .error-tip .goon-btn {
	display: block;
	margin: 0.507rem auto 0;
	width: 3.067rem;
	height: 0.613rem;
	line-height: 0.613rem;
	border: 0.027rem solid #4f8dd8;
	border-radius: 100px;
	font-size: 0.293rem;
	color: #4f8dd8;
	text-align: center;
}

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

.error-container img {
	display: block;
	width: 2.4rem;
	margin: 40% auto 0;
}

.error-container p {
	color: #6f6f6f;
	font-size: 0.347rem;
}

.audio-easy-container {
	position: relative;
	margin: 0.53rem 0;
	width: 9.2rem;
	height: 1.86rem;
	cursor: pointer;
}

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

.audio-easy-container .a-e-icon {
	float: left;
	width: 0.58rem;
	height: 0.58rem;
	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: 0.26rem;
	float: left;
	width: 7.81rem;
	height: 0.58rem;
	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: 0.42rem;
	line-height: 0.58rem;
	text-indent: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.audio-easy-container .a-e-time {
	float: right;
	margin-top: 0.26rem;
	height: 0.45rem;
	width: 1.09rem;
	line-height: 0.45rem;
	font-size: 0.32rem !important;
	color: #4a90e2;
	white-space: nowrap;
	text-align: right;
	text-indent: 0;
}

.audio-easy-container .a-e-bar {
	position: absolute;
	z-index: 0;
	bottom: 0.26rem;
	left: 0.26rem;
	width: 7.46rem;
	height: 0.48rem;
	background: #dcdcdc;
}

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

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

/** 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';
}

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

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

.follow-up-play-ico {
	display: inline-flex;
	width: 4.0667vw;
	margin-right: 1.6vw;
}

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

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

.follow-box-ico-zoom {
	width: 100%;
}

.follow-up-play-txt {
	cursor: pointer;
}

.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;
	border-radius: 30px;
}

.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: 1vw;
	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: 30px;
	padding: 4vw 5.3333vw 4vw;
}

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

.follow-content-play .follow-up-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: #fff;
}

.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;
	background-color: #0f4c82;
	margin: auto;
	border-radius: 140px;
	cursor: pointer;
}

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

.follow-up-audio-text {
	font-size: 0.3rem;
	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;
	height: 51.73333vw;
}

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

.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;
	background: rgba(0, 0, 0, 0);
	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;
	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';
}

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

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

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

.prism-player .prism-big-play-btn,
.prism-player .prism-big-play-btn .outter {
	width: 8.5333vw;
	height: 8.5333vw;
}

.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: 6.4vw;
	height: 6.4vw;
	margin-top: 3.1333vw !important;
}

.prism-player .prism-fullscreen-btn {
	width: 6.4vw;
	height: 6.4vw;
	margin-top: 3.1333vw !important;
}

.prism-player .prism-time-display {
	height: 9.6667vw;
	margin-top: 0 !important;
	line-height: 12.6667vw;
	font-size: 3.2vw;
}

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

.prism-player .prism-cover {
	background-size: auto 100%;
	z-index: 9;
}

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

/* reporter */
.reporter--container {
	display: flex;
	margin-bottom: 5.3333vw;
	padding: 0 5.3333vw;
}

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

.reporter__avatar--inner {
	position: relative;
	z-index: 1;
	display: inline-flex;
	width: 17.0667vw;
	height: 17.0667vw;
}

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

.reporter__avatar img {
	width: 100%;
	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.5333vw;
	font-family: 'charter_bold';
	font-weight: bold;
	color: #000000;
	line-height: 6.6667vw;
}

.reporter__desc {
	font-size: 3.7333vw;
	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: 7.2vw;
	background: #4387e3;
	border-radius: 4px;
	font-size: 4.5333vw;
	font-family: 'charter_bold';
	color: #ffffff;
	text-align: center;
	line-height: 7.2vw;
	cursor: pointer;
	white-space: nowrap;
}

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

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