.container {
	padding: 1rem;
}

.container .title {
	line-height: 1;
	font-size: 20px;
	color: #000;
	position: relative;
}

.container .summary {
	margin: 10px 0;
	background-color: #f6f6f6;
	padding: 8px 2%;
	text-indent: 0;
	font-size: 14px;
	color: #959595;
	line-height: 24px;
	border-radius: 5px;
}

.container .content img {
	max-width: 100%;
	height: auto !important;
}

.container .bottom {
	margin-top: 10px;
	font-size: 12px;
}

.container .author-time {
	padding-left: 0;
}

.container .bottom .data-source {
	color: #1272C0;
}

.statement.content {
	color: #9F9F9F;
}

.container .view-like {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: #999;
}

.liked {
	color: #1272C0;
}


[v-cloak] {
	display: none;
}

/* 评论 */
/* 评论区 */
.page-bd-15 {
	background-color: #F2F2F2;
	padding: .5rem;
}

.top-flex {
	display: flex;
	justify-content: space-between;
	padding: .5rem 0;
}

.weui_cells_title.grey {
	color: #9F9F9F;
}

.weui_cells_title.blue {
	color: #787D9C;
	cursor: pointer;
}

.weui-comment {
	font-size: 16px;
	margin-top: -5px;
	padding-bottom: 20px;

}

.weui-comment-item {
	margin-top: 15px;
	padding-left: 45px;
	position: relative;
	list-style-type: none;
}

.weui-comment-item::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.weui-comment-item .userinfo {
	min-height: 20px;
	overflow: hidden;
}

.weui-comment-item .nickname {
	color: #727272;
	display: block;
	font-style: normal;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 9em;
	word-wrap: normal;
}

.weui-comment-item .avatar {
	border-radius: 2px;
	height: 35px;
	left: 0;
	margin-top: 0;
	position: absolute;
	top: 3px;
	vertical-align: top;
	width: 35px;
}

.weui-comment-item .weui-comment-msg {
	color: #3e3e3e;
	line-height: 1.5;
}

.bottom-menu {
	display: flex;
	justify-content: space-between;
}

.weui-comment-item .time {
	color: #8c8c8c;
	font-size: 12px;
}

.reply-comment {
	font-size: 12px;
	color: #787D9C;
}

.weui-comment-item .time a {
	margin-left: 0.5em;
}

.weui-comment-item .status {
	color: #ff7a21;
	white-space: nowrap;
}

.weui-comment-item .status i {
	font-style: normal;
	margin-right: 2px;
}

.weui-comment-item .weui-comment-li {
	float: right;
}

.weui-comment-item .weui-comment-li .check {
	display: inline-block;
	margin-top: -5px;
	padding-top: 5px;
	text-align: right;
}

.weui-comment-reply {
	margin-top: 0.5em;
	padding-left: 0.4em;
	padding-top: 0.5em;
	position: relative;
}

.weui-comment-num {
	color: #666;
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
}

.weui-comment-reply::before {
	border-top: 1px solid #dadada;
	content: " ";
	height: 1px;
	left: 0;
	position: absolute;
	top: 0;
	transform: scaleY(0.5);
	transform-origin: 0 0 0;
	width: 100%;
}

.weui-comment-reply .nickname {
	overflow: visible;
	position: relative;
}

.weui-comment-reply .nickname::before {
	background-color: #07C160;
	content: " ";
	height: 14px;
	left: -0.4em;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	width: 3px;
}

.weui-comment-icon {
	background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA+CAYAAAA1dwvuAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACd0lEQVRYhe2XMWhUMRjHfycdpDg4iJN26CQih4NUlFIc3iTasaAO+iZBnorIId2CDg6PLqWDXSy0p28TJ6ejILgoKiLFSeRcnASLnDf2HPKll8b3ah5NQPB+cHzJl0v+73J5Sf6NwWCAD6kqxoEV4BywCTwA2j59V9QlxrxUNJeBOSkfBtaAHvDcp/O+GkJHJd4H7kr5nm/nOkJHJH4FHkv5WAyhUxLfAgelvBlUKFXFBNCU6oYl+j6oEHohADwFtoDTUn8dTChVxX7gjlSfSJyS+CaYEDCPXs4d4IXkzDR+8BWqfI9SVUyil/ENST20ml8BF4Afu4z9HT3V80B/TAY9CxTABNAHxp1Oj4B1q34dWAamGa5Al0PALfSs3TS/aE1EcERWgQXgozPIN+Ai6O2ljFQVM8BLZJqN0KTEhgj9kvrViqf1wYz5BcoXQ38Pg9uckfiuSigU0xLXowmlqpgCjgNd4FM0IeCKxGcmEUtoRqLZScILpaqYA06iN9/tTTfGLzKvxLKdDCqUquIEcB59xK9GE2J4xLeBn3ZD1abaq/sQqSpmgWvo82rBbTdCPeAA4N69/noXS1XhphaBz27SPPVtapz/FXSBFsNDcgcN3wvkiBEjRoSndAtqLXXKvuvtYfMs+SP3T3tYm6ge1iaqh7UJ62HRTqNZko/mYV3CeVjA9rAuUTxsGd4edrcX1vWwddn2sHmWaA/bWuq4HnYLff3aC7U8bAiaMPyPJp3GhnxCUOlhQxPdwxrieViLbp4lUT2sIbqHNcTzsBYbeZZE9bCGeB7WIrqHNbTzLNnhYWMIlXpYI9Rz8gM8/GsFi3mW/Ace9jf8QZwIX5o4uQAAAABJRU5ErkJggg==") no-repeat scroll 0 0 / 100% auto;
	display: inline-block;
	height: 13px;
	vertical-align: middle;
	width: 13px;
}

.weui-comment-icon.checked,
.checked .weui-comment-icon {
	background-position: 0 -18px;
}

.article-bottom-menu {
	display: flex;
	justify-content: space-between;
	padding: .5rem 0;
	color: #aaa;
}

.collect a {
	color: #e6a23c !important;
}

#replyContent {
	height: 6rem;
}

.floor-in-floor-container {
	background-color: #f9f9f9;
	margin: 5px 0 0 0;
	padding: 5px;
	font-size: 12px;
}

.floor-in-floor-container .con-content {
	margin: 5px 0 0 0;
	display: flex;
	flex-direction: column;
}

.sub-nickname {
	color: #4d7198;
	display: block;
	font-style: normal;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.floor-in-floor-container .floor-in-floor-text {
	color: #333;
	width: 80%;
}

#weui-prompt-input.weui-input.weui-prompt-input {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .05);
	height: 2rem;
}


/* 二级回复 */
.sub-comments-detail {
	border-bottom: 1px solid #eee;
}

.sub-comments-text {
	margin: .5em 0;
}

.sub-user-name {
	font-size: 14px;
	font-weight: 700;
	color: #787D9C;
	cursor: pointer;
}

.relationUser-name {
	font-size: 14px;
	font-weight: 700;
	color: #787D9C;
	cursor: pointer;
}

.sub-comments-bottom {
	display: flex;
	justify-content: space-between;
}

.sub-comments-date {
	font-size: 12px;
	font-weight: 400;
	color: rgba(0, 0, 0, .4);
}

.sub-reply-comment {
	color: #787D9C;
	cursor: pointer;
}

.sub-reply-comment:hover {
	color: #787D9C;
}