/* 全局变量 */
:root {
  --active-text-color: #dd002a;
  --active-btn-bgcolor: #fff9f7;
  --top-header-content-height: 72px;
  --top-header-height: 85px;
  --index-nav-width: 168px;
  --index-main-padding-left: calc(
    var(--index-nav-width) + var(--index-page-gap)
  );
  --index-banner-grid-row: 1/3;

  --index-page-gap: 20px;
  --index-main-column: 1 / -2;
  --index-main-columns: repeat(5, 1fr);
  --index-main-gap: 12px;
  --index-content-columns: repeat(4, 1fr);
  --index-content-gap: 12px;
  --index-banner-grid-column: 1/3;
  --live-page-gap: 45px;
  --live-main-padding-left: calc(var(--index-nav-width) + var(--live-page-gap));
  --live-content-columns: repeat(5, 1fr);
  --live-content-gap: 16px;
  --tab-font-size: 15px;

  --new-list-bt-size: 18px;
  --new-right-list-size: 16px;
  --new-right-list-tit-size: 20px;
  --new-list-time-size: 13px;
  --new-list-bt-line-height: 26px;
  --scroll-padding-top: 0;
  --scroll-height: auto;
  --scroll-color: #313234;
  --scroll-info: -webkit-box;
  --footer-padding: 168px;

  /*直播首页*/
  --live-video-box: span 3; /*直播首页播放器占格*/
  --live-video-padding: 24px; /*直播首页直播列表间距*/

  /* 看电视页 */
  --channel-main-columns: 1fr 330px;

  /* 图文视频详情 */
  --detail-main-columns: repeat(5, 1fr);
  --detail-main-column: 1/5;
  --detail-right-column: 5;

  --detail-main-new-columns: repeat(10, 1fr);
  --detail-main-new-column: 1/8;
  --detail-right-new-column: 8/11;
  --detail-recom-font-size: 16px;
  --detail-recom-line-height: 24px;
  --detail-recom-margin-left: 8px;
  --detail-recom-sub-font-size: 13px;
  --detail-recom-sub-gap: 8px;
  --detail-recom-sub-line-height: 10px;

  --detail-tit-font-size: 30px;
  --detail-tit-font-line: 46px;
  --detail-con-font-size: 20px;
  --detail-con-font-line: 32px;
  --detail-con-sub-font-size: 14px;

  --detail-content-margin: 194px;
  --detail-column-gap: 60px;

  /* 我的订阅 */
  --subscribe-list-columns: repeat(5, 1fr);

  /* swiper样式重置 */
  --swiper-theme-color: #dd002a !important;
}

body#is-red {
  --top-header-content-height: 108px;
  --top-header-height: 121px;
}

/* 超过两行使用省略号 */
.two-line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

body.body-overflow-hidden {
  overflow: hidden;
}

@media screen and (min-width: 2460px) {
  :root {
    --index-page-gap: 21px;
    --index-main-columns: repeat(7, 1fr);
    --index-main-gap: 16px;
    --index-content-columns: repeat(6, 1fr);
    --index-content-gap: 16px;
    --index-banner-grid-column: 1/4;
    --live-page-gap: 45px;
    --live-main-padding-left: calc(
      var(--index-nav-width) + var(--live-page-gap)
    );
    --live-content-columns: repeat(6, 1fr);
    --live-content-gap: 16px;
    --tab-font-size: 16px;

    --new-list-bt-size: 20px;
    --new-right-list-size: 18px;
    --new-right-list-tit-size: 22px;
    --new-list-time-size: 14px;
    --scroll-padding-top: 56.25%;
    --scroll-height: 0;
    --scroll-color: #fff;
    --scroll-info: none;

    /*直播首页*/
    --live-video-box: span 5; /*直播首页播放器占格*/

    /* 图文视频详情 */
    --detail-recom-font-size: 22px;
    --detail-recom-line-height: 32px;
    --detail-recom-margin-left: 16px;
    --detail-recom-sub-font-size: 18px;
    --detail-recom-sub-gap: 10px;
    --detail-recom-sub-line-height: 14px;

    --detail-tit-font-size: 40px;
    --detail-tit-font-line: 60px;
    --detail-con-font-size: 28px;
    --detail-con-font-line: 46px;
    --detail-con-sub-font-size: 18px;
  }
}

@media screen and (max-width: 1280px) {
  :root {
    --index-page-gap: 25px;
    --index-main-columns: repeat(4, 1fr);
    --index-main-gap: 8px;
    --index-content-columns: repeat(3, 1fr);
    --index-content-gap: 8px;
    --index-banner-grid-column: 1/4;
    --index-banner-grid-row: 1;
    --live-page-gap: 45px;
    --live-main-padding-left: calc(
      var(--index-nav-width) + var(--live-page-gap)
    );
    --live-content-columns: repeat(4, 1fr);
    --live-content-gap: 16px;
    --tab-font-size: 14px;

    --new-list-bt-size: 16px;
    --new-right-list-size: 14px;
    --new-right-list-tit-size: 18px;
    --new-list-time-size: 12px;
    --scroll-padding-top: 56.25%;
    --scroll-height: 0;
    --scroll-color: #fff;
    --scroll-info: none;
    --footer-padding: 10px;

    /* 图文视频详情 */
    --detail-main-columns: repeat(4, 1fr);
    --detail-main-column: 1/4;
    --detail-right-column: 4;

    --detail-recom-font-size: 14px;
    --detail-recom-line-height: 20px;
    --detail-recom-sub-font-size: 12px;
    --detail-recom-sub-gap: 5px;
    --detail-recom-sub-line-height: 10px;

    --detail-content-margin: 15px;
    --detail-column-gap: 30px;

    /* 我的订阅 */
    --subscribe-list-columns: repeat(4, 1fr);

    /*直播首页*/
    --live-video-box: span 2; /*直播首页播放器占格*/
    --live-video-padding: 15px; /*直播首页直播列表间距*/
  }
}

/* @media screen and (max-width: 768px) {
  :root {
    --index-page-gap: 0;
    --index-nav-width: 0;
    --index-main-padding-left: 0;
    --index-main-columns: repeat(3, 1fr);
    --index-main-gap: 6px;
    --index-banner-grid-column: 1/-1;
    --index-content-columns: repeat(2, 1fr);
    --index-content-gap: 6px;
    --live-page-gap: 0;
    --live-main-padding-left: calc(
      var(--index-nav-width) + var(--live-page-gap)
    );
    --live-content-columns: repeat(3, 1fr);
    --live-content-gap: 16px;
    --tab-font-size: 12px;
  }
} */

body {
  min-width: 1280px;
}