@charset "UTF-8";

/*css*/
/*样式重置*/
body {
  font: 12px "microsoft yahei", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.6;
  max-width: 720px;
  margin: 0 auto;
}
html,body{
  width: 100%;
  height: 100%;
}
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
ul li {
  list-style: none;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
img {
  border: 0;
  max-width: 100%;
  height: auto;
  display: block;
}
video {
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
  background: #000;
}
/* 去除下载按钮 */
video::-webkit-media-controls-enclosure {
  overflow:hidden;
}
video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}
/* 视频video刚刚进入的时候显示play按钮，之后才显示下面的控件 */
/* video::-webkit-media-controls-panel,
video::-webkit-media-controls-panel-container,
video::-webkit-media-controls-start-playback-button {
display:none !important;
-webkit-appearance: none;
} */
a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}
/* 蓝条下载 */
.top-header{
  height: 40px;
  line-height: 40px;
  z-index: 1000;
  background: #0163ff;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
/* 资讯标题 + 时间 + 来源 */
.news_head *{
  box-sizing: border-box;
}
.news_head .news_title{
  font-size: 25px;
  color: #000;
  font-weight: bold;
  padding: 10px 10px 0;
  line-height: 31px;
  text-align: justify;
}
.news_head .news_tool{
  padding: 14px 10px 0 10px;
  display: flex;
  justify-content: space-between;
}
.news_head .news_tool>div{
  padding-bottom: 10px;
}
.news_head .news_tool span{
  display: inline-block;
  margin-right: 10px;
  color: #999;
  font-size: 13px;
}
/*.news_head .news_tool .from{*/
/*  color: #262626;*/
/*  font-weight: 600;*/
/*}*/
/* 推荐列表 */

.advice_news *{
  box-sizing: border-box;
}
.advice_news .recommend {
  font-size: 22px;
  font-weight: 600;
}
.advice_news .recommend .bg-twig {
  background-color: #FEA2A0;
  width: 89px;
  height: 7px;
  border-radius: 4px;
  margin-top: -12px;
}
.advice_news{
  padding: 0 10px;
  /* 隐藏推荐栏目样式hock */
  min-height: 60px;
}
.advice_news .hot_news{
  height: 45px;
  line-height: 45px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.advice_news .hot_news span{
  display: inline-block;
  font-size: 16px;
  line-height: 43px;
  color: #333;
  border-bottom: 2px solid #DD2222;
}
.advice_news .news_box{
  /*border-top: 1px solid #eee;*/
  padding-top: 10px;
}
.advice_news .news_box li{
  margin-bottom: 6px;
  padding-bottom: 4px;
  border-bottom: 1px solid #F0F0F0;
}
.advice_news .news_box a{
  display: block
}
.advice_news .news_box .title{
  color: #000;
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  padding: 5px;
}
.advice_news .img_box{
  height: 80px;
  margin: 5px 0;
  overflow: hidden;
}
.advice_news .img_box img{
  float: left;
  width: 33%;
  min-height: 100%;
}
.advice_news .img_box img:nth-child(2){
  margin: 0 0.5%;
}
.advice_news .other{
  margin-bottom: 10px;
  color: #999;
}
.advice_news .news_box .right-pic-box{
  padding-left: 35%;
  height: 90px;
  position: relative;
}
.advice_news .news_box .right-pic-box .title{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.advice_news .news_box .right-pic-box .other{
  margin-top: 10px;
}
.advice_news .news_box .right-pic-box .right-img{
  position: absolute;
  /* width: 33%;
  height: 80px; */
  /*width: 132px;*/
  width: 33%;
  max-width: 132px;
  height: 80px;
  left: 0;
  top: 6px;
  /* overflow: hidden; */
}
.advice_news .news_box .right-pic-box .right-img img{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.advice_news .news_box .right-pic-box .right-detail{
  color:rgb(189, 189, 189);
  font-size: 12px;
  position: absolute;
  bottom: 0;
  padding-left: 5px;
}
.advice_news .news_box .right-pic-box .right-detail .right-text {
  margin-right: 24px;
}
.advice_news .news_box .right-pic-box .right-detail .bottom .view-icon {
  display:inline-block;
  width:14px;
  height:14px;
  background:url(https://newscdn.hndnews.com/style/content/img/eye.png) no-repeat 50%/cover;
  background-size:100%;
  vertical-align:text-bottom;
  margin-right:5px
}
/* 内容的格式：p和div缩进2em，字体大小设置18px，设置长字符分行显示，底部边距0.8rem */
.detailBox .news_detail p,
.detailBox .news_detail div{
  text-indent: 2em;
  font-size: 18px;
  margin-bottom: 1.3rem;
  word-break: break-all;
  /* 文字对其 */
  text-align: justify;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.detailBox .news_detail div[align="center"],
.detailBox .news_detail div[align="center"] p{
  text-indent: 0 !important;
  text-align: center !important;
}
.detailBox .news_detail p[align="center"] {
  text-indent: 0 !important;
  text-align: center !important;
}
.detailBox .news_detail p[align="right"] {
  text-indent: 0 !important;
  text-align: right !important;
}
.detailBox .news_detail div[align="right"] {
  text-indent: 0 !important;
  text-align: right !important;
}
.detailBox .news_detail p[align="left"] {
  text-indent: 0 !important;
  text-align: left !important;
}
.detailBox .news_detail div[align="left"] {
  text-indent: 0 !important;
  text-align: left !important;
}
.detailBox *{
  box-sizing: border-box;
}
.detailBox{
  position: relative;
  width: 100%;
  height: 800px;
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
}
.detailBox img{
  margin-top: 10px;
}
.detailBox.active{
  height: auto;
  overflow: auto;
}
.detailBox .Unfolded-btn{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  padding: 10px 10px 50px;
  /* padding-top: 30px; */
  background: #fff;
  box-shadow: 0px -21px 31px  rgba(255,255,255,0.9);
}
/* 阅读原文 */
.detailBox .Unfolded-btn span{
  display: block;
  width: 120px;
  height: 35px;
  border-radius: 10px;
  margin: 0 auto;
  line-height: 35px;
  font-size: 15px;
  text-align: center;
  /* border: 1px solid #ca0c16; */
  color: #617AA1;
  background: url(https://newscdn.hndnews.com/style/content/img/lookMore.png) no-repeat 100px 14px;
  background-size: 16px 8px;
}
/* 附件 */
.detailBox .news_detail .detail_file{
  text-indent: 0;
}
.detailBox .news_detail .detail_file a{
  color: skyblue;
}
/* 点赞 分享微信好友 分享微信朋友圈 */
.share_page{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 19px 0;
}
.share_page .like{
  /* margin-top: 10px; */
  font-size: 12px;
  display: flex;
  align-items: baseline;
  color: #0163FF;
}
.share_page .like p{
  display: inline-block;
  margin-left: 20px;
  align-items: baseline;
}
.share_page .share{
  display: flex;
  font-size: 12px;
  align-items: center;
  color: #9B9B9B;
}
.share_page .like img{
  width: 16px;
  /* position: absolute; */
}
.share_page .like .thumbs_up{
  display: none;
}
.share_page .like .thumbs_down{
  display: inline-block;
}
.share_page .share img{
  width: 24px;
  margin-left: 22px;
}
/* 列表的 来源/阅读数 */
.originRead{
  width: 100%;
  height: 30px;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  line-height: 30px;
}
.originRead .listOrigin{
  flex: 1;
}
.originRead .listRead{
  flex: 1;
}
.originRead .listRead img{
  margin-top: 8px;
  width: 20px;
  display: block;
  float: left;
}
/* 视频图片封面替代 */
.videoCoverImgWrap{
  width: 100%;
  height: 210px;
  background: #000000;
  position: relative;
}
.videoCoverImg{
  height: 210px;
  display: block;
  margin: 0 auto;
}
.videoCoverImgPlay{
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
}

#jump {
  box-sizing:border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  background-color:#4f4f4f;
  padding: 8px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

#jump div {
  color: #FFF;
  display: flex;
  align-items: center;
  font-size: 12px;
}

#jump img {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  margin-right: 8px
}

#jump button {
  border: none;
  background-color:#2a61f7;
  color: #FFF;
  padding: 10px 30px;
  border-radius: 4px
}

#voiceBroadcast {
  display: none;
  align-items: center;
}

#voiceBroadcast span {
  color: #333;
}

#voiceBroadcast img {
  width: 15px!important;
  height: 15px!important;
}

.news-voice-broadcast {
  display: none;
  /*background-color: #fafbfc;*/
  padding: 10px 10px 12px;
}

.news-voice-broadcast .broadcast-box {
  display: flex;
  align-items: center;
  background-color: #fafbfc;
  border-radius: 8px;
  padding: 15px 20px;
  box-shadow: 4px 6px 10px rgba(114, 130, 138, 0.2)!important;
}

.news-voice-broadcast .broadcast-box .broadcast-btn {
  width: 40px!important;
  height: 40px!important;
  margin-right: 13px;
}

.news-voice-broadcast .broadcast-box .broadcast-title {
  flex: 1;
  width: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}