﻿/*底部有间距.12rem*/

.article-box-0 {
	margin-bottom: .12rem;
}


/*底部没有间距*/

.article-box-1 {
	margin-bottom: 0rem;
}

.article-box-padding-1 {
	padding: .32rem .32rem .16rem .32rem;
}

.article-box-padding-2 {
	padding: 0 .32rem 0 .32rem;
}

.article-box-padding-3 {
	padding: .32rem 0 .16rem 0;
}

.article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.black_advertIcon {
	background: rgba(0, 0, 0, 0.3);
	padding: 0rem 0.15rem 0rem 0.15rem;
	font-size: .2rem;
	line-height: .28rem;
	color: #fff;
}


/*左文右图 首页样式2*/

.article-type-2 {
	background: #fff;
}

.article-type-2 .article-box-padding-1 {
	padding-top: .2rem;
}

.article-type-2 .article-box-inner {
	position: relative;
}

.article-box-image2 .article-image:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/*background: rgba(0, 0, 0, 0.3);*/
	z-index: 1;
}

.article-type-2 .article-detail {
	width: 4.35rem;
	height: auto;
}

.article-type-2 .article-detail .article_title {
	min-height: .96rem;
	height: 1.44rem;
	/*height:auto;*/
	margin-bottom: .26rem;
}

.article-type-2 .article-image {
	position: absolute;
	right: 0;
	width: 2.88rem;
	height: 2.3rem;
	overflow: hidden;
	border-radius: .08rem;
	margin-top: -.2rem;
}

.article-type-2 .article-detail .article_info {
    border-top: none;
    padding-top: .15rem;
}

.article-type-2 .article-detail {
    width: 3.36rem;
    height: auto;
}

.article-type-2 .article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*.article-type-2 .article-detail .article_info {
	border-top: 2px solid #F5F5F5;
	padding-top: .15rem;
}*/


/**********文章的评论数等信息**/

.article_info .source_name {
	margin-right: .2rem;
}

.article_info .pv_num {
	margin-right: .1rem;
}

.article_info .comment_num {
	display: none;
}

.article_info .pv_num:before {
	content: '';
	background-image: url(../images/eye@2x.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: .3rem;
	height: .18rem;
	display: inline-block;
	margin-right: .01rem;
}

.shuju-type.shuju-type-all .article_info .pv_num:before {
	background-image: url(../images/eye_white.png);
}

.article_info .comment_num:before {
	content: '';
	background-image: url(../images/talk_write_icon@2x.png);
	background-repeat: no-repeat;
	background-size: 100% 120%;
	width: .26rem;
	height: .23rem;
	display: inline-block;
	margin-right: .01rem;
}


/*纯文字稿 首页样式19*/

.article-type-19 {
	background: #fff;
}

.article-type-19 .article_title {
	margin-bottom: .26rem;
}

.article-type-19 .article-detail {
	height: auto;
}

.article-type-19 .article-detail .article_info {
	position: relative;
}


/*投票 两个选项 样式18*/

.article-type-18 {
	background-color: #fff;
}

.article-type-18 .article_title {
	margin: 0 .32rem .2rem .32rem;
}

.article-type-18 .vote-cover {
	width: 100%;
	height: 3.12rem;
}

.article-type-18 .vote-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article-type-18 .vote-detail {
	width: 7.11rem;
	margin: .27rem auto 0 auto;
	height: 1.64rem;
	background-image: url(../images/toupiao_bg@2x.png);
	background-size: 100% 100%;
	position: relative;
}

.article-type-18 .vote-detail .icon-zhichi {
	position: absolute;
	left: .26rem;
	top: .23rem;
	height: .8rem;
	width: .8rem;
}

.article-type-18 .vote-detail .icon-fandui {
	position: absolute;
	right: .26rem;
	top: .23rem;
	height: .8rem;
	width: .8rem;
}

.article-type-18 .vote-detail .icon-vs {
	position: absolute;
	left: 2.94rem;
	top: .27rem;
	height: .97rem;
	width: 1.02rem;
}

.article-type-18 .vote-detail .text-toupiao {
	position: absolute;
	top: .4rem;
	font-size: .34rem;
	line-height: .48rem;
}

.article-type-18 .vote-detail .text-zhichi {
	left: 1.27rem;
	color: #2EBBFF;
}

.article-type-18 .vote-detail .text-fandui {
	right: 1.27rem;
	color: #FF3348;
}


/*投票 列表投票 样式16&样式17*/

.article-type-16 .vote-cover {
	width: 100%;
	height: 2.86rem;
	overflow: hidden;
}

.article-type-16 .vote-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article-type-16 .vote-detail {
	background: #fff;
	box-shadow: 0px 0.05rem 0.06rem 0px rgba(98, 98, 98, 0.41);
	border-radius: 0px 0px .08rem .08rem;
}

.article-type-16 .vote-detail .article_title {
	padding: .3rem .4rem .2rem .4rem;
}

.article-type-16 .vote-detail .vote-options {
	/*margin-top:.2rem;*/
}

.article-type-16 .vote-detail .vote-option {
	padding-top: .29rem;
	padding-bottom: .29rem;
	border-top: 2px solid rgba(238, 238, 238, 1);
	font-size: .28rem;
	line-height: .28rem;
	position: relative;
	padding: 0 .4rem;
}

.article-type-16 .vote-detail .vote-option .vote-option-title {
	font-size: .28rem;
	line-height: .87rem;
}

.article-type-16 .vote-detail .vote-option .vote-option-icon {
	width: 1.2rem;
	height: .34rem;
	margin-right: .2rem;
	vertical-align: middle;
}

.article-type-16 .vote-detail .vote-option .vote-option-checkbox {
	position: absolute;
	right: .4rem;
	top: .22rem;
	width: .4rem;
	height: .4rem;
}

.article-type-16 .btn-vote {
	background-image: url(../images/toupiao_icon@2x.png);
	background-size: 100% 100%;
	width: 5.84rem;
	height: 1.57rem;
	margin: 0 auto;
	position: relative;
}

.article-type-16 .btn-vote .btn-vote-text {
	position: absolute;
	font-size: .3rem;
	color: #fff;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: .3rem;
	top: .54rem;
}


/********************政情列表***************/

.article-type-13 {
	background: #fff;
	overflow: hidden;
}

.article-type-13 .question {
	position: relative;
	border-bottom: .02rem solid rgba(238, 238, 238, 0.32);
}

.article-type-13 .question .article-box-inner {
	position: relative;
}

.article-type-13 .question .question-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: .66rem;
	height: .36rem;
}

