@font-face {
    font-family: 'SourceHanSansCN-Normal-short-pozhehao';
    src: url('https://xhsc.app.xinhuanet.com/cms/upfiles/file/20220824/SourceHanSansCN-Normal-short.ttf');
}
* {
    margin: 0;
    padding: 0;
}
body{
	overflow-x: hidden;
    font-family:SourceHanSansCN-Normal-short-pozhehao,-apple-system,system-ui,BlinkMacSystemFont;
}
body.noScroll{
    overflow: hidden;
}
h1{
    font-size:.4rem;
    line-height:.6rem;
}
.article-title.article-title-style.limit-line3,.article-item  .limit-line3{
    display: block;
}
.article-item .article-title-1 .limit-line3 {
    display: -webkit-box;
}
.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;
}
img{
    object-fit: cover;
}

#container{
    background-color: white;
    overflow-x: hidden;
}

/* 左文右图 */
.zuowenyoutu .play_icon{
    width: .3rem;
    height: .3rem;
    left: .1rem;
    bottom: .1rem;
}
.article-style-1{
    padding: .4rem 0 .4rem .32rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    border-bottom: .08rem solid #F8F9FA;
    background-color: #fff;
}
.article-title{
    margin-bottom: .2rem;
    font-size: .36rem;
    line-height: .46rem;
    font-weight: 400;
    word-break:break-all;
    color: #343A40;
}
.article-cover{
    width: 2.44rem;
    height: 1.42rem;
    display: block;
    flex-shrink: 0; 
    overflow: hidden;
    position: relative;   
    margin-left: .3rem;
}
.article-cover .article-cover-1{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.article-info{
    width: 100%;
    font-size: .24rem;
    font-weight: 400;
    color: #6A727A;
    display: flex;
    justify-content: space-between;
    height: .36rem;
    align-items: center;
}
.article-style-4 .article-info.ads{
    justify-content: inherit;
}
.article-info.ads .open-info{
    margin-left: 1.04rem;
}
.article-inner-1{
    width: 4.4rem;
}
.special_title_container img{
    height: 0.42rem;
    width: auto;
    vertical-align: bottom;
}
.open-info,.open-info-ads{
    width: .5rem;
    height: .1rem;
    background: url(../images/open-icon.png) no-repeat center;
    background-size: .3rem auto;
    position: relative;
    z-index: 10;
}
.open-info:before{
	content:'';
	position:absolute;
	top:-.2rem;
	right:-.2rem;
	bottom:-.2rem;
	left:-.2rem;
}
.open-info-ads{
    width: .4rem;
    height: .28rem;
    background: url(../images/adsCha.png?01) no-repeat center;
    background-size: .4rem auto;
}
.article-title-1{
    min-height: .88rem;
}
/* 大图 */
.article-style-2{
    padding-bottom: .4rem;
    border-bottom: .08rem solid #F8F9FA;
    background-color: #fff;
}
.article-image{
    width: 100%;
    height: 4.22rem;
    overflow: hidden;
    position: relative;
}
.article-cover-2 {
    width: 100%;
    height: 100%;
    display: block;
}
/* 视频 大图 直播 */
.article-title-style{
    padding: 0 .32rem;
    box-sizing: border-box;
    margin: .2rem 0 .16rem;
}
.article-info-style{
    padding: 0 .32rem;
    box-sizing: border-box;
}
/* 视频 直播 */
.play_icon{
    width: .6rem;
    height: .6rem;
    background: url(../images/play_icon.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: .32rem;
    bottom: .2rem;
}
.play_icon_1{
    left: .12rem;
    bottom: .12rem;
}
.video-time {
    width: auto;
    padding: 0 .2rem;
    height: .34rem;
    background: rgba(0, 0, 0, 0.4);
    border-radius: .17rem;
    position: absolute;
    right: .32rem;
    bottom: .2rem;
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*直播 */
.zb-state{
	width: 1.36rem;
	height: .36rem;
	position: absolute;
	right: .18rem;
	top: .2rem;
	background: url(../images/red.png) no-repeat center;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.zb-state div{
	font-size: .2rem;
	font-weight: 400;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.zb-state.zb img{
	display: block;
	width: 0.18rem;
	height: .2rem;
	margin-right: .1rem;
}
.zb-state img{
    display: block;
    width: 0.28rem;
    height: .2rem;
    margin-right: .03rem;
}
.yugao img,.huifang img{
    width: 0.18rem;
    height: .18rem;
    display: block;
    margin-right: .1rem;
}
.zb-state.yugao{
	background: url(../images/bule.png) no-repeat center;
	background-size: 100% 100%;
}
.zb-state.huifang{
	background: url(../images/green.png) no-repeat center;
	background-size: 100% 100%;
}
.watch-num{
	width: auto;
    padding: 0 .24rem;
	height: .36rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../images/black.png) no-repeat right center;
	background-size: 100% 100%;
	position: absolute;
	top: .2rem;
	right: 1.42rem;

	font-weight: 400;
    font-size: .2rem;
	color: #FFFFFF;
}
/* 纯文字 */
.article-style-5{
    padding: .4rem .32rem;
    box-sizing: border-box;
    border-bottom: .08rem solid #F8F9FA;
    background-color: #fff;
}
/* 私密直播 */
.private-zb-state {
    width: 1.66rem;
	height: .36rem;
	position: absolute;
	right: .18rem;
	top: .2rem;
	background: url(../images/private-green.png) no-repeat center;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
}
.p-zhibo {
    background: url(../images/private-red.png) no-repeat center;
	background-size: 100% 100%;
}
.p-yugao {
    background: url(../images/private-blue.png) no-repeat center;
	background-size: 100% 100%;
}
.icon-line {
    width: 1px;
    height: .16rem;
    background-color: #fff;
    margin: 0 .1rem;
}
.private-zb-state .hf-img,.zhiboimg-icon .hf-img,.article-type-1 .swiper-container2 .hf-img{
    width: .2rem;
    height: .2rem;
    display: block;
    margin-right: .1rem;
}
.private-zb-state .zb-img,.zhiboimg-icon .zb-img,.article-type-1 .swiper-container2 .zb-img{
    width: .18rem;
    height: .2rem;
    display: block;
    margin-right: 3px;
}
.private-zb-state .lock,.zhiboimg-icon .lock,.article-type-1 .swiper-container2 .lock{
    width: .24rem;
    height: .24rem;
    display: block;
}
.p-zhibo .icon-line {
    margin: 0 .1rem 0 3px;
}
/* 三图 */
.article-style-3{
    padding: 0 0 .4rem;
    box-sizing: border-box;
    border-bottom: .08rem solid #F8F9FA;
    background-color: #fff;
}
.images-container {
    width: 100%;
    height: 2.88rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.article-image-3{
    width: 2.44rem;
    height: 1.42rem;
    border-radius: .04rem 0 0 .04rem;
    overflow: hidden;
}
.article-image-3:first-child{
    margin-bottom: .04rem;
}
.article-image-big{
    width: 5.02rem;
    height: 2.88rem;   
    border-radius: 0 .04rem .04rem 0;
    overflow: hidden; 
}
.article-image-3 img,.article-image-big img,.article-image-2{
    width: 100%;
    height: 100%;
    display: block;
}
/* banner */
.article-style-4{
    padding: .32rem 0 .4rem;
    border-bottom: .08rem solid #F8F9FA;
    background-color: #fff;
}
.article-image-4{
    width: 100%;
    height: 1.82rem;/*2rem;*/
    overflow: hidden;
    position: relative;
}
.article-image-4 img{
    width: 100%;
    height: 100%;
    display: block;
}
/* 六图 */
.article-style-6{
    padding: 0 0 .4rem;
    box-sizing: border-box;
    border-bottom: .08rem solid #F8F9FA;
    background-color: #fff;
}
.article-image-6{
    width: 2.48rem;
    height: 1.4rem;
}
.article-image-6 img{
    width: 100%;
    height: 100%;
    display: block;
}
.image-wrapper-6{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: .04rem;
}
/* 稿件信息 */
.article-info-detail{
    display: flex;
    height: 100%;
    align-items: center;
}
.article_info_img{
    width: .36rem;
    height: .36rem;
    display: block;
    margin-right: .2rem;
    border-radius: 50%;
}
.article_info_xinhuahaologo{
    position:relative;
}
.article_info_xinhuahaologo .flagimg{
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: .24rem;
}

.article-style-1.zuowenyoutu .source_name.xh-name{
    max-width: 1.5rem;
    width: auto;
}
.zb_follow,.xh_follow{
    color: #137AD0;
    margin-right: .16rem;
}
/* 查看更多 */
.load_more {
    font-size: 0.28rem;
    margin: 0;
    font-weight: normal;
    display: flex;
    justify-content: center;
    padding: 0.2rem 0;
    border-top: 0.01rem solid rgba(238, 238, 238, 1);
    box-shadow: 0px -2px 2px 0px rgba(238, 238, 238, 1);    
    display: none;
    text-align: center;
}
.load_more_content{
    position: relative;
}    
.load_more_content .loading_img{
    position: relative;
    left: -.1rem;
    width: .28rem;
    height: .28rem;
}
.article-item .source_name{
    margin-right: .16rem;
    max-width: 4.5rem;
    width: auto;
}
.article-type-9 .article-info-detail::before,.article-info.ads::before{
    display: inline-block;
    width: .6rem;
    line-height: .32rem;
    margin-right: .2rem;
    height: .36rem;
    color: #6A727A;
    font-size: .24rem;
    transform: scale(.875);
    background: #F1F3F5;
    border-radius: 3px;
    background-size: 100%;
    content: '广告';
    text-align: center;

}
.article-style-4 .article-type-9 .article-info-detail::before, .article-style-4 .article-info.ads::before {
    content: "";
    background: url(../images/gg.png) no-repeat center;
    background-size: .6rem auto;
}
.article-type-9 .open-info,.article-info.ads .open-info{
    width: .4rem;
    height: .28rem;
    background: url(../images/cha.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    z-index: 10;
}
.article-style-1 .source_name {
    max-width: 1.5rem;
}

.bannerAds{
    margin: .2rem auto 0;
}
.bannerAds .article-info {
    display: block;
}
.bannerAds .open-info{
    float: right;
}
.article-style-4 .bannerAds {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .38rem .32rem .12rem;
    box-sizing: border-box;
    margin: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.5) 100%
    );
}
.article-style-4 .ads {
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
}
.article-style-4 .bannerAds .article-info {
    display: flex;
}
.article-style-4 .article-ad-title4 {
    width: 5.8rem;
    margin-right: .2rem;
}

.ear{
    position: absolute;
    left: .1rem;
    bottom: .1rem;
    width: .4rem;
    height: .4rem;
    display: block;
}
.article-style-2 .ear{
    width: .6rem;
    height: auto;
    left: .32rem;
    bottom: .2rem;
}
/*文本超出2行显示...*/
.limit-line2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align:left !important;
}
/* 火种少年尚医微课加人数 */
.xinhua_pv_num{
    color: #868E96;
    font-size: .24rem;
    line-height: .4rem;
}
.xinhua_pv_num::before{
    width: .28rem;
    height: .24rem;
    background:url(../images/shu.png) no-repeat ;
    background-size: 100%;
    content: "";
    display: inline-block;
    margin-right: .1rem;
    position: relative;
    top: .04rem;

}
.xinhua_article.limit-line2.hasNum{
    height: 1.32rem;
}

/*pyj ...点击展开样式    start*/
.content-operate {
	width: calc(100% - .44rem);
	height: 1.42rem;
	padding: .2rem .22rem;
	background: #fff;
	z-index: 11;
	position: absolute;
	display: none;
	overflow: hidden;
}

.show-box {
	/*width: 1.36rem;*/
	width: 25%;
	text-align: center;
}

.show-content {
	display: flex;
}

.show-icon {
	width: .4rem;
	height: .4rem;
	display: flex;
	margin: .36rem auto .2rem;
}

.show-icon img {
	width: 100%;
    height: 100%;
    object-fit: contain;
}

.show-text {
	color: #343A40;
	font-size: .24rem;
}

.close-icon {
	width: .3rem;
	height: .3rem;
	display: flex;
	top: .12rem;
	right: .12rem;
	position: absolute;
    padding: .1rem;
    z-index: 15;
}

.close-icon img {
	width: 100%;
	height: 100%;
}
.dialog-mask {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
}
@keyframes righteaseinAnimate{
    0%{ transform: translate3d(500px,0,0); opacity: 0;}
    100%{ transform: translate3d(0,0,0); opacity: 1;}
}
@-webkit-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translate3d(500px,0,0); opacity: 0;}
    100%{ -webkit-transform: translate3d(0,0,0); opacity: 1;}    
}
@-o-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translate3d(500px,0,0); opacity: 0;}
    100%{ -webkit-transform: translate3d(0,0,0); opacity: 1;}    
}
@-ms-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translate3d(500px,0,0); opacity: 0;}
    100%{ -webkit-transform: translate3d(0,0,0); opacity: 1;}    
}
@-moz-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translate3d(500px,0,0); opacity: 0;}
    100%{ -webkit-transform: translate3d(0,0,0); opacity: 1;}    
}
.righteaseinAnimate-class{
    animation: righteaseinAnimate 500ms ease 1;
    -webkit-animation: righteaseinAnimate 500ms ease 1;
    -ms-animation: righteaseinAnimate 500ms ease 1;
    -o-animation: righteaseinAnimate 500ms ease 1;
    -moz-animation: righteaseinAnimate 500ms ease 1;
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
    -o-animation-fill-mode: forwards; 
    -ms-animation-fill-mode: forwards;   
    -moz-animation-fill-mode: forwards; 
}
@keyframes righteaseoutAnimate{
    0%{ transform: translate3d(0,0,0); opacity: 1;}  
    100%{ transform: translate3d(500px,0,0); opacity: 0;}
}
@-webkit-keyframes righteaseoutAnimate{
	0%{ transform: translate3d(0,0,0); opacity: 1;}  
    100%{ transform: translate3d(500px,0,0); opacity: 0;}
}
@-o-keyframes righteaseoutAnimate{
	0%{ transform: translate3d(0,0,0); opacity: 1;}  
    100%{ transform: translate3d(500px,0,0); opacity: 0;}
}
@-ms-keyframes righteaseoutAnimate{
	0%{ transform: translate3d(0,0,0); opacity: 1;}  
    100%{ transform: translate3d(500px,0,0); opacity: 0;}
}
@-moz-keyframes righteaseoutAnimate{
	0%{ transform: translate3d(0,0,0); opacity: 1;}  
    100%{ transform: translate3d(500px,0,0); opacity: 0;}
}
.righteaseoutAnimate-class{
    animation: righteaseoutAnimate 800ms ease 1;
    -webkit-animation: righteaseoutAnimate 800ms ease 1;
    -ms-animation: righteaseoutAnimate 800ms ease 1;
    -o-animation: righteaseoutAnimate 800ms ease 1;
    -moz-animation: righteaseoutAnimate 800ms ease 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
    -o-animation-fill-mode: forwards; 
    -ms-animation-fill-mode: forwards;   
    -moz-animation-fill-mode: forwards; 
    
}
/*pyj ...点击展开样式    end*/

