@charset 'utf-8';

html,body{
  position: relative;
  width: 100%;
  background: #ffffff;
  font-size: 16px;
}
body{
  height: 100%;
  font-family: Microsoft YaHei,Microsoft YaHei UI,helvetica,arial;
  -webkit-tap-highlight-color: transparent;
}

img { display: block;border: 0; }
html,body,p,ul,li { margin: 0;padding: 0; }
a{ color: inherit;text-decoration: none; }
ul,li{ list-style:none; }

/*常见手机尺寸，对应设置root的font-size*/
@media screen and (max-width: 319px) {
  body { min-width: 320px; }
}
@media screen and (min-width: 320px) {
  html { font-size: 16px; }
}
@media screen and (min-width: 360px) {
  html { font-size: 18px; }
}
@media screen and (min-width: 375px) {
  html { font-size: 18.75px; }
}
@media screen and (min-width: 414px) {
  html { font-size: 20.7px; }
}
@media screen and (min-width: 640px) {
  html { font-size: 32px; }
  body{
    margin: 0 auto;
    max-width: 640px;
    border-left: solid 1px #eaeaea;
    border-right: solid 1px #eaeaea;
  }
}

.fr{ float: right; }
.fl{ float: left; }
.clear{ clear: both; }
.none{ display: none;/*position: absolute;visibility: hidden;*/ }
.hidden{ visibility: hidden; }


/*图片盒子*/
.img-box{
  font-size: 0;
}
.img-box img{
  vertical-align: top;
}

/*居中的背景图片*/
.bg-center{
  height: 100%;
  background-position: 50% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

/*黑色的遮罩*/
.black-shade{
  position: absolute;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}

/*手机版列表页添加黑白主题 start*/
.gray-theme{
	/*黑白*/
	-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); 
}

.bg-black-b{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(/images/v3/top-title-bg.png);
  background-size: 100% 100%;
}

.video{
  display: block;
  width: 100%;
}

/*网页的默认分享图*/
.share-img{
  position: absolute;
  top: -302px;
}
.share-img img{
  max-height: 300px;
}


/*整个页面*/
.page{
  position: relative;
  overflow: hidden;
  height: 100%;
  background-color: #f3f3f3;
}

/* 热点新闻的更多推荐 */
.more-hot{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  /* flex-wrap: nowrap; */

  position: fixed;
  top: 0;
  left: 100%;
  z-index: 99;
  margin-left: 10rem;
  height: 100%;
  width: 100%;
  max-width: 640px;
  background-color: #ffffff;
}

.more-hot-banner{
  flex: 0 0 auto;
  position: relative;
  width: 100%;
  height: 7.06rem;
  background-image: url(/images/v3/more-hot-bg.png);
  background-size: 100% 100%;
}
.more-hot-banner-back{
  position: absolute;
  left: 0.5rem;
  top: 0.8rem;
  width: 1rem;
  height: 1rem;
  background-image: url(/images/v3/back-b.png);
  background-size: 100% 100%;
}
.more-hot-content{
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: scroll;
}
.more-hot-content .news-list{
  height: 100%;
}
.more-hot-content .news-list .news-item{
  height: auto;
}
/* .more-hot-banner-tag{
  position: absolute;
} */

/* 专家库页面 */
.specialist-all{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 99;
  margin-left: 10rem;
  height: 100%;
  width: 100%;
  max-width: 640px;
  background-color: #ffffff;
}
.specialist-top{
  position: relative;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  font-size: .88rem;
  color: #000;
}
.specialist-back{
  position: absolute;
  left: 0;
  top: 0;
  margin: .5rem;
  width: 1rem;
  height: 1rem;
  background-image: url(/images/v3/back-b.png);
  background-size: 100% 100%;
}
.specialist-search-box{
  padding: .53rem .69rem;
  height: 1.42rem;
  background-color: #eeeeee;
}
.specialist-search{
  position: relative;
  border-radius: .72rem;
  height: 1.42rem;
  overflow: hidden;
  background-color: #ffffff;
  font-size: 0;
}
.specialist-search:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 1.23rem;
  height: 1.42rem;
  background-image: url(/images/v3/search-icon.png);
  background-size: .64rem .64rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.specialist-search input{
  display: flex;
  display: -webkit-flex;
  align-items: center;

  position: relative;
  outline: 0;
  margin-left: 1.23rem;
  border: 0;
  border-radius: 0;
  /*padding: .38rem 0;*/
  width: 16.48rem;
  height: 1.42rem;
  line-height: 1;
  font-size: .64rem;
}
.specialist-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6e6e6e;
}
.specialist-search input::-moz-placeholder { /* Firefox 19+ */
  color: #6e6e6e;
}
.specialist-search input:-ms-input-placeholder { /* IE 10+ */
  color: #6e6e6e;
}
.specialist-search input:-moz-placeholder { /* Firefox 18- */
  color: #6e6e6e;
}
.specialist-content{
  display: flex;
  display: -webkit-flex;
  position: relative;
  height: 100%;
}
.specialist-left{
  border-right: solid 1px #d0d0d0;
  width: 3.79rem;
  height: 100%;
}
.specialist-left ul{
  margin-top: .64rem;
}
.specialist-left ul li{
  padding: 1.07rem 0;
  text-align: center;
  line-height: 1;
  font-size: .8rem;
}
.specialist-right{
  width: 16.2rem;
  overflow: hidden;
}
.specialist-right ul{
  
}
.specialist-right ul li{
  display: flex;
  display: -webkit-flex;
  border-bottom: solid 1px #eeeeee;
  padding: .53rem 0 .53rem .96rem;
  height: 2.4rem;
}
.specialist-logo{
  margin-right: .27rem;
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(/images/v3/head-default.png);
  background-size: cover;
  background-position: 50% 50%;
}
.specialist-people{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  width: 9.12rem;
}
.specialist-nickname{
  line-height: 1;
  font-size: .75rem;
  color: #363636;
}
.specialist-title{
  margin-top: .2rem;
  line-height: 1.3;
  font-size: .59rem;
  color: #9f9f9f;
}

