@charset "UTF-8";
/*盒子布局*/
/*单行省略*/
/*多行省略*/
/**
* 将px转换为rem（以2560px的屏幕为基准）
*/
.merit-page-box section {
  width: 100%;
  height: auto;
  position: relative;
}

.merit-page-box section .section-bg {
  width: 100%;
  display: block;
}

.merit-page-box section .section-info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.merit-page-box section .tit {
  font-size: 0.21875rem;
  font-weight: 500;
}

.merit-page-box section .sub-tit {
  font-size: 0.10938rem;
  margin-top: 0.01953rem;
}

.merit-page-box section .tit-intro {
  font-size: 0.07031rem;
}

.merit-page-box section .app-download-box {
  position: absolute;
  bottom: 0.3125rem;
  display: flex;
  -ms-display: flex;
  /* IE 9 */
  -moz-display: flex;
  /* Firefox */
  -webkit-display: flex;
  /* Safari  Chrome */
  -o-display: flex;
  /* Opera */
  align-items: center;
  -ms-align-items: center;
  /* IE 9 */
  -moz-align-items: center;
  /* Firefox */
  -webkit-align-items: center;
  /* Safari  Chrome */
  -o-align-items: center;
  /* Opera */
  justify-content: center;
  -ms-justify-content: center;
  /* IE 9 */
  -moz-justify-content: center;
  /* Firefox */
  -webkit-justify-content: center;
  /* Safari  Chrome */
  -o-justify-content: center;
  /* Opera */
}

.merit-page-box section .app-download-box .app-box {
  width: 0.57812rem;
  position: relative;
}

.merit-page-box section .app-download-box .app-box:last-child {
  margin-left: 0.04688rem;
}

.merit-page-box section .app-download-box .app-box img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: pointer;
}

.merit-page-box section .app-download-box .app-box .code-img {
  height: 0;
  opacity: 0;
  transition: all 0.3s;
}

.merit-page-box section .app-download-box .app-box.open .code-img {
  height: 0.73828rem;
  opacity: 1;
}

.merit-page-box .section-2 {
  margin-top: 0.70312rem;
}

.merit-page-box .section-2 .section-tit-box .more-btn {
  margin-top: 0.125rem;
}

.merit-page-box .section-2 .item-list {
  display: grid;
  /* 关键：每行3列，列宽自动均分（fr是网格布局的长度单位，代表剩余空间的等分） */
  grid-template-columns: repeat(3, 1fr);
  /* 固定间距：row-gap（行间距）、column-gap（列间距），也可合并为gap */
  gap: 0.03906rem;
  /* 等同于 row-gap: 20px; column-gap: 20px; */
  /* 可选：给容器加内边距，避免元素贴边 */
  /* 可选：限制容器最大宽度，让布局更规整 */
  margin: 0.33594rem auto 0;
}

.merit-page-box .section-2 .item-list .item {
  height: 1.40625rem;
  background-color: #f3f3f3;
  padding-top: 0.03906rem;
}

.merit-page-box .section-2 .item-list .item img {
  height: 0.35156rem;
  transition: all 0.2s;
}

.merit-page-box .section-2 .item-list .item .item-tit {
  font-size: 0.10938rem;
  margin-top: 0.19531rem;
  transition: all 0.2s;
}

.merit-page-box .section-2 .item-list .item .item-sub-tit {
  opacity: 0;
  font-size: 0.07031rem;
  color: #999999;
  margin-top: 0.01953rem;
  transition: all 0.2s;
}

.merit-page-box .section-2 .item-list .item:hover img {
  transform: translateY(-10%) scale(0.9);
}

.merit-page-box .section-2 .item-list .item:hover .item-tit {
  transform: translateY(-100%);
}

.merit-page-box .section-2 .item-list .item:hover .item-sub-tit {
  opacity: 1;
  transform: translateY(-70%);
}

.merit-page-box .section-3 {
  margin-top: 0.70312rem;
  overflow: 'hidden';
}

.merit-page-box .section-3 .tit {
  margin-bottom: 0.3125rem;
}

.merit-page-box .section-3 .diversified-swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
  /* 隐藏默认滚动条（可选） */
}

.merit-page-box .section-3 .diversified-swiper .swiper-slide {
  width: 60% !important;
  /* 滑块宽度（小于100%，让两边能露出） */
  height: auto;
}

.merit-page-box .section-3 .diversified-swiper .swiper-slide img {
  display: block;
  width: 100%;
}

.merit-page-box .section-3 .diversified-swiper .swiper-scrollbar {
  display: none;
}

.merit-page-box .section-4 {
  margin-top: 0.70312rem;
}

.merit-page-box .section-4 img {
  margin-top: 0.3125rem;
}

@media screen and (min-width: 1px) and (max-width: 800px) {
  .merit-page-box section .tit {
    font-size: 0.61538rem;
  }
  .merit-page-box section .sub-tit {
    font-size: 0.35897rem;
  }
  .merit-page-box section .tit-intro {
    font-size: 0.35897rem;
  }
  .merit-page-box section .app-download-box {
    bottom: 0.76923rem;
  }
  .merit-page-box section .app-download-box .app-box {
    width: 2.69231rem;
  }
  .merit-page-box section .app-download-box .app-box:last-child {
    margin-left: 0.10256rem;
  }
  .merit-page-box section .app-download-box .app-box.open .code-img {
    height: 3.4359rem;
  }
  .merit-page-box .section-1 .tit {
    font-size: 0.71795rem;
    font-weight: bold;
  }
  .merit-page-box .section-2 {
    margin-top: 1.53846rem;
  }
  .merit-page-box .section-2 .item-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.10256rem;
  }
  .merit-page-box .section-2 .item-list .item {
    padding-top: 0;
    min-height: 3.07692rem;
  }
  .merit-page-box .section-2 .item-list .item img {
    height: 0.76923rem;
  }
  .merit-page-box .section-2 .item-list .item .item-tit {
    font-size: 0.35897rem;
    margin-top: 0.48718rem;
  }
  .merit-page-box .section-2 .item-list .item .item-sub-tit {
    opacity: 1;
    font-size: 0.25641rem;
    margin-top: 0.12821rem;
  }
  .merit-page-box .section-3 {
    margin-top: 1.53846rem;
  }
  .merit-page-box .section-3 .diversified-swiper .swiper-slide {
    width: 100% !important;
    /* 滑块宽度（小于100%，让两边能露出） */
  }
  .merit-page-box .section-4 {
    margin-top: 0;
  }
  .merit-page-box .section-4 .item .tit {
    margin: 1.53846rem 0 0.17949rem 0;
  }
}