.article-type-13 .question .article-image {
	position: absolute;
	right: 0;
	top: -0.06rem;
	width: 2.18rem;
	height: 1.36rem;
	border-radius: .08rem;
	overflow: hidden;
}

.article-type-13 .question .article-detail {
	width: 100%;
	height: auto;
}

.article-type-13 .question .article-detail.has_image {
	width: 4.35rem;
}

.article-type-13 .question .article-detail .article_title {
	font-size: .34rem;
	line-height: .48rem;
	color: #333;
	width: 100%;
	height: .96rem;
	margin-bottom: .26rem;
}

.article-type-13 .question .article-detail .article_info {
	position: relative;
	font-size: .24rem;
	color: #c9c9c9;
}

.article-type-13 .question .article-detail .article_info .guanzhu-num {
	margin-right: .27rem;
}

.article-type-13 .answer {
	position: relative;
}

.article-type-13 .answer .answer-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: .66rem;
	height: .36rem;
}

.article-type-13 .answer .article-detail {
	height: auto;
}

.article-type-13 .answer .article-detail .article_title {
	font-size: .28rem;
	line-height: .48rem;
	color: #666;
}

.article-type-13 .answer .article-detail .article_info {
	position: relative;
	font-size: .24rem;
	color: #c9c9c9;
	margin-top: .58rem;
	text-align: right;
}


/*评论*/

.article_comment {
	overflow: hidden;
	background: #fff;
	padding: .3rem 0;
}

.article_comment h3 {
	color: #414141;
	font-size: .28rem;
	font-weight: normal;
	margin-bottom: .5rem;
}

.comment_list {
	cursor: pointer;
}

.comment_item {
	margin-bottom: .24rem;
}

.comment_title {
	height: .7rem;
	line-height: .7rem;
}

.comment_avatar {
	width: .7rem;
	height: .7rem;
	/*background-color: #f7f7f7;
    background-position: center center;*/
	background-size: cover;
	border-radius: 50%;
	overflow: hidden;
	float: left;
}

.icon_dianzan {
	width: .28rem;
	height: .3rem;
	background-image: url('../images/zan.png');
	background-size: 100% 100%;
	float: right;
	margin-top: .2rem;
}


/*点赞按钮前的点赞数*/

.num_dianzan {
	float: right;
	line-height: .3rem;
	font-size: .16rem;
	height: .3rem;
	margin-top: .2rem;
	color: #666;
	margin-right: .1rem;
}

