/* 文章详情 */
.art-content-container{
	padding: 0 0.4rem;
	background: #fff
}
.art-content-bar{

}
.art-content-bar .tit{
	padding: 0.4rem 0;
	font-size: 0.48rem
}
[data-dpr="1"] .art-content-bar .tit{
	border-bottom: 1px solid #ddd;
}
[data-dpr="2"] .art-content-bar .tit{
	border-bottom: 1px solid #ddd;
}
[data-dpr="3"] .art-content-bar .tit{
	border-bottom: 1px solid #ddd;
}
.art-content-bar .data{
	display: box;
	display: -webkit-box;
	padding: 0.266667rem 0
}
.art-content-bar .data span{
	color: #a9b7b7;
	display: block;
	-webkit-box-flex: 1;
	box-flex: 1;
	font-size: 0.32rem
}
.art-content-bar .data span .icon{
	display: inline-block;
	width: 0.333333rem;
	height: 0.293333rem;
	vertical-align: middle;
	margin: -0.04rem 0.066667rem 0 0
}
.art-content-bar .data .admin .icon{
	background: url("../images/admin-hd-icon.png") center no-repeat;
	background-size: contain;
}
.art-content-bar .data .date .icon{
	background: url("../images/date-icon.png") center no-repeat;
	background-size: contain;
}
.art-content-bar .data .gz .icon{
	background: url("../images/gz-icon.png") center no-repeat;
	background-size: contain;
}
.art-content-bar .data .pl .icon{
	background: url("../images/pl-icon.png") center no-repeat;
	background-size: contain;
}

.art-content-wrap{
	color: #666;
	width: 100%;
	line-height: 0.506667rem;
	padding: 0.2rem 0 0.4rem;
	overflow: hidden;
	font-size: 0.32rem
}
.art-content-wrap img{
	max-width: 100%;
}

.art-source{
	color: #666;
	padding: 0.4rem 0;
	font-size: 0.373333rem
}
[data-dpr="1"] .art-source{
	border-top: 1px solid #ddd;
}
[data-dpr="2"] .art-source{
	border-top: 1px solid #ddd;
}
[data-dpr="3"] .art-source{
	border-top: 1px solid #ddd;
}
.art-source .hd{
	color: #a9b7b7;
}
.art-source .icon{
	display: inline-block;
	width: 0.346667rem;
	height: 0.346667rem;
	vertical-align: middle;
	margin: -0.066667rem 0.133333rem 0 0;
	background: url("../images/edit-icon.png") center no-repeat;
	background-size: contain;
}
/* 相关线路 */
.tag-line-container{
	margin-top: 0.266667rem;
	background: #fff
}
.tag-line-tit{
	padding: 0.4rem 0.4rem 0.266667rem;
	font-size: 0.426667rem
}
.tag-line-wrap{
	padding: 0 0.24rem;
}
.tag-line-wrap>li{
	float: left;
}
.tag-line-wrap .item-a{
	display: block;
	width: 4.76rem;
	padding: 0.16rem
}
.tag-line-wrap .item-a .pic{
	width: 4.44rem;
	height: 2.6rem;
	vertical-align: middle;
}
.tag-line-wrap .item-a .name{
	height: 1.066667rem;
	line-height: 0.533333rem;
	margin-top: 0.133333rem;
	overflow: hidden;
	font-size: 0.373333rem
}
.tag-line-wrap .item-a .price{
	color: #999;
	height: 0.533333rem;
	line-height: 0.533333rem;
	margin-top: 0.133333rem;
	font-size: 0.32rem
}
.tag-line-wrap .item-a .price span{
	color: #f60;
}
.tag-line-wrap .item-a .price span em{
	font-size: 0.373333rem
}
/* 其他文章 */
.other-container{
	padding: 0 0.4rem;
	margin-top: 0.266667rem;
	background: #fff
}
.other-tit{
	padding: 0.4rem 0 0.133333rem;
	font-size: 0.426667rem
}
.other-wrap li{
	padding: 0.133333rem 0 
}
.other-wrap li .name{
	display: block;
	height: 0.533333rem;
	line-height: 0.533333rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.32rem
}
.other-wrap li .info{
	height: 0.533333rem
}
.other-wrap li .info span{
	color: #a9b7b7;
	display: inline-block;
	height: 0.533333rem;
	line-height: 0.533333rem;
}
.other-wrap li .info span .icon{
	display: inline-block;
	width: 0.333333rem;
	height: 0.293333rem;
	vertical-align: middle;
	margin: -0.04rem 0.066667rem 0 0
}
.other-wrap li .info .gz,
.other-wrap li .info .pl{
	margin-left: 1rem
}
.other-wrap li .info .gz .icon{
	background: url("../images/gz-icon.png") center no-repeat;
	background-size: contain;
}
.other-wrap li .info .pl .icon{
	background: url("../images/pl-icon.png") center no-repeat;
	background-size: contain;
}
/* 评论 */
.comment-bom-bar{
	height: 1.306667rem;
}
.comment-fix-bar{
	height: 1.306667rem;
	padding: 0.226667rem 0.2rem;
    display: -webkit-box;
    display: -moz-box;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f5f5f5;
}
.comment-fb-link{
    display: block;
    height: 0.853333rem;
    line-height: 0.853333rem;
    padding: 0 0.2rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    border: 0;
    -webkit-border-radius: 0.066667rem;
    -moz-border-radius: 0.066667rem;
    border-radius: 0.066667rem;
    background: #fff;
}
.comment-list-link{
    display: block;
    width: 0.533333rem;
    height: 0.533333rem;
    margin: 0.2rem 0.2rem 0 0.4rem;
    position: relative;
    background: url("../images/conment-icon.png") center no-repeat;
    background-size: contain;
}
.comment-list-link em{
    display: inline-block;
    color: #fff;
    height: 0.4rem;
    line-height: 0.4rem;
    padding: 0 0.093333rem;
    position: absolute;
    bottom: 0;
    right: -50%;
    font-style: normal;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    transform: scale(0.8);
    background: #e8645f;
}
/*xm 20191030*/
.other_article{
	display:flex;
	flex-direction:row;
}
.other_article .pic{
	width: 2.96rem;
	height: 1.73rem;
	vertical-align: middle;
}
.other_article .information{
	display:flex;
	flex-direction:column;
	width:calc(100% - 2.96rem);
	padding-left:0.16rem;
}
.information .info_name{
	display: block;
	height: 0.866666rem;
	line-height: 0.866666rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.32rem
}
.information .info_detail{
	display:flex;
	flex-direction:row;
	height: 0.866666rem;
	line-height: 0.866666rem;
}
.other_article span{
	color: #a9b7b7;
	display: inline-block;
	height: 0.866666rem;
	line-height: 0.866666rem;
}
.other_article span .icon{
	display: inline-block;
	width: 0.333333rem;
	height: 0.293333rem;
	vertical-align: middle;
	margin: -0.04rem 0.066667rem 0 0
}
.other_article .gz,
.other_article .pl{
	margin-left: 1rem
}
.other_article .gz .icon{
	background: url("../images/gz-icon.png") center no-repeat;
	background-size: contain;
}
.other_article .pl .icon{
	background: url("../images/pl-icon.png") center no-repeat;
	background-size: contain;
}