/*专家个人页面*/
.person{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 99;
  margin-left: 10rem;
  height: 100%;
  width: 100%;
  max-width: 640px;
  background-color: #ffffff;
}
.person-head{
  position: relative;
  width: 100%;
  height: 12.8rem;
  overflow: hidden;
  flex: none;
}
.person-head-bg{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;

  filter: blur(25px);
  -ms-filter: blur(25px);
  -moz-filter: blur(25px);
  -webkit-filter: blur(25px);   /* Chrome, Safari, Opera */
}
.person-back{
  position: absolute;
  left: 0;
  top: 0;
  margin: .2rem;
  border-radius: 50%;
  /*padding-left: .64rem;
  padding-right: .64rem;*/
  height: 1.6rem;
  width: 1.6rem;
  background-color: rgba(0,0,0,0.4);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAYAAACU9ioYAAAAAXNSR0IArs4c6QAAALRJREFUSA1jYKAQ/P//XxSIU4FYlkKjGBiAhmgA8XMgBoEbFBkINADZMMoMxGLYJ6CYFVkuHDWM9GAbDbPRMMMRAsCkoQ7EsFIDyPxPft4E2QE04CLIFCig2DBhmElQOh6HR4gXBhp0D8lQkNc1iNeNRSXQAHMgBnkVBqhiqBXQtFFDYUEKTqMUR9RomI4mKXiKGkJJ6iyWcoc0IaCvkRP/IyCfkTQTsKgGGgKqPpqA2BAkDQDvddIvpOGJWwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 44% 50%;
  background-size: .53rem .96rem;
}

.person-info{
  position: absolute;
  top: 2.8rem;
  width: 100%;
}
.person-logo{
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -2.08rem;
  border-radius: 50%;
  width: 4.16rem;
  height: 4.16rem;
  background-size: cover;
  background-position: 50% 50%;
}
.person-logo-small{
  width: 2.6rem;
  height: 2.6rem;
  margin-left: -1.3rem;
}
.person-name{
  margin-top: .8rem;
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: .85rem;
  color: white;
}
.person-desc{
  display: -webkit-box;
  margin: .32rem auto 0;
  width: 70%;
  min-height: .84rem;
  max-height: 1.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  text-align: center;
  line-height: 1.4;
  font-size: .59rem;
  color: white;
}
.person-btns{
  display: flex;
  display: -webkit-flex;
  justify-content: center;

  position: absolute;
  bottom: 1.12rem;
  width: 100%;

  line-height: 1;
  font-size: .59rem;
  color: #ffffff;
}
.person-btn-guanzhu{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding: 0 1.28rem;
  border-right: solid 1px rgba(255,255,255,0.4);
}
.person-btn-guanzhu img{
  margin-right: .24rem;
  width: .82rem;
}
.person-btn-knowhim{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding: 0 1.28rem;
}
.person-btn-knowhim img{
  margin-right: .24rem;
  width: .82rem;
}
/*个人文章列表*/
.person-newslist{
  display: flex;
  display: -webkit-flex;
  position: relative;
  height: 100%;
  padding-top: 1.17rem;
  overflow: hidden;
}
.person-newslist .swiper-wrapper{
  margin-top: 1.17rem;
}
.person-newslist .swiper-slide{
  height: auto;
}
.person-date{
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;

  margin-top: .16rem;
  margin-bottom: .16rem;
  margin-left: .75rem;
  line-height: 1;
  font-size: .64rem;
  color: #999999;
}
.person-tag{
  margin-left: .27rem;
  width: 1.5rem;
  height: .75rem;
  background-size: 100% 100%;
}
.person-news{
  margin-left: .85rem;
  border-left: solid 1px #eeeeee;
  padding: .53rem .48rem .3rem .69rem;
}
.person-news-title{
  line-height: 1.4;
  font-size: .96rem;
}
.person-news-desc{
  margin-top: .32rem;
  line-height: 1.43;
  font-size: .75rem;
  color: #888;
}
.person-nomore{
  text-align: center;
  line-height: 2;
  font-size: .8rem;
}