.icon_dianzan.clicked {
	width: .28rem;
	height: .3rem;
	background-image: url('../images/zan_blue.png');
	background-size: 100% 100%;
	float: right;
	margin-top: .2rem;
}

.icon_dianzan_comment.clicked {
	width: .4rem;
	height: .4rem;
	background-image: url('../images/zan_blue.png');
	background-size: 100% 100%;
	float: right;
}

.num_pinglun {
	float: right;
	line-height: .3rem;
	font-size: .16rem;
	height: .3rem;
	margin-top: .2rem;
	color: #666;
	margin-right: .1rem;
}

.icon_pinglun {
	width: .28rem;
	height: .3rem;
	background-image: url('../images/comment.png');
	background-size: 100% 100%;
	float: right;
	margin-right: .6rem;
	margin-top: .2rem;
}

.comment_info {
	padding-bottom: .2rem;
	border-bottom: 1px solid rgba(238, 238, 238, 1);
}

.nickname {
	font-size: .28rem;
	margin-left: .83rem;
}

.comment_foot {
	font-size: .24rem;
}

.comment_foot .comment_time {
	color: #c9c9c9;
	margin-right: .24rem;
}

.comment_foot .btn_reply {
	color: #333;
}

.comment_content {
	color: #333;
	font-size: .32rem;
	line-height: .44rem;
	margin: .1rem 0;
	text-align: justify;
}

.more_comment {
	text-align: center;
	height: .8rem;
	line-height: .8rem;
	color: #1788D7;
	border: 1px solid #1788D7;
	border-radius: 0.08rem;
	margin-bottom: .4rem;
}


/* 轮播类型的广告 样式1*/

.article-type-1 {}

.article-type-1 .LZ_carousel {
	z-index: 99;
	height: 3.82rem;
	/*margin-bottom: -0.01rem;*/
	box-sizing: border-box;
	position: relative;
}

.article-type-1 .LZ_carousel .article_title {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	color: #ffffff;
	padding: 0.06rem 0.15rem;
	box-sizing: border-box;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 97%);
	/*background: linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    opacity: 0.4;*/
	font-size: .34rem;
	line-height: .48rem;
}

.article-type-1 .LZ_carousel .swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
}
#footer_bar{
    width: 100%;
    background: #fff;
    position: fixed;
    border-top: 1px solid #EAEAEA;
    left: 0;
    bottom: 0;
    z-index: 10;
    height: 1.18rem;
    /* display: none; */
    display: flex;
    align-items: center;
	justify-content: space-around;
	padding-bottom:calc(env(safe-area-inset-bottom));
}
#footer_bar.article_var_item{
	padding-bottom:0;
}
#footer_bar .swiper-pagination{
    bottom:calc(0.1rem + env(safe-area-inset-bottom))
 }
 #footer_bar.article_var_item .swiper-pagination{
	bottom:0.1rem;
}
#footer_bar .open_app_inner {
    padding: 0.18rem 0!important;
}
#footer_bar .swiper-pagination{
	font-size: 0!important;
}
#footer_bar .swiper-footer{
    width: 60%;
    height: 1.18rem;
	overflow: hidden;
	font-size: 0.28rem!important;
}
#footer_bar .swiper-pagination>.swiper-pagination-bullet {
    width: .22rem;
    height: .06rem;
	border-radius: 0;
	background: #ccc!important;    
	opacity:.4;
	border-radius: 0.03rem;
}

#footer_bar .swiper-pagination>.swiper-pagination-bullet-active{
    background: #000!important;
}
.footer-slide img{
    width: 0.82rem;
   height: 0.82rem;
   border-radius: 0.1rem;
   margin-right: 0.24rem;
}
.footer-slide{
    display: flex;
    align-items: center;
}
.article-type-1 .LZ_carousel .swiper-slide .carousel_icon {
	position: absolute;
	left: 0.16rem;
	bottom: 0.16rem;
}
.open_app_inner {
    max-width: 640px;
    height: 1.18rem;
    /* border-top: 1px solid #EAEAEA; */
    background: #ffffff;
    padding: 0.18rem 0.2rem;
    box-sizing: border-box;
    margin: 0 auto;
}
.article-type-1 .swiper-container2 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	border-radius: .08rem;
}

.article-type-1 .swiper-container2 .swiper-pagination span {
	display: inline-block;
	width: 0.26rem;
	height: 0.04rem;
	border-radius: 0;
	/*background: rgba(173, 173, 173, 1);*/
	background: rgba(255, 255, 255, 0.4);
	opacity: 1;
}

