.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: 29.8125rem;
  height: 3rem;
  border-radius: 0;
  background: #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  padding: 0;
  border: none;
}
.service-module-search-form .search-input-button {
  width: 3rem;
  height: 3rem;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  box-shadow: none;
  background: url(search-btn.svg) no-repeat center #eec08e;
}

.services-main-content {
  padding: 3.125rem 0 1.875rem;
}
/* title模块 */
.law-services-module-title {
  line-height: 2.5rem;
  border-bottom: 0.0625rem solid rgba(0, 114, 198, 1);
  position: relative;
  padding-left: 1.125rem;
}
.law-services-module-title span {
  font-family: "STSongti-SC-Black";
  font-size: 1.375rem;
  color: #0072c6;
  letter-spacing: 0.0688rem;
  text-align: center;
  font-weight: 900;
}
.law-services-module-title-icon {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1.75rem;
}

/* 资讯模块 */
.services-tabcut-item .services-tabcut-item-ctitle::after {
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 0;
  height: 0.1875rem;
  background: #eec08e;
}

.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%;
}

/* 基础法治工具箱 */
.law-toolbox-cart-icon-list {
  justify-content: center;
}
.law-toolbox-cart-icon-list li {
  margin-right: 1.4375rem;
  margin-top: 2.5rem;
  width: 12.6%;
}
.law-toolbox-cart-icon-list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.law-toolbox-cart-icon-list li:nth-child(7n) {
  margin-right: 0;
}
.law-toolbox-cart-icon {
  width: 2.5rem;
  margin-bottom: 1.25rem;
}
.law-toolbox-cart-icon img {
  display: block;
  width: 100%;
  height: auto;
}
.law-toolbox-cart-icon-title {
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #0072c6;
  letter-spacing: 0.0531rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 0.625rem;
}
.law-toolbox-cart-icon-descriptions {
  font-size: 0.9375rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.5rem;
  font-weight: 400;
}
.law-toolbox-cart-icon-list li a:hover .law-toolbox-cart-icon-title {
  color: #dfa63d;
}
.law-toolbox-cart-icon-list li a:hover .law-toolbox-cart-icon img {
  filter: brightness(0) saturate(100%) invert(77%) sepia(38%) saturate(669%)
    hue-rotate(346deg) brightness(101%) contrast(92%);
}
.law-toolbox-cart-block-list li {
  width: 36.5rem;
  height: 7.25rem;
  background: #ffffff;
  box-shadow: 0px 0.125rem 0.375rem 0px rgba(23, 79, 152, 0.12);
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
  background: url(jyzx-bg.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 1rem;
}
.law-toolbox-cart-block-list li:nth-child(2n) {
  margin-right: 0;
}
.law-toolbox-cart-block-list li a {
  display: flex;
  padding: 1.625rem 3.125rem;
}
.law-toolbox-cart-block-icon {
  width: 4rem;
  height: 4rem;
  margin-right: 1.375rem;
}
.law-toolbox-cart-block-title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.25rem 0;
}
.law-toolbox-cart-block-title h2 {
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #333333;
  letter-spacing: 0.0563rem;
  text-align: center;
  font-weight: 700;
}
.law-toolbox-cart-block-title p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #174f98;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
}

