@charset "utf-8";
/* 响应式布局 - 适配不同设备尺寸 */

/* 超大屏幕设备 (宽度小于等于1440px) */
@media screen and (max-width: 1439.98px) {
  /*图片列表*/
  .pic_list li a .cover .title {
    font-size: 1.25rem;
    padding: 0.625rem 0;
    max-width: 80%;
  }
  
  .pic_list li a .cover .title:before,
  .pic_list li a .cover .title:after {
    height: 0.0625rem;
    width: 60%;
  }
  
  .pic_list li a:hover .cover .title:before,
  .pic_list li a:hover .cover .title:after {
    width: 0.625rem;
  }
}

/* 大屏幕设备 (宽度小于等于1400px) */
@media screen and (max-width: 1399.98px) {
  /*图片列表*/
  .pic_list li a .cover .title {
    font-size: 1.1875rem;
    padding: 0.5625rem 0;
    max-width: 80%;
  }
  
  .pic_list li a .cover .title:before,
  .pic_list li a .cover .title:after {
    height: 0.0625rem;
    width: 58%;
  }
  
  .pic_list li a:hover .cover .title:before,
  .pic_list li a:hover .cover .title:after {
    width: 0.5625rem;
  }
}

/* 大屏幕设备 (宽度小于等于1280px) */
@media screen and (max-width: 1279.98px) {
  /*图片列表*/
  .pic_list li a .cover .title {
    font-size: 1.125rem;
    padding: 0.5rem 0;
    max-width: 80%;
  }
  
  .pic_list li a .cover .title:before,
  .pic_list li a .cover .title:after {
    height: 0.0625rem;
    width: 55%;
  }
  
  .pic_list li a:hover .cover .title:before,
  .pic_list li a:hover .cover .title:after {
    width: 0.5rem;
  }
}

/* 标准屏幕设备 (宽度小于等于1200px) */
@media screen and (max-width: 1199.98px) {
  /*图片列表*/
  .pic_list li a .cover .title {
    font-size: 1.125rem;
    padding: 0.5rem 0;
    max-width: 85%;
  }
  
  .pic_list li a .cover .title:before,
  .pic_list li a .cover .title:after {
    height: 0.0625rem;
    width: 55%;
  }
  
  .pic_list li a:hover .cover .title:before,
  .pic_list li a:hover .cover .title:after {
    width: 0.5rem;
  }
}

/* 小屏电脑设备 (宽度小于等于1024px) */
@media screen and (max-width: 1023.98px) {
  /*图片列表*/
  .pic_list li a .cover .title {
    font-size: 1.125rem;
    padding: 0.4375rem 0;
    max-width: 85%;
  }
  
  .pic_list li a .cover .title:before,
  .pic_list li a .cover .title:after {
    height: 0.0625rem;
    width: 50%;
  }
  
  .pic_list li a:hover .cover .title:before,
  .pic_list li a:hover .cover .title:after {
    width: 0.4375rem;
  }
}

/* 平板横屏设备 (宽度小于等于992px) */
@media screen and (max-width: 991.98px) {
  /*图片列表*/
  .pic_list li a .cover .title {
    font-size: 1.125rem;
    padding: 0.4375rem 0;
    max-width: 85%;
  }
  
  .pic_list li a .cover .title:before,
  .pic_list li a .cover .title:after {
    height: 0.0625rem;
    width: 50%;
  }
  
  .pic_list li a:hover .cover .title:before,
  .pic_list li a:hover .cover .title:after {
    width: 0.4375rem;
  }
}

/* 平板竖屏设备 (宽度小于等于768px) */
@media screen and (max-width: 767.98px) {
  /*图片列表*/
  .pic_list li a .cover .title {
    font-size: 1.125rem;
    padding: 0.375rem 0;
    max-width: 90%;
  }
  
  .pic_list li a .cover .title:before,
  .pic_list li a .cover .title:after {
    height: 0.0625rem;
    width: 45%;
  }
  
  .pic_list li a:hover .cover .title:before,
  .pic_list li a:hover .cover .title:after {
    width: 0.375rem;
  }
}

/* 大屏手机设备 (宽度小于等于576px) */
@media screen and (max-width: 575.98px) {
  /*图片列表*/
  .pic_list li a .cover .title {
    font-size: 1.125rem;
    padding: 0.375rem 0;
    max-width: 90%;
  }
  
  .pic_list li a .cover .title:before,
  .pic_list li a .cover .title:after {
    height: 0.0625rem;
    width: 45%;
  }
  
  .pic_list li a:hover .cover .title:before,
  .pic_list li a:hover .cover .title:after {
    width: 0.375rem;
  }
}

/* iPhone及中等手机设备 (宽度小于等于375px) */
@media screen and (max-width: 374.98px) {
  /*图片列表*/
  .pic_list li a .cover .title {
    font-size: 1.125rem;
    padding: 0.3125rem 0;
    max-width: 90%;
  }
  
  .pic_list li a .cover .title:before,
  .pic_list li a .cover .title:after {
    height: 0.0625rem;
    width: 40%;
  }
  
  .pic_list li a:hover .cover .title:before,
  .pic_list li a:hover .cover .title:after {
    width: 0.3125rem;
  }
}