/* 整个内容区域的容器 */
 .main-container {
   width: 100%;
   /* 占据大部分屏幕宽度 */

   /* 限制最大宽度，避免在大屏手机上过宽 */
   background-color: #fff;
   border-radius: 0;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   padding: 15px;
   box-sizing: border-box;
   margin-top: 6px;
 }

 /* 顶部标题和更多链接 */
 .section-header {
   display: flex;
   justify-content: space-between;
   /* 左右两端对齐 */
   align-items: center;
   /* 垂直居中对齐 */
   margin-bottom: 5px;
   /* 标题和下方内容之间的间距 */
   padding-bottom: 10px;
   /* 底部留白 */
   border-bottom: 1px solid #eee;
   /* 分隔线 */
 }

 .section-title {
   font-size: 18px;
   font-weight: bold;
   color: #333;
   margin: 0;
   /* 移除h2默认的margin */
 }

 .more-link {
   font-size: 14px;
   color: #666;
   text-decoration: none;
   /* 移除下划线 */
 }

 .more-link:active {
   color: #333;
   /* 点击时的颜色 */
 }

 /* 单个移动内容块 */
 .item-card {
   display: flex;
   /* 启用Flex布局 */
   align-items: center;
   /* 垂直居中对齐子项 */
   gap: 15px;
   /* 图片和文字内容之间的间距 */
   padding: 10px 0;
   /* 上下内边距 */
   border-bottom: 1px solid #f5f5f5;
   /* 每条数据之间的分隔线 */
 }

 .item-card:last-child {
   border-bottom: none;
   /* 最后一条数据没有下边框 */
 }

 /* 左侧图片区域 */
 .item-image {
   flex-shrink: 0;
   /* 防止图片区域缩小 */
   width: 140px;
   /* 图片固定宽度 */
   height: 80px;
   /* 图片固定高度 */
   border-radius: 8px;
   /* 图片圆角 */
   overflow: hidden;
   /* 隐藏超出部分的图片 */
 }

 .item-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   /* 保持图片比例并覆盖整个区域 */
   display: block;
   /* 移除图片底部默认空白 */
 }

 /* 右侧内容区域 */
 .item-content {
   flex-grow: 1;
   /* 占据剩余所有空间 */
   display: flex;
   flex-direction: column;
   /* 标题和时间垂直堆叠 */
   justify-content: center;
   /* 标题和时间之间分配空间 */
   height: 80px;
   /* 与图片高度一致 */
 }

 /* 标题样式 */
 .item-title {
   font-size: 16px;
   font-weight: normal;
   color: #333;
   line-height: 1.4;
   /* 行高 */
   margin: 0;
   /* 移除h2默认margin */

   /* 限制标题为两行并显示省略号 */
   display: -webkit-box;
   /* 使用WebKit的弹性盒模型 */
   -webkit-line-clamp: 2;
   /* 限制为2行*/
   -webkit-box-orient: vertical;
   /* 垂直方向*/
   overflow: hidden;
   /* 溢出隐藏*/
   text-overflow: ellipsis;
   /* 显示省略号*/
 }

 /* 时间样式 */
 .item-time {
   font-size: 13px;
   color: #888;
   margin-top: 7px;
   /* 将时间推到底部 */
 }

 footer {
   margin-top: 12px;
 }

 .g-index-ppt {
   width: 100%;
   height: auto;
   background: #fff;
   display: block;
   overflow: hidden;
   position: relative;
   zoom: 1
 }

 .g-index-ppt .swiper-wrapper {
   width: 100%;
   height: 100%;
   display: flex;
   box-sizing: content-box;
   position: relative;
   zoom: 1;
   z-index: 10;
   padding: 0;
   box-sizing: border-box;
 }

 .g-index-ppt .swiper-wrapper .swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex: 0 0 auto;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
 }

 .g-index-ppt .swiper-wrapper .swiper-slide img {
   width: 100%;
   height: auto;
   display: block;
   overflow: hidden
 }

 .g-index-ppt .swiper-wrapper .swiper-slide strong {
   width: 100%;
   height: 30px;
   line-height: 30px;
   font-size: 14px;
   font-weight: normal;
   color: #fff;
   background: rgba(0, 0, 0, .6);
   padding: 0 3%;
   box-sizing: border-box;
   display: block;
   overflow: hidden;
   position: absolute;
   left: 0;
   bottom: 0;
 }

 .swiper-container .swiper-wrapper .swiper-slide a {
   width: 100%;
   height: auto;
   display: block;
   overflow: hidden;
   position: relative;
   zoom: 1
 }

 .swiper-container .swiper-wrapper .swiper-slide a img {
   width: 100%;
   height: auto;
   display: block;
   overflow: hidden
 }

 .swiper-container .swiper-wrapper .swiper-slide a strong {
   width: 100%;
   height: 35px;
   line-height: 35px;
   font-size: 14px;
   font-weight: normal;
   color: #fff;
   text-indent: 12px;
   text-shadow: 1px 1px 2px #000;
   background: rgba(0, 0, 0, 0.5);
   background-size: 414px;
   display: block;
   overflow: hidden;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 10;
 }

 .swiper-container .swiper-pagination {
   width: auto;
   height: auto;
   display: block;
   overflow: hidden;
   position: absolute;
   right: 10px;
   bottom: 10px;
   z-index: 100
 }

 .swiper-container .swiper-pagination span {
   width: 8px;
   height: 8px;
   background: #fff;
   border-radius: 0;
   opacity: 1;
   float: left;
   margin: 0 0 0 7px;
   display: inline;
   overflow: hidden
 }

 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
   width: 16px;
   background: #3399ff
 }


 .g-index-ppt {
   padding: 30px 0 ;
   background: none;
 }

 .g-index-ppt .swiper-wrapper .swiper-slide img {
   opacity: .6;
 }

 .g-index-ppt .swiper-wrapper .swiper-slide strong {
   display: none;
 }

 .g-index-ppt .swiper-wrapper .swiper-slide {
   transform: scale(1) !important;
   background-color: #000;
   border-radius: 8px;
   overflow: hidden;
 }

 .g-index-ppt .swiper-wrapper .swiper-slide-active {
   transform: scale(1.26) !important;
 }

 .g-index-ppt .swiper-wrapper .swiper-slide-active img {
   opacity: 1;
 }