@charset "utf-8";
/* 响应式布局 - 适配不同设备尺寸 */

/* 超大屏幕设备 (宽度小于等于1440px) */
@media screen and (max-width: 1439.98px) {
  /*视频列表*/
  .video_list a .play {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 1;
  }
  
  .video_list a .play i {
    opacity: 1;
    font-size: 3.75rem; /* 60px */
  }
}

/* 大屏幕设备 (宽度小于等于1400px) */
@media screen and (max-width: 1399.98px) {
  /*视频列表*/
  .video_list a .play {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 1;
  }
  
  .video_list a .play i {
    opacity: 1;
    font-size: 3.5rem;
  }
}

/* 大屏幕设备 (宽度小于等于1280px) */
@media screen and (max-width: 1279.98px) {
  /*视频列表*/
  .video_list a .play {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 1;
  }
  
  .video_list a .play i {
    opacity: 1;
    font-size: 3.25rem;
  }
}

/* 标准屏幕设备 (宽度小于等于1200px) */
@media screen and (max-width: 1199.98px) {
  /*视频列表*/
  .video_list a .play {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 1;
  }
  
  .video_list a .play i {
    opacity: 1;
    font-size: 3rem;
  }
}

/* 小屏电脑设备 (宽度小于等于1024px) */
@media screen and (max-width: 1023.98px) {
  /*视频列表*/
  .video_list a .play {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 1;
  }
  
  .video_list a .play i {
    opacity: 1;
    font-size: 2.75rem;
  }
}

/* 平板横屏设备 (宽度小于等于992px) */
@media screen and (max-width: 991.98px) {
  /*视频列表*/
  .video_list a .play {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 1;
  }
  
  .video_list a .play i {
    opacity: 1;
    font-size: 2.5rem;
  }
}

/* 平板竖屏设备 (宽度小于等于768px) */
@media screen and (max-width: 767.98px) {
  /*视频列表*/
  .video_list a .play {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 1;
  }
  
  .video_list a .play i {
    opacity: 1;
    font-size: 2.25rem;
  }
}

/* 大屏手机设备 (宽度小于等于576px) */
@media screen and (max-width: 575.98px) {
  /*视频列表*/
  .video_list a .play {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 1;
  }
  
  .video_list a .play i {
    opacity: 1;
    font-size: 2rem;
  }
}

/* iPhone及中等手机设备 (宽度小于等于375px) */
@media screen and (max-width: 374.98px) {
  /*视频列表*/
  .video_list a .play {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 1;
  }
  
  .video_list a .play i {
    opacity: 1;
    font-size: 1.75rem;
  }
}