.article-type-1 .swiper-container2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	/*background: #007aff !important;*/
	background: rgba(255, 255, 255, 1) !important;
}


/*文本超出3行显示...*/

.limit-line3 {
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0 !important;
	text-align: left !important;
}


/*一图多跨类型*/

.article-type-31 .swiper-slide {
	width: 2.95rem;
	background: #fff;
	border-radius: .08rem;
	overflow: hidden;
}

.article-type-31 .article_image {
	height: 1.84rem;
	background-size: cover;
	background-position: center center;
}

.article-type-31 .article_title {
	font-size: .24rem;
	color: #333;
	line-height: .3rem;
	margin: .1rem;
	height: .9rem;
}


/*3D轮播类型，默认是竖图 3.6*6.4 */

.article-type-32 {}

.article-type-32 .LZ_3d_carousel {
	overflow: hidden;
}

.article-type-32 .swiper-slide {
	width: 3.6rem;
	background: #fff;
	border-radius: .16rem;
	overflow: hidden;
	background-color: #D8D8D8;
}

.article-type-32 .article_image {
	height: 6.4rem;
	background-size: cover;
	background-position: center center;
}

.article-type-32 .article_image img {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.article-type-32 .article_title {
	font-size: .28rem;
	color: #FFF;
	line-height: .32rem;
}

/*图集类型*/
.article-type-33{}
/*视频上的标记*/


/*TODO：将视频播放的样式抽离出来，不跟随某个容器*/

.play_icon {
	width: .64rem;
	height: .64rem;
	background-image: url(../images/play_icon@2x.png);
	/*background-color: rgba(0, 0, 0, 0.2);*/
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	/*border-radius: 50%;*/
	overflow: hidden;
	bottom: .12rem;
	left: .12rem;
	/* transform: translate(-50%, -50%); */
	z-index: 5;
}
.play_audio {
	width: .6rem;
	height: .6rem;
	background-image: url(../images/ear.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	overflow: hidden;
	bottom: .12rem;
	left: .12rem;
	z-index: 5;
}

.video-time {
	background: rgba(0, 0, 0, 0.4);
	line-height: .28rem;
	border-radius: .18rem;
	position: absolute;
	right: .12rem;
	bottom: .12rem;
	text-align: center;
	font-size: .2rem;
	color: #ffffff;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 .15rem;
}

.video-time:before {
	content: '';
	background-image: url('../images/little_play@2x.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: .1rem;
	height: .12rem;
	display: inline-block;
	margin-right: .05rem;
}


/*文章盒子*/

.article_title {
	font-size: .34rem;
	line-height: .48rem;
	color: #333333;
	text-align: justify;
}

.article-detail {
	/*height: .3rem;*/
	overflow: hidden;
	position: relative;
}

.article-detail .article_info {
	height: .28rem;
	overflow: hidden;
	font-size: .24rem;
	color: rgba(201, 201, 201, 1);
	line-height: .28rem;
}


/*banner组 banner轮播 样式20*/
.specialGroup {
}

.article-type-20 {	
	width: 6.86rem;
    margin: 0 auto 0.12rem;
    padding: .06rem .32rem;
    background: #fff;
}
.specialGroup .swiper-content-container{
	border-radius: .08rem;
	overflow: hidden;	
}
.specialGroup .swiper-pagination-bullet {
    width: .26rem;
    height: 0.04rem;
    background: rgba(173, 173, 173, 1);
}

.specialGroup .swiper-pagination-bullet-active {
    background: rgba(23, 136, 215, 1);
}

.article-type-20 .black_advertIcon {
    position: absolute;
    left: 0;
    bottom: 0;
}
.specialGroup .swiper-slide {
	width: 100%;
	height: 1.82rem;
}

.specialGroup .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.specialGroup .specialGroup-single-img{
	border-radius:.08rem;
}
.specialGroup .swiper-pagination{
	font-size:0;
}



/*专区大图*/

.bigImg {
	/*height: 3.82rem;*/
	position: relative;
	border-radius: .08rem;
	overflow: hidden;
}

.bigImg img {
	width: 100%;
	/*height: 100%;*/
	height: 3.82rem;
	object-fit: cover;
}

.article-type-14 .article_title {
	margin-top: .1rem;
	margin-bottom: .2rem;
}

.article-type-14 .article-box-inner {
	position: relative;
}

.textArticle p {
	margin-bottom: .15rem;
	padding: 0 0 0 .2rem;
	position: relative;
	text-align: justify;
	font-size: .34rem;
	line-height: .48rem;
	/*color: #999;*/
}

.textArticle p:before {
	content: '';
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	position: absolute;
	top: .2rem;
	left: 0rem;
	background: rgba(9, 136, 255, 1);
}

.recSubscript.zhuanti_recSubscript {
	background: linear-gradient(270deg, rgba(250, 95, 87, 1), rgba(253, 162, 121, 1));
}

.article-type-14.special-article .recSubscript {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 1rem;
}

.recSubscript {
	height: .28rem;
	box-sizing: border-box;
	padding: 0 .12rem;
	color: #ffffff;
	font-size: .2rem;
	line-height: .28rem;
	display: inline-block;
	background: linear-gradient(270deg, rgba(32, 129, 239, 1), rgba(42, 196, 249, 1));
	/*background-image: url('../images/type_blue@2x.png');*/
	/*background-repeat: no-repeat;
    background-size: 100% 100%;*/
	margin-right: 0.1rem;
}


/*单张大图*/

.article-type-3 {
	background: #ffffff;
	overflow: hidden;
}

.article-type-3 .article-box-inner {
	position: relative;
}

.article-type-3 .article-image {
	width: 100%;
	height: 3.82rem;
	position: relative;
	border-radius: .08rem;
	margin-bottom: .2rem;
	overflow: hidden;
}

.article-type-3 .article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article-type-3 .article_title {
	margin-bottom: .2rem;
}


/*大图的广告*/

.article-type-3 .black_advertIcon {
	position: absolute;
	left: 0;
	bottom: .12rem;
}


/*视频文章*/

.article-type-8 {
	background: #ffffff;
	overflow: hidden;
}

.article-type-8 .article-box-inner {
	position: relative;
}

.article-type-8 .article-image {
	width: 100%;
	height: 3.82rem;
	position: relative;
	border-radius: .08rem;
	margin-bottom: .2rem;
	overflow: hidden;
}

.article-type-8.article-type-9 .article-image {
	margin-bottom: 0;
}

.article-type-8 .article_title {
	margin-bottom: .2rem;
}


/*视频广告*/

.article-type-9 .black_advertIcon {
	position: absolute;
	right: 0;
	bottom: .12rem;
}

.article-box-video .article-detail {
	position: relative;
	z-index: 3;
}


/*******通用的大图样式 兼容各种的样式******/

.article-big-image {
	width: 100%;
	height: 3.82rem;
	position: relative;
	border-radius: .08rem;
	margin-bottom: .2rem;
	overflow: hidden;
}

.article-big-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article-big-image .article_title {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	color: #ffffff;
	padding: 0.06rem 0.15rem;
	box-sizing: border-box;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 97%);
	/*background: linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    opacity: 0.4;*/
	font-size: .34rem;
	line-height: .48rem;
}


/******通用的小图样式，兼容各种类型 图上不显示标题 右侧不显示内容*/

.article-small-image-2 {
	position: relative;
	height: 1.84rem;
	background-size: cover;
	background-position: center center;
}

.article-small-image-2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*我要提问 TODO:我也要提问，要修改图片*/

.btn-my-ask {
	background-image: url(../images/toupiao_icon@2x.png);
	background-size: 100% 100%;
	width: 5.84rem;
	height: 1.57rem;
	margin: 0 auto;
	position: relative;
}

.btn-my-ask .btn-ask-text {
	position: absolute;
	font-size: .3rem;
	color: #fff;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: .3rem;
	top: .54rem;
}


/*数聚的样式*/

.shuju-type-block {
	/*background: #fff;*/
}

.shuju-type {
	background: transparent;
}

.shuju-type-part {
	height: 3.62rem;
}

.shuju-type-part .data_info {
	background: #fff;
	width: 3.43rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0 .2rem;
	overflow: hidden;
	justify-content: center;
	padding-top: .2rem;
}

.shuju-type-part .data_pic {
	background: #fff;
	width: 3.43rem;
}

.shuju-type-part .data_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.shuju-type .data_info .data_total {
	width: 100%;
	height: .02rem;
	position: relative;
	text-align: center;
}

.shuju-type-part .data_info .data_total {
	background: rgba(75, 130, 251, 0.4);
}

.shuju-type-all .data_info .data_total {
	background: none;
}

.shuju-type-all .data_info .data_total .data-line {
	position: absolute;
	display: inline-block;
	width: 32%;
	height: .02rem;
	background: #fff;
}

.shuju-type-all .data_info .data_total .data-line.data-line-left {
	left: 0;
}

.shuju-type-all .data_info .data_total .data-line.data-line-right {
	right: 0;
}

.shuju-type .data_info .data_total .data_total_info {
	position: absolute;
	display: inline-block;
	top: -.11rem;
	height: .22rem;
	padding: 0 .05rem;
	font-size: .18rem;
	line-height: .22rem;
	left: 50%;
	transform: translateX(-50%);
}

.shuju-type-part .data_info .data_total .data_total_info {
	width: 70%;
	background: #fff;
	color: #333;
	position: absolute;
	top: -.54rem;
	height: .96rem;
}

.shuju-type-part .data_info .data_total .data_total_info .data_total_num {
	width: 70%;
	line-height: .48rem;
	border-bottom: .04rem solid #0988FF;
	margin-left: 15%;
}

.shuju-type-part .data_info .data_total .data_total_info .data_total_num .data_total_num_1 {
	font-size: .4rem;
	font-weight: bold;
}

.shuju-type-part .data_info .data_total .data_total_info .data_total_num .data_total_num_2 {
	font-size: .2rem;
}

.shuju-type-part .data_info .data_total .data_total_info .data_total_text {
	font-size: .2rem;
	color: #999;
	width: 100%;
	text-align: center;
	letter-spacing: .1rem;
	margin-top: .04rem;
}

.shuju-type-all .data_info .data_total .data_total_info {
	width: 50%;
	color: #fff;
}

.shuju-type.shuju-type-all .data_info .data_total .data_total_info:before {
	content: "";
	content: '';
	background-image: url(../images/dataicon1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: .18rem;
	height: .22rem;
	display: inline-block;
	margin-right: .01rem;
	vertical-align: middle;
}

.shuju-type-part .article_title {
	font-size: .34rem;
	line-height: .48rem;
	color: #333;
	height: 1.44rem;
}

.shuju-type-part .article_title {
	margin-top: .5rem;
	margin-bottom: .2rem;
}

.shuju-type .article_info {
	font-size: .24rem;
	line-height: .24rem;
}

.shuju-type-part .article_info {
	color: #C9C9C9;
}

.shuju-type-all .article_info {
	color: #FFFFFF;
	text-align: right;
}

.shuju-type-part a {
	display: inline-block;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
}

.shuju-type-all .data_pic {
	border-radius: .08rem;
	height: 3.82rem;
	overflow: hidden;
	position: relative;
	background-size: 100% 100%;
}

.shuju-type-all .data_pic .title_container {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1.90rem;
	background: rgba(0, 0, 0, 0.4);
	padding: .2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.shuju-type-all .article_title {
	color: #fff;
	font-size: .32rem;
	margin-top: .2rem;
	line-height: .44rem;
	margin-bottom: .2rem;
}

.shuju-type .article_info .pv_num:before {
	margin-right: .09rem;
}


/*推荐新华号*/

.article-type-12 .swiper-slide {
	width: 4.72rem;
	background: #fff;
	border-radius: .08rem;
	overflow: hidden;
}

.article-type-12 .big_slide_box .big_pic_slide {
	height: 2.69rem;
}

.article-type-12 .big_slide_box {
	width: 4.72rem;
	height: auto;
	box-shadow: 0px 4px 62px 0px rgba(198, 198, 198, 0.3);
	border-radius: 8px;
}


/*banner 样式5*/

.article-type-5 {
	width: 6.86rem;
    margin: 0 auto 0.12rem;    
    padding: .06rem .32rem;
    background: #fff;
}

.article-type-5 .article-box-inner {}

.article-type-5 .article_image {
	position: relative;
	height: 1.82rem;
}

.article-type-5 .black_advertIcon {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	padding: 0rem 0.15rem 0rem 0.15rem;
	font-size: .2rem;
	line-height: .28rem;
	color: #fff;
	border-bottom-left-radius: .08rem;
}

.article-type-5 .article-box-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.08rem;
}


/*三图一栏*/

.article-type-4 {
	background: #ffffff;
	overflow: hidden;
}

.article-type-4 .article-box-inner {}

.article-type-4 .article_title {
	margin-bottom: 0.2rem;
}

.article-type-4 .article-image-wrapper {
	display: flex;
	justify-content: space-between;
	margin-bottom: .2rem;
}

.article-type-4 .article-image-wrapper .article-image {
	width: 2.18rem;
	height: 1.36rem;
	border-radius: .08rem;
	overflow: hidden;
}


/* 直播，回放按钮 */

.video-type {
	/* width: 0.94rem; */
	width: 1.36rem;
	background: rgba(0, 0, 0, 0.5);
	height: .36rem;
	border-radius: .18rem;
	position: absolute;
	left: .16rem;
	bottom: .14rem;
	color: #ffffff;
	z-index: 5;
	font-size: 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.02rem 0.06rem;
	box-sizing: border-box;
}

.video-time img {
	width: 0.18rem !important;
	height: 0.18rem !important;
	object-fit: cover;
	margin-right: 0.1rem;
}

.video-time div {
	width: 0.18rem;
	height: 0.18rem;
}

.video-time span {
	/*padding-top: 0.04rem;*/
	display: inline-flex;
	justify-content: center;
	align-items: center;
}


/*直播回放icon*/

.video-type {
	width: .94rem;
	justify-content: space-around;
}

.video-type div.playback,
.video-type div.live,
.video-type div.preview {
	background-size: 100% 100%;
	width: 0.18rem;
	height: 0.18rem;
}

.video-type span {
	line-height: 1;
}


/*直播icon*/

.video-type div.live {
	background-image: url('../images/live1.png');
}


/*回放icon*/

.video-type div.playback {
	background-image: url('../images/playback1.png');
}


/*直播预告icon*/

.video-type div.preview {
	background-image: url('../images/preview1.png');
}


/*六图*/

.article-type-6 {
	background: #ffffff;
	overflow: hidden;
}

.article-type-6 .article-box-inner {
	/*margin: .34rem .32rem .2rem .32rem;*/
}

.article-type-6 .article_title {
	margin-bottom: 0.2rem;
}

.article-type-6 .article-image-wrapper {
	height: 2.18rem;
	display: flex;
	justify-content: space-between;
	margin-bottom: .16rem;
}

.article-type-6 .article-image-wrapper.article-image-wrapper-last {
	margin-bottom: .2rem;
}

.article-type-6 .article-image-wrapper .article-image {
	width: 2.18rem;
	height: 2.18rem;
	border-radius: .08rem;
	overflow: hidden;
}

.article-type-6 .article-detail {}


/*文本超出2行显示...*/

.limit-line2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left !important;
}


/*文本超出3行显示...*/

.limit-line3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left !important;
}

/*文本超出4行显示...*/

.limit-line4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left !important;
}


