@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	font-size: 62.75%;
	-webkit-text-size-adjust: none;
}
body {
	font-family: "微软雅黑", Helvetica, Arial, sans-serif;
	line-height: 1.6em;
	color: #333;
	background: #fff;
}
img {
	border: none
}
ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
}
video, audio {
	width: 100%;
	margin: .5em 0;
}


.detail_comment_list {
	width: 96%;
	padding: 0 2%;
	margin-bottom: 4em;
}
.detail_comment_list ul li {
	width: 100%;
	padding: 1em 0 .5em 0;
}
.detail_comment_list .list_avatar{
	width: 3em;
	height: 3em;
	float: left;
}
.detail_comment_list .list_avatar img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.detail_comment_list .list_content{
	padding-left: 4em;
}
.detail_comment_list .list_content img{
	width: 100%;
	margin-top: .6em;
}
.detail_comment_list ul li .comment_list_head {
	width: 100%;
}
.detail_comment_list ul li .comment_list_head .list_floor {
	text-align: right;
	color: #21adfc;
	font-size: 1.6em;
	margin-bottom: -4px;
}
.detail_comment_list ul li .comment_list_head .list_info {
	display: inline-block;
}
.detail_comment_list ul li .comment_list_head .list_info .info_name {
	color: #222;
	font-size: 1.6em;
	line-height: 2em;
}
.detail_comment_list ul li .comment_list_head .list_info .info_tag {
	color: #21adfc;
	font-size: 1.4em;
	background:none;
}
.detail_comment_list ul li .comment_list_content {
	font-size: 1.6em;
	line-height: 1.6em;
	margin-top: .5em;
}
.detail_comment_list ul li .comment_list_action {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-top: .5em;
	color: #999;
	vertical-align: bottom;
	overflow: hidden;
}
.detail_comment_list ul li .icon_comment{
	content:'';
	float: right;
	width: 1.3em;
	height: 1.3em;
	background: url(/resource/images/moments/comment.png) no-repeat;
	background-size: 100% 100%;
}
.detail_comment_list ul li .comment_list_like {
	font-size: 1.4em;
	line-height: 1.6em;
	color: #999;
	margin-top: .6em;
}
.detail_comment_list ul li .comment_list_like .icon_like{
	content:'';
	float: left;
	width: 1.3em;
	height: 1em;
	margin-top: .2em;
	margin-right: .5em;
	background: url(/resource/images/moments/like.png) no-repeat;
	background-size: 100% 100%;
}
.detail_comment_list ul li .comment_list_like p{
	padding-left: 1.8em;
}
.detail_comment_list ul li .comment_list_reply {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-top: .5em;
	padding: .6em;
	background: #f5f5f5;
}
.detail_comment_list ul li .comment_list_reply p{
	margin-bottom: 0.7em;
	color: #999;
}
.detail_comment_list ul li .comment_list_reply p:last-of-type{
	margin-bottom: 0em;
}
.detail_comment_list ul li .comment_list_reply_user {
	color: #21adfc;
}
.detail_comment_list ul li .comment_list_reply .comment_list_reply_more {
	color: #21adfc;
	font-size: 1.12em;
}
.detail_comment_list ul li .comment_list_reply_large{
	font-size: 1.5em;
}
.detail_comment_list ul li .comment_list_reply_large p{
	margin-bottom: .3em;
}
.detail_comment_list .list_content .comment_list_head .list_info span{
	display: inline-block;
	line-height: 1.6rem;
	padding: 0 .4rem;
	background-color: #ff4d52;
	color: #fff;
	border-radius: 5px;
	font-size: 1rem;
}
.detail_comment_list .list_content .comment_list_head .list_info span img{
	width: .8rem;
	vertical-align: -.2rem;
}
.message{display:none; position:fixed; background:#000; opacity:0.8; color:#fff; top:40%; left:20%; text-align:center; font-size:1.8em; padding:10px 5%; width:50%; line-height:2em; border-radius:10px;}