.HeadTopWrap {
	background: #fff;
	justify-content: space-between
}

.HeadTopWrap .left,
.HeadTopWrap {
	display: flex;
	align-items: center
}

.HeadTopWrap .left img {
	width: 26px;
	height: 26px;
	margin-right: 8px;
	border-radius: 50%;
	cursor: pointer
}

.HeadTopWrap .left .nickName {
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #333;
	letter-spacing: 0;
	line-height: 16px;
	margin-right: 8px;
	cursor: pointer
}

.HeadTopWrap .left .time {
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #5a5a5a;
	letter-spacing: 0;
	line-height: 16px
}

.HeadTopWrap .right {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #333;
	letter-spacing: 0;
	line-height: 12px;
	background: #f8f8f8;
	border-radius: 4px;
	padding: 8px 10px;
	cursor: pointer
}

.tips[data-v-694843a0] {
	display: flex
}

.tips li[data-v-694843a0] {
	display: flex;
	align-items: center;
	margin-left: 20px;
	cursor: pointer
}

.tips .comment[data-v-694843a0] {
	margin-left: 0
}

.tips .comment span[data-v-694843a0]:first-child {
	width: 14px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEVHcExoaGhmZmZmZmZmZmZmZmZmZmZmZmZmZmZnZ2dmZmZmZmZmZmZmZmZmZmZnZ2dmZmZmZmZqampoaGhmZmZmZmZmZmZmZmZnZ2dqampnZ2dmZmZ1dXVmZmZmZmZmZmZ/f39mZmZmZmZnZ2dmZmZoaGhoaGhmZmZtbW1oaGhmZmZmZmZvb29zc3NmZmZnZ2dmZmZmZmZnZ2dmZmZbejiPAAAAM3RSTlMATFdy/NeOq7pqgZbj3jQgBfsrWPOwh+m8GCrgDaZfKAb5rFSQTifrBz3Q8hAL/Y3Z9HnM25E/AAAAcklEQVQY02NgwAAaqpxwoCzDwKCrZcwCB8bSkgycepoI1VIiYgz6Bsj6JdgZ2FiRBThwCDAzQhFMgIsJinBqQREwMtRB8AV4uBn4tdU5uBXkRTlAgEeQj4FBTUVJUZaXlx0EuPkgKuWMxflRfSwsBGcCAOloB1uqS75TAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	display: inline-block
}

.tips .comment span[data-v-694843a0]:nth-child(2) {
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #666;
	margin-left: 5px
}

.tips .share span[data-v-694843a0]:first-child {
	width: 14px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABBVBMVEVHcEyampqZmZmqqqqZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmZmZmenp6ZmZmZmZmqqqqZmZmampqZmZmZmZmZmZmbm5uZmZmioqKZmZmampqioqKampqZmZmZmZn///+ZmZmenp6ampqampqZmZmZmZmbm5uZmZmZmZmampqZmZmZmZmampqZmZmjo6Obm5uZmZmcnJyZmZmcnJyampqZmZmZmZmZmZmZmZmZmZmampqampqZmZmgoKCZmZn///+ZmZmfn5+ZmZmZmZmZmZmampqampqZmZmZmZmcnJydnZ2ZmZmZmZmampqZmZmZmZmZmZmampq2traZmZmZmZmampqZmZlynwUhAAAAVnRSTlMAjtsM6YWT/tP6zi0yJfMFBvmLc1+hQMwL2SYWW1CfAVMdhIb88Eg69LGmN3WSDhdiNLgxmJnP3vHVMFGpG3sC7hDsq6ghaOfyDS+lZ5XCgPWBB6NpWafzMYMAAACbSURBVBgZBcGHIkJRAADQ07zvlU1WkT2SLUL2zoy6//8pzgEAAFhuLQEAqyEuzgLAbnKwNTcEYGF7/dR8aXyyDu46MSnuMJYJR/vIZe8vARv5/DGfr08ANtdOdMMHgFr7rOw7/fX2/FAgV4mNPd5LBi/pbeIwOzIFf1/9+HhVPG+mM8Og9xMyFGKYGAXKMbmhujIN4PoCAAAA+AdNhxC879514QAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain;
	display: inline-block
}

