@charset "UTF-8";
.img-content {
  position: absolute;
  bottom: 0rem;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.16rem;
  color: #fff;
  padding: 0 0.12rem;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.main-content {
  background: #fff;
  padding-top: 0.10667rem; }
  .main-content ul {
    width: 100%; }
    .main-content ul li {
      width: 100%; }
      .main-content ul li .title-text {
        font-size: 0.17067rem;
        line-height: 0.23467rem;
        color: #121c32;
        display: block; }
      .main-content ul li .title-date {
        background: #fff;
        height: 0.46rem;
        line-height: 0.46rem;
        padding: 0 0.16rem;
        color: #808595;
        font-size: 0.13rem; }
      .main-content ul li .content-lists {
        background: #fff;
        position: relative;
        padding-left: 0.33rem;
        padding-right: 0.16rem;
        padding-bottom: 0.21333rem; }
        .main-content ul li .content-lists .timeline {
          position: absolute;
          left: 0.16rem;
          top: 0.05rem;
          height: 100%; }
          .main-content ul li .content-lists .timeline .point {
            position: absolute;
            width: 0.06rem;
            height: 0.06rem;
            background-color: #2D59B1;
            border-radius: 50%;
            top: 0.02rem; }
          .main-content ul li .content-lists .timeline .point-2 {
            position: absolute;
            width: 0.1rem;
            height: 0.1rem;
            background-color: #FFFFFF;
            border: 0.032rem solid #2D59B1;
            border-radius: 50%;
            top: 0.04rem;
            left: -0.02rem; }
          .main-content ul li .content-lists .timeline .tail {
            position: absolute;
            top: 0.08rem;
            left: 0.03rem;
            border-left: 1px dashed #DCDFE6;
            height: calc(100% - 0.08rem); }
          .main-content ul li .content-lists .timeline .tail-2 {
            position: absolute;
            top: 0.14rem;
            left: 0.03rem;
            border-left: 1px dashed #DCDFE6;
            height: calc(100% - 0.14rem); }
          .main-content ul li .content-lists .timeline.timeline-highlight .point {
            background-color: #d7000f; }
        .main-content ul li .content-lists .content .pubTitleBox {
          position: relative;
          display: flow-root; }
          .main-content ul li .content-lists .content .pubTitleBox .originTag {
            font-size: 0.128rem;
            line-height: 0.192rem;
            color: #fff;
            background: #D7000F;
            padding: 0rem 0.04267rem;
            border-radius: 0.02133rem;
            display: inline-block;
            vertical-align: top;
            position: relative;
            top: 0.01067rem; }
          .main-content ul li .content-lists .content .pubTitleBox .pubDateTitle {
            display: flex;
            align-items: center;
            gap: 0.04267rem; }
            .main-content ul li .content-lists .content .pubTitleBox .pubDateTitle .dateStr {
              color: #273249;
              font-weight: bold;
              font-size: 0.192rem; }
            .main-content ul li .content-lists .content .pubTitleBox .pubDateTitle .dateStr2 {
              color: #273249;
              font-size: 0.14933rem; }
          .main-content ul li .content-lists .content .pubTitleBox .pubTitle {
            font-size: 0.17067rem;
            line-height: 0.23467rem;
            color: #121c32;
            word-wrap: break-word;
            word-break: break-all;
            display: inline;
            font-weight: bold; }
        .main-content ul li .content-lists .content .pubtime {
          font-size: 0.13rem;
          line-height: 0.18rem;
          color: #808595; }
        .main-content ul li .content-lists .content .profile {
          margin-top: 0.08533rem;
          line-height: 0.23467rem;
          font-size: 0.14933rem;
          color: #3D445C; }
        .main-content ul li .content-lists .content .vip-info a {
          color: #00a0e9;
          text-decoration: underline; }
        .main-content ul li .content-lists .content .vip-info .is-vip-str {
          color: #999; }
        .main-content ul li .content-lists .content .vip-info .no-vip-str {
          background: #f2f2f2;
          color: #666; }
        .main-content ul li .content-lists .detail {
          color: #2D59B1;
          font-size: 0.14933rem;
          display: inline-block; }
      .main-content ul li .cl-red {
        color: #d7000f; }

.list-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.08533rem; }
  .list-footer .list-footer-left {
    color: #808595;
    font-size: 0.128rem; }
  .list-footer .list-footer-right {
    color: #808595;
    font-size: 0.128rem;
    display: flex;
    align-items: center;
    gap: 0.04267rem; }
    .list-footer .list-footer-right .related-news-text {
      display: flex;
      align-items: center;
      gap: 0.04267rem; }
    .list-footer .list-footer-right .related-news-icon {
      width: 0.128rem;
      height: 0.128rem; }

/*.main-content ul li .content-lists:last-child .right {
    border-bottom: none;
}*/
#tianchong {
  border-top: 1px solid #e1e1e1; }

/*by tracy  2017-04-25 添加直播的图片*/
.imgbox-view-list {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .imgbox-view-list .imgbox-view {
    margin-right: 0.08533rem;
    margin-top: 0.10667rem; }
    .imgbox-view-list .imgbox-view .small_img {
      height: 0.64rem;
      width: 0.85333rem;
      border-radius: 0.04267rem; }

.morePic {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.02133rem 0.08533rem;
  background: #656565;
  font-size: 12px;
  color: #fff; }

.layer-viewImg {
  width: 100%;
  height: 100%;
  background: black;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 180;
  display: none; }

.zhibo-view {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  display: none; }
  .zhibo-view img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    /*transform: translateX(-50%);*/ }
  .zhibo-view .arrow-close {
    width: 0.21333rem;
    height: 0.21333rem;
    background: url(../../images/close.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    margin: 0.10667rem 0.10667rem 0 0;
    z-index: 999; }