.service-module-search-tag li {
  padding: 0.3125rem 0.625rem;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  position: relative;
}

.service-module-search-tag li.active {
  background: #ffffff;
  color: #0072c6;
}

.service-module-search-tag li.active::after {
  width: 0;
  height: 0;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.5rem solid #ffffff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  bottom: -0.375rem;
}

.service-module-search-form {
  width: 32rem;
  height: 3.75rem;
  border-radius: 2.1875rem;
  background: #fafcfe;
  border: 0.6px solid #ffffff;
  box-shadow: 0px 4px 6px 0px rgba(0, 18, 137, 0.08);
  padding: 0;
  border: none;
}

.service-module-search-form .search-input-button {
  width: 6.125rem;
  height: 3rem;
  border-radius: 0;
  border-radius: 1.5rem;
  background:
    url(search-btn.svg) no-repeat 1.1875rem center,
    linear-gradient(115deg, #1e78ff 0%, #10abff 100%);
  box-shadow: 0px 8px 14px 0px rgba(139, 149, 168, 0.1);
  margin-right: 0.5rem;
}

.services-main-content {
  padding: 0.875rem 0 1.875rem;
}

.service-module-header {
  position: relative;
}

.data-nav {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3.8125rem;
  line-height: 3.8125rem;
  background: rgba(255, 255, 255, 0.6);
  background-size: 100% 100%;
  backdrop-filter: blur(8px);
}

.data-nav-box {
  display: flex;
}

.data-nav-item {
  display: flex;
  width: 25%;
  justify-content: center;
  align-items: center;
}
.data-nav-item img {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.875rem;
}

.data-nav-item > span {
  font-family: PingFangSC-Regular;
  font-size: 1rem;
  color: #333333;
  line-height: 1.3;
}
.data-nav-item > span > div:nth-child(1) {
  color: #1e78ff;
}

.data-nav-item > span > div:nth-child(1) span {
  font-size: 1.75rem;
  color: #1e78ff;
  font-weight: 600;
}

/* title模块 */
.data-services-module-title {
  line-height: 2.5rem;
  position: relative;
  padding-left: 1.125rem;
  text-align: center;
}

.data-services-module-title span {
  font-family: "STSongti-SC-Black";
  font-size: 1.375rem;
  color: #333333;
  letter-spacing: 0.0688rem;
  text-align: center;
  font-weight: 900;
}

.data-services-module-title span i {
  font-style: normal;
  background-image: linear-gradient(
    90deg,
    #0f39ff 0%,
    #0c97ff 70%,
    #09c5ff 100%
  );
  font-family: PingFangSC-Semibold;
  background-clip: text;
  -webkit-background-clip: text; /* 兼容 Safari/Chrome */
  color: transparent;
}

.data-services-module-title-icon {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1.75rem;
}

/* 资讯模块 */
.services-information-tabcut-content li:hover {
  background: #f5f7fa;
}

.services-tabcut-item .services-tabcut-item-ctitle::after {
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 0;
  height: 0.1875rem;
  background: #1e78ff;
}

.services-tabcut-hd {
  border-bottom: 0;
}

.services-tabcut-hd .services-tabcut-item .services-tabcut-item-ctitle {
  position: relative;
  padding-bottom: 0.875rem;
}

.services-tabcut-item.active .services-tabcut-item-ctitle::after {
  width: 100%;
}

/* 数据专区 */
.data-toolbox-Industry-Zone {
  height: 3.75rem;
  background: url(data_twobg.png) no-repeat left top;
  background-size: cover;
  padding: 0 1.25rem;
  display: flex;
  align-items: center;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}

.data-toolbox-Industry-Zone span {
  display: inline-block;
  font-family: PingFangSC-Semibold;
  font-size: 1.25rem;
  color: #ffffff;
  box-shadow: 0px 2px 2px 0px rgba(0, 71, 181, 0.26);
}

.data-toolbox-Industry-Zone-list {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  background: #f5f7fa;
  padding: 0.875rem 1rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.data-toolbox-Industry-Zone-list-item {
  display: flex;
  width: 24%;
  background: #f5f7fa;
  padding: 0.9375rem;
  border-radius: 8px;
  background: #ffffff;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.875rem;
}

.data-toolbox-Industry-Zone-list-item img {
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.625rem;
}

.data-toolbox-Industry-Zone-list-item span {
  font-family: PingFangSC-Regular;
  font-size: 1rem;
  color: #333333;
}

/* 企业全生命周期涉企法治服务一件事 */
.data-life-cycle-point {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.25rem;
}

.data-life-cycle-point li {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333333;
  letter-spacing: 1.78px;
  font-weight: 500;
  margin: 0 2.8125rem;
  cursor: pointer;
  padding-bottom: 0.5rem;
}

.data-life-cycle-point li.active {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #0072c6;
  letter-spacing: 2px;
  font-weight: 500;
  background: url(fztabActive.svg) no-repeat center bottom;
  background-size: 100% auto;
}

/* 手风琴 */
.data-life-cycle-content {
  flex: 1;
}

.accordion {
  flex-wrap: nowrap;
}

.accordion .accordion-item {
  /* flex: 1; */
  display: flex;
  flex-direction: column;
  transition:
    flex-basis 0.5s ease,
    width 0.5s ease;
  overflow: hidden;
  height: 15.4375rem;
  overflow: hidden;
  margin-right: 0.5rem;
  cursor: pointer;
}

.accordion .accordion-item:last-child {
  margin-right: 0;
}

.accordion-item.expanded {
  flex-basis: 28%;
}

.data-life-cycle-content .accordion-content {
  display: block;
  padding: 1.5rem 1.125rem;
  height: 100%;
}

.data-life-cycle-point-name {
  font-family: "AlimamaShuHeiTi";
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #ffffff;
  text-shadow: 0.0625rem 0.0625rem 0 #072765;
  font-weight: 700;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.accordion .accordion-item:nth-child(1) .accordion-content {
  background: url(daty_tree_bg1.png) no-repeat;
  background-size: 100% 100%;
}

.accordion .accordion-item:nth-child(2) .accordion-content {
  background: url(daty_tree_bg2.png) no-repeat;
  background-size: 100% 100%;
}

.accordion .accordion-item:nth-child(3) .accordion-content {
  background: url(daty_tree_bg3.png) no-repeat;
  background-size: 100% 100%;
}

.accordion .accordion-item:nth-child(4) .accordion-content {
  background: url(daty_tree_bg4.png) no-repeat;
  background-size: 100% 100%;
}

.accordion .accordion-item:nth-child(5) .accordion-content {
  background: url(daty_tree_bg5.png) no-repeat;
  background-size: 100% 100%;
}

.accordion .accordion-item:nth-child(6) .accordion-content {
  background: url(daty_tree_bg6.png) no-repeat;
  background-size: 100% 100%;
}

.accordion .accordion-item:nth-child(1).expanded .accordion-content,
.accordion .accordion-item:nth-child(2).expanded .accordion-content,
.accordion .accordion-item:nth-child(3).expanded .accordion-content,
.accordion .accordion-item:nth-child(4).expanded .accordion-content,
.accordion .accordion-item:nth-child(5).expanded .accordion-content,
.accordion .accordion-item:nth-child(6).expanded .accordion-content {
  background: url(daty_tree_bghover.png) no-repeat;
  background-size: 100% 100%;
}

.accordion-item.expanded .data-life-cycle-point-name i {
  /* transform: translateY(-4.875rem);
  -webkit-transform: translateY(-4.875rem);
  -moz-transform: translateY(-4.875rem);
  -ms-transform: translateY(-4.875rem);
  -o-transform: translateY(-4.875rem); */
  background-image: linear-gradient(
    90deg,
    #0f39ff 0%,
    #0c97ff 70%,
    #09c5ff 100%
  );
  font-family: PingFangSC-Semibold;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: none;
}

.data-life-cycle-content .accordion-content .data-life-cycle-list-content {
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  transform: translateY(115%);
  -webkit-transform: translateY(115%);
  -moz-transform: translateY(115%);
  -ms-transform: translateY(115%);
  -o-transform: translateY(115%);
}

.accordion-item.expanded .data-life-cycle-list-content {
  min-height: 100%;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
}

.accordion-item.expanded .accordion-content {
  padding: 1.25rem;
}

.data-life-cycle-list-content .data-life-cycle-buttonmain {
  margin-top: auto;
}

.data-life-cycle-list-content .data-life-cycle-list-phone {
  width: 100%;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #495770;
  font-weight: 400;
  margin-top: 1rem;
  display: none;
}

.accordion-item.expanded .data-life-cycle-list-phone {
  display: block;
}

.data-life-cycle-list-content
  .data-life-cycle-buttonmain
  .server-ordinary-button {
  width: 98%;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 400;
  padding: 0.5rem 0.5rem;
  background: #0072c6;
  text-align: center;
  margin: 0 auto;
}

.data-life-cycle-list-content .data-life-cycle-listblock:nth-child(3n) {
  margin-right: 0;
}

.data-life-cycle-title {
  font-family: "AlibabaPuHuiTi_2_65_Medium";
  font-size: 1rem;
  line-height: 1.625rem;
  color: #333333;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 0.95rem;
}

.data-life-cycle-title span::after {
  display: block;
  content: "";
  width: 2.8125rem;
  height: 0.5625rem;
  background-image: linear-gradient(
    270deg,
    rgba(98, 249, 255, 0) 0%,
    #62f9ff 100%
  );
  border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  -o-border-radius: 0.3125rem;
  margin-top: -0.5rem;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.data-life-cycle-items {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
}

.data-life-cycle-items li a {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #495770;
  letter-spacing: 0;
  font-weight: 400;
  display: block;
  padding: 0.5rem 1rem;
}

.data-life-cycle-items li {
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0px 0.125rem 0.375rem 0px rgba(77, 133, 147, 0.18);
  border-radius: 1.375rem;
  -webkit-border-radius: 1.375rem;
  -moz-border-radius: 1.375rem;
  -ms-border-radius: 1.375rem;
  -o-border-radius: 1.375rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

/* 添加的 */
.data-life-box {
  display: flex;
}

.data-life-cycle-list {
  flex: 0 0 auto;
  width: 22.5rem;
  margin: 0 0 0 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.data-life-cycle-list-item {
  display: block;
  background: #f5f7fa;
  padding: 0.9375rem;
}

.data-life-cycle-list-item img {
  width: 2.375rem;
  height: 2.375rem;
  margin-right: 0.625rem;
}

.data-life-cycle-list-item span {
  font-family: PingFangSC-Regular;
  font-size: 1rem;
  color: #333333;
}
