.ml-section-case[data-v-87d7deaa] {
  background: radial-gradient(57.95% 71.59% at 50% 47.29%, #222222 0%, #000000 100%);
}
.ml-section-case .container[data-v-87d7deaa] {
  opacity: 0;
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: end;
  height: 100vh;
  display: grid;
  grid-area: 1/1/2/2;
  align-self: end;
  position: sticky;
  top: 0;
  overflow: hidden;
}
.ml-section-case .container .case-wrapper[data-v-87d7deaa] {
  z-index: 3;
  transform-style: preserve-3d;
  width: 100%;
  height: 100vh;
  padding-top: calc(var(--rpx, 1px) * 80);
  padding-bottom: calc(var(--rpx, 1px) * 80);
  position: relative;
  overflow: hidden;
  grid-area: 1/1/2/2;
  align-self: end;
}
.ml-section-case .container .case-wrapper .case-list[data-v-87d7deaa] {
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  perspective: 1000px;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: calc(100% - var(--gutter) * 2);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  transform: translate(0);
}
.ml-section-case .container .case-wrapper .case-list .case-item[data-v-87d7deaa] {
  position: relative;
}
.ml-section-case .container .case-wrapper .case-list .case-item[data-v-87d7deaa]:nth-child(odd) {
  transform: translate(0);
  grid-column: 1;
  grid-row: 1;
}
.ml-section-case .container .case-wrapper .case-list .case-item[data-v-87d7deaa]:nth-of-type(even) {
  grid-column: 2;
  grid-row: 1;
}
.ml-section-case .container .case-wrapper .case-list .case-item__link[data-v-87d7deaa] {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  width: 100%;
  height: 100%;
  display: grid;
  max-width: 100%;
}
.ml-section-case .container .case-wrapper .case-list .case-item__image[data-v-87d7deaa] {
  grid-template-rows: 100%;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  overflow: hidden;
}
.ml-section-case .container .case-wrapper .case-list .case-item__image .image[data-v-87d7deaa] {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 8px;
}
.ml-section-case .container .case-wrapper .case-list .case-item__content[data-v-87d7deaa] {
  margin-top: calc(var(--rpx, 1px) * 10);
}
.ml-section-case .container .case-wrapper .case-list .case-item__content .title[data-v-87d7deaa] {
  display: flex;
  align-items: flex-start;
  margin-bottom: calc(var(--rpx, 1px) * 10);
}
.ml-section-case .container .case-wrapper .case-list .case-item__content .title span[data-v-87d7deaa] {
  font-size: 22.09px;
  font-weight: 500;
  line-height: 28.41px;
  color: #fff;
  flex: 0 1 calc(100% - 30px);
}
@media screen and (max-width: 767px) {
.ml-section-case .container .case-wrapper .case-list .case-item__content .title span[data-v-87d7deaa] {
    font-size: 12px;
    line-height: 18px;
}
}
.ml-section-case .container .case-wrapper .case-list .case-item__content .title .svg-icon[data-v-87d7deaa] {
  opacity: 0;
  margin-top: 2px;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
.ml-section-case .container .case-wrapper .case-list .case-item__content .title .svg-icon[data-v-87d7deaa] {
    width: 18px;
    height: 18px;
    margin-top: 0;
    opacity: 1;
}
}
.ml-section-case .container .case-wrapper .case-list .case-item__content .description[data-v-87d7deaa] {
  font-size: 12.63px;
  font-weight: 500;
  line-height: 18.94px;
  color: rgba(255, 255, 255, 0.55);
}
.ml-section-case .container .case-wrapper .case-list .case-item:hover .svg-icon[data-v-87d7deaa] {
  opacity: 1;
}
.ml-section-case .container .case-bg-list[data-v-87d7deaa] {
  filter: blur(106px);
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  opacity: 0;
  z-index: -1;
  inset: 0%;
  grid-area: 1/1/2/2;
  align-self: end;
}
.ml-section-case .container .case-bg-list .bg-list[data-v-87d7deaa] {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 100%;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}
.ml-section-case .container .case-bg-list .bg-list .bg-item[data-v-87d7deaa] {
  width: 100%;
  height: 100%;
  grid-column: 1;
  grid-row: 1;
  opacity: 0;
}
.ml-section-case .container .case-bg-list .bg-list .bg-item[data-v-87d7deaa]:first-child {
  opacity: 1;
}
.ml-section-case .container .case-bg-list .bg-list .bg-item .bg-image[data-v-87d7deaa] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}