/* 新闻列表 */
.news {padding: 0.3rem 0 0;}
.news ul {margin-bottom: 0.3rem;}
.news li {margin-top: 0.15rem; width: 100%; display: table; clear: both;}
.news li .news_l {width: 1.3rem; height: 1rem; float: left;}
.news li .news_l img {width: 1.28rem; height: 0.9rem; border: 1px solid #eee; border-radius: 10px;}
.news li .news_r {margin: 0rem; padding-bottom: 0.08rem; width: 4.8rem; height: 0.9rem; float: right; border-bottom: 1px dashed silver;}
.news li .news_r .title {font-size: 0.1rem; color: #111; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news li .news_r .description {margin: 0.09rem 0; font-size: 0.08rem; color: #666; line-height: 180%;
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* 显示3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: calc(1.5rem * 2);  /* 备用方案 */
}
.news li .news_r .view_more {color: #666; font-family: arial; font-size: 0.07rem; height: 0.157rem;}
.news li .news_r .view_more span {padding: 0.023rem 0 0 0.08rem; width: 0.6rem; height: 0.157rem; color: #fff; float: right; background: url("../images/news/yc_bj_more.png"); background-size: 100% auto; background-repeat: no-repeat;}
.news li:hover .title {color: #0075C1}
.news li:hover .news_r .view_more span {text-decoration: underline;}

/* 信息公开 */
.news_info {margin: 0.5rem auto; padding: 0.177083rem; background: #fff !important; border: 1px solid #F7FBFF; border-radius: 6px; box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.1);}

.news_info h3 {font-size: 0.14rem; text-align: center;}
.news_info .news_date {margin: 0.08rem; font-family: arial; font-size: 0.08rem; text-align: center; color: #A4A4A4;}
.news_info .news_info_main {}
.news_info .news_info_main p {}
.news_info .news_info_main p {margin-top: 0.08rem; font-size: 0.09rem; line-height: 0.18rem;}

/* 新闻详情 */
.newsdetail {
  display: grid;
  justify-content: space-between;
  margin-bottom: 0.625rem;
  gap: 0.208333rem;
  grid-template-columns: 4.5rem 1.6rem;
}
.newsdetail .content .content_detail {
  padding: 0.177083rem;
  background: #fff !important;
  border: 1px solid #F7FBFF;
  border-radius: 6px;
}
.newsdetail .content .content_detail .title {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 700;
  font-size: 0.15rem;
  color: #1A1A1A;
  text-align: justify;
  font-style: normal;
  text-transform: none;
}
.newsdetail .content .content_detail .date {
  height: 0.083333rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 0.083333rem;
  color: #767676;
  line-height: 0.083333rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-top: 0.151042rem;
}
.newsdetail .content .content_detail .content_main {margin-top: 0.177083rem;}
.newsdetail .content .content_detail .content_main p {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 0.083333rem;
  color: #1A1A1A;
  line-height: 0.197917rem;
  text-align: justify;
  font-style: normal;
  text-transform: none;
}
.newsdetail .content .content_detail .content_main strong {padding: 0.04rem 0; font-size: 0.1rem; display: block;}

.newsdetail .content .content_detail .content_main b {
  height: 0.197917rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 700;
  font-size: 0.104167rem;
  color: #1A1A1A;
  line-height: 0.197917rem;
  text-align: justify;
  font-style: normal;
  margin-top: 0.104167rem;
  text-transform: none;
}
.newsdetail .content .content_detail .content_main .img_ms {height: 0.197917rem; text-align: center; color: #aaa;}
.newsdetail .content .content_detail .content_main img {margin: 0.18rem 0; max-width: 4.1rem!important; border-radius: 0.04rem; text-align: center;}

.newsdetail .likebox {padding: 0.1rem; background: #fff !important; border: 1px solid #F7FBFF; border-radius: 6px;}
.newsdetail .likebox .title {padding-top: 0.1rem; font-weight: 700; font-size: 0.12rem; color: #1A1A1A; text-align: center;}
.newsdetail .likebox .like_list {padding: 0.135417rem 0;}
.newsdetail .likebox .like_list li {padding: 0.1rem 0; border-top: 1px solid #ddd;}
.newsdetail .likebox .like_list .news_top_no {padding: 0.08rem 0; text-align: center;}
.newsdetail .likebox .like_list .like_title {margin-top: 0.083333rem; font-size: 0.08rem; color: #1A1A1A; line-height: 0.145833rem;}
.newsdetail .likebox .like_list .like_time {margin-top: 0.05rem; padding: 0.006rem 0 0 0.13rem; font-family: arial; font-size: 0.07rem; color: #A4A4A4; height: 0.086rem; background: url("../images/news/yc_bj_clock.png") left center no-repeat;}
.newsdetail .likebox .like_list .like_title:hover {color: #0075C1; text-decoration: underline;}

/* 视频详情 */
.video_main {margin-bottom: 0.5rem; display: grid; justify-content: space-between; grid-template-columns: 4.6rem 1.55rem;}

.video_main .content video {width: 4.6rem; height: 2.67rem;}
.video_main .content .video_title {margin-top: 0.1rem; font-weight: 700; font-size: 0.15rem; color: #1A1A1A;}
.video_main .content .video_date {margin-top: 0.05rem; font-weight: 400; font-size: 0.08rem; color: #767676;}

/* 右侧推荐视频 */
.video_main .title {font-weight: 700; font-size: 0.12rem; color: #1A1A1A;}
.video_main .like_list li {padding-top: 0.1rem;}
.video_main .like_list li .p_pic {position: relative; overflow: hidden;}
.video_main .like_list li .p_pic img {width: 1.56rem; height: 0.9rem;}
.video_main .like_list li .like_title {height: 0.25rem; line-height: 0.25rem; font-weight: 700; font-size: 0.08rem; color: #1A1A1A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.video_main .like_list li:hover .like_title {text-decoration: underline;}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.53rem;
  height: 0.87rem;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}

.video-card:hover .video-overlay {background: rgba(0, 0, 0, 0.6);}

/* 播放按钮 */
.play-button {width: 54px; height: 54px; background: url("../images/yc_video_play.png") left center no-repeat; background-size: 100%; border-radius: 50%; transition: transform 0.3s, background 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.2);}
.play-button i {margin-left: 4px;}
.video-card:hover .play-button {transform: scale(1.1); background: white; color: #e63946;}
