.swiper-box {
  padding-top: 1.146667rem; }
  .swiper-box .swiper-container {
    display: none; }
  .swiper-box a {
    display: flex;
    width: 100%;
    height: 5.6rem; }
    .swiper-box a h2 {
      position: absolute;
      display: inline-block;
      font-size: .373333rem;
      bottom: 20px;
      z-index: 4;
      color: #fff;
      text-align: center;
      width: 100%; }
    .swiper-box a img {
      width: 100%;
      display: block;
      align-self: center; }
    .swiper-box a .video-play {
      position: absolute;
      width: 1.173333rem;
      z-index: 3;
      top: 50%;
      left: 50%;
      margin: -0.586667rem 0 0 -0.586667rem; }
    .swiper-box a .live-banner-type {
      position: absolute;
      display: flex;
      align-items: center;
      top: 18px;
      font-size: 0;
      left: 12px;
      height: 28px;
      padding: 0 8px;
      line-height: 28px; }
      .swiper-box a .live-banner-type .bg {
        transform: skewX(-8deg);
        background-color: #FFDD00;
        border-radius: 4px;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
      .swiper-box a .live-banner-type span {
        position: relative;
        z-index: 2;
        font-size: 14px;
        color: #222222; }
    .swiper-box a .live-type.yg-c .bg {
      background-color: #424754; }
    .swiper-box a .live-type.yg-c span {
      color: #FFDD00; }
    .swiper-box a .live-type.hg-c .bg {
      background: linear-gradient(180deg, #7f8593 0%, #2a2d35 100%); }
    .swiper-box a .live-type.hg-c span {
      color: #FFFFFF; }
  .swiper-box .swiper-pagination-bullet {
    background-color: #96979a;
    border-radius: 4px; }
  .swiper-box .swiper-pagination-bullets {
    bottom: 0; }
  .swiper-box .swiper-pagination-bullet-active {
    background-color: #fff;
    width: 16px; }

.new-list-view {
  margin: 0 .373333rem;
  padding: .4rem 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e1e2e4; }
  .new-list-view .new-list-left {
    width: 5.866667rem;
    display: flex;
    flex-wrap: wrap;
    height: 2.4rem;
    align-content: space-between; }
  .new-list-view p.new-time {
    color: #bbbcbe; }
  .new-list-view h2 {
    font-size: .426667rem;
    padding-right: .4rem;
    width: 100%;
    display: block; }
    .new-list-view h2 a {
      color: #222222; }
  .new-list-view p {
    padding-right: .4rem;
    font-size: .266667rem;
    display: block;
    width: 100%; }
    .new-list-view p a {
      padding-right: .08rem;
      color: #848588; }
  .new-list-view .new-list-right {
    display: flex;
    align-items: center;
    position: relative; }
    .new-list-view .new-list-right img {
      width: 3.2rem;
      height: 2.4rem;
      border-radius: 4px; }
    .new-list-view .new-list-right img.video-play {
      width: .533333rem;
      height: .533333rem;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -0.266667rem 0 0 -0.266667rem; }

.pic-list {
  display: block; }
  .pic-list .pic-img-box {
    display: flex;
    justify-content: space-around;
    margin: .266667rem 0;
    width: 100%; }
  .pic-list .kw-time {
    display: flex;
    justify-content: space-between; }
  .pic-list .new-time {
    text-align: right; }