.details-dialog[data-v-5a59dd84] .el-dialog {
  border-radius: clamp(0px, 0.5555555556vw, 8px);
  padding: clamp(0px, 4.4444444444vw, 64px) clamp(0px, 5.5555555556vw, 80px);
  overflow: auto;
  padding: 0;
  width: clamp(0px, 61.1111111111vw, 880px);
  height: clamp(0px, 50.3472222222vw, 725px);
}
@media screen and (min-width: 1024px) {
.details-dialog[data-v-5a59dd84] .el-dialog {
    padding: 0;
}
.details-dialog[data-v-5a59dd84] .el-dialog .el-dialog__header {
    position: sticky;
    top: 0;
}
.details-dialog[data-v-5a59dd84] .el-dialog .el-dialog__header .el-dialog__headerbtn {
    right: clamp(0px, 1.3888888889vw, 20px);
    top: clamp(0px, 1.3888888889vw, 20px);
    width: clamp(0px, 1.9444444444vw, 28px);
    height: clamp(0px, 1.9444444444vw, 28px);
}
.details-dialog[data-v-5a59dd84] .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
    width: 100%;
    height: 100%;
}
.details-dialog[data-v-5a59dd84] .el-dialog .el-dialog__header .el-icon svg {
    width: clamp(0px, 1.9444444444vw, 28px);
    height: clamp(0px, 1.9444444444vw, 28px);
}
}
.details-dialog[data-v-5a59dd84] .el-dialog__header,
.details-dialog[data-v-5a59dd84] .el-dialog__body,
.details-dialog[data-v-5a59dd84] .el-dialog__footer {
  padding: 0;
}
.details-dialog[data-v-5a59dd84] .el-dialog__headerbtn {
  z-index: 999;
}
.details-dialog[data-v-5a59dd84] .el-dialog__headerbtn .el-dialog__close {
  color: rgb(92, 96, 106) !important;
}
.details-dialog .details-dialog-content[data-v-5a59dd84] {
  position: relative;
}
.details-dialog .details-dialog-content .tips-container[data-v-5a59dd84] {
  position: sticky;
  top: 0;
  width: 100%;
  height: clamp(0px, 4.8611111111vw, 70px);
  background-color: rgb(243, 243, 244);
}
.details-dialog .details-dialog-content .tips-container .attention-content .attention-icon[data-v-5a59dd84] {
  margin-right: clamp(0px, 0.8333333333vw, 12px);
}
.details-dialog .details-dialog-content .tips-container .close-btn[data-v-5a59dd84] {
  cursor: pointer;
  position: absolute;
  right: clamp(0px, 1.3888888889vw, 20px);
}
.details-dialog .details-dialog-content .dialog-content-container[data-v-5a59dd84] {
  padding: clamp(0px, 4.5138888889vw, 65px) clamp(0px, 5.5555555556vw, 80px);
}
.details-dialog .details-dialog-content .dialog-content-container .dialog-source-title[data-v-5a59dd84] {
  text-align: center;
  font-size: var(--body3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: rgb(92, 96, 106);
  margin-bottom: clamp(0px, 1.1111111111vw, 16px);
}
.details-dialog .details-dialog-content .dialog-content-container .details-dialog-title[data-v-5a59dd84] {
  text-align: center;
  margin-bottom: clamp(0px, 2.2222222222vw, 32px);
  font-size: var(--h1);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.4;
  color: rgb(26, 29, 37);
}
.details-dialog .details-dialog-content .dialog-content-container .media-content-container[data-v-5a59dd84] {
  width: clamp(0px, 38.8888888889vw, 560px);
  height: auto;
  aspect-ratio: 1.77/1;
  border-radius: clamp(0px, 0.5555555556vw, 8px);
  overflow: hidden;
  margin: 0 auto clamp(0px, 2.6388888889vw, 38px);
  position: relative;
}
.details-dialog .details-dialog-content .dialog-content-container .sub-content-container[data-v-5a59dd84] {
  gap: clamp(0px, 1.6666666667vw, 24px);
}
.details-dialog .details-dialog-content .dialog-content-container .sub-content-container .dialog-sub-title[data-v-5a59dd84] {
  text-align: center;
  margin-bottom: clamp(0px, 1.1111111111vw, 16px);
  font-size: var(--sub-h3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.4;
  color: rgb(26, 29, 37);
}
.details-dialog .details-dialog-content .dialog-content-container .sub-content-container .dialog-sub-content[data-v-5a59dd84] {
  text-align: center;
  font-size: var(--body3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: rgb(92, 96, 106);
}
.details-dialog .has-tips .dialog-content-container[data-v-5a59dd84] {
  padding-top: clamp(0px, 4.4444444444vw, 64px);
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
[data-v-5a59dd84] .el-overlay {
    top: 50px;
}
}
@media screen and (max-width: 1023.98px) {
[data-v-5a59dd84] .el-overlay-dialog {
    overflow: auto;
}
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
[data-v-5a59dd84] .el-overlay-dialog {
    top: 50px;
}
}
@media screen and (max-width: 1023.98px) {
.details-dialog[data-v-5a59dd84] .el-dialog {
    width: 100%;
    height: 100%;
    border-radius: 0;
    margin: 0;
}
.details-dialog .details-dialog-content .tips-container[data-v-5a59dd84] {
    width: 100%;
    height: 18.6666666667vw;
    border-radius: 0;
    margin: 0;
    padding: 4.2666666667vw;
}
.details-dialog .details-dialog-content .tips-container .attention-content[data-v-5a59dd84] {
    gap: 2.1333333333vw;
    flex: 1;
}
.details-dialog .details-dialog-content .tips-container .attention-content .attention-icon[data-v-5a59dd84] {
    margin-right: 2.1333333333vw;
}
.details-dialog .details-dialog-content .tips-container .close-btn[data-v-5a59dd84] {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    cursor: none;
    position: static;
}
.details-dialog .details-dialog-content .tips-container .close-btn .btn-icon[data-v-5a59dd84] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.details-dialog .details-dialog-content .dialog-content-container[data-v-5a59dd84] {
    padding: 17.0666666667vw 5.3333333333vw;
}
.details-dialog .details-dialog-content .dialog-content-container .dialog-source-title[data-v-5a59dd84] {
    margin-bottom: 4.2666666667vw;
}
.details-dialog .details-dialog-content .dialog-content-container .details-dialog-title[data-v-5a59dd84] {
    margin-bottom: 8.5333333333vw;
}
.details-dialog .details-dialog-content .dialog-content-container .media-content-container[data-v-5a59dd84] {
    min-height: clamp(0px, 11.4583333333vw, 165px);
    height: auto;
    aspect-ratio: 1.7/1;
    border-radius: 2.1333333333vw;
    overflow: hidden;
    margin-bottom: 10.1333333333vw;
}
.details-dialog .details-dialog-content .dialog-content-container .sub-content-container[data-v-5a59dd84] {
    gap: 6.4vw;
}
.details-dialog .details-dialog-content .dialog-content-container .sub-content-container .dialog-sub-title[data-v-5a59dd84] {
    margin-bottom: 4.2666666667vw;
}
.has-tips .dialog-content-container[data-v-5a59dd84] {
    padding-top: 17.0666666667vw;
}
}.jp-尊龙凯时-technology-technology-transforming-electric-vehicles-pc-container[data-v-6c37ead4] {
  padding-bottom: clamp(0px, 11.1111111111vw, 160px);
}
.jp-尊龙凯时-technology-technology-transforming-electric-vehicles-pc-container .card-grid-container[data-v-6c37ead4] {
  width: 100%;
  max-width: clamp(0px, 91.1111111111vw, 1312px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, clamp(0px, 15.5555555556vw, 224px));
  gap: clamp(0px, 1.6666666667vw, 24px);
}
.jp-尊龙凯时-technology-technology-transforming-electric-vehicles-pc-container .card-grid-container .grid-item[data-v-6c37ead4] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: clamp(0px, 0.5555555556vw, 8px);
}
.jp-尊龙凯时-technology-technology-transforming-electric-vehicles-pc-container .card-grid-container .grid-item-large[data-v-6c37ead4] {
  width: clamp(0px, 33.125vw, 477px);
  grid-row: span 2;
}.jp-尊龙凯时-technology-technology-transforming-electric-vehicles-mob-container[data-v-fb4b2cec] {
  padding: 12.8vw 6.4vw 25.6vw;
}
.jp-尊龙凯时-technology-technology-transforming-electric-vehicles-mob-container .card-grid-container[data-v-fb4b2cec] {
  flex-wrap: wrap;
  gap: 2.4vw;
}
.jp-尊龙凯时-technology-technology-transforming-electric-vehicles-mob-container .card-grid-container .grid-item[data-v-fb4b2cec] {
  width: calc(50% - 2.1333333333vw);
  height: 53.3333333333vw;
}
.jp-尊龙凯时-technology-technology-transforming-electric-vehicles-mob-container .card-grid-container .grid-item.first-small[data-v-fb4b2cec] {
  width: 100%;
  height: 48vw;
}
.jp-尊龙凯时-technology-technology-transforming-electric-vehicles-mob-container .card-grid-container .grid-item-large[data-v-fb4b2cec] {
  width: 100%;
  height: 65.0666666667vw;
}