/*专家的更多信息*/
.person-moreinfo{
  display: none;
  position: absolute;
  top: 10rem;
  z-index: 9;
  opacity: 0;
  margin: 1.07rem .69rem 0;
  padding: 1.34rem .8rem 0;
  height: 100%;
  width: 17.02rem;
  background-color: #ffffff;
}
.person-moreinfo-show{
  opacity: 1;
  transform: translateY(-2rem);
  -webkit-transform: translateY(-2rem);
}
.person-moreinfo-gz{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  margin-bottom: 1.33rem;
  font-size: .69rem;
}
.person-moreinfo-gz img{
  margin-right: .27rem;
  width: .82rem;
}
.person-moreinfo-tag{
  position: relative;
  margin-bottom: .8rem;
  border-bottom: solid 1px #eaeaea;
  padding-left: .27rem;
  padding-bottom: .32rem;
  line-height: 1;
  font-size: .69rem;
  color: #303030;
}
.person-moreinfo-tag:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: .69rem;
  width: 2px;
  background-color: rgb(239,51,66);
}
.person-moreinfo-text{
  margin-bottom: 1.6rem;
  line-height: 1.2;
  font-size: .75rem;
  color: #303030;
}



/*头部logo条*/
.header{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  height: 2.45rem;
  background-color: #ffffff;
}
.header-about-us{
  flex: 1 0 auto;
  height: 100%;
}
.header-about-us > .bg-center{
  background-size: auto 1.52rem;
}
.header-btn{
  flex: 0 0 auto;
}
.header-btn > a > div{
  padding: .8rem;
}
.header-btn .bg-center{
  width: .85rem;
  height: .85rem;
}



/*正文开始*/
.content{
  position: relative;
  height: 100%;
}
/*暖视频栏目的边框*/
.china-warm{
  display: inline-block;
  padding: .53rem 0;
  width: 9.86rem;
  text-align: center;
  font-size: 0;
}
.china-warm > li{
  /*display: inline-block;*/
  margin-bottom: .29rem;
  /*width: 9.28rem;*/
  overflow: hidden;
}
.china-warm.news-list-left > li:first-child .nuan-image{
  height: 17.81rem;
  width: auto;
  margin-left: -1.76rem;
}
.china-warm > li:nth-child(2n+1){
  /*margin-right: .27rem;*/
}
.news-list-left{
  float: left;
}
.news-list-right{
  float: right;
}

/*loading页*/
.loading{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #ffffff;
}
.loading img{
  position: absolute;
  top: 13rem;
  left: 50%;
  margin-top: -2.72rem;
  margin-left: -2.45rem;
  width: 5.44rem;
  height: 4.9rem;
}

/*大方图*/
.head-square-box{
  position: relative;
  overflow: hidden;
}

.head-square{
  width: 20rem;
  height: 20rem;
  /*background-color: #efdeb0;*/
}

.head-square-video{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  position: relative;
  height: 100%;
}
.head-square-video .video{
  height: 100%;
  width: auto;
}
.head-square-image{
  height: 100%;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-size: */
}

.head-square-title{
  position: absolute;
  z-index: 8;
  bottom: 0;
  padding: 0 .64rem .8rem .64rem;
  line-height: 1.25;
  font-size: 1.2rem;
  font-weight: 700;
  color: #ffffff;
}
.aa .head-square-title {
  direction: rtl;
}

.head-square-title-bg{
  position: absolute;
  z-index: 6;
  bottom: 0;
  width: 100%;
  font-size: 0;
}
.head-square-title-bg{
  vertical-align: top;
  width: 100%;
}

/*导航 滚动*/
.nav{
  position: absolute;
  top: 0;
  width: 100%;
}
.nav-slide{
  display: flex;
  display: -webkit-flex;
  position: relative;
  z-index: 5;
  padding: .8rem .8rem 1.175rem;
  height: 1rem;
  overflow: hidden;
  background-image: url(/images/v3/nav-bg.png);
  background-size: 100% 100%;
  /*font-size: 0;*/
}
.nav-slide .swiper-container{
  flex: 1 1 auto;
  margin: 0;
  /*width: 16.4rem;*/
}
.nav-slide .swiper-slide{
  margin-right: .91rem;
  width: auto;
  white-space: nowrap;
  font-size: .91rem;
  color: #efeded;
}
.nav-slide .swiper-slide-active{
  font-weight: bolder;
  color: #ffffff;
}
.nav-slide .swiper-slide:last-child{
  margin-right: 0;
}

.nav-open-btn{
  /*position: absolute;*/
  right: .8rem;
  top: .8rem;
}
.nav-open-btn div{
  margin-left: .88rem;
  position: relative;
  top: 0.2rem;
  width: 1.12rem;
  height: .64rem;
}

/*导航 折叠*/
.nav-open{
  position: absolute;
  padding-top: 2.975rem;
  top: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  background-image: url(/images/v3/nav-open-bg.png);
  background-size: 100% 100%;
}
.nav-open-box{
  margin-left: .8rem;;
  overflow: hidden;
}
.nav-open-box .swiper-slide{
  float: left;
  display: inline-block;
  position: relative;
  margin-right: .9rem;
  width: auto;
  white-space: nowrap;
  line-height: 1.87rem;
  font-size: .91rem;
}
.nav-open-box .swiper-slide:before {
  content: '';
  display: inline-block;
  position: absolute;
  right: -0.45rem;
  top: 0.53rem;
  height: 0.78rem;
  width: 1px;
  background-color: #8e8e8e;
}