/************开始：特色栏目推荐**********/

.special_title_container {
	height: .4rem;
	/*margin-top: .28rem;*/
	margin-bottom: .28rem;
	position: relative;
}

.special_title_container .special_channel_icon {
	position: absolute;
	width: .4rem;
	height: .4rem;
	top: 0;
	left: 0;
	line-height: .4rem;
	display: inline-block;
}

.special_title_container .special_channel_name {
	font-size: .32rem;
	line-height: .4rem;
	margin-left: .6rem;
	color: #333;
}

.special_title_container .special_channel_more_image {
	width: .27rem;
	height: .24rem;
	position: absolute;
	right: .07rem;
	top: .06rem;
}

.special_title_container .special_channel_more_text {
	position: absolute;
	right: .44rem;
	font-size: .28rem;
	line-height: .4rem;
	color: #999;
}

.special_channel_wrapper.article-type-12 .xinhua_info {
	height: .96rem;
	padding-bottom: 0;
}

.special_channel_wrapper.article-type-12 .article_info {
	padding-left: .2rem;
	margin-top: .22rem;
	margin-bottom: .19rem;
	font-size: .24rem;
	line-height: .48rem;
	color: #C9C9C9;
}


/*
.special_channel_wrapper.article-type-12 .swiper-container {
    overflow:visible;
}*/


