.styleCard-box {
	padding: 10px 12px;
   border-bottom: 1px solid #e8e8e8;
}
.style-card-component {
  overflow: hidden;
}

/** 快讯 */
.newsflash {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.newsflash .newsflash-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  align-items: center
}

.newsflash .newsflash-wrap .ver-divider{
  color: #dfdfdf;
  font-size: 20px;
  background: #dfdfdf;
  height: 62px;
  font-weight: 900;
  width: 2px;
  margin: 0px 6px;
}

.newsflash .newsflash-wrap .left {
  width: 112px;
  height: 84px;
  /* flex: 0.5;*/
  vertical-align: middle;
  margin: auto
}

.newsflash .newsflash-wrap .left .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.newsflash .newsflash-wrap .right {
  width: 70%;
  overflow-y: scroll;
  height: 54px;
  flex: 1;
}

.newsflash .newsflash-wrap .right .title{
  padding: 1px;
  text-align: left;
  margin-left: 10px;
  line-height: 0.3rem;
  height: 0.6rem;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.newsflash .newsflash-wrap .right .date {
  text-align: left;
  margin-left: 10px;
  margin-top: 10px
}

.newsflash .newsflash-wrap .left .img_empty .ant-empty-image {
  height: 40px
}

.newsflash .newsflash-wrap .left .img_empty {
  margin: -12px 0 0 0;
  font-size: inherit
}

.newsflash .newsflash-wrap .left .img_empty .ant-empty-image svg {
  margin: -30px
}

.newsflash .newsflash-wrap .left .ant-empty-description {
  margin: 1px
}

/** 快讯 */
/** 推荐媒体号 begin */
.tj{
}

.tj .persion-content{
  position: relative;
  width: 100%;
  height: 145px;
  display: flex;
  overflow-x: auto;
}

.tj .persion-content .item_persion {
  width: 19%;
  min-width: 19%;
  max-width: 19%;
  font-size: 12px;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
  margin: 1px 10px 4px 1px;
  border-radius: 6px;

}

.tj .persion-content .item_persion .wrap {
  text-align: center;
  margin-top: 5px;
}

.tj .persion-content .item_persion .img_box {
  margin-top: 12px;
  width: 40px;
  height: 40px;
  margin: auto;
  min-width: 40px;
  min-height: 40px
}

.tj .persion-content .item_persion .img_box .img {
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.tj .persion-content .item_persion .name {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: center;
  margin: 3px 0;
  font:size: 14px;
}

.tj .persion-content .item_persion .name a {
   color: #000
}
.tj .persion-content .item_persion .comment {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    margin: 4px 5px;
    color: hsla(0,0%,66.7%,.984);
}
.tj .persion-content .item_persion .collect {
  display: block;
  margin: 5px auto;
  width: 45px;
  text-align: center;
  border: 1px solid #e52b38;
  color: #e52b38;
}
/** 推荐媒体号 end */
/* 集合专题 begin */
.js-slip {
}
.style-card-box {
   width: 100%;
}

.js-slip .js-content {
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 105px;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
}

.js-slip .js-content .item_js {
    width: 25%;
    font-size: 12px;
    margin: 7px 4px 0 4px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    height: 85px;
    border: 1px solid #e8e8e8;
    box-shadow: 0px 0px 4px 1px #d7d7d7;
}
.item-scroll-js {
  overflow: unset;
  min-width: 82px;
}
.js-content-scroll {
	overflow-y: auto;
}
.js-slip .js-content .item_js .wrap {
    text-align: center;
    margin-top: 2px
}

.js-slip .js-content .item_js .img_box {
    margin-top: 5px;
    margin: auto;
    width: 50px;
	min-width: 50px;
	max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    height: 50px;
    position: relative
}
.js-slip .js-content .item_js:first-child{
    margin-left: 0px;
}
.js-slip .js-content .item_js:last-child{
    margin-right: 0px;
}
.js-slip .js-content .item_js .img_box .img,.js-slip .js-content .item_js .without-img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.js-slip .js-content .item_js .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    margin: 3px 0;
    font-size: 16px
}

.js-slip .js-content .item_js .name a {
    color: #000
}

.js-slip .js-content .item_js .choose-name a {
    color: #e52b38
}

.js-slip .js-content .item_js .collect {
    display: block;
    margin: 10px auto;
    width: 45px;
    text-align: center;
    border: 1px solid #e52b38;
    color: #e52b38;
    border-radius: 20px
}

.js-slip .js-content .choose {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation: 1s;
    animation: 1s;
    border: 1px solid red
}
.js-slip .js-content .choose .name a{
    color: red;
}
.js-slip .comment-div {
    text-align: left;
    margin-top: 4px;
    font-size: 16px;
    height: fit-content;
    min-height: 33px;
    background-color: #fff;
    padding: 10px;
	box-shadow: 0px 0px 4px 1px #d7d7d7;
}

.js-slip .comment-div .item-style {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

.js-slip .comment-div .dot {
    color: #e52b38;
    padding: 0 4px
}

/* 集合专题 end */
/* 小视频固定/横滑 begin*/
.video-list {
    position: relative;
    width: 100%;
    height: 280px;
    cursor: pointer;
    text-align: center;
    margin-left: 1px;
    overflow: hidden;
    display: flex;
}

.video-list .item_video {
    width: 50%;
    height: 280px;
    font-size: 12px;
    margin: 0px 4px 0 4px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    background: #fff
}

.video-list .item_video:first-child {
  margin-left: 0px;
}

.video-list .item_video .wrap {
    position: relative;
    text-align: center;
    height: 82%
}

.video-list .item_video .img_box .img,.video-list .item_video .img_box {
    width: 100%;
    height: 100%
}

.video-list .item_video .palyer_box {
    position: absolute;
    top: 40%;
    left: 36%
}

.video-list .item_video .palyer_box .img {
    width: 35px;
    height: 35px
}

.video-list .item_video .name {
    text-align: left;
    height: 18%;
    background-color: rgba(0,0,0,.5)
}

.video-list .item_video .name a {
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 3px 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    text-align: left;
    font-size: 17px
}

.video-list .item_video .follow {
    position: absolute;
    bottom: 0;
    right: 4px
}
.video-list-slide {
    overflow-x: auto;
}
.video-list-slide .item_video {
 	overflow : unset;
}
.video-list-slide .item_video .img_box{
	min-width: 135px;
   overflow:unset;
}
/* 小视频固定/横滑 end */
/* 横滑方 begin*/
.hf {
    height: 100%;
    background-color: #fff
}

.hf .special-top {
    font-size: 17px;
    height: 24px;
    width: 100%;
    background-color: #fff;
    margin: 0px 0 7px
}

.hf .special-top .wrap {
    text-align: center;
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.hf .special-top .img_box {
    width: fit-content;
    height: 30px;
}

.hf .special-top .img_box .img {
    width: 100%;
    height: 100%;
}

.hf .special-top .top-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    margin: auto;
    margin-left: 4px;
    margin-top: 2px;
    display: flex;
    align-items: center;
}

.hf .special-top .top-title a {
    color: #000
}


.hf .special-content {
	display: flex;
   overflow: auto;
}
.hf .special-content .item_special {
  	  width: 240px;
    height: 192px;
    margin: 0 10px 0 0;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.hf .special-content .item_special .wrap {
    position: relative;
    text-align: center;
    height: 100%
}

.hf .special-content .item_special .wrap .name {
    text-align: left;
    margin: 5px 0;
    font-size: 17px;
    line-height: 1.5;
}

.hf .special-content .item_special .wrap .name {
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 5px 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    text-align: left
}

.hf .special-content .item_special .img_box {
    width: 240px;
    height: 135px;;
    position: relative;
}

.hf .special-content .item_special .img_box .img {
    width: 100%;
    height: 100%
}

.hf .special-content .item_special .palyer_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hf .special-content .item_special .palyer_box .img {
    width: 35px;
    height: 35px
}

.hf .special-content .item_special .text_wrap {
    position: relative;
    text-align: center;
    height: 100%;
    background-image: -webkit-gradient(linear,right top,left bottom,from(#c9e2ff),to(transparent));
    background-image: linear-gradient(to left bottom,#c9e2ff,transparent)
}

.hf .special-content .item_special .text_wrap .name {
    text-align: left;
    padding: 5px 8px
}

.hf .special-content .item_special .text_wrap .name a {
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 5px 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    text-align: left
}
.hf .special-top .detail-link {
	position: absolute;
    top: 4px;
    right: 4px;
    font-weight: 700;
    color: hsla(0,0%,66.7%,.98);
    font-size: 11px;
    line-height: 22px;
}

.hf2 .special-content .item_special {
    width: 112px;
    height: 150px;
}
.hf2 .special-content .item_special .img_box {
    width: 112px;
    height: 83px;
    padding: 10px 0px;
    border: 1px solid #e8e8e8;
}
.hf2 .special-content .item_special .wrap .name {
    font-size: 14px;
    height: fit-content;
    -webkit-line-clamp: 3;
}

.hf3 .special-content .item_special {
    width: 144px;
    height: 150px;
}
.hf3 .special-content .item_special .img_box {
    width: 144px;
    height: 81px;
}
.hf3 .special-content .item_special .wrap .name {
    font-size: 15px;
    height: 42px;
}
.hf3 .special-content .data-box {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #999;
}
.hf3 .special-top .top-title .topic-label {
    color: #fff;
    background: red;
    padding: 2px;
    font-size: 14px;
    border-radius: 4px;
}

/* 横滑方 end */
/** 横滑圆 版本一 */
.persion-slip{
}

.persion-slip .persion-content{
  position: relative;
  width: 100%;
  height: 95px;
  display: flex;
  overflow-x: auto;
}

.persion-slip .persion-content .item_persion {
  width: 19%;
  min-width: 19%;
  max-width: 19%;
  font-size: 12px;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
  margin: 1px 10px 4px 1px;
  border-radius: 6px;

}

.persion-slip .persion-content .item_persion .wrap {
  text-align: center;
  margin-top: 10px;
}

.persion-slip .persion-content .item_persion .img_box {
  margin-top: 12px;
  width: 40px;
  height: 40px;
  margin: auto;
  min-width: 40px;
  min-height: 40px
}

.persion-slip .persion-content .item_persion .img_box .img {
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.persion-slip .persion-content .item_persion .name {
  overflow: hidden;
  text-align: center;
  margin: 15px 0;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: center;
  margin: 15px 0;
  font:size: 14px;
}

.persion-slip .persion-content .item_persion .name a {
  color: #000
}
.persion-slip .persion-content .item_persion .comment {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    margin: 4px 5px;
    color: hsla(0,0%,66.7%,.984);
}
.persion-slip .persion-content .item_persion .collect {
  display: block;
  margin: 15px auto;
  width: 45px;
  text-align: center;
  border: 1px solid #e52b38;
  color: #e52b38;
  border-radius: 20px
}
/** 横滑圆 */
/** 横滑圆 版二 */
.persion-radius{
}

.persion-radius .persion-content{
  position: relative;
  width: 100%;
  height: 95px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0px 0px 0px 2px #f6f8fa;
}

.persion-radius .persion-content .item_persion {
  width: 18%;
  min-width: 18%;
  max-width: 18%;
  font-size: 14px;
  margin: 1px 10px 4px 1px;
  border-radius: 6px;
}

.persion-radius .persion-content .item_persion .wrap {
  text-align: center;
  margin-top: 10px;
}

.persion-radius .persion-content .item_persion .img_box {
  margin-top: 12px;
  width: 40px;
  height: 40px;
  margin: auto;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
}

.persion-radius .persion-content .item_persion .img_box .img {
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.persion-radius .persion-content .item_persion .name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  margin: 15px 0
}

.persion-radius .persion-content .item_persion .name a {
  color: #000
}

.persion-radius .persion-content .item_persion .collect {
  display: block;
  margin: 15px auto;
  width: 45px;
  text-align: center;
  border: 1px solid #e52b38;
  color: #e52b38;
  border-radius: 20px
}
/** 横滑圆 */
/**推荐媒体号 */
.pgc-slip {
    background-color: hsla(0,0%,85.1%,.29)
}

.pgc-slip .pgc-top {
    padding-top: 2px;
    font-size: 14px;
    height: 30px;
    width: 100%;
    background-color: #fff;
    position: relative
}

.pgc-slip .pgc-top .wrap {
    text-align: center;
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px
}

.pgc-slip .pgc-top .img_box {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px
}

.pgc-slip .pgc-top .img_box .img{
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.pgc-slip .pgc-top .top-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    margin: auto;
    margin-left: 4px;
    margin-top: 2px
}

.pgc-slip .pgc-top .top-title a {
    color: #000
}

.pgc-slip .pgc-top .detail-link {
    position: absolute;
    top: 5px;
    right: 4px;
    font-weight: 700;
    color: hsla(0,0%,66.7%,.98);
    font-size: 11px;
    line-height: 22px
}

.pgc-slip .pgc-content {
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 70px;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    overflow-x: auto;
}

.pgc-slip .pgc-content .item_pgc {
    width: 20%;
    font-size: 12px;
    margin: 0 3px 0 7px;
    border-radius: 6px;
    background-color: #fff;
    height: 70px
}

.pgc-slip .pgc-content .item_pgc .wrap {
    text-align: center;
    margin-top: 6px
}

.pgc-slip .pgc-content .item_pgc .img_box {
    margin-top: 5px;
    width: 50px;
    height: 50px;
    margin: auto;
    min-width: 50px;
    min-height: 50px;
    position: relative
}

.pgc-slip .pgc-content .item_pgc .img_box .img,.pgc-slip .pgc-content .item_pgc .without-img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.pgc-slip .pgc-content .item_pgc .name{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    margin: 15px 0
}

.pgc-slip .pgc-content .item_pgc .name a {
    color: #000
}

.pgc-slip .pgc-content .item_pgc .collect{
    display: block;
    margin: 10px auto;
    width: 45px;
    text-align: center;
    border: 1px solid #e52b38;
    color: #e52b38;
    border-radius: 20px
}

.pgc-slip .comment-div{
    font-size: 14px;
    height: 30px;
    width: 100%;
    background-color: #fff;
    position: relative
}

.pgc-slip .comment-div .look-all {
    display: inline-block;
    width: 45%;
    text-align: center;
    background: #f5525e;
    color: #fff;
    border-radius: 5px;
    margin: 0 29px 0 0;
    padding: 3px 0
}

.pgc-slip .comment-div .apply-media {
    display: inline-block;
    width: 45%;
    text-align: center;
    background: #fff;
    color: #e52b38;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    margin: 0;
    padding: 3px 0
}

.pgc-slip .comment-div .dot {
    color: #e52b38;
    padding: 0 4px
}
/* 推荐媒体号 end */

/* 标题列表 begin*/
.title-slip {
    background-color: hsla(0,0%,85.1%,.29);
    font-size: 17px;
}

.title-slip .title-top {
    padding-top: 2px;
    height: 30px;
    width: 100%;
    background-color: #fff;
    position: relative
}

.title-slip .title-top .wrap {
    text-align: center;
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px
}

.title-slip .title-top .icon_box {
    width: fit-content;
    height: 20px;
    min-height: 20px
}

.title-slip .title-top .icon_box .img {
    width: 100%;
    height: 100%;
}

.title-slip .title-top .top-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    margin: auto;
    margin-left: 4px;
    margin-top: 2px;
	 font-weight: 500;
}

.title-slip .title-top .top-title a {
    color: #000
}

.title-slip .title-top .detail-link {
    position: absolute;
    top: 5px;
    right: 4px;
    font-weight: 700;
    color: hsla(0,0%,66.7%,.98);
    font-size: 11px;
    line-height: 22px
}

.title-slip .title-content {
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 8px;
    padding-bottom: 22%;
    cursor: pointer;
    text-align: left;
    overflow: hidden;
}

.title-slip .title-content .item-title {
    padding: 2px 10px
}

.title-slip .title-content .item-style {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 17px;
}

.title-slip .title-content .dot {
    color: #e52b38;
    font-size: 12px;
    padding: 0 4px
}

/* 标题列表 end*/
/** 自动滚动 -- begin */
.auto-scroll{
  width:100%;
  height: 80px;
}

.auto-scroll .content{
  box-shadow: 0px 0px 0px 2px #f6f8fa;
}

.auto-scroll .content .item {
  font-size: 14px;
  border-radius: 6px;
}

.auto-scroll .content .item .wrap {
  text-align: center;
}

.auto-scroll .content .item .img_box {
  width: 100%;
  height: 80px;
  margin: auto;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
}

.auto-scroll .content .item .img_box .img {
  width: 100%;
  height: 100%;
}

/** 自动滚动 -- end */
/** 显示更多 */
.item-show-more {
	display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
}
.item-show-more .wrap-more{
	padding: 10px;
}
.item-show-more .wrap-more .more_image {
	padding: 22px;
    border-radius: 50%;
    border: 1px solid #e8e8e8;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-show-more .wrap-more .more_title {
    text-align: center;
    margin-top: 5px;
}