.application-case-popup .el-dialog {
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  padding: 0 var(--gutter);
  max-width: 1266px;
  width: 100%;
  background: transparent;
}
.application-case-popup .el-dialog .el-dialog__header {
  display: none;
}
.application-case-popup .el-dialog .el-dialog__body {
  background-color: #fff;
  padding: clamp(0px, 2.5510204082vw, 40px);
  border-radius: 16px;
}
.application-case-popup .el-dialog .el-dialog__body .container {
  position: relative;
}
.application-case-popup .el-dialog .el-dialog__body .container .close-popup {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
}
.application-case-popup .el-dialog .el-dialog__body .container .title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.4;
  color: rgb(26, 29, 37);
  line-height: 51px;
  text-align: center;
  padding-right: 42px;
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper {
  display: flex;
  gap: clamp(0px, 5.1020408163vw, 80px);
  margin-top: clamp(0px, 3.0612244898vw, 48px);
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .info {
  flex: 0 1 calc(100% - 608px);
  width: 100%;
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .info .info-item {
  display: flex;
  gap: 48px;
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .info .info-item .label {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: rgb(92, 96, 106);
  line-height: 25px;
  white-space: nowrap;
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .info .info-item .value {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: rgb(26, 29, 37);
  line-height: 25px;
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .images {
  width: 608px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .images .btn {
  width: clamp(0px, 3.5714285714vw, 56px);
  height: clamp(0px, 3.5714285714vw, 56px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: rgb(245, 246, 247);
  cursor: pointer;
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .images .btn svg {
  width: clamp(0px, 2.0408163265vw, 32px);
  height: clamp(0px, 2.0408163265vw, 32px);
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .images .btn.prev svg {
  transform: rotate(180deg);
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .images .btn.swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .images .slide {
  width: 100%;
  aspect-ratio: 464/261;
  flex: 1;
  overflow: clip;
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .images .slide .pagination-bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 12px;
  position: unset;
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .images .slide .pagination-bullets .swiper-pagination-bullet {
  flex: 0 1 auto;
  width: 36px;
  height: 2px;
  background-color: rgb(204, 204, 204);
  border-radius: unset;
  opacity: 1;
  margin: 0;
}
.application-case-popup .el-dialog .el-dialog__body .container .wrapper .images .slide .pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(92, 96, 106);
}.service-and-support-application-case-pc-container[data-v-7fe4fff5] {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: clamp(0px, 9.693877551vw, 152px) 0 clamp(0px, 5.1020408163vw, 80px);
}
.service-and-support-application-case-pc-container .wrapper[data-v-7fe4fff5] {
  padding: 0 var(--gutter);
}
.service-and-support-application-case-pc-container .wrapper .main-title[data-v-7fe4fff5] {
  font-size: 48px;
  font-weight: 500;
  line-height: 1.4;
  color: rgb(26, 29, 37);
  line-height: 68px;
}
.service-and-support-application-case-pc-container .wrapper .head-wrap[data-v-7fe4fff5] {
  margin-top: clamp(0px, 5.1020408163vw, 80px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}
.service-and-support-application-case-pc-container .wrapper .head-wrap .tags[data-v-7fe4fff5] {
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 8px;
  background: rgb(245, 246, 247);
}
.service-and-support-application-case-pc-container .wrapper .head-wrap .tags .tag[data-v-7fe4fff5] {
  padding: 9.5px 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: rgb(26, 29, 37);
  line-height: 25px;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s ease;
}
.service-and-support-application-case-pc-container .wrapper .head-wrap .tags .tag[data-v-7fe4fff5]:not(.active):hover {
  color: rgb(229, 0, 17);
  background: rgb(255, 255, 255);
}
.service-and-support-application-case-pc-container .wrapper .head-wrap .tags .tag.active[data-v-7fe4fff5] {
  color: rgb(229, 0, 17);
  background: rgb(255, 255, 255);
}
.service-and-support-application-case-pc-container .wrapper .head-wrap .search-wrap .el-input[data-v-7fe4fff5] .el-input__wrapper {
  border: 1px solid rgb(177, 181, 196);
  border-radius: 4px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: none;
  padding: 10.5px 12px;
}
.service-and-support-application-case-pc-container .wrapper .head-wrap .search-wrap .el-input[data-v-7fe4fff5] .el-input__wrapper .el-input__inner {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: rgb(26, 29, 37);
  line-height: 25px;
  height: auto;
}
.service-and-support-application-case-pc-container .wrapper .head-wrap .search-wrap .el-input[data-v-7fe4fff5] .el-input__wrapper .el-input__inner:placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.service-and-support-application-case-pc-container .wrapper .case-list[data-v-7fe4fff5] {
  margin-top: clamp(0px, 1.0204081633vw, 16px);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0px, 1.5306122449vw, 24px);
}
.service-and-support-application-case-pc-container .wrapper .case-list .case-item[data-v-7fe4fff5] {
  flex: 0 0 calc(33.333% - clamp(0px, 1.5306122449vw, 24px) * 2 / 3);
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}
.service-and-support-application-case-pc-container .wrapper .case-list .case-item:hover .cover .image[data-v-7fe4fff5] {
  transform: scale(1.1);
}
.service-and-support-application-case-pc-container .wrapper .case-list .case-item .cover[data-v-7fe4fff5] {
  aspect-ratio: 464/260;
  overflow: hidden;
}
.service-and-support-application-case-pc-container .wrapper .case-list .case-item .cover .image[data-v-7fe4fff5] {
  transition: 0.3s ease;
}
.service-and-support-application-case-pc-container .wrapper .case-list .case-item .content[data-v-7fe4fff5] {
  padding: clamp(0px, 1.5306122449vw, 24px);
  background: rgb(244, 245, 246);
}
.service-and-support-application-case-pc-container .wrapper .case-list .case-item .content .title[data-v-7fe4fff5] {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  color: rgb(26, 29, 37);
  line-height: 28px;
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.service-and-support-application-case-pc-container .wrapper .case-list .case-item .content .wrap[data-v-7fe4fff5] {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service-and-support-application-case-pc-container .wrapper .case-list .case-item .content .wrap .create-time[data-v-7fe4fff5] {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgb(53, 57, 69);
  line-height: 20px;
}
.service-and-support-application-case-pc-container .wrapper .case-list .case-item .content .wrap .tag[data-v-7fe4fff5] {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgb(53, 57, 69);
  line-height: 19px;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgb(255, 255, 255);
}
.service-and-support-application-case-pc-container .wrapper .no-result[data-v-7fe4fff5] {
  padding: 10vw 0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.5);
  line-height: 22px;
}
.service-and-support-application-case-pc-container .wrapper .pagination[data-v-7fe4fff5] {
  margin-top: clamp(0px, 2.5510204082vw, 40px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(0px, 1.5306122449vw, 24px);
}
.service-and-support-application-case-pc-container .wrapper .pagination .btn[data-v-7fe4fff5] {
  width: clamp(0px, 3.3163265306vw, 52px);
  height: clamp(0px, 3.3163265306vw, 52px);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(15px);
  background: rgb(245, 246, 247);
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.service-and-support-application-case-pc-container .wrapper .pagination .btn.disabled[data-v-7fe4fff5] {
  pointer-events: none;
  background: transparent;
}
.service-and-support-application-case-pc-container .wrapper .pagination .btn.disabled svg[data-v-7fe4fff5] {
  opacity: 0.4;
}
.service-and-support-application-case-pc-container .wrapper .pagination .btn svg[data-v-7fe4fff5] {
  width: clamp(0px, 2.0408163265vw, 32px);
  height: clamp(0px, 2.0408163265vw, 32px);
}
.service-and-support-application-case-pc-container .wrapper .pagination .paging-wrap[data-v-7fe4fff5] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.service-and-support-application-case-pc-container .wrapper .pagination .paging-wrap span[data-v-7fe4fff5] {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: rgb(0, 0, 0);
  line-height: 22px;
}.application-case-popup-mob .el-dialog {
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  background: transparent;
  width: 78.6666666667vw;
  padding: 0;
}
.application-case-popup-mob .el-dialog .el-dialog__header {
  display: none;
}
.application-case-popup-mob .el-dialog .el-dialog__body {
  background-color: #fff;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .close-popup {
  position: absolute;
  bottom: -48px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  cursor: pointer;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .info {
  width: 100%;
  height: 69.3333333333vw;
  margin-top: clamp(0px, 6.4vw, 31.2px);
  padding: 0 clamp(0px, 4.2666666667vw, 20.8px) clamp(0px, 4.2666666667vw, 20.8px) clamp(0px, 4.2666666667vw, 20.8px);
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 4.2666666667vw, 20.8px);
  margin-top: clamp(0px, 5.3333333333vw, 26px);
  overflow-y: auto;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .info .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: rgb(26, 29, 37);
  line-height: 25px;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .info .wrap {
  display: flex;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .info .wrap .info-item {
  flex: 0 1 50%;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .info .info-item {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 1.0666666667vw, 5.2px);
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .info .info-item .label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgb(92, 96, 106);
  line-height: 19px;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .info .info-item .value {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgb(26, 29, 37);
  line-height: 19px;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .images {
  width: 100%;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .images .slide .swiper-wrapper {
  width: 100%;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .images .slide .swiper-wrapper .image {
  aspect-ratio: 295/165;
  width: 100%;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .images .slide .pagination-bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 8px;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .images .slide .pagination-bullets .swiper-pagination-bullet {
  flex: 0 1 auto;
  width: 18px;
  height: 2px;
  background-color: rgb(204, 204, 204);
  border-radius: unset;
  opacity: 1;
  margin: 0;
}
.application-case-popup-mob .el-dialog .el-dialog__body .container .wrapper .images .slide .pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(92, 96, 106);
}.service-and-support-application-case-mob-container[data-v-220ae456] {
  width: 100%;
  margin: 0 auto;
  padding: clamp(0px, 23.4666666667vw, 114.4px) 0 clamp(0px, 16vw, 78px);
}
.service-and-support-application-case-mob-container .wrapper[data-v-220ae456] {
  padding: 0 var(--gutter);
}
.service-and-support-application-case-mob-container .wrapper .main-title[data-v-220ae456] {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  color: rgb(26, 29, 37);
  line-height: 34px;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap[data-v-220ae456] {
  margin-top: clamp(0px, 10.6666666667vw, 52px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(0px, 3.2vw, 15.6px);
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] {
  flex: 0 1 46.6666666667vw;
  width: 100%;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .el-select__wrapper {
  padding: 7px 12px;
  min-height: 40px;
  border: 1px solid rgb(177, 181, 196);
  border-radius: 4px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: none;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .el-select__wrapper .el-select__input {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgb(26, 29, 37);
  line-height: 20px;
  height: auto;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .el-select__wrapper .el-select__suffix {
  color: rgba(0, 0, 0, 0.9);
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .el-select__wrapper .el-select__suffix .el-icon {
  color: rgba(0, 0, 0, 0.9);
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .el-select__wrapper .el-select__suffix .el-icon svg {
  width: 20px;
  height: 20px;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .application-case-select.el-popper {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100dvh;
  transition: none !important;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .application-case-select.el-popper .el-select-dropdown {
  min-width: unset !important;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 8px 8px 0px 0px;
  background: rgb(255, 255, 255);
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .application-case-select.el-popper .el-select-dropdown .el-select-dropdown__wrap {
  max-height: clamp(0px, 78.9333333333vw, 384.8px);
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .application-case-select.el-popper .el-select-dropdown .el-select-dropdown__wrap .el-select-dropdown__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
  height: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.9);
  line-height: 24px;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .application-case-select.el-popper .el-select-dropdown .el-select-dropdown__wrap .el-select-dropdown__item.is-selected {
  font-weight: 400;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .application-case-select.el-popper .el-select-dropdown .el-select-dropdown__wrap .el-select-dropdown__item.is-selected svg {
  display: block;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .application-case-select.el-popper .el-select-dropdown .el-select-dropdown__wrap .el-select-dropdown__item.is-hovering {
  background-color: transparent;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .selected[data-v-220ae456] .application-case-select.el-popper .el-select-dropdown .el-select-dropdown__wrap .el-select-dropdown__item svg {
  width: 24px;
  height: 24px;
  display: none;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .search-wrap[data-v-220ae456] {
  flex: 0 1 37.3333333333vw;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .search-wrap .el-input[data-v-220ae456] .el-input__wrapper {
  border: 1px solid rgb(177, 181, 196);
  border-radius: 4px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: none;
  padding: 7px 12px;
}
.service-and-support-application-case-mob-container .wrapper .head-wrap .search-wrap .el-input[data-v-220ae456] .el-input__wrapper .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.9);
  line-height: 20px;
  height: auto;
}
.service-and-support-application-case-mob-container .wrapper .case-list[data-v-220ae456] {
  margin-top: clamp(0px, 5.3333333333vw, 26px);
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 4.2666666667vw, 20.8px);
}
.service-and-support-application-case-mob-container .wrapper .case-list .case-item[data-v-220ae456] {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.service-and-support-application-case-mob-container .wrapper .case-list .case-item .cover[data-v-220ae456] {
  aspect-ratio: 327/183;
}
.service-and-support-application-case-mob-container .wrapper .case-list .case-item .content[data-v-220ae456] {
  padding: clamp(0px, 6.4vw, 31.2px);
  background: rgb(244, 245, 246);
}
.service-and-support-application-case-mob-container .wrapper .case-list .case-item .content .title[data-v-220ae456] {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  color: rgb(26, 29, 37);
  line-height: 28px;
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.service-and-support-application-case-mob-container .wrapper .case-list .case-item .content .wrap[data-v-220ae456] {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service-and-support-application-case-mob-container .wrapper .case-list .case-item .content .wrap .create-time[data-v-220ae456] {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgb(53, 57, 69);
  line-height: 20px;
}
.service-and-support-application-case-mob-container .wrapper .case-list .case-item .content .wrap .tag[data-v-220ae456] {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgb(53, 57, 69);
  line-height: 19px;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgb(255, 255, 255);
}
.service-and-support-application-case-mob-container .wrapper .no-result[data-v-220ae456] {
  padding: 20vw 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.5);
  line-height: 20px;
}
.service-and-support-application-case-mob-container .wrapper .pagination[data-v-220ae456] {
  margin-top: clamp(0px, 10.6666666667vw, 52px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 6.4vw, 31.2px);
}
.service-and-support-application-case-mob-container .wrapper .pagination .btn[data-v-220ae456] {
  width: clamp(0px, 12.8vw, 62.4px);
  height: clamp(0px, 12.8vw, 62.4px);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(15px);
  background: rgb(245, 246, 247);
  border-radius: 8px;
  overflow: hidden;
}
.service-and-support-application-case-mob-container .wrapper .pagination .btn.disabled[data-v-220ae456] {
  pointer-events: none;
  background: transparent;
}
.service-and-support-application-case-mob-container .wrapper .pagination .btn.disabled svg[data-v-220ae456] {
  opacity: 0.7;
}
.service-and-support-application-case-mob-container .wrapper .pagination .btn svg[data-v-220ae456] {
  width: clamp(0px, 8.5333333333vw, 41.6px);
  height: clamp(0px, 8.5333333333vw, 41.6px);
}
.service-and-support-application-case-mob-container .wrapper .pagination .paging-wrap[data-v-220ae456] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.service-and-support-application-case-mob-container .wrapper .pagination .paging-wrap span[data-v-220ae456] {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: rgb(0, 0, 0);
  line-height: 18px;
}