/*音频栏目推荐*/

.special_channel_wrapper.article-type-11 .bottom-article.article-box-padding-2 {
	padding: 0;
}


/*新华号精品推荐*/

.special_title_container .special_channel_change_group {
	font-size: .24rem;
	line-height: .28rem;
	color: #0988FF;
	border: 1px solid #0988FF;
	border-radius: .2rem;
	padding: .04rem .2rem;
	position: absolute;
	right: 1.5rem;
}


/************结束：特色栏目推荐**********/


/************开始：新华号精选推荐***********/

.recommend_xinhuahao .swiper-xinhuahao .swiper-slide {
	width: 2.74rem;
	height: 4.7rem;
	background: #fff;
	border-radius: .08rem;
	overflow: hidden;
}

.recommend_xinhuahao .xinhuahao_item {}

.recommend_xinhuahao .xinhuahao_logo {
	width: 1.24rem;
	height: 1.24rem;
	border-radius: 50%;
	margin-top: .35rem;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	border: .02rem solid #0988FF;
}

.recommend_xinhuahao .xinhuahao_logo img {
	width: 100%;
	height: 100%;
}

.recommend_xinhuahao .xinhuahao_name {
	font-size: .28rem;
	line-height: .32rem;
	margin-top: .23rem;
	color: #fff;
	text-align: center !important;
	margin-left: .32rem;
	margin-right: .32rem;
}