/* 企业全生命周期涉企法治服务一件事 */
.law-life-cycle-point {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.25rem;
}
.law-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;
}
.law-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;
}
/* 手风琴 */
.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: 26.625rem;
  height: 22.5rem;
  overflow: hidden;
  margin-right: 1rem;
  cursor: pointer;
}
.accordion .accordion-item:last-child {
  margin-right: 0;
}
.accordion-item.expanded {
  flex-basis: 45.4%;
}
.law-life-cycle-content .accordion-content {
  padding: 1.5rem 1.25rem;
  height: 100%;
}
.law-life-cycle-point-name {
  font-family: "AlimamaShuHeiTi";
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #ffffff;
  letter-spacing: 0.1388rem;
  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(ccq-bg.png) no-repeat;
  background-size: 100% 100%;
}
.accordion .accordion-item:nth-child(1).expanded .accordion-content {
  background: url(ccq-bghover.png) no-repeat;
  background-size: 100% 100%;
}
.accordion .accordion-item:nth-child(2) .accordion-content {
  background: url(czq-bg.png) no-repeat;
  background-size: 100% 100%;
}
.accordion .accordion-item:nth-child(2).expanded .accordion-content {
  background: url(czq-bghover.png) no-repeat;
  background-size: 100% 100%;
}
.accordion .accordion-item:nth-child(3) .accordion-content {
  background: url(csq-bg.png) no-repeat;
  background-size: 100% 100%;
}
.accordion .accordion-item:nth-child(3).expanded .accordion-content {
  background: url(csq-bghover.png) no-repeat;
  background-size: 100% 100%;
}
.accordion .accordion-item:nth-child(4) .accordion-content {
  background: url(zxq-bg.png) no-repeat;
  background-size: 100% 100%;
}
.accordion .accordion-item:nth-child(4).expanded .accordion-content {
  background: url(zxq-bghover.png) no-repeat;
  background-size: 100% 100%;
}
.accordion-item.expanded .law-life-cycle-point-name {
  transform: translateY(-4.875rem);
  -webkit-transform: translateY(-4.875rem);
  -moz-transform: translateY(-4.875rem);
  -ms-transform: translateY(-4.875rem);
  -o-transform: translateY(-4.875rem);
}
.law-life-cycle-content .accordion-content .law-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 .law-life-cycle-list-content {
  min-height: 100%;
  margin-top: -1.5rem;
  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.875rem 1.25rem;
}
.law-life-cycle-list-content .law-life-cycle-listblock {
  background-image: linear-gradient(180deg, #edf5fb 0%, #ffffff 76%);
  border: 0.0625rem solid rgba(255, 255, 255, 1);
  width: calc((100% - 2rem) / 3);
  height: 17.5rem;
  margin-right: 1rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  background: url(“预约式”涉企指导服务.png) no-repeat;
  background-size: 100% 100%;
}
.law-life-cycle-list-content .law-life-cycle-listblock-title {
  font-size: 1.125rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 1.625rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.law-life-cycle-list-content .law-life-cycle-listblock-subheading {
  font-size: 0.875rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 1.625rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.law-life-cycle-list-content .law-life-cycle-listblock-describe {
  font-size: 0.875rem;
  color: #495770;
  letter-spacing: 0;
  line-height: 1.375rem;
  font-weight: 400;
  padding-left: 1.375rem;
  background: url(tick-icon.svg) no-repeat left 0.375rem;
  background-size: 0.75rem auto;
  display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */
  -webkit-line-clamp: 5; /* 显示的行数 */
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
  overflow: hidden; /* 溢出隐藏 */
}
.law-life-cycle-list-content .law-life-cycle-buttonmain {
  margin-top: auto;
}
.law-life-cycle-list-content .law-life-cycle-list-phone {
  width: 100%;
  font-size: .75rem;
  line-height: 1.125rem;
  color: #495770;
  font-weight: 400;
  padding-left: 1rem;
  margin-top: 1rem;
  background: url(phone-blue-icon.svg) no-repeat left center;
  background-size: .75rem auto;
}
.law-life-cycle-list-content
  .law-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;
}
.law-life-cycle-list-content .law-life-cycle-listblock:nth-child(3n) {
  margin-right: 0;
}
.law-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;
}
.law-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;
}
.law-life-cycle-items {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
}
.law-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;
}
.law-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;
}

/* 视频及地图 */
.law-video-map {
  justify-content: space-between;
}
.law-video,
.law-map {
  width: 37rem;
  height: 18.75rem;
  position: relative;
  overflow: hidden;
}
.law-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.law-video .law-video-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.law-video .law-video-link img {
  display: block;
  width: 100%;
  height: 100%;
}
.law-video .law-video-link .video-play-button {
  width: 5rem;
  height: 5rem;
  background: url(videoplay-icon.svg) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 1;
  transition: transform 0.2s ease;
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
}
.law-video .law-video-link:hover .video-play-button {
}
.law-video .law-video-link::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.law-videomap-title {
  position: absolute;
  left: 0;
  top: 1.125rem;
  display: inline-block;
  font-family: "AlimamaShuHeiTi";
  font-size: 1.25rem;
  line-height: 2.8125rem;
  color: #ffffff;
  letter-spacing: 0.0625rem;
  text-shadow: 0.0625rem 0.0625rem 0 #072765;
  font-weight: 700;
  background-image: linear-gradient(
    -89deg,
    #daaf80 0%,
    rgba(218, 175, 128, 0.2) 100%
  );
  border-radius: 0px 1.375rem 1.375rem 0px;
  -webkit-border-radius: 0px 1.375rem 1.375rem 0px;
  -moz-border-radius: 0px 1.375rem 1.375rem 0px;
  -ms-border-radius: 0px 1.375rem 1.375rem 0px;
  -o-border-radius: 0px 1.375rem 1.375rem 0px;
  padding: 0 2.25rem 0 2.3125rem;
  z-index: 9;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease;
}