.nav-open-box .swiper-slide:nth-child(-6n+30) {
  margin-right: 0;
  width: 5.5em;
  text-align: center;
}
.nav-open-box .swiper-slide:nth-child(-6n+30):before {
  display: none;
}
.nav-open-box .swiper-slide:nth-child(22), .nav-open-box .swiper-slide:nth-child(16) {
  margin-right: .77rem;
}
.nav-open-box .swiper-slide:nth-child(23), .nav-open-box .swiper-slide:nth-child(17) {
  margin-right: .64rem;
}
.nav-open-box .swiper-slide:nth-child(23):before, .nav-open-box .swiper-slide:nth-child(17):before {
  margin-right: 0;
  right: -0.32rem
}
.nav-open-box .swiper-slide:nth-child(24), .nav-open-box .swiper-slide:nth-child(18) {
  width: 3.6rem;
}
.nav-open-box .swiper-slide:nth-child(18) {
  position: relative;
  left: -.1rem;
}



/*中国号栏目的头部*/
.zgh-head{
  position: relative;
  height: 13.5rem;
  overflow: hidden;
}
.zgh-head-bg{
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
.zgh-head-bg-box{
  height: 100%;
  overflow: hidden;
}
.zgh-head-bg-head{
  height: 100%;
  filter: blur(20px);
  -webkit-filter: blur(20px);
  background-size: cover;
  background-position: 50% 50%;
}
.zgh-head-back{
  position: absolute;
  left: 0;
  top: 0;
  width: 1rem;
  height: 1.5rem;
  background-image: url(/images/v3/zgh-back.png);
  background-size: auto .9rem;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.zgh-head-info{
  position: absolute;
  top: 3.38rem;
  width: 100%;
  text-align: center;
  font-size: .59rem;
  color: #ffffff;
}
.zgh-head-logo{
  display: inline-block;
  position: relative;
  border-radius: 50%;
  width: 3.7rem;
  height: 3.7rem;
  background-size: contain;
  background-position: 50% 50%;
}
.zgh-head-logo .zgh-item-logo-v{
  width: .86rem;
  height: .86rem;
  border: solid 2px #ffffff;
  border-radius: 50%;
  background-position: 58% 58%;
  background-size: 116% 116%;
}
.zgh-head-people{
  margin-top: .45rem;
}
.zgh-head-desc{
  display: inline-block;
  margin: 1.75rem .75rem 0;
  text-align: left;
  line-height: 1.3;
  max-width: 18.5rem;
  /*max-height: 1.2rem;*/
}


/*置顶新闻*/
.top-news{
  position: relative;
  margin-bottom: .26rem;
  padding-top: 0.69rem;
  overflow: hidden;
  background-color: #ffffff;
}
.top-news .swiper-container{
  
}
.top-news-tag{
  position: absolute;
  top: 1.12rem;
  left: .59rem;
  z-index: 3;
  height: 1.06rem;
  width: 3.13rem;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.top-news .js-open-more-hot{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: .69rem;
  width: 100%;
  text-align: center;
  font-size: 0;
}
.top-news .js-open-more-hot img{
  height: .69rem;
  vertical-align: top;
}
.top-news-item{
  display: inline-block;
  margin-right: .26rem;
  overflow: hidden;
}
.top-news .swiper-slide{
  width: auto;
}
.top-news-item:last-child{
  margin-right: 0;
}
.top-news-item-bg{
  position: relative;
  border-radius: 3px;
  width: 9.6rem;
  height: 6.99rem;
  overflow: hidden;
  background-color: #eaeaea;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.top-news-item-bg .video-full-btn{
  margin-left: -0.7rem;
  margin-top: -0.7rem;
  width: 1.4rem;
  height: 1.4rem;
}
.top-news-item-title{
  /*多行省略*/
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  position: absolute;
  bottom: .53rem;
  z-index: 8;
  margin: 0 .37rem;
  height: 2.08rem;
  white-space: normal;
  line-height: 1.3; 
  font-size: .8rem;
  color: #ffffff;
}
.top-news-item-info{
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: .37rem;
  margin-bottom: .69rem;
  margin-left: .59rem;
  height: 1.07rem;
  line-height: 1;
  font-size: .64rem;
  color: #9b9b9b;
}
.top-news-logo{
  position: relative;
  margin-right: .32rem;
  border-radius: 50%;
  height: 1.07rem;
  width: 1.07rem;
  background-size: 100% 100%;
}
.top-news-logo-v{
  position: absolute;
  right: 0;
  bottom: 0;
  width: .43rem;
  height: .43rem;
  background-size: 100% 100%;
  background-image: url(/images/app/v.png);
}


/*中国号*/
.zgh{
  position: relative;
  padding: 2rem 0 .693rem;
  background-color: #ffffff;
}
.zgh-btns{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  margin: .69rem 0 .53rem;
  height: .8rem;
  width: 100%;
}
.zgh-tag{
  margin-left: .69rem;
  width: 3rem;
  height: .75rem;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.zgh-title{
  margin-right: .69rem;
  line-height: 1;
  font-size: .64rem;
  color: #646464;
}
.page .zgh .zgh-list{
  margin-left: .69rem;
  white-space: nowrap;
}
.zgh .zgh-item{
  display: inline-block;
  margin-right: .8rem;
  width: 2.51rem;
}
.zgh-item-logo{
  position: relative;
  border: solid 0.5px #d0021b;
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.zgh-item-logo-v{
  position: absolute;
  bottom: 0;
  right: 0;
  width: .69rem;
  height: .69rem;
  background-image: url(/images/app/v.png);
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.zgh-item-name{
  position: relative;
  left: -.1rem;
  margin-top: .32rem;
  width: 2.7rem;
  overflow : hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  line-height: 1;
  font-size: .53rem;
  color: #4a4a4a;
}

/* 观点栏目的专家库 */
.specialist{
  position: relative;
  border-bottom: solid .27rem #f2f2f2;
  padding: 2.18rem 0 .69rem;
  background-color: #ffffff;
}
.specialist-tag{
  position: absolute;
  left: .69rem;
  top: .69rem;
  width: 2.24rem;
  height: .96rem;
  background-image: url(/images/v3/zhuanjiaku.png);
  background-size: 100% 100%;
}
.specialist .specialist-box{
  padding-left: .69rem;
  overflow: initial;
}
.specialist .specialist-item{
  margin-right: .91rem;
  height: 3.52rem;
  width: 2.51rem;
  text-align: center;
}
.specialist-item-default .specialist-head{
  background-image: url(/images/v3/chakanquanbu.png);
}
.specialist-head{
  border-radius: 50%;
  height: 2.51rem;
  width: 2.51rem;
  background-size: cover;
  background-position: 50% 50%;
}
.specialist-name{
  margin-top: .43rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  font-size: .59rem;
  color: #4a4a4a;
}
.specialist-nomore{
  text-align: center;
  margin: .2rem;
  color: #999999;
}

/* 显示所有专家按钮 */
.showspecialist{
  padding: .69rem 0 .69rem .59rem;
  padding-bottom: 0;
}
.showspecialist-btn{
  width: 7.07rem;
  height: 1.55rem;
  background-image: url(/images/v3/quanbuzhuanjia.png);
  background-size: 100% 100%;
}


/*新闻列表*/
.news-box{
  background-color: #ffffff;
}
.news-list{
  overflow: hidden;
}
.news-item{
  
}
.news-item > a > div{
  position: relative;
  padding: .64rem .59rem .91rem;
  border-top: solid 1px #f3f3f3;
}
.news-list .news-item:first-child > a > div{
  border-top: 0;
}

/*加载中提示*/
.news-item-loading{
  text-align: center;
  line-height: 1.3;
  font-size: .85rem;
}
.news-item .title{
  line-height: 1.3;
  font-size: .91rem;
  color: #1e1e1e;
}
.aa .news-item .title {
  text-align: right;
  direction: rtl;
}
.news-item .desc{
  display: -webkit-box;
  padding-top: .53rem;
  max-height: 2.03rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
  font-size: .75rem;
  color: #6e6e6e;
}
.aa .news-item .desc {
  text-align: right;
  direction: rtl;
}
.news-item .image-full{
  position: relative;
  left: -.59rem;
  margin-top: .66rem;
  width: 20rem;
  height: 9.01rem;
  background-size: cover;
  background-position: 50% 50%;
}
.news-item .info{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;

  padding-top: .26rem;
  line-height: 1;
  font-size: .64rem;
  color: #9b9b9b;
}
.aa .news-item .info {
  justify-content: flex-end;
}

.news-item .pubtime-tag{
  margin-right: .1rem;
  width: .85rem;
  height: .85rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAABGdBTUEAALGPC/xhBQAAA01JREFUSA2llk1LVVEUhu+VLJA7ECIR6xc0E4kmDRoIQVBh0/oNxv0PCQ2aKjiWInPcrEFDEcKxTcKBFwoFIZ16e5599j53ny+V2rDOWvtd71r77I+1z+n1YhuPx8Nklxpwvpc86DtVT9nDwPs+709sPOPQQ89ooDcTsBuM7BFIPMpk2KFlnHYTVpFWN51FZKdBBVyJhH7UZ4GEozBqIeBrFQjAdi9GHzjWdGLoyexznScJyDX4bOhjXGigN6LeDo78gXMVOUOWI2kDexpZR5ojABoQpponarPhhTdIixZGyIkQbJ9zLNk6DNxBfKWwqLkTLLWtDJd7FPoY68mRNNj9ZNc1vsOAYfSR1l3Lg+AsIc1VlYRjDbEdIEfIOXKIFPsTM1XmlbJDsmgeIT+RD/1+fz/5WjUBJ4h75t4FMnoZcW9XG0GAMzpzB/2pWv8lWLWUAIpNzZktNjyDi5ExXIz5Fl4rBLcsnvLYJybOJ4htLmFJgznnRefxI4GZvhntX5C+ZHiPFf5K/5WBA5yhZHJCZj9NNrzZyF1ww8+TI2mwZ4jtU8KSBnOrhgYW5y55ogYf1KDQBS/ONYbDTy6nNnaGwQ0FPcVkT8ENXsr8rSacM/i3K07AbaQcGbs8n9jzyAUSbuVKoB0cjmwlWBF/ECvEVr0QG5E1gAATebJMZjOhyUx6FG0xmxy5lfKrpWx2CbBQnK5T2kQaxxhsH2mcGbmIMcaao31J0rCRZMleuTEppkubAzFX5YYKJQ7o0nkcTtndAfK9K9F1cXOYy5zmdowylo7r37iQS0I04NxC3iHP677L+uZGygt8SMeNLz+gXcFwUolihnbM83UXP+FwLF/HGLqk3tVejHsAHoawzIl8hba4toixHdS5YHOI9bWHOMaDGzz8MIxY70X0v7Rjgt4Q/7EeDPYbLOSNLzSyaP3vsTU+4/UEcB4G5ng8Qr+o+7v65o5xxaToWLAe4UbNdSW5Lm7OmPttJQbQPxwLdqXi+I8OufwYmrP5KTYvDm+ZXcTZdg6Mz8MwqavaS+FzIHOY6/LbJg7ch+iMLVgDrSP3IZQOurzaxKJPjlxj2mdE8tZfm9oLhy5J3PDHyF1kAbGNEH/lvnEiy8+Ljq72F48HY8awLxO6AAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}
.news-item .info-item{
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}
.aa .news-item .info-item{
  flex-direction: row-reverse;
}

.source-logo{
  position: relative;
  margin-right: .26rem;
  border: solid 0.5px #d0021b;
  border-radius: 50%;
  width: 1.07rem;
  height: 1.07rem;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.author-logo{
  border: 0;
  background-image: url(/images/v3/head-default.png);
}
.source-logo .zgh-item-logo-v{
  width: .43rem;
  height: .43rem;
}
.news-item .source,.news-item .pubtime{
  /* display: inline-block;
  vertical-align: top; */
}
.news-item .zt-count-tag{
  margin-left: .6rem;
  height: .59rem;
  width: .81rem;
  background-image: url(/images/app/zhuantiCountIcon-grey.png);
  background-size: 100% auto;
  background-position: left center;
  background-repeat: no-repeat;
}
.news-item .zt-count{
  margin-left: .3rem;
}
.news-item .pubtime{
  margin-left: .32rem;
}
.aa .news-item .pubtime {
  margin-left: 0;
  margin-right: .32rem;
}
.news-item .info .tag{
  vertical-align: top;
  height: .91rem;
  float: right;
}
.news-item .info .tag-text{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  padding: 0 .15rem;
  border: solid 1px #cccccc;
  border-radius: 4px;
  height: .8rem;
  line-height: 1;
  font-size: .59rem;
  color: #999999;
}
.news-item .image{
  /*大图*/
  position: relative;
  margin: .53rem 0 .26rem;
  width: 100%;
  height: 10.61rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.news-item .image-tip{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: .26rem;
  right: .26rem;
  background-color: rgba(0,0,0,0.5);
  border-radius: .53rem;
  padding: .16rem .26rem;
  line-height: 1;
  font-size: .53rem;
  color: #ffffff;
}

.news-item .imgs{
  /*三图*/
  display: flex;
  display: -webkit-flex;
  padding: .26rem 0 .11rem;
}
.news-item .imgs .imgs-item{
  position: relative;
  margin-right: .16rem;
  box-sizing: border-box;
  border: solid 1px #dcdcdc;
  width: 6.19rem;
  height: 4.48rem;
}
.news-item .imgs .imgs-item div{
  position: relative;
  top: -1px;
  left: -1px;
  width: 6.19rem;
  height: 4.48rem;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/*标题新闻形式*/
.news-item-title{

}
.news-item-title .source{
  max-width: 10.67rem;
}

/*大图新闻形式*/
.news-item-image{

}

/*单图新闻形式*/
.news-item > a > div.news-item-img{
  padding-bottom: .69rem;
}
.news-item-img{
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
}
.aa .news-item-img{
  flex-direction: row-reverse;
}
.news-item-img .news-item-left{
  flex: 0 0 auto;
  position: relative;
  box-sizing: border-box;
  margin-right: .37rem;
  width: 6.19rem;
  height: 4.48rem;
  border: solid 1px #dcdcdc;
}
.aa .news-item-img .news-item-left{
  margin-left: 0.37rem;
  margin-right: 0;
}

.news-item-img .news-item-left .news-item-left-img{
  position: relative;
  left: -1px;
  top: -1px;
  width: 6.19rem;
  height: 4.48rem;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.news-item-img .news-item-right{
  position: relative;
  width: 100%;
}
.news-item-img .title{
  display: -webkit-box;
  position: relative;
  max-height: 3.54rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news-item-img .info{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.aa .news-item-img .info{
  /*direction: rtl;*/
}

.news-item-img .source{
  max-width: 6.45rem;
}

/*三图新闻形式*/
.news-item-imgs{

}

/*视频，小图形式*/
.news-item-video-tag-bg{
  position: absolute;
  left: .16rem;
  bottom: .16rem;
  border-radius: 50%;
  padding: .26rem;
  background-color: rgba(0,0,0,0.5);
}
.news-item-video-tag{
  width: .64rem;
  height: .64rem;
  background-image: url(/images/v3/camera.png);
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/*视频，图片通栏样式*/
.news-item > a > div.news-item-video-full{
  padding: 0;
}
.news-item-video-full > .title{
  margin: .69rem .64rem .48rem;
  /*line-height: ;*/
  font-size: .91rem;
  color: #262626;
}
.video-full{
  position: relative;
  height: 11.35rem;
  background-size: cover;
  background-position: 50% 50%;
}
.video-full .bg-black-b{
  width: 100%;
  height: 4rem;
}
.video-full-player{
  position: absolute;
  top: .53rem;
  right: .59rem;
  width: 1.79rem;
  height: 1.07rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(/images/v3/player.png);
}
.video-full-btn{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.08rem;
  margin-left: -1.08rem;
  width: 2.16rem;
  height: 2.16rem;
  background-image: url(/plug/20170224/video_play_btn.png);
  background-size: 100% 100%;
}
.video-full-info{
  position: absolute;
  bottom: 0;
  z-index: 8;
  margin: 0 .59rem .59rem;
  width: 18.62rem;
}
.news-item .video-full-info .title{
  display: -webkit-box;
  height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  font-size: .75rem;
  color: #ffffff;
}
.news-item-video-full .info{
  margin: .37rem .59rem .69rem;
  color: #9b9b9b;
}
.info-video-tag{
  margin-right: .21rem;
  height: .45rem;
  width: .72rem;
  background-image: url(/images/v3/video.png);
  background-size: 100% 100%;
}
.info-video-count{
  margin-right: .37rem;
}
.video-line{
  height: .27rem;
  width: 100%;
  background-color: #f3f3f3;
}

/*直播，图片通栏形式*/
.news-item-zhibo{

}
.news-item-zhibo .info{
  position: absolute;
  z-index: 9;
  margin: 0 .59rem 0;
  width: 18.82rem;
  bottom: .59rem;
  color: #ffffff;
}

/* 直播专题 */
.news-item > a > div.news-item-zhibozt{
  border: 0;
}
.news-item-zhibozt{
  height: 7.68rem;
  background-size: cover;
  background-position: 50% 50%;
}
.news-item-zhibozt-bg{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 8;
  width: 20rem;
  height: 4rem;
  background-image: url(/images/v3/top-title-bg.png);
  background-size: 100% 100%;
}
.news-item-zhibozt-content{
  position: absolute;
  bottom: .69rem;
  z-index: 9;
}
.news-item-zhibozt .title{
  color: #ffffff;
}
.news-item .news-item-zhibozt .info{
  justify-content: flex-start;
}
.news-item .news-item-zhibozt .info .zt-count-tag{
  margin-left: 0;
  background-image: url(/images/app/zhuantiCountIcon.png);
}
.news-item .info-count .zt-count{
  color: #ffffff;
}
.info-count{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  margin-left: 0.26rem;
  border: solid 1px #ffffff;
  border-radius: 2px;
  padding: 0 0.3rem;
  height: .8rem;
}


/*专题形式*/

/*专题，单图文章*/
.news-item-zt .news-item-right{
  position: relative;
}
.news-item-zt .news-item-right:before{
  content: '';
  display: inline-block;
  position: absolute;
  left: -0.2rem;
  top: 0.12rem;
  height: 0.85rem;
  width: 0.12rem;
  background-color: rgb(214,37,36);
}
.news-item-zt .title{
  margin-left: 0.1rem;
}

/* 专题，多个标题小文章 */
.news-item-zt-list li .info{
  border-bottom: solid 1px #eaeaea;
  padding-bottom: 0.26rem;
}
.news-item-zt-list li:last-child .info{
  border-bottom: 0;
  padding-bottom: 0;
}

/* 专题多个小图文章 */
.news-item-zt .news-item-zt-list-image{
  margin-top: .56rem;
}
.news-item-zt-list-image ul li{
  width: 9.56rem;
  margin-right: .24rem;
}
.news-item-zt-list-image ul li:last-child{
  margin-right: 0;
}
.zt-news-img {
  position: relative;
  box-sizing: border-box;
  width: 9.56rem;
  height: 6.91rem;
  font-size: 0;
}
.zt-news-img div{
  position: relative;
  width: 9.56rem;
  height: 6.91rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.zt-news-title{
  margin-top: .21rem;
  line-height: 1.5;
  font-size: .64rem;
}

/* 专题，多个视频文章 */
.news-item-zt-list-video{
  position: relative;
  left: -.59rem;
  width: 20rem;
  margin-top: .56rem;
}
.news-item-zt-list-video ul li{
  width: 17.79rem;
  margin-left: .12rem;
  margin-right: .12rem;
}
.zt-news-video{
  position: relative;
  width: 17.79rem;
  height: 10.02rem;
}
.zt-news-video-bg{
  width: 17.79rem;
  height: 10.02rem;
  background-size: cover;
  background-position: 50% 50%;
}
.zt-news-video-play{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.08rem;
  margin-left: -1.08rem;
  width: 2.16rem;
  height: 2.16rem;
  background-image: url(/plug/20170224/video_play_btn.png);
  background-size: 100% 100%;
}

/*暖视频新闻形式*/
.news-item > a > div.news-item-nuan{
  padding: 0;
  border: 0;
  vertical-align: top;
}
.nuan-box{
  position: relative;
}
{
  height: 16.8rem;
}
.nuan-image{
  width: 100%;
  height: 15.68rem;
}
.nuan-tag{
  position: absolute;
  left: 0;
  top: 0;
  width: 1.87rem;
  height: 1.87rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.nuan-btn{
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9;
  margin-top: -.985rem;
  margin-left: -.985rem;
  width: 1.97rem;
  height: 1.97rem;
  background-size: 100% 100%;
  background-image: url(/images/v3/play.png);
}

.nuan-info{
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  padding: .53rem;
  width: 100%;
  text-align: left;
}
.nuan-mengban{
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  padding: .53rem;
  width: 100%;
  height: 7rem;
  background-size: 100% auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-image: url(/images/v3/mengban.png);
}
.nuan-title{
  line-height: 1.4;
  font-weight: bold;
  font-size: .85rem;
  color: #ffffff;
}
.nuan-date, .nuan-count{
  line-height: 1;
  color: #ffffff;
  font-size: .64rem;
}
.nuan-count{
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  justify-content: center;

  position: relative;
  margin-top: .37rem;
  border: solid 1px #ffffff;
  padding: .15rem .2rem .2rem 1rem;
  min-width: 2em;
}
.nuan-count:before{
  content: '';
  position: absolute;
  left: .14rem;
  top: 0;
  width: .74rem;
  height: 1rem;

  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 48%;
  background-image: url(/images/app/zhuantiCountIcon.png);
}
.nuan-date{
  position: absolute;
  right: .53rem;
  bottom: .73rem;
}


/* 添加到桌面 */
.add-to-home{
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 8;
  margin-left: -6.94rem;
  width: 13.87rem;
  height: 5.94rem;
  background: url(/images/v2/desktop.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.add-to-home:before {
  position: absolute;
  content: '+';
  top: 0rem;
  right: 0.25rem;
  line-height: 1;
  font-size: 1.45rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer;
}
.add-to-home-info {
  padding: 1.29rem .25rem 0 4.23rem;
}
.add-to-home-info span {
  display: block;
  line-height: 0.98rem;
  font-size: 0.8rem;
}
.add-to-home-info b {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 0.65rem;
  height: 0.65rem;
  background: url(/images/v2/desktop_normal.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.add-to-home-info b.desk-safari {
  top: .13rem;
  background: url(/images/v2/desktop_safari.png) 0 0 no-repeat;
  background-size: 100% auto;
}

/*底部的信息条*/
.footer{
  position: relative;
}
.dy {
  height: 3.2rem;
  text-align: center;
  font-size: .75rem;
  color: #D0D0D0;
}
.dy a {
  font-size: .75rem;
  color: #575757;
  /*text-decoration:none;*/
  /*font-family: Arial,Helvetica,sans-serif,"Microsoft YaHei","Microsoft YaHei UI",helvetica,arial*/
}
.dy .line1 {
  margin: 1rem .64rem 0 .62rem;
}
.dy .line2 {
  margin: .62rem .62rem 0 .62rem;
}

/*搜索框*/
.search {
  margin-bottom: .86rem;
  height: 1.75rem;
  line-height: 1.75rem;
}

.search .box .submit {
  display: block;
  border: solid #C20D23 1px;
  height: 1.75rem;
  width: 4.52rem;
  background: #E40012;
  line-height: 1.75rem;
  font-size: .87rem;
  color: #ffffff;
  -webkit-appearance: none;
}

.search .box .text {
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid #cccccc 1px;
  /*width: 13.82rem;*/
  width: 100%;
  height: 1.75rem;
  background-color: #f2f2f2;
  line-height: 1.62rem;
  font-size: .87rem;
}

.search .box .s_text {
  float: left;
  margin-right: .44rem;
  width: 13.44rem;
  height: 1.75rem;
  line-height: 1.74rem;
}

.search .box .s_sub {
  float: left;
  width: 4.52rem;
  height: 1.75rem;
  line-height: 1.75rem;
}

.search .box {
  height: 1.75rem;
  line-height: 0.56rem;
  width: 18.5rem;
  overflow: hidden;
  margin: 0 auto
}

/*底部声明条*/
.bottom {
  position: relative;
  height: 3rem;
  background: #E40012;
  overflow: hidden;
  text-align: center;
  color: #ffffff;
}

.bottom .v {
  height: 1.87rem;
  line-height: 1.87rem;
  font-size: .87rem;
}

.bottom .v a:nth-child(2){
  color: #feb3bb;
}
.bottom .zzw {
  height: 0.4rem;
  line-height: 0.24rem;
  font-size: 0.75rem;
  text-align: center
}

.bottom .dh {
  position: absolute;
  right: 0.7rem;
  top: .88rem;
  width: 1.18rem;
  height: 1.18rem;
}

.bottom .dh img {
  width: 100%;
  height: 100%;
}



/* 动画相关的css */
/*animation: name duration timing-function delay iteration-count direction fill-mode play-state;*/

/*过渡动画*/
.trans{
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.tr-router{
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}

.tr-page-left{
  transform: translateX(-30%);
	-webkit-transform: translateX(-30%);
}
.tr-more-hot-open{
  left: 50%;
  transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
}

.an-fadeout{
  animation: an-fadeout 1s ease 0s 1 normal both;
  -webkit-animation: an-fadeout 1s ease 0s 1 normal both; /* Safari 与 Chrome */
}

@keyframes an-fadeout
{
  from { opacity: 1; }
  to   { opacity: 0; }
}
 
/* Safari 与 Chrome */
@-webkit-keyframes an-fadeout
{
  from { opacity: 1; }
  to   { opacity: 0; }
}