.recommend_xinhuahao .xinhuahao_subscribe {
	width: .56rem;
	height: .56rem;
	margin-top: .2rem;
	margin-left: auto;
	margin-right: auto;
}

.recommend_xinhuahao .xinhuahao_subscribe img {
	width: 100%;
	height: 100%;
}

.recommend_xinhuahao .xinhuahao_desc {
	font-size: .24rem;
	line-height: .3rem;
	margin-left: .32rem;
	margin-right: .32rem;
	margin-top: .15rem;
	color: rgba(255, 255, 255, 0.8);
}


/************结束：新华号精选推荐***********/

/*首页文字组专题模块*/
.article-type-21{
	background:rgba(255,255,255,1)
}

.article-type-21 .article_title-21 {
	height: 0.88rem;
	color:#333;
	font-size: 0.38rem;
	line-height: 0.88rem;
	text-align: center;
	font-weight:500;
	/* margin-bottom: .26rem; */
}

.article-type-21 .article-detail-21 {
	height: auto;
}

.article-type-21 .article-detail-21 .article_info-21 {
	margin: 0 0.32rem;
	padding: 0.2rem 0;
	border-bottom:0.01rem solid rgba(243,243,243,1);
  
}
.article-type-21 .article-detail-21 .article_info-21 .img{
	margin-top: 0.15rem;
	width: 0.16rem;
	height: 0.16rem;
	background: url('../images/tuoyuan.png');
	background-size: 100%;
	float: left;

}
.article-type-21 .article-detail-21 .article_info-21 .innnerTitle-21{
	color: #0F0F0F;
	margin-left: 0.48rem;
	width: 6.31rem;
	max-height: 0.92rem;
	line-height: 0.46rem;
	font-size: 0.34rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}