.tips .share span[data-v-694843a0]:nth-child(2) {
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #666;
	margin-left: 5px
}

.tips .like span[data-v-694843a0]:first-child {
	width: 14px;
	height: 14px;
	display: inline-block
}

.tips .like span[data-v-694843a0]:nth-child(2) {
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #666;
	margin-left: 5px
}

.tips .like .like-icon1[data-v-694843a0] {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAA1VBMVEVHcExmZmZmZmZmZmZmZmZnZ2dmZmZpaWlmZmZra2tmZmZmZmZubm5mZmZmZmZ/f39nZ2dnZ2dmZmZmZmZmZmZtbW1oaGhmZmZmZmZnZ2dpaWltbW1mZmZnZ2dmZmZmZmZnZ2dmZmZmZmZ/f39mZmZmZmaqqqpmZmZmZmZmZmZnZ2dmZmZqampmZmZoaGhqampmZmZoaGhmZmZoaGhmZmZlZWVmZmZmZmZpaWlmZmZpaWlmZmZnZ2dmZmZmZmZ/f39paWlmZmZnZ2dmZmZmZmZnZ2dmZmZZQET1AAAARnRSTlMAjv7818HfP6Umh30XlrYEgCXwodMHYuAFZR0O6mqGYaO0/Qh/pwMe5HM7GSTRWCvAXeNCnbLHoDXhLsyU7foGM+uDge/HGCfJ8gAAAI1JREFUGNNtz8cOwjAURNHBiR1IpXcIvffeO+//P4kFAdlS7vJoNgOE5bk9qyPDiFxyZJjSoM+6EszZ0Ka2aVb9PABju17MAEcIkWN14KbpG1oG0wLZeNw9g2IB1MpNRHT8oahVoEC2UVIhlYYCmWQcwPN8/UFLSwA4XPbH15tzzsdkAQB2p+i31ST0+QcZPw4ISoUjIQAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}

.tips .like .like-icon2[data-v-694843a0] {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAAhFBMVEVHcEz1U2P/VX/1U2T1U2T/Var1U2P1U2T1U2P2VGT/W231VWf1VGP1U2P1U2P/X3/1U2P3U2X1U2P1U2P4WWf2U2P1U2P2U2P2VGP/XWv2VWP1U2T2U2P3V2f5U2T2VGX2U2T1VGP1U2P1VGX1U2P1VWP2U2T1U2P2VWX5U2P1VWT1U2OkLrAhAAAAK3RSTlMAgwaGhwP8pfSODhtn6v4I02K0gCXk+5WqE366fSArWFmdoWqNNpj5Py4zIyr1swAAAHBJREFUGNNt0EkSglAUQ9GrAg+wQRGxF2zAJvvfnwNL5f8iwzNIpQK9CferXejIUdLakZOkctuVWpI2QTBaDAEeLRd9kwOvKMZ+ojEM1JVpBokjEzyZpb7M8WUJbnNUADzvfzl8Bjc3rmZmdq76f+ANJfETiBthJQAAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain
}

.tips .reward span[data-v-694843a0]:first-child {
	width: 14px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAilBMVEVHcEz///9mZmZpaWlmZmZmZmZmZmZ/f39mZmZnZ2dmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZzc3NnZ2dmZmZnZ2dnZ2dvb29paWlmZmZmZmZ/f39mZmZpaWlmZmZmZmZnZ2dmZmZmZmZnZ2dmZmZra2tnZ2dnZ2dpaWlmZmZmZmZmZmZmZmbE6pnOAAAALXRSTlMAAcA/CtBDAvo7pofbs+Zcp+jnC4ilQLIQM9XcCGYiFKsgYfKUlRqt5kRz9/YSDwwCAAAAm0lEQVQY02WPRxLDIBAEGwQCAZJsOUrOOfL/7/mAY3lvu1M12w2AybxzPjM8p9CxkrKKukh7bUMuQOTB1gCF7amUqJ4twOigmK+P09MUFbQhizks46WNLeQxw1eC1Tne7nG3RTQeJ8Es9l13uG5AOpyEwajs98vJGKTDV+JzEI1PpVCWkEqNDgoYDiG9/QP7Qp8l9Jdc85b71X8AmYoJ+TURUEkAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	display: inline-block
}

.tips .reward span[data-v-694843a0]:nth-child(2) {
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #666;
	margin-left: 5px
}

.tips .report span[data-v-694843a0]:first-child {
	width: 14px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAArlBMVEVpaWlnZ2dmZmZnZ2dnZ2dnZ2d/f39HcExtbW1nZ2dmZmZnZ2dmZmZoaGhmZmZpaWloaGhmZmZtbW1mZmZmZmZmZmZnZ2dmZmZmZmZmZmZmZmb///9nZ2dnZ2dmZmZmZmZqampnZ2dmZmZmZmZpaWlmZmZnZ2dmZmZtbW1nZ2dmZmZmZmZmZmZmZmZmZmZmZmZmZmZ/f39mZmZmZmZlZWVmZmZmZmZmZmZoaGhmZmbKJW3vAAAAOXRSTlMzb+ovgK0CAAdbr1bwU/4dJ7YOz7G5l8j4yrABhX5S7iS8X/c1+l7rHJnJbcykN8K7CPm/U9OlKDFn2/H5AAAAfUlEQVQY043PNxLCQABDUTlqbZNzzjln0P0vRoVnzVCg8hV/RuDX8ANGvXq17JdSWM2HQaOWU7u/cOKHAaEZSZPvLHW56wVCn86ZEGzgv5AoyUKk63EXO8UUbnL363Gr0PQn25OeIHQgWYkCV9NNRDtquiRBT172XDgIbXgDCLEPUdzbGhsAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	display: inline-block
}

.tips .report span[data-v-694843a0]:nth-child(2) {
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #666;
	margin-left: 5px
}

.el-pagination[data-v-1414dd30] {
	display: flex;
	justify-content: center
}

.PostDetailWrap {
	background: #fff;
	padding: 20px 15px 25px 15px
}

.PostDetailWrap .top {
	display: flex;
	flex-wrap: wrap
}

.PostDetailWrap .top .topLeft {
	flex: 1
}

.PostDetailWrap .bottomCont {
	display: flex;
	width: 100%;
	justify-content: space-between
}

.PostDetailWrap .bottomCont .rightImg {
	width: 24%;
	margin-left: 0
}

.PostDetailWrap .rightImg {
	margin-left: 20px;
	width: 160px;
	height: 118px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
	overflow: hidden;
	position: relative
}

.PostDetailWrap .rightImg img {
	width: 100%;
	height: 118px;
	-o-object-fit: cover;
	object-fit: cover
}

.PostDetailWrap .rightImg .right_durantion {
	position: absolute;
	right: 4px;
	bottom: 4px;
	background: rgba(0, 0, 0, .5);
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	width: 54px;
	line-height: 22px;
	text-align: center
}

.PostDetailWrap .rightImg .right_paly {
	width: 36px;
	height: 36px;
	position: absolute;
	background-color: rgba(0, 0, 0, .5);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%
}

.PostDetailWrap .rightImg .right_paly:before {
	content: "";
	width: 12px;
	height: 15px;
	display: block;
	position: absolute;
	left: 14px;
	top: 10px;
	background-repeat: no-repeat;
	background-image: linear-gradient(32deg, #fff 50%, hsla(0, 0%, 100%, 0) 0), linear-gradient(148deg, #fff 50%, hsla(0, 0%, 100%, 0) 0);
	background-size: 100% 50%;
	background-position: 0 0, 0 100%
}

.PostDetailWrap .content {
	margin-top: 10px;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #333;
	letter-spacing: 0;
	line-height: 24px
}

.PostDetailWrap .content .hot {
	margin-top: 8px;
	margin-bottom: 10px;
	font-family: PingFangTC-Regular;
	font-size: 12px;
	color: #a2a1a7;
	letter-spacing: 0;
	line-height: 12px
}

.PostDetailWrap .content .hot .fl_tag {
	background: #f6dcff;
	color: #ba00ff;
	border-color: rgba(187, 0, 255, .2)
}