body {
	background: #F6F6FC;
}

#content {
	width: 100%;
	font-size: 0.32rem;
	color: #333333;
}

.card_content {
	padding: 0.4rem 0.32rem;
	background: #FFFFFF;
}

.card_content_header .user_profile {
	width: 0.72rem;
	height: 0.72rem;
	border-radius: 50%;
	float: left;
}

.user_info {
	float: left;
	margin-left: 0.24rem;
}

.user_info .user_name {
	font-family: PingFangSC;
	font-weight: 600;
	padding-bottom: 0.16rem;
}

.user_info .card_time {
	font-size: 0.24rem;
}

.txt_gray {
	color: #999999;
}

.txt_blue {
	color: #1D8AEF;
}

.cardDetail {
	margin-top: 0.24rem;
	font-family: PingFangSC;
	font-weight: 400;
	line-height: 0.48rem;
}

.cardImage {
	padding-top: 0.3rem;
}

.cardImage img {
	width: 2.1rem;
	height: 2.1rem;
	float: left;
	margin-right: 0.26rem;
	box-sizing: border-box;
	margin-bottom: 0.3rem;
}
.cardImage img:nth-child(3n+0){
	margin-right:0rem;
}
.card_tools {
	padding-left: 4.8rem;
}

.card_tools .tools {
	float: left;
	font-size: 0.28rem
}

.card_tools img {
	width: 0.32rem;
	height: 0.32rem;
	float: left;
	margin-top: 0.05rem;
}


.card_tools span {
	float: left;
	margin-left: 0.12rem;
	margin-top: 0.03rem;
}

.card_tools .reply {
	margin-left: 0.4rem;
}

.fabulous {
	width: 2.8rem;
	height: 0.64rem;
	background: #37D488;
	color: #fff;
	padding: 0.08rem 0.42rem;
	border-radius: 0.08rem;
	line-height: 0.64rem;
	margin-left: 2.02rem;
	margin-top: 0.42rem;
	display:none;
}

.fabulous_icon {
	float: left;
	width: 0.48rem;
	height: 0.48rem;
}

.fabulous_desc {
	float: left;
	margin-top: -0.06rem
}

.unFabulous {
	background: #DDDDDD;
	width: 2.8rem;
	height: 0.64rem;
	color: #fff;
	padding-left: 0.9rem;
	padding-top: 0.08rem;
	border-radius: 0.08rem;
	line-height: 0.64rem;
	margin-left: 2.02rem;
	margin-top: 0.42rem;
	display: none;
}
.unFabulous .unFabulous_icon{
	float: left;
	width: 0.48rem;
	height: 0.48rem;
}
.unFabulous_desc {
	float: left;
	margin-top: -0.06rem
}
.comment_warp {
	width: 100%;
	background: #FFFFFF;
	margin-top: 0.25rem;
	padding-bottom:1.04rem;
}

.comment_warp .comment_header {
	height: 0.94rem;
	line-height: 0.94rem;
	margin-left: 0.32rem;
}

.comment_warp .comment_header .comment_header_title {
	font-family: PingFangSC;
	font-weight: 600;
}

.comment_warp .comment_header .comment_header_num {
	color: #666666;
}

.comment_item {
	margin-left: 0.32rem;
	padding: 0.28rem 0.28rem 0.28rem 0rem;
	border-top: 0.01rem solid #F3F3F3;
}

.comment_item .comment_item_header img {
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 50%;
	float: left;
}

.comment_item .comment_item_header .comment_user_name {
	font-family: PingFangSC;
	font-weight: 600;
	font-size: 0.36rem;
	margin-left: 0.16rem;
	float: left;
	margin-top: 0.05rem;
}

.comment_item .comment_item_header .comment_tools_fabulous {
	float: right;
	margin-top: 0.05rem;
}

.comment_item .comment_item_header .comment_tools_fabulous img {
	float: left;
	width: 0.38rem;
	height: 0.38rem;
}

.comment_item .comment_item_header .comment_tools_fabulous .fabulous_num {
	color: #999999;
	margin-top: 0.01rem;
	float: left;
}

.comment_content {
	padding-left: 0.74rem;
	padding-top: 0.3rem;
	color: #333;
	font-family: PingFangSC;
	font-weight: 400;
	line-height: 0.6rem;
	word-wrap:break-word;
	word-break:break-all;
	overflow:hidden;
}

.comment_info {
	padding-left: 0.74rem;
	padding-top: 0.3rem;
	font-size: 0.28rem;
}

.comment_reply_btn {
	float: right;
	font-family: PingFangSC;
	font-weight: 400;
}

.comment_reply {
	margin-left: 0.74rem;
	margin-top: 0.3rem;
	font-size: 0.28rem;
	color: #666666;
	line-height: 0.56rem;
	background: #F9F9F9;
	padding: 0.16rem 0.24rem 0.16rem 0.24rem
}

.comment_reply .comment_reply_name {
	color: #1D8AEF;
}

.comment_reply .comment_reply_time {
	color: #999999;
}

.comment_reply .comment_reply_more {
	width: 100%;
	color: #1D8AEF;
	text-align: center;
	margin-top: 0.2rem;
}

.footer_btn {
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #F6F6FC;
	padding: 0.16rem;
}

.footer_btn div {
	float: left;
}

.footer_btn .btn_do_comment {
	color: #DDDDDD;
	background: #FFFFFF;
	width: 4.38rem;
	height: 0.72rem;
	line-height: 0.72rem;
	font-size: 0.32rem;
	border-radius: 0.08rem;
	padding-left: 0.24rem;
	font-family: PingFangSC;
	font-weight: 400;
/* 	float: left;
    border: none; */
}
.footer_btn .btn_icon img{
	width:0.64rem;
	height:0.64rem;
	margin-left:0.24rem;
}
.footer_btn .goTop{
	position:relative;
}
.footer_btn .btn_icon_commentNum{
	position:absolute;
	background:#F45E19;
	border-radius:50%;
	color:#fff;
	font-size:0.18rem;
	width:0.36rem;
	height:0.36rem;
	line-height:0.36rem;
	text-align:center;
	right:-0.1rem;
	top:-0.05rem;
}

.comment_btn{
	width:100%;
	position:fixed;
	top:0;
	background:#F9F9F9;
	padding:0.16rem;
	display:none;
	z-index:30
}
.comment_btn .reply_input{
	width:5.74rem;
	height:0.72rem;
	float:left;
	border-radius:0.08rem;
	border:none;
	padding-left:0.2rem;
	font-size:0.32rem;
}
.comment_btn .reply_btn{
	width:1.28rem;
	height:0.72rem;
	float:left;
	margin-left:0.16rem;
	background:#37D488;
	color:#ffffff;
	line-height:0.72rem;
	font-size:0.32rem;
	text-align:center;
	border-radius:0.1rem;
}
.share_function{
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .6);
	display: none;
}
.share_function .share_bg{
	width:5.04rem;
	margin-left:2.22rem;
	margin-top:0.32rem;
}
.share_function .close_share{
	width:3.32rem;
	height:1.04rem;
	margin-top:1.14rem;
	margin-left:3.22rem;
}