.article-type-21 .accseeProject{
	color: #17529C;
	font-size: 0.28rem;
	height: .82rem;
	margin-left: .32rem;
	line-height: .82rem;
	position: relative;

}
.article-type-21  .turnRight{
	background: url('../images/type21_access.png');
	width: .4rem;
	height: .24rem;
	position: absolute;
	background-size: 100%;
	top: .29rem;
	left: 1.21rem;
}
/* 左文右图的来源 */
.article-type-2 .article_info .source_name {
    display: inline-block;
	max-width: 2.6rem;
	word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-type-2 .article-detail .article_info{
	height: .3rem;
}
.page-background{
    background: #fff !important;
}
.comment-title{
	background: #F1F3F5;
	height: .9rem;
	line-height: .9rem;
}
.comment-color{
	width: .16rem;
	height: .46rem;
	background: #137AD0;
	margin: .22rem 0 0 .4rem;
	float: left;
}
.comment-text{
	font-size: .36rem;
	color: #343A40;
	margin-left: .2rem;
	float: left;
}
.comment-nickname{
	color: #137AD0;
	font-size: .32rem;
}
.icon_dianzan_comment{
	width: .4rem;
    height: .4rem;
    background-image: url(../images/comment-zan.png);
    background-size: 100% 100%;
    float: right;
    margin-top: .11rem;
    margin-right: .08rem;
}
.icon_pinglun_comment{
	color: #343A40;
	font-size: .28rem;
	margin-right: .1rem;
	float: right;
}
.comment_content_content{
	color: #343A40;
	font-size: .32rem;
	font-weight: normal;
	line-height: .44rem;
	margin-left: .83rem;
}
.comment_foot_comment{
    margin: .2rem 0 0 .83rem;
}
.comment_time_comment{
	color: #868E96;
	font-size: .28rem;
	float: left;
}
.btn_reply_comment{
	width: .9rem;
	height: .4rem;
	color: #137AD0;
	font-size: .28rem;
	background: rgba(19,122,208,.05);
	border-radius: .2rem;
	margin-left: .4rem;
	float: left;
	text-align: center;
}
.comment-nickname-comment{
    float: left;
}
.comment_content_replay{
	margin-left: 0;
}
.comment_replay{
	background: #F8F9FA;
	border-radius: .16rem;
	padding: .2rem;
	margin: .2rem 0 0 .83rem;
}
.comment-replay-text{
	font-size: .32rem;
	float: left;
}
.conmment-replay-content{
	margin-top: .2rem;
}
.dom-comment{
	margin-top: .2rem;
}