.article{
	margin-top: 30px;
}
.article h1{
	font-size: 24px;
	margin-bottom: 20px;
	color: #121314;
}
.title{
	position:relative;
	padding:25px;
}
.title dd{
	position: relative;
	display: inline-block;
	*display:inline;
	*zoom:1;
	height:24px;
	line-height:24px;
	padding: 0 10px 0 24px;
	border: 1px solid #f7f1e9;
	border-radius: 10px;
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
	background: #f7f1e9;
	color: #666;
}
.title .box-user-img{
	position: absolute;
	left: 0px;
	top: 1px;
	height: 20px;
	width: 20px;
	border: 1px solid #f7f1e9;
	border-radius: 20px;
	-moz-border-radius: 20px;
 	-webkit-border-radius: 20px;
}
.title .time{
	margin: 0 30px 0 20px;
	background: #f7f1e9 url(../img/time.png) no-repeat 5px center;
}
.article-con{
	padding: 25px;
	border-bottom: 1px dashed #e2ddd6;
}
.article-con p{
	font-size: 16px;
	line-height: 25px;
	min-height:30px;
	word-wrap:break-word;
	word-break:break-all;
	color: #413d39;
}
.article-con img{
	max-width: 99%;
}
/*分享与收藏*/
.share{
	position: relative;
	height: 35px;
	padding: 20px;
	z-index: 0;
}
.share .share-word{
	float: left;
	width: 60px;
	height: 30px;
	line-height: 30px;
	color: #666;
}
.share .share-button-hide{
	position: absolute;
	left: 85px;
	top: 25px;
	width: 180px;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	z-index: 100;
}
.share .share-button{
	float: left;
	width: 180px;
}
.share .share-button li{
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 32px;
	height: 32px;
	margin-right: 4px;
	background: url(../img/share-button.png) no-repeat;
}
.share-button li.qzone{
	background-position: 0 0;
}
.share-button li.tsina{
	background-position: -36px 0;
}
.share-button li.weixin{
	background-position: -72px 0;
}
.share-button li.linkedin{
	background-position: -108px 0;
}
.share-button li.qzone-act{
	background-position: 0 -36px!important;
}
.share-button li.tsina-act{
	background-position: -36px -36px!important;
}
.share-button li.weixin-act{
	background-position: -72px -36px!important;
}
.share-button li.linkedin-act{
	background-position: -108px -36px!important;
}
.collection{
	float: left;
	width: 45px;
	height: 32px;
	line-height: 32px;
	padding-left: 35px;
	background: url(../img/collection.png) no-repeat;
	color: #65625e;
}
.collection-act{
	float: left;
	width: 53px;
	height: 32px;
	line-height: 32px;
	padding-left: 27px;
	background: url(../img/collection-act.png) no-repeat;
	color: #65625e;
}
.reward p{
	text-align: center;
	color: #afafaf;
}
.reward button{
	position: relative;
	width: 360px;
	height: 70px;
	margin: 10px 0 0 410px;
	padding-left: 52px;
	color: #fff;
	font-size: 24px;
	background: #fd5d39 url(../img/reward.png) no-repeat 123px 23px;
	border: 1px solid #fd5d39;
	border-radius: 8px;
	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
}
.reward-user{
	position: relative;
	margin-top: 20px;
	text-align: center;
}
.reward-user img{
	position: relative;
	width: 30px;
	height: 30px;
}
.reward-user div.fn-inb{
	position: relative;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.reward-user div.mask{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 32px;
	height: 32px;
	z-index: 1;
	background: url(../img/30.png) no-repeat;
}

/*评论*/
.comment{
	padding: 0 25px;
	margin-top: 20px;
	background: #fff;
}
.imgPNG{
	float: left;
	position: relative;
	width: 50px;
	height: 50px;
}
.imgBg{
	width: 52px;
	height: 52px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-image: url(../img/50.png);
}
.img-box{
	display: block;
	float: left;
	position: relative;
	width: 50px;
	height: 50px;
}
.comment li{position: relative;}
.comment li.fst-li{
	padding: 30px 0 10px;
	border-bottom: 1px dashed #e2ddd6;
}
.comment dl.fn-left{
	width: 898px;
}
.comment dt.comment-name{
	margin: 5px 0 0 15px;
	color: #0193dc;
}
.comment dd.comment-con{
	margin: 5px 0 0 15px;
	color: #413d39;
}
.interaction{
	width:100%;
	height: 20px;
}
.interaction dd{
	position: relative;
	padding-left: 12px;
	margin-left: 10px;
	color: #999;
	cursor: pointer;
}
.interaction dd:first-child{
	padding-left: 22px;
}
.reply{
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 16px;
	height: 12px;
	background: url(../img/comment.png) no-repeat -69px 0;
}
.reply-act{
	background: url(../img/comment.png) no-repeat -51px 0 !important;
}
.good{
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 12px;
	height: 13px;
	background: url(../img/comment.png) no-repeat -37px 0;
}
.good-act{
	background: url(../img/comment.png) no-repeat -23px 0 !important;
}
.more{
	width: 950px;
	height: 36px;
	margin: 20px auto 0;
	color: #666;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	background: #f7f7f7 url(../img/down.png) no-repeat 550px 17px;
}
.more-act{
	color:#0193dc!important; 
	background: #f7f7f7 url(../img/down-act.png) no-repeat 550px 17px!important;
}
.comment-word{
	padding: 20px 0 30px;
}
.comment-word dl{
	float: left;
	width: 950px;
}
.word-head dd{
	position: relative;
	padding-left: 30px;
	color: #666;
}
.word-head dd.fn-left{
	font-size: 16px;
}
.word{
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 21px;
	height: 18px;
	background: url(../img/comment.png) no-repeat 0 0;
}
.word-con{
	margin-top: 5px;
}
.word-con textarea{
	width: 788px;
	height: 68px;
	padding: 10px;
	resize:none;
	border: 1px solid #e2ddd6;
	overflow: auto;
}
.word-con dd{
	width: 140px;
	height: 90px;
	font-size: 16px;
	text-align: center;
	line-height: 90px;
	color: #fff;
	background: #0193dc;
}
/*评论叠楼*/
.reply-box{
	margin: 5px 0 0 15px;
}
.border-e8{
	border-top: 1px dashed #e8e8e8;
}
.box-wapper li:first-child,.box-wapper li:first-child .border-ff{border: 0;}
.border-ff{
	border-top: 1px dashed #fff;
	padding: 20px 0 10px;
}
.box-wapper{
	position: relative;
	margin: 20px 0 10px;
	padding: 0 16px 13px;
	background-color: #f7f7f7;
}
.arro-top{
	position: absolute;
	top: -12px;
	left: 23px;
	display: block;
	width: 38px;
	height: 18px;
	background: url(../img/arro-top.png) no-repeat;
}
.reply-box .interaction{padding-right: 14px;}
.padding-14{padding: 0 14px;}
.padding-14 div{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: left;
}
.color-999{
	color: #999;
}
.color-413d39{
	color: #413d39;
}
/*相关文章*/
.relevant{
	padding: 25px;
	margin-top: 20px;
	background: #fff;
}
.relevant .head{
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	padding-left: 10px;
	border-left: 4px solid #fe5e3a;
	color: #413d39;
}
.relevant dl{
	width: 950px;
}
.relevant a:hover span{
	color: #333;
}
.relevant .box{
	float: left;
	width: 220px;
	padding: 20px 0 0 23px;
}
.relevant a:first-child dd{
	padding: 20px 0 0;
}
.relevant .box img{
	display: block;
	width: 220px;
	height: 145px;
}
.relevant .box span{
	display: block;
	padding: 10px;
	color: #666;
}
/*浮层 回复*/
.pop-back{
	position: fixed;
	top:50%;
	left: 50%;
	margin-top: -165px;
	margin-left: -240px;
	width: 438px;
	min-height: 300px;
	padding: 30px 20px 0;
	border: 1px solid #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
	background: #fff;
	z-index: 999999;
}
.pop-back .close,.pop-pay .close{
	position: absolute;
	top:18px;
	right: 24px;
	width: 11px;
	height: 11px;
	background: url(../img/pop-login.png) no-repeat -120px 0;
}
.pop-back .close-act,.pop-pay .close-act{
	background-position: -120px -12px!important;
}
.pop-back div{
	margin-bottom: 10px;
}
.pop-back .back-head{
	height: 30px;
	font-size: 18px;
	line-height: 30px;
}
.pop-back .back-con{
	color: #666;
}
.pop-back .font-nub{
	color: #666;
	text-align: right;
}
.pop-back textarea{
	width: 418px;
	height: 68px;
	padding: 10px;
	resize:none;
	border: 1px solid #e2ddd6;
	overflow: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
}
.pop-back textarea:focus{
	outline: none;
	border: 1px solid #4783dc;
	box-shadow: 0 0 2px #4783dc;
}
.pop-back .back-button{
	margin: 14px 0 35px;
	text-align: center;
}
.back-button button{
	width: 178px;
	height: 43px;
	font-size: 16px;
	color: #fff;
	border: 1px solid #fe5e3a;
	border-radius: 4px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	background: #fe5e3a;
}
/*分享*/
.share-a{
	position: relative;
	height:25px;
	margin-right: 30px;
}
.share-a .share-button-hide{
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	z-index: 100;
}
.share-a .share-b{
	float: left;
}
.share-a .share-b li{
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	background: url(../img/share.png) no-repeat;
}
.share-b li.qzone{
	background-position: 0 0;
}
.share-b li.tsina{
	background-position: -28px 0;
}
.share-b li.weixin{
	background-position: -56px 0;
}
.share-b li.linkedin{
	background-position: -84px 0;
}
.share-b li.qzone-act{
	background-position: 0 -28px!important;
}
.share-b li.tsina-act{
	background-position: -28px -28px!important;
}
.share-b li.weixin-act{
	background-position: -56px -28px!important;
}
.share-b li.linkedin-act{
	background-position: -84px -28px!important;
}
/*浮层 打赏金额*/
.pop-pay{
	position: fixed;
	top:50%;
	left: 50%;
	margin-top: -120px;
	margin-left: -190px;
	width: 340px;
	min-height: 185px;
	padding: 55px 20px 0;
	border: 1px solid #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
	background: #f9f9f9;
	z-index: 99999;
}
.pop-pay .head{
	text-align: center;
	color: #333;
	font-size: 18px;
}
.pop-pay .box{
	padding: 20px;
}
.pop-pay .number-box{
	float: left;
	width: 84px;
	height: 80px;
	margin-left: 21px;
	color: #fff;
	text-align: center;
	line-height: 80px;
	background: #fe5e3a;
	border: 1px solid #fe5e3a;
	border-radius: 3px;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
}
.pop-pay .box .first-box{
	margin: 0;
}
.number-box span{
	font-size: 26px;
}
.btm_text{
	color: #666;
	padding-left: 20px;
	padding-top: 20px;
}
.btm_text span{
	font-weight: bold;
}
/*上一页下一页*/
.ntn_box{
	width: 800px;
	height: 60px;
	margin:20px 0;
}
.up_btn{
	background: url(../img/left_btn.png) 5% center no-repeat; 
}
.down_btn{
	background: url(../img/right_btn.png) 95% center no-repeat; 
}
.ntn_box div{
	width: 399px;
	height: 100%;
	border-top: solid 1px #005bac;
	border-bottom: solid 1px #005bac;
}
.ntn_box span{
	width: 2px;
	background: #bdbcbc;
	height:100%;
	border-radius: 50%
}
.ntn_box div p{
	display: block;
	padding:0 10px;
	width: 300px;
	line-height: 60px;
	overflow: hidden;
    text-overflow:ellipsis;/*文字溢出的部分隐藏并用省略号代替*/
    white-space:nowrap;/*文本不自动换行*/
}
.up_btn p{
	float: right;
}