@charset "UTF-8";
.liy-service-container {
  background: #F0F6FB url(/assets/daji/img/c2bca1cf0332c8debcf4da18608b5cd.png) no-repeat;
  background-position: center -5rem;
  background-size: 100%;
}
.liy-service-container .liy-banner {
  padding-top: 6.25rem;
  padding-bottom: 9.375rem;
}
.liy-service-container .liy-banner .banner-img img {
  width: 19.375rem;
}
.liy-service-container .liy-utils-warp, .liy-service-container .liy-content .cont-download-center .dc-warp, .liy-service-container .liy-content .cont-industry-insight .ins-warp, .liy-service-container .liy-content .cont-report .rep-warp, .liy-service-container .liy-content .cont-menu .menu-img {
  width: 86%;
  margin: 0 auto;
}
.liy-service-container .liy-content .cont-menu {
  background: rgba(255, 255, 255, 0.4);
}
.liy-service-container .liy-content .cont-menu .menu-img img {
  width: 100%;
}
.liy-service-container .liy-content .cont-report {
  margin-top: 0.9375rem;
  padding-top: 3.125rem;
  padding-bottom: 1.25rem;
}
.liy-service-container .liy-content .cont-report .rep-warp .rep-content {
  padding: 2.5rem 2.5rem 2.5rem;
  box-shadow: 0 0 1rem rgba(85, 147, 254, 0.2);
}
.liy-service-container .liy-content .cont-report .rep-warp .rep-content .rep-list .cont-li {
  width: 100%;
  padding-bottom: 2.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.liy-service-container .liy-content .cont-report .rep-warp .rep-content .rep-list .cont-li .li-title {
  font-size: 1.25rem;
  width: 37.5rem;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}
.liy-service-container .liy-content .cont-report .rep-warp .rep-content .rep-list .cont-li .li-date {
  padding-top: 0.625rem;
  font-size: 1.125rem;
  color: #666;
}
.liy-service-container .liy-content .cont-report .rep-warp .rep-content .rep-list .cont-li .li-title:hover, .liy-service-container .liy-content .cont-report .rep-warp .rep-content .rep-list .cont-li .li-date:hover {
  color: #3063F4;
}
.liy-service-container .liy-content .cont-industry-insight {
  padding: 5rem 0;
}
.liy-service-container .liy-content .cont-industry-insight .ins-warp .ins-content {
  display: flex;
}
.liy-service-container .liy-content .cont-industry-insight .ins-warp .ins-content .cont-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 2.5rem 2.5rem 2.5rem;
  box-shadow: 0 0 1rem rgba(85, 147, 254, 0.2);
}
.liy-service-container .liy-content .cont-industry-insight .ins-warp .ins-content .cont-list .cont-li {
  width: 48%;
  padding-bottom: 2.5rem;
  cursor: pointer;
}
.liy-service-container .liy-content .cont-industry-insight .ins-warp .ins-content .cont-list .cont-li .li-title {
  font-size: 1.25rem;
}
.liy-service-container .liy-content .cont-industry-insight .ins-warp .ins-content .cont-list .cont-li .li-desc {
  padding-top: 0.625rem;
  font-size: 1.125rem;
  color: #666;
  width: 37.5rem;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}
.liy-service-container .liy-content .cont-industry-insight .ins-warp .ins-content .cont-list .cont-li:hover {
  color: #3063F4;
}
.liy-service-container .liy-content .cont-download-center {
  background: url(/assets/daji/img/liy-img88.png) no-repeat;
  background-position: center bottom; /* 背景图从底部开始 */
  background-size: 100%; /* 背景图高度占满容器，宽度自适应 */
  padding-top: 5rem;
}
.liy-service-container .liy-content .cont-download-center .dc-warp .dc-content {
  position: relative;
}
.liy-service-container .liy-content .cont-download-center .dc-warp .dc-content .dc-menu {
  background: rgba(91, 175, 244, 0.7);
  width: 20%;
  font-size: 1.375rem;
  height: 28.75rem;
  padding-top: 1.875rem;
}
.liy-service-container .liy-content .cont-download-center .dc-warp .dc-content .dc-menu .menu-item {
  cursor: pointer;
  position: relative;
  /* 父元素设置为相对定位 */
  margin-bottom: 1.875rem;
  color: #fff;
  line-height: 3.75rem;
  font-size: 1.375rem;
  padding-left: 2.5rem;
}
.liy-service-container .liy-content .cont-download-center .dc-warp .dc-content .dc-menu .menu-item::before {
  content: "";
  /* 伪元素必须有content属性 */
  position: absolute;
  /* 绝对定位 */
  top: 0;
  /* 顶部对齐 */
  bottom: 0;
  /* 底部对齐，高度100% */
  left: 0;
  /* 左侧对齐 */
  width: 0;
  /* 默认宽度为0 */
  background-color: yellow;
  /* 黄色背景 */
  transition: all 0.3s ease;
  /* 添加过渡效果 */
}
.liy-service-container .liy-content .cont-download-center .dc-warp .dc-content .dc-menu .current {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 60%);
}
.liy-service-container .liy-content .cont-download-center .dc-warp .dc-content .dc-menu .current::before {
  width: 0.25rem;
  /* 鼠标悬停时宽度变为2px */
}
.liy-service-container .liy-content .cont-download-center .dc-warp .dc-content .dc-abs {
  position: absolute;
  left: 18%;
  top: 10%;
  height: 100%;
}
.liy-service-container .liy-content .cont-download-center .dc-warp .dc-content .dc-abs .abs-content {
  width: 100%;
  padding: 1.875rem;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0.625rem;
}
.liy-service-container .liy-content .cont-download-center .dc-warp .dc-content .dc-abs .abs-content .dc-title {
  font-size: 1.75rem;
  color: #527ED0;
}
.liy-service-container .liy-content .cont-download-center .dc-warp .dc-content .dc-abs .abs-content .dc-desc {
  font-size: 1.25rem;
  line-height: 2.875rem;
  padding-top: 1.875rem;
}