.control-button {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease;
  width: 5rem;
  height: 5rem;
  border: 0.1875rem solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.control-button:hover {
  transform: scale(1.1);
}

.control-button:focus {
  outline: none;
}

.law-map-container {
  width: 100%;
  height: 100%;
  /* background-color: #daaf80; */
  position: relative;
  overflow: hidden;
}
.amap-container {
  position: absolute !important;
  top: 0;
  left: 0%;
  width: 120% !important; /* 增加宽度以补偿左偏移 */
  height: 100% !important;
}
.law-map .law-videomap-title {
  background-image: linear-gradient(
    -89deg,
    #0072c6 0%,
    rgba(0, 114, 198, 0.2) 100%
  );
}

.amap-info-content .information-item {
  width: 19.625rem;
  height: auto;
  padding: 0.375rem 0 0.375rem 0.375rem;
  background: #fff;
}

.amap-info-content .information-item .information-item-title {
  font-size: 1rem;
  color: #000000;
  line-height: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}
.amap-info-content .information-item .information-item-tag {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.amap-info-content .information-item .information-item-tag span {
  display: block;
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.375rem;
  font-weight: 400;
  padding: 0 0.5rem;
  background: #f5f5f5;
  margin-right: 0.5rem;
  border: 0.0375rem solid rgba(217, 217, 217, 1);
  border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  -ms-border-radius: 0.125rem;
  -o-border-radius: 0.125rem;
}
/* .amap-info-content
  .information-item
  .information-item-tag
  .information-item-status {
  background: rgba(30, 120, 255, 0.08);
  color: #1e78ff;
  border: none;
} */
.amap-info-content .information-item-assistinfo {
  display: flex;
  flex-wrap: wrap;
}
.amap-info-content .information-item-assistinfo p {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.45);
  line-height: 1.375rem;
  font-weight: 400;
  padding-left: 1.25rem;
}

.amap-info-content .information-item-assistinfo .information-item-address {
  background: url(address.svg) no-repeat left center;
  background-size: 0.875rem auto;
}
.amap-info-content .information-item-assistinfo .information-item-phone {
  background: url(phone.svg) no-repeat left center;
  background-size: 0.875rem auto;
}
.law-map-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* 视频咨询弹窗 */
.scancodeserver-layer {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 0.375rem;
  overflow: hidden;
}
.scancodeserver-layer-page {
  background: #ffffff;
  border-radius: 0.375rem;
  overflow: hidden;
}
.scancodeserver-layer-page .layui-layer-content {
  height: auto !important;
  position: relative;
}
.scancodeserver-layer-close {
  cursor: pointer;
  position: absolute;
  right: 0.7775rem;
  top: 0.7775rem;
  width: 0.695rem;
  height: 0.695rem;
  background: url(close.svg) no-repeat;
  background-size: 100% 100%;
}
.scancodeserver-layer-content {
  height: 10.125rem;
  background: url(scancodeserver-layer-bg.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
}
.scancodeserver-layer-content-left {
  padding: 3.125rem 0 0 6.3125rem;
}
.scancodeserver-layer-content-right {
  padding-right: 8.125rem;
  display: flex;
  align-items: flex-end;
}
.scancodeserver-layer-content-left h2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.scancodeserver-layer-content-left p {
  font-size: 1rem;
  line-height: 1.375rem;
  color: rgba(255, 255, 255, 0.74);
  font-weight: 400;
}
.scancodeserver-layer-code {
  width: 8.6875rem;
  height: 8.6875rem;
  padding: 0.9rem;
  background-image: linear-gradient(
    56deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.26) 100%
  );
  border-radius: 0.875rem 0.875rem 0 0;
  position: relative;
}
.scancodeserver-layer-code img {
  display: block;
  width: 100%;
  height: 100%;
}
.scancodeserver-layer-code::after,
.scancodeserver-layer-code::before {
  position: absolute;
  display: block;
  content: "";
}
.scancodeserver-layer-code::after {
  bottom: 1.0625rem;
  left: -2.1875rem;
  width: 2.25rem;
  height: 2rem;
  background: url(info-icon-big.svg) no-repeat;
  background-size: 100% 100%;
}
.scancodeserver-layer-code::before {
  right: -0.875rem;
  top: -0.625rem;
  width: 1.6875rem;
  height: 1.4375rem;
  background: url(info-icon-small.svg) no-repeat;
  background-size: 100% 100%;
}
.scancodeserver-layer-describe {
  padding: 1.25rem 2.5rem;
  font-size: 0.875rem;
  color: #333b57;
  letter-spacing: 0;
  text-align: justify;
  line-height: 1.625rem;
  font-weight: 400;
}

/* 工具箱hover显示二维码 */
.law-toolbox-cart-icon-list li a:hover .law-tools-code {
  display: block;
}
.law-tools-code {
  width: 6.875rem;
  padding: 0.3125rem;
  background: #ffffff;
  border: 0.05rem solid rgba(225, 225, 225, 1);
  position: absolute;
  right: -6.875rem;
  z-index: 9;
  display: none;
}
.law-tools-code img {
  display: block;
  width: 100%;
  height: 6.25rem;
  margin-bottom: 0.25rem;
}
.law-tools-code-describe {
  font-size: 0.75rem;
  color: #414141;
  letter-spacing: 0;
  text-align: center;
  line-height: 1rem;
  font-weight: 400;
}
.law-tools-code::after {
  position: absolute;
  left: -0.3125rem;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 0.375rem solid transparent;
  border-bottom: 0.375rem solid transparent;
  border-right: 0.375rem solid white;
  filter: drop-shadow(-1px 0 0 #e1e1e1);
  -webkit-filter: drop-shadow(-1px 0 0 #e1e1e1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}