/*页面不能滑动*/
.overHidden {
	overflow: hidden;
	height: 100%;
}
.article-style-1 .play_icon {
    width: .4rem;
    height: .4rem;
    background: url(../images/play_icon.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: .12rem;
    bottom: .12rem;
}
.liv_img {
    width: 0.26rem;
    height: auto;
    position: absolute;
    top: 0;
    right: .1rem;
}
.zt-style-1,.zt-style-2{
    width: 1.04rem;
    height: .42rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 139, 255, 0.1);
    border-radius: .2rem;
    font-size: .28rem;
    font-weight: 400;
    color: #008BFF;
    margin: .3rem 0 .16rem .32rem;
    position: relative;
}
.zt-style-2 {
    position: absolute;
    right: .12rem;
    top: .2rem;
    margin: 0;
    background: #008BFF;
    color: #fff;
}
.lunbo-icon{
    padding: 0 .2rem;
    height: .4rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: .2rem;
    position: absolute;
    right: .32rem;
    top: .24rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
    z-index: 100;
}
.zhiboimg-icon {
    width: 1.68rem;
    height: .4rem;
    background: #F33B3B;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
    position: absolute;
    right: 0.32rem;
    top: 0.24rem;
}
/* 广告直播 */
.ad-zb-icon {
    /* width: 1.28rem; */
    height: .3rem;
    border-radius: .18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .16rem;
    right: .16rem;
    z-index: 10;
    font-size: .2rem;
    color: #fff;
    padding: 0 .1rem;
}
.ad-zb-icon::before {
    content: "";
    display: block;
    background: url(../images/video-icon.png) no-repeat center;
    background-size: 100% 100%;
    width: .18rem;
    height: .18rem;
    margin-right: 3px;
}
.ad-zbimg {
    background: #F33B3B;
}
.ad-zbimg::before {
    background: url(../images/zb-icon.gif) no-repeat center;
    background-size: 100% 100%;
    /* width: .22rem;
    height: .19rem; */
    width: .18rem;
    height: .16rem;
}
.ad-hf {
    background: #67b90f;
}
.ad-yg {
    background: #0091FF;
}
.ad-zb-icon.ad-large {
    height: .36rem;
    padding: 0 .16rem;
    font-size: .24rem;
    top: .2rem;
    right: .28rem;
}
.ad-zb-icon.ad-large::before {
    width: .2rem;
    height: .2rem;
}
.ad-zbimg.ad-large::before {
    width: .22rem;
    height: .19rem;
}
.article-info-detail.ads::before {
    display: inline-block;
    width: 0.6rem;
    line-height: .32rem;
    margin-right: 0.2rem;
    height: 0.36rem;
    color: #6A727A;
    font-size: .24rem;
    transform: scale(.875);
    background: #F1F3F5;
    border-radius: 3px;
    background-size: 100%;
    content: '广告';
    text-align: center;
}
/* 适老版 */
.the-old .article-title{
    font-size: .44rem;
    line-height: .66rem;
}
.the-old .article-info {
    font-size: .36rem;
    height: .48rem;
}
.the-old .article_info_img {
    width: .48rem;
    height: .48rem;
}
.the-old .zb-state div {
    font-size: .36rem;
}
.the-old .watch-num {
    font-size: .36rem;
}
.the-old .zb-state img {
    width: .32rem;
    height: .3rem;
}
.the-old .yugao img, .the-old .huifang img {
    width: .32rem;
    height: .32rem;
}
.the-old .zb-state {
    width: 1.92rem;
    height: .56rem;
}
.the-old .watch-num {
    height: .56rem;
    right: 1.92rem;
}
.the-old .private-zb-state {
    width: 2.1rem;
    height: .56rem;
    font-size: .36rem;
}
.the-old .private-watch-num {
    right: 2.15rem!important;
}
.the-old .private-zb-state .hf-img,.the-old .private-zb-state .lock {
    width: .32rem;
    height: .32rem;
}
.the-old .open-info {
    display: none;
}
.top-style {
    padding: 0 .32rem;
    margin-bottom: .36rem;
    border-bottom: none;
}
.top-style .article-title {
    margin-bottom: 0;
}
.zhiding {
    padding: .32rem 0 .44rem;
    background-color: #fff;
}
.zhiding .article-style-wrapper:last-child .top-style {
    margin-bottom: 0;
}
/* 小课堂顶部 */
.xkt-top-container {
    width: 100%;
    height: .9rem;
    /* padding: .25rem .32rem 0; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .32rem;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    background: #ffffff;
    z-index: 999;
    display: none;
}
.xkt-top-container img {
    height: .5rem;
    width: auto;
    display: block;
    cursor: pointer;
}
.xkt-back {
    margin-right: .19rem;
}

/* 直播icon新样式 */
.zb-new-state {
    display: flex;
    justify-content: center;
    position: absolute;
    right: .24rem;
    top: .24rem;
    z-index: 100;
    font-size: 0.22rem;
    font-weight: normal;
    color: #FFFFFF;
    height: .38rem;
    align-items: center;
}

.zb-new-state .icon-bg {
    width: .58rem;
    height: .36rem;
    padding-left: .14rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.zb-new-state .icon-bg img {
    width: .24rem;
    height: .24rem;
    display: block;
}

.the-zhibo .icon-bg {
    background: url(../images/new-version/icon-bg-red.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: -3px;
}

.the-huifang .icon-bg {
    background: url(../images/new-version/icon-bg-green.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: -3px;
}

.the-yugao .icon-bg {
    background: url(../images/new-version/icon-bg-blue.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: -3px;
}

.new-state-detail {
    display: flex;
    justify-content: center;
}

.new-state-detail>img {
    width: .1rem;
    height: .36rem;
    display: block;
}

.new-state-detail>div {
    height: .36rem;
    padding: 0 .16rem 0 .12rem;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
}

.new-state-detail .icon-line {
    width: 1px;
    height: .2rem;
    background: rgba(255, 255, 255, 0.5);
}

.new-state-detail .lock {
    width: .22rem;
    height: .22rem;
    display: block;
}
.article-style-2 .kl-bt-info {
    padding: 0;
}
.yz-zhibo{
    width: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .24rem;
    right: .32rem;
    border-radius: .2rem;
    height: .4rem;
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0;
    background: #F33B3B;
  }
.article-type-1 .swiper-container2 .yz-zhibo img {
    width: .2rem;
    height: auto;
    display: block;
    margin-right: 4px;
}

/*****来源增加走马灯******/
.article-item .source_name,.rel-source.source_name,.yzb-source.source_name{
    position: relative;   
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;    
}
.article-item .source_name.long_source_name .source_name_content,
.rel-source.source_name.long_source_name .source_name_content,
.yzb-source.source_name.long_source_name .source_name_content{
    width: 100%;
    display: inline-block;    
    /* animation: source-name-marquee var(--long-source-name-move-time) linear infinite;     */
}
.article-item .source_name.long_source_name.long_source_name_animate .source_name_content,
.rel-source.source_name.long_source_name.long_source_name_animate .source_name_content,
.yzb-source.source_name.long_source_name.long_source_name_animate .source_name_content{    
    animation: source-name-marquee var(--long-source-name-move-time) linear 1 forwards;    
}
@keyframes source-name-marquee {
    from{
        transform: translateX(0);
    }
    to {
        transform: translateX(var(--long-source-name-move-distance));
    }    
}
.article-item .source_name.long_source_name:after,
.rel-source.source_name.long_source_name:after,
.yzb-source.source_name.long_source_name:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height:100%;
    width: 1em; /* 遮罩层的宽度 */
    background: linear-gradient( 90deg, rgba(249,249,249,0) 0%, #F9F9F9 100%);
    z-index: 1; /* 确保遮罩层在内容之上 */
}
.commentnum-dom {
    font-size: .2rem;
    color: #999999;
    margin-right: .16rem;
}