@charset "UTF-8";
/* CSS Document */

.content{
	margin: 50px auto 0;
	width: 1170px;
	overflow: hidden;
}
.left_box{
	width: 840px;
	float: left;
}
.left_box h1{
	font: bold 30px/40px "微软雅黑";
	color: #444;
}
.left_box .title {
}
.tab_bar{
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
.tab_bar .time,.tab_bar .like,.tab_bar .read,.tab_bar .comment{
	float: left;
	font-size: 14px;
	color: #777;
	margin:0 0 0 14px;
	line-height: 20px;
}
.tab{
	padding: 0px 4px;
	float: left;
}

.like .fa,.read .fa,.comment .fa{
	font-size: 14px;
	color: #ccc;
	line-height: 20px;
}
.post p{
	font: 16px/28px "微软雅黑";
	color: #4d4d4d;
	padding: 30px 0;
	margin: 0;
}
.like_dislike{
	float: left;
	overflow: hidden;
}
.like_icon,.dislike_icon{
	font: 14px/36px "微软雅黑";
	padding: 0 18px;
	border: 1px solid;
	border-radius: 3px;
	float: left;
    cursor:pointer;
}
.like_icon:hover{
	background: #ffaa00;
	color: #fff;
}
.dislike_icon:hover{
	background: #e6e6e6;
	color: #fff;
}
.like_icon{
	color: #ffaa00;
	margin-right: 14px;
}
.like_on{
	background: #ffaa00;
	color: #fff;
}
.dislike_icon{
	color: #ccc;
	border-color: #e6e6e6;
}
.dislike_on{
	background: #e6e6e6;
	color: #fff;
}
.share{
	float: right;
	overflow: hidden;
}
.share .qq,.share .sina {width:16px; float:left; margin:10px 5px 0 5px;}
.share .qq img,.share .sina img {width:16px; height:16px;}
.collect_icon,.share_icon{
	float: left;
	font: 14px/36px "微软雅黑";
	color: #ccc;
    cursor:pointer;
}
.share_icon:hover{
	color: #ffaa00;
}
.collect_on{
	color: #ffaa00;
}
.collect_icon{
	margin-right: 20px;
}
.like_bar{
	padding: 40px 0 60px;
	border-top: 1px solid #f1f1f1;
	overflow: hidden;
}
.comment_box{
	overflow: hidden;
}
.user02{
	float: left;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}
.user_photo img{
	width: 100%;
	height: 100%;
}
.input_box{
	float: right;
	overflow: hidden;
	width: 772px;
	margin-bottom: 30px;
}
#comm_content{
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	width: inherit;
	box-sizing: border-box;
	padding: 10px;
	margin-top: 4px;
	resize: none;
	outline: none;
}
.input_box .send{
	background: #ffaa00;
	color: #fff;
	font: 14px/32px "微软雅黑";
	border-radius: 3px;
	margin: 14px 0 0;
	padding: 0 20px;
	float: right;
}
.input_box .send:hover{
	background:  #ff9900;
}
.all_comment_title,.recommendation_title{
	font-size: 14px;
	color: #444;
	margin: 40px 0;
}
.all_comment_title span{
	color: #ccc;
}
.level_1{
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #f1f1f1;
	margin-top: 20px;
}
.level_2{
	overflow: hidden;
	padding: 10px 0 10px;
	width: 778px;
	margin-left: 62px;
}
.level_img{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	float: left;
	overflow: hidden;
}
.level_img img{
	width: 48px;
    height: 48px;
}
.level_1_right{
	float: right;
	width: 778px;
}
.level_2_right{
	width: 736px;
	float: right;
}
.level_2_right .level_name {margin-top:-5px;}
.level_2 .level_img{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	float: left;
	overflow: hidden;
}
.level_2 .level_img img{
	width: 32px;
    height: 32px;
}
.level_name a,.level_text a{
	font:bold 14px/40px "微软雅黑";
	color: #333;
}
.level_name a:hover{
	color: #406599;
}
.level_time{
	color: #999;
	font:14px/40px "微软雅黑";
	margin-left: 14px;
}
.level_text{
	font: 16px/28px "微软雅黑";
	color: #4d4d4d;
	margin-bottom: 10px;
}
.level_text p {margin:0px;}
.level_text img {display:inline-block; vertical-align: bottom; margin:0 8px;}
.reply_bar{
	overflow: hidden;
}
.reply{
	float: right;
	font: 14px/40px "微软雅黑";
	color: #406599;
	cursor: pointer;
    margin:0 20px 0 0;
}
.comment_like{
	float: right;
	font: 14px/40px "微软雅黑";
	color: #777;
    cursor:pointer;
}
.comment_like .fa{
	color: #ccc;
}
.comment_like_on {color:#ffaa00;}
.comment_like_on .fa{
	color: #ffaa00;
}
.comment_list{
	margin-top: 20px;
}
.reply_box{
	width: inherit;
	margin-top: 4px;
    display:none;
}
.reply_content{
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	width: inherit;
	box-sizing: border-box;
	padding: 10px;
	margin-top: 4px;
	resize: none;
	outline: none;
	float: left;
}
.reply_btn{
	float: right;
	background: #ffaa00;
	color: #fff;
	font: 14px/32px "微软雅黑";
	border-radius: 3px;
	margin: 14px 0 0;
	padding: 0 20px;
    cursor:pointer
}
.author_box{
	width: 300px;
	height: 110px;
	border-radius: 3px;
	float: right;
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
	box-shadow: 1px 0 3px #f0f0f0;
	overflow: hidden;
}
.author_img{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	float: left;
	margin: 20px 0px 20px 15px;
    overflow:hidden;
}
.author_img img{
	width: 70px;
	height: 70px;
}
.add,.author_btn a{
	color: #fff;
	background:#ffaa00;
	border-radius: 3px;
	line-height: 36px;
	width: 80px;
	font-size: 14px;
	text-align: center;
}
.add{
	margin-right: 14px;
}
.add:hover{
	background:  #ff9900;
}
.sendmessage:hover{
	background:  #ff9900;
}
.add,.author_btn a{
	float: left;
}
.author_btn{
	overflow: hidden;
	margin-top: 8px;
}
.author_btn .add {cursor:pointer}
.author_btn .add.on {border:1px solid #ffaa00; background:#fff; color:#ffaa00; height:36px;}
.author_right{
	margin: 14px 0 14px 14px;
	float: left;
    max-width:185px;
}
.author_name{
	font: 16px/28px "微软雅黑";
	color: #444;
    height:24px;
    overflow:hidden;
    display:block;
}
.author_name:hover{
	color:#406599;
}
.reply_content{
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	width: inherit;
	box-sizing: border-box;
	padding: 10px;
	margin-top: 4px;
	resize: none;
	outline: none;
}
.morecomment{
	background: #f0f0f0;
	width: 840px;
	margin-top: 28px;
	color: #5372a0;
	text-align: center;
	font: 14px/40px "微软雅黑";
    cursor:pointer
}
.lastcomment{
	border: none;
	padding-bottom:0;
}
.news_box{
	display: block;
	overflow: hidden;
	padding-bottom: 14px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 14px;
}
.news_photo{
	float: left;
	width: 156px;
	height: 102px;
}
.news_photo img{
	width: 100%;
}
.news_right{
	float: left;
	margin-left: 14px;
	width: 670px;
}
.news_title{
	height: 72px;
}
.news_title h1{
	font: bold 22px/36px "微软雅黑";
	color: #444;
}
.news_tab_bar{
	margin-top: 11px;
	overflow: hidden;
}
.tab_left{
	float: left;
	overflow: hidden;
}
.tab_left *{
	float: left;
}
.news_tab{
	text-align: center;
	background: #4579e4;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	padding: 0px 4px;
	float: left;
	margin-right: 14px;
}
.news_user{
	height: 18px;
	overflow: hidden;
}
.news_user img{
	width: 18px;
	height: 18px;
	height: inherit;
	margin-right: 6px;
}
.news_user span{
	color: #999;
	font: 14px/20px "微软雅黑";
	margin-right: 14px
}
.news_user span:hover{
	color: #406599;
}
.news_time,.news_like,.news_read,.news_comment{
	color: #999;
	margin-right: 14px;
	font: 14px/20px "微软雅黑";
}
.tab_right{
	float: right;
}
.tab_right .fa{
	color: #ccc;
}
.news_title h1:hover{
	color: #406599;
}
.news_user_name:hover{
	color: #406599;
}
.back_top{
	position: fixed;
	bottom: 40px;
	right: 20px;
}
.refresh{
	position: fixed;
	bottom: 90px;
	right: 20px;
}
.back_top .fa{
	background: #e7eaf1;
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
	color: #9aaabf;
	cursor: pointer;
	width: 40px;
}
.back_top .fa:hover{
	background: #D5DBE7;
}
.refresh .fa{
	background: #e7eaf1;
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
	color: #9aaabf;
	cursor: pointer;
	width: 40px;
}
.refresh .fa:hover{
	background: #D5DBE7;
}
.collect_icon_on{
	background: #ffaa00;
	color: #fff;
}
.picture{
	float: left;
	font: 14px/32px "微软雅黑";
	margin-top: 14px;
	color: #777;
}
.picture:hover{
	color: #ffaa00;
}

.detailItem {font:normal 16px/28px "微软雅黑"; color:#666;}
.detailItem img {margin:20px 0 0 0; max-width:100%; display:inline-block;}
.detailItem p {text-indent: 30px;}

.qrcode{
	float: right;
	margin-left: 4px;
	position: relative;
}
.qrcode img{
	width: 28px;
	float: left;
}
.clear{
	overflow: visible;
}
.last{
	clear: both;
}
.mobile{
	float: left;
	font-size: 14px;
	color: #999;
	margin: 0 2px 0 10px;
}
.qrcode_popup{
    display:none;
	position: absolute;
	z-index: 100;
	right: 0px;
	top: 30px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1);
	width: 150px;
	padding: 4px;
	font-size:14px;
	text-align: center;
}
.qrcode_popup img{
	width: 100%;
}
.level_RecommendStatus {border:1px solid #ffaa00; color:#ffaa00; border-radius:10px; height:20px; padding:0 10px; font-size:12px; margin:0 0 0 10px;}

.replyto {display:inline-block; color:#999;}


.videoPage {display:none;}
.videobox {display:block; margin:0 auto 20px;}