@media screen and (min-width: 1024px) {
.sv-header[data-v-2b1a5fe9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 48px;
    border-bottom: 1px solid rgb(233, 234, 237);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
    background: rgb(255, 255, 255);
}
.sv-header .l-w .series-title[data-v-2b1a5fe9] {
    color: rgb(26, 29, 37);
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
}
.sv-header .l-w .series-desc[data-v-2b1a5fe9] {
    color: rgb(92, 96, 106);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.sv-header .r-w[data-v-2b1a5fe9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.sv-header .r-w .sv-price[data-v-2b1a5fe9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.sv-header .r-w .sv-price .price[data-v-2b1a5fe9] {
    color: rgb(0, 0, 0);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}
.sv-header .r-w .sv-price .tips-icon[data-v-2b1a5fe9] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.sv-header .r-w .download[data-v-2b1a5fe9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.sv-header .r-w .download .icon[data-v-2b1a5fe9],
  .sv-header .r-w .download svg[data-v-2b1a5fe9] {
    width: 16px;
    height: 16px;
}
.sv-header .r-w .download .pdf-btn[data-v-2b1a5fe9] {
    color: rgb(0, 20, 51);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
}
@media screen and (max-width: 1023px) {
.sv-header[data-v-2b1a5fe9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid rgb(233, 234, 237);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
    background: rgb(255, 255, 255);
    position: sticky;
    bottom: 0;
    z-index: 1;
}
.sv-header .l-w .series-title[data-v-2b1a5fe9] {
    color: rgb(26, 29, 37);
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
}
.sv-header .l-w .series-desc[data-v-2b1a5fe9] {
    color: rgb(92, 96, 106);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.sv-header .r-w[data-v-2b1a5fe9] {
    display: block;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    border-top: 1px solid #e9eaed;
    width: 100%;
    padding: 8px 0;
}
.sv-header .r-w .sv-price[data-v-2b1a5fe9] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
.sv-header .r-w .sv-price .price[data-v-2b1a5fe9] {
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}
.sv-header .r-w .sv-price .tips-icon[data-v-2b1a5fe9] {
    width: 16px;
    height: 16px;
}
.sv-header .r-w .next[data-v-2b1a5fe9] {
    display: flex;
}
.sv-header .r-w .next .btn[data-v-2b1a5fe9] {
    flex: 1;
    padding: 8px 24px;
    height: auto;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    color: rgb(255, 255, 255);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.sv-header .r-w .next .btn[data-v-2b1a5fe9]:focus-visible {
    outline: none;
}
.sv-header .r-w .next .btn[data-v-2b1a5fe9]:focus-visible {
    outline: none;
}
.sv-header .r-w .next .btn[data-v-2b1a5fe9]:active {
    background: rgb(2, 19, 73);
    color: rgb(255, 255, 255);
}
.sv-header .r-w .download[data-v-2b1a5fe9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    margin-bottom: 8px;
}
.sv-header .r-w .download .icon[data-v-2b1a5fe9] {
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sv-header .r-w .download svg[data-v-2b1a5fe9] {
    width: 12px;
    height: 12px;
}
.sv-header .r-w .download .btn[data-v-2b1a5fe9] {
    color: #5c606a;
    font-weight: 500;
    font-size: 10px;
    line-height: 18px;
    text-decoration: underline;
    padding: 0;
    border: 0;
}
}@media screen and (min-width: 1024px) {
.show-case-cmp[data-v-f5b9ac04] {
    width: 100%;
}
.show-case-cmp .container[data-v-f5b9ac04] {
    transition: 0.5s ease-in-out;
}
.show-case-cmp .container.fade[data-v-f5b9ac04] {
    opacity: 0.2;
}
.show-case-cmp .container .full-width-image[data-v-f5b9ac04] {
    position: relative;
}
.show-case-cmp .container .full-width-image .swiper-slide[data-v-f5b9ac04] {
    height: auto;
}
.show-case-cmp .container .full-width-image .swiper-slide img[data-v-f5b9ac04] {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 12px;
}
.show-case-cmp .container .full-width-image .swiper-prev[data-v-f5b9ac04],
  .show-case-cmp .container .full-width-image .swiper-next[data-v-f5b9ac04] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 32px;
    right: auto;
    z-index: 1;
    cursor: pointer;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(233, 233, 233, 0.88);
}
.show-case-cmp .container .full-width-image .swiper-prev svg[data-v-f5b9ac04],
  .show-case-cmp .container .full-width-image .swiper-next svg[data-v-f5b9ac04] {
    width: 24px;
    height: 24px;
}
.show-case-cmp .container .full-width-image .swiper-prev.swiper-button-disabled[data-v-f5b9ac04],
  .show-case-cmp .container .full-width-image .swiper-next.swiper-button-disabled[data-v-f5b9ac04] {
    opacity: 0.6;
}
.show-case-cmp .container .full-width-image .swiper-next[data-v-f5b9ac04] {
    left: auto;
    right: 32px;
}
.show-case-cmp .container .full-width-image .view-360[data-v-f5b9ac04] {
    position: absolute;
    right: calc(var(--rpx, 1px) * 7);
    bottom: calc(var(--rpx, 1px) * 16);
    width: calc(var(--rpx, 1px) * 200);
    height: calc(var(--rpx, 1px) * 133);
    border-radius: 16px;
    border: 1.25px solid white;
    overflow: hidden;
    z-index: 2;
}
.show-case-cmp .container .full-width-image .view-360.hide[data-v-f5b9ac04] {
    opacity: 0;
    visibility: hidden;
}
.show-case-cmp .container .full-width-image .view-360 .preview-360[data-v-f5b9ac04] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.show-case-cmp .container .full-width-image .view-360 .view-360-btn[data-v-f5b9ac04] {
    position: absolute;
    bottom: 6px;
    right: 6px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: rgb(0, 0, 0);
    border-radius: 8px;
    cursor: pointer;
}
.show-case-cmp .container .thumbnail[data-v-f5b9ac04] {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    position: relative;
    padding: calc(var(--rpx, 1px) * 15) 0 calc(var(--rpx, 1px) * 30);
}
.show-case-cmp .container .thumbnail .swiper-slide[data-v-f5b9ac04] {
    width: calc(var(--rpx, 1px) * 144);
    border-radius: 10px;
    transition: 0.2s ease-in-out;
    overflow: hidden;
    aspect-ratio: 144/96;
}
.show-case-cmp .container .thumbnail .swiper-slide img[data-v-f5b9ac04] {
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
}
.show-case-cmp .container .thumbnail .swiper-prev[data-v-f5b9ac04],
  .show-case-cmp .container .thumbnail .swiper-next[data-v-f5b9ac04] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6;
    cursor: pointer;
    width: 36px;
    height: 36px;
    background-color: rgba(233, 233, 233, 0.88);
    border-radius: 4px;
    left: 12px;
    right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.show-case-cmp .container .thumbnail .swiper-prev.swiper-button-lock[data-v-f5b9ac04], .show-case-cmp .container .thumbnail .swiper-prev.swiper-button-disabled[data-v-f5b9ac04],
  .show-case-cmp .container .thumbnail .swiper-next.swiper-button-lock[data-v-f5b9ac04],
  .show-case-cmp .container .thumbnail .swiper-next.swiper-button-disabled[data-v-f5b9ac04] {
    display: none !important;
}
.show-case-cmp .container .thumbnail .swiper-next[data-v-f5b9ac04] {
    left: auto;
    right: 12px;
}
}
@media screen and (max-width: 1023px) {
.show-case-cmp[data-v-f5b9ac04] {
    width: 100%;
}
.show-case-cmp .container .full-width-image[data-v-f5b9ac04] {
    position: relative;
}
.show-case-cmp .container .full-width-image .swiper-slide img[data-v-f5b9ac04] {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
}
.show-case-cmp .container .full-width-image .swiper-prev[data-v-f5b9ac04],
  .show-case-cmp .container .full-width-image .swiper-next[data-v-f5b9ac04] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    right: auto;
    z-index: 1;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(233, 233, 233, 0.88);
}
.show-case-cmp .container .full-width-image .swiper-prev svg[data-v-f5b9ac04],
  .show-case-cmp .container .full-width-image .swiper-next svg[data-v-f5b9ac04] {
    width: 18px;
    height: 18px;
}
.show-case-cmp .container .full-width-image .swiper-prev.swiper-button-disabled[data-v-f5b9ac04],
  .show-case-cmp .container .full-width-image .swiper-next.swiper-button-disabled[data-v-f5b9ac04] {
    opacity: 0.6;
}
.show-case-cmp .container .full-width-image .swiper-next[data-v-f5b9ac04] {
    left: auto;
    right: 24px;
}
.show-case-cmp .container .view-360[data-v-f5b9ac04] {
    position: absolute;
    bottom: 14px;
    right: 12px;
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.66);
    z-index: 2;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
}
}@media screen and (min-width: 1024px) {
.product-header[data-v-8f5bfa71] {
    padding: 0 calc(var(--rpx, 1px) * 16);
}
.product-header .product-title[data-v-8f5bfa71] {
    display: flex;
    align-items: center;
    gap: 16px;
}
.product-header .product-title .model-name[data-v-8f5bfa71] {
    color: rgb(26, 29, 37);
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}
.product-header .product-title .model-version[data-v-8f5bfa71] {
    border-radius: 4px;
    padding: 4px;
    background: rgb(245, 247, 250);
    color: rgb(0, 20, 51);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}
.product-header .product-description[data-v-8f5bfa71] {
    color: rgb(92, 96, 106);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: calc(var(--rpx, 1px) * 16);
    margin-top: 8px;
}
}
@media screen and (max-width: 1023px) {
.product-header[data-v-8f5bfa71] {
    padding: 16px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
}
.product-header .product-title[data-v-8f5bfa71] {
    display: flex;
    align-items: center;
    gap: 16px;
}
.product-header .product-title .model-name[data-v-8f5bfa71] {
    color: rgb(26, 29, 37);
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
}
.product-header .product-title .model-version[data-v-8f5bfa71] {
    border-radius: 4px;
    padding: 4px;
    background: rgb(245, 247, 250);
    color: rgb(0, 20, 51);
    font-weight: 500;
    font-size: 10px;
    line-height: 18px;
}
.product-header .product-description[data-v-8f5bfa71] {
    color: rgb(124, 125, 126);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
    margin-bottom: 0;
}
}@media screen and (min-width: 1024px) {
.model-sel-cmp[data-v-75085228] {
    padding: 0 calc(var(--rpx, 1px) * 16);
    margin-top: calc(var(--rpx, 1px) * 8);
}
.model-sel-cmp .model-list[data-v-75085228] {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(var(--rpx, 1px) * 12);
}
.model-sel-cmp .model-item[data-v-75085228] {
    flex: 0 1 50%;
    box-sizing: border-box;
    border: 1px solid rgb(233, 234, 237);
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.model-sel-cmp .model-item.active[data-v-75085228] {
    border: 1px solid #193f89;
    background: rgb(245, 247, 250);
}
.model-sel-cmp .model-item .wrap[data-v-75085228] {
    padding: calc(var(--rpx, 1px) * 16) calc(var(--rpx, 1px) * 8);
}
.model-sel-cmp .model-item .wrap .type[data-v-75085228] {
    color: rgb(26, 29, 37);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 4px;
}
.model-sel-cmp .model-item .wrap .model-name[data-v-75085228] {
    color: rgb(26, 29, 37);
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
.model-sel-cmp .model-item .wrap .model-desc[data-v-75085228] {
    color: #1a1d25;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}
.model-sel-cmp .model-item .wrap img[data-v-75085228] {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
}
.model-sel-cmp .compare[data-v-75085228] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: calc(var(--rpx, 1px) * 12);
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
}
.model-sel-cmp .compare span[data-v-75085228] {
    color: rgb(26, 29, 37);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
}
@media screen and (max-width: 1023px) {
.model-sel-cmp[data-v-75085228] {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
}
.model-sel-cmp .model-list[data-v-75085228] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    flex-direction: column;
    padding: 8px 0;
}
.model-sel-cmp .model-item[data-v-75085228] {
    flex: auto;
    box-sizing: border-box;
    border: 1px solid rgb(233, 234, 237);
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.model-sel-cmp .model-item.active[data-v-75085228] {
    border: 1px solid #193f89;
    background: rgb(245, 247, 250);
}
.model-sel-cmp .model-item .wrap[data-v-75085228] {
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.model-sel-cmp .model-item .wrap .text-wrap[data-v-75085228] {
    width: 41.3333333333vw;
}
.model-sel-cmp .model-item .wrap .type[data-v-75085228] {
    color: #1a1d25;
    font-weight: 500;
    font-size: 10px;
    line-height: 18px;
}
.model-sel-cmp .model-item .wrap .model-name[data-v-75085228] {
    color: #1a1d25;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}
.model-sel-cmp .model-item .wrap .model-desc[data-v-75085228] {
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    color: #5c606a;
}
.model-sel-cmp .model-item .wrap img[data-v-75085228] {
    width: 160px;
    height: 90px;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}
.model-sel-cmp .compare[data-v-75085228] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
}
.model-sel-cmp .compare span[data-v-75085228] {
    color: #1a1d25;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
}
}.style-sel-cmp[data-v-649f9699] {
  margin-top: calc(var(--rpx, 1px) * 8);
  padding: 0 calc(var(--rpx, 1px) * 16);
}
.style-sel-cmp .style-list[data-v-649f9699] {
  display: flex;
  flex-direction: column;
  gap: calc(var(--rpx, 1px) * 16);
}
.style-sel-cmp .style-item[data-v-649f9699] {
  padding: calc(var(--rpx, 1px) * 16);
  border-radius: 4px;
  border: 1.25px solid #e9eaed;
  transition: border-color 0.3s;
  cursor: pointer;
}
.style-sel-cmp .style-item .wrap[data-v-649f9699] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.style-sel-cmp .style-item .wrap .price[data-v-649f9699] {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #000;
}
.style-sel-cmp .style-item.active[data-v-649f9699] {
  border-color: #193f89;
}
.style-sel-cmp .style-name[data-v-649f9699] {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #1a1d25;
}
.style-sel-cmp .selling-point-item[data-v-649f9699] {
  list-style: disc;
  margin-left: calc(var(--rpx, 1px) * 24);
  color: #5c606a;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.style-sel-cmp .selling-point-item.selling-point[data-v-649f9699] {
  display: none;
}
.style-sel-cmp .selling-point-item.first[data-v-649f9699] {
  list-style: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #1a1d25;
  margin-left: 0;
}
@media screen and (max-width: 1023px) {
.style-sel-cmp[data-v-649f9699] {
    margin-top: 0;
    padding: 0;
}
.style-sel-cmp .style-list[data-v-649f9699] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 0;
}
.style-sel-cmp .style-item[data-v-649f9699] {
    padding: 16px;
    border-radius: 4px;
    border: 1.25px solid #e9eaed;
    transition: border-color 0.3s;
    cursor: pointer;
}
.style-sel-cmp .style-item .wrap[data-v-649f9699] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.style-sel-cmp .style-item .wrap .price[data-v-649f9699] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #000;
}
.style-sel-cmp .style-item.active[data-v-649f9699] {
    border-color: #193f89;
}
.style-sel-cmp .style-name[data-v-649f9699] {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #1a1d25;
}
.style-sel-cmp .selling-point-item[data-v-649f9699] {
    list-style: disc;
    margin-left: 16px;
    color: #5c606a;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.style-sel-cmp .selling-point-item.selling-point[data-v-649f9699] {
    display: none;
}
.style-sel-cmp .selling-point-item.first[data-v-649f9699] {
    list-style: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #1a1d25;
    margin-left: 0;
}
}.exterior-colour[data-v-6d119224] {
  padding: 0 calc(var(--rpx, 1px) * 16);
}
.exterior-colour .list[data-v-6d119224] {
  display: flex;
  gap: calc(var(--rpx, 1px) * 8);
  flex-wrap: wrap;
  padding: calc(var(--rpx, 1px) * 8) 0;
  margin-bottom: calc(var(--rpx, 1px) * 8);
}
.exterior-colour .list .item[data-v-6d119224] {
  padding: 4px;
  border: 1.25px solid rgb(233, 234, 237);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.3s;
  position: relative;
  cursor: pointer;
}
.exterior-colour .list .item.active[data-v-6d119224] {
  border-color: #193f89;
}
.exterior-colour .list .item[disabled][data-v-6d119224] {
  opacity: 0.4;
  pointer-events: none;
}
.exterior-colour .list .item img[data-v-6d119224] {
  width: calc(var(--rpx, 1px) * 80);
  height: calc(var(--rpx, 1px) * 80);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  display: block;
}
.exterior-colour .list[data-v-6d119224] .el-loading-parent--relative .el-loading-mask {
  background-color: rgba(255, 255, 255, 0.6);
}
.exterior-colour .selected-color-info[data-v-6d119224] {
  padding: calc(var(--rpx, 1px) * 8) 0;
}
.exterior-colour .selected-color-info .color-info[data-v-6d119224] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exterior-colour .selected-color-info .color-info .name[data-v-6d119224] {
  color: rgb(26, 29, 37);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.exterior-colour .selected-color-info .color-info .price[data-v-6d119224] {
  color: rgb(92, 96, 106);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.exterior-colour .selected-color-info .color-info .color-desc[data-v-6d119224] {
  color: rgb(92, 96, 106);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.config-select[data-v-6d119224] {
  border: 1px solid rgb(233, 234, 237);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}
.config-title[data-v-6d119224] {
  color: rgb(26, 29, 37);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.config-list[data-v-6d119224] {
  margin-top: 8px;
  gap: 8px;
  flex-wrap: wrap;
}
.config-item[data-v-6d119224] {
  width: calc(var(--rpx, 1px) * 72);
  height: calc(var(--rpx, 1px) * 72);
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid transparent;
  display: flex;
  align-content: center;
  justify-content: center;
}
.config-item.active[data-v-6d119224] {
  border-color: rgb(26, 29, 37);
}
.config-item.disabled[data-v-6d119224] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.config-item img[data-v-6d119224] {
  width: calc(var(--rpx, 1px) * 64);
  height: calc(var(--rpx, 1px) * 64);
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.config-selected[data-v-6d119224] {
  margin-top: 8px;
}
.config-selected h4[data-v-6d119224] {
  color: rgb(26, 29, 37);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.config-selected p[data-v-6d119224] {
  margin-top: 4px;
  color: rgb(124, 125, 126);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
@media screen and (max-width: 1023px) {
.exterior-colour[data-v-6d119224] {
    padding: 0;
}
.exterior-colour .list[data-v-6d119224] {
    display: flex;
    gap: calc(var(--rpx, 1px) * 8);
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 8px;
}
.exterior-colour .list .item[data-v-6d119224] {
    padding: 3px;
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.3s;
    cursor: pointer;
}
.exterior-colour .list .item.active[data-v-6d119224] {
    border-color: #193f89;
}
.exterior-colour .list .item img[data-v-6d119224] {
    width: 48px;
    height: 48px;
    border-radius: 3px;
    display: block;
}
.exterior-colour .selected-color-info[data-v-6d119224] {
    padding: calc(var(--rpx, 1px) * 8) 0;
}
.exterior-colour .selected-color-info .color-info[data-v-6d119224] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.exterior-colour .selected-color-info .color-info .name[data-v-6d119224] {
    color: #1a1d25;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
}
.exterior-colour .selected-color-info .color-info .price[data-v-6d119224] {
    color: #5c606a;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
}
.exterior-colour .selected-color-info .color-info .color-desc[data-v-6d119224] {
    color: #5c606a;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}
.config-title[data-v-6d119224] {
    color: rgb(26, 29, 37);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}
.config-item[data-v-6d119224] {
    width: calc(var(--rpx, 1px) * 32);
    height: calc(var(--rpx, 1px) * 32);
}
.config-item img[data-v-6d119224] {
    width: calc(var(--rpx, 1px) * 28);
    height: calc(var(--rpx, 1px) * 28);
}
.config-selected[data-v-6d119224] {
    margin-top: 8px;
}
.config-selected h4[data-v-6d119224] {
    color: rgb(26, 29, 37);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}
.config-selected p[data-v-6d119224] {
    margin-top: 4px;
    color: rgb(124, 125, 126);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
}@media screen and (min-width: 1024px) {
.col-cards[data-v-82e5691d] {
    padding: calc(var(--rpx, 1px) * 8) calc(var(--rpx, 1px) * 12);
    margin-bottom: calc(var(--rpx, 1px) * 16);
}
.col-cards .list[data-v-82e5691d] {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--rpx, 1px) * 8);
}
.col-cards .list .item[data-v-82e5691d] {
    flex: 0 1 calc(50% - var(--rpx, 1px) * 4);
    padding: calc(var(--rpx, 1px) * 4);
    border: 1px solid rgb(233, 234, 237);
    border-radius: 4px;
    transition: border-color 0.3s;
    position: relative;
    cursor: pointer;
}
.col-cards .list .item.active[data-v-82e5691d] {
    border-color: #193f89;
    background: #f5f7fa;
}
.col-cards .list .item[data-v-82e5691d]:hover {
    border-color: #193f89;
}
.col-cards .list .item[disabled][data-v-82e5691d] {
    opacity: 0.6;
    pointer-events: none;
}
.col-cards .list .item img[data-v-82e5691d] {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}
.col-cards .list .item .info[data-v-82e5691d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: calc(var(--rpx, 1px) * 8);
    gap: calc(var(--rpx, 1px) * 6);
    padding: 0 4px;
}
.col-cards .list .item .info .title[data-v-82e5691d] {
    color: rgb(26, 29, 37);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    flex: 0 1 65.2173913043%;
}
.col-cards .list .item .info .price[data-v-82e5691d] {
    color: rgb(92, 96, 106);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}
.col-cards .list .item .desc[data-v-82e5691d] {
    padding: 0 4px;
    color: rgb(124, 125, 126);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.col-cards .list[data-v-82e5691d] .el-loading-parent--relative .el-loading-mask {
    background-color: rgba(255, 255, 255, 0.6);
}
}
@media screen and (max-width: 1023px) {
.col-cards[data-v-82e5691d] {
    padding: 0;
    margin-bottom: 12px;
}
.col-cards .list[data-v-82e5691d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-direction: column;
    padding: 8px 0;
}
.col-cards .list .item[data-v-82e5691d] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding: 4px;
    border: 1.6px solid #e9eaed;
    border-radius: 8px;
    transition: border-color 0.3s;
    gap: 8px;
    cursor: pointer;
}
.col-cards .list .item.active[data-v-82e5691d] {
    border-color: #193f89;
    background: #f5f7fa;
}
.col-cards .list .item.disabled[data-v-82e5691d] {
    opacity: 0.6;
    pointer-events: none;
}
.col-cards .list .item img[data-v-82e5691d] {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
}
.col-cards .list .item .wrap[data-v-82e5691d] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 4px;
}
.col-cards .list .item .info[data-v-82e5691d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 0;
    gap: 4px;
    padding: 0;
}
.col-cards .list .item .info .title[data-v-82e5691d] {
    color: #1a1d25;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
}
.col-cards .list .item .info .price[data-v-82e5691d] {
    color: #5c606a;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
}
.col-cards .list .item .desc[data-v-82e5691d] {
    padding: 0 4px;
    color: #7c7d7e;
    font-size: 10px;
    font-weight: 400;
    line-height: 18px;
}
}.row-cards[data-v-daa95280] {
  padding: calc(var(--rpx, 1px) * 8) calc(var(--rpx, 1px) * 12);
  margin-bottom: calc(var(--rpx, 1px) * 12);
}
.row-cards .list[data-v-daa95280] {
  display: flex;
  flex-direction: column;
  gap: calc(var(--rpx, 1px) * 16);
}
.row-cards .list .item[data-v-daa95280] {
  display: flex;
  gap: calc(var(--rpx, 1px) * 8);
  border: 1px solid rgb(233, 234, 237);
  border-radius: 4px;
  transition: border-color 0.3s;
  padding: 4px;
  position: relative;
  cursor: pointer;
}
.row-cards .list .item.active[data-v-daa95280] {
  border-color: #193f89;
  background: #f5f7fa;
}
.row-cards .list .item[data-v-daa95280]:hover {
  border-color: #193f89;
}
.row-cards .list .item[disabled][data-v-daa95280] {
  opacity: 0.6;
  pointer-events: none;
}
.row-cards .list .item img[data-v-daa95280] {
  width: calc(var(--rpx, 1px) * 160);
  height: calc(var(--rpx, 1px) * 160);
  display: block;
  border-radius: 8px;
}
.row-cards .list .item .wrap[data-v-daa95280] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: calc(var(--rpx, 1px) * 8);
  width: 100%;
}
.row-cards .list .item .wrap .info[data-v-daa95280] {
  margin-top: calc(var(--rpx, 1px) * 8);
  gap: calc(var(--rpx, 1px) * 6);
  padding: 0 4px;
}
.row-cards .list .item .wrap .info .title[data-v-daa95280] {
  color: rgb(26, 29, 37);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.row-cards .list .item .wrap .info .desc[data-v-daa95280] {
  color: rgb(92, 96, 106);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.row-cards .list .item .wrap .price[data-v-daa95280] {
  color: rgb(92, 96, 106);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: right;
}
.row-cards .list[data-v-daa95280] .el-loading-parent--relative .el-loading-mask {
  background-color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 1023px) {
.row-cards[data-v-daa95280] {
    padding: 0;
    margin-bottom: 12px;
}
.row-cards .list[data-v-daa95280] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 0;
}
.row-cards .list .item[data-v-daa95280] {
    display: flex;
    flex: 1;
    gap: 8px;
    border: 1.6px solid rgb(233, 234, 237);
    border-radius: 8px;
    transition: border-color 0.3s;
    padding: 4px;
    cursor: pointer;
}
.row-cards .list .item.active[data-v-daa95280] {
    border-color: #193f89;
    background: #f5f7fa;
}
.row-cards .list .item img[data-v-daa95280] {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
}
.row-cards .list .item .wrap[data-v-daa95280] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    width: 100%;
    padding: 0 4px;
}
.row-cards .list .item .wrap .info[data-v-daa95280] {
    margin-top: 0;
    gap: 8px;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.row-cards .list .item .wrap .info .title[data-v-daa95280] {
    color: #1a1d25;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    flex: 0 1 72.4637681159%;
}
.row-cards .list .item .wrap .desc[data-v-daa95280] {
    color: #5c606a;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
}
.row-cards .list .item .wrap .price[data-v-daa95280] {
    color: #7c7d7e;
    text-align: left;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
}
}@media screen and (min-width: 1024px) {
.configuration-item-info[data-v-47a74571] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}
.configuration-item-info[data-v-47a74571]:not(:last-of-type) {
    border-bottom: 1px solid rgba(41, 50, 65, 0.2);
}
.configuration-item-info .l-w[data-v-47a74571] {
    flex: 1;
    gap: calc(var(--rpx, 1px) * 60);
    justify-content: flex-start;
}
.configuration-item-info .r-w[data-v-47a74571] {
    flex: 1;
    gap: calc(var(--rpx, 1px) * 40);
    justify-content: flex-end;
}
.configuration-item-info .icon[data-v-47a74571] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    flex: 0 1 48px;
}
.configuration-item-info .icon img[data-v-47a74571] {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 2px;
}
.configuration-item-info .info[data-v-47a74571] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 1 120px;
}
.configuration-item-info .info .type[data-v-47a74571],
  .configuration-item-info .info .name[data-v-47a74571] {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgb(26, 29, 37);
}
.configuration-item-info .price[data-v-47a74571] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgb(92, 96, 106);
}
.configuration-item-info .price svg[data-v-47a74571] {
    cursor: pointer;
}
.configuration-item-info .change[data-v-47a74571] {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: rgb(26, 29, 37);
    cursor: pointer;
}
.configuration-item-info .change[data-v-47a74571]:hover {
    text-decoration: underline;
}
}
@media screen and (max-width: 1023px) {
.configuration-item-info[data-v-47a74571] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}
.configuration-item-info[data-v-47a74571]:not(:last-of-type) {
    border-bottom: 1px solid rgba(41, 50, 65, 0.2);
}
.configuration-item-info .flex[data-v-47a74571] {
    flex: 1;
}
.configuration-item-info .l-w[data-v-47a74571] {
    flex: 1;
    justify-content: space-between;
    gap: 0;
    width: 100%;
}
.configuration-item-info .l-w .wrap[data-v-47a74571] {
    display: flex;
    gap: 12px;
    flex: 1;
}
.configuration-item-info .r-w[data-v-47a74571] {
    flex: 1;
    gap: 0;
    justify-content: flex-end;
}
.configuration-item-info .icon[data-v-47a74571] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
}
.configuration-item-info .icon img[data-v-47a74571] {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 2px;
}
.configuration-item-info .info[data-v-47a74571] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 1 123px;
}
.configuration-item-info .info .type[data-v-47a74571],
  .configuration-item-info .info .name[data-v-47a74571] {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgb(26, 29, 37);
}
.configuration-item-info .price[data-v-47a74571] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgb(92, 96, 106);
}
.configuration-item-info .price svg[data-v-47a74571] {
    cursor: pointer;
}
.configuration-item-info .change[data-v-47a74571] {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: rgb(26, 29, 37);
    cursor: pointer;
    padding-top: 8px;
    text-decoration: underline;
}
}@media screen and (min-width: 1024px) {
.your-configuration-cmp[data-v-a77a9df9] .collapse {
    border: none;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .configuration-item .el-collapse-item__title {
    color: #1a1d25;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__header {
    padding: calc(var(--rpx, 1px) * 12);
    color: rgb(26, 29, 37);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    background-color: transparent;
    border: none !important;
    height: auto;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__header .el-collapse-item__title {
    color: #1a1d25;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__header .el-collapse-item__arrow {
    position: relative;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__header .el-collapse-item__arrow::after, .your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__header .el-collapse-item__arrow:before {
    content: "";
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background-color: rgb(36, 39, 41);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__header .el-collapse-item__arrow::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__header .el-collapse-item__arrow.is-active {
    transform: rotate(0) !important;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__header .el-collapse-item__arrow.is-active::after {
    transform: translate(-50%, -50%) rotate(0);
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__header .el-collapse-item__arrow svg {
    display: none;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__wrap {
    border: none;
    overflow: unset;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__wrap .el-collapse-item__content {
    padding-bottom: 0;
}
.your-configuration-cmp .configuration-list[data-v-a77a9df9] {
    padding: calc(var(--rpx, 1px) * 16);
    border: 1px solid rgb(233, 234, 237);
    border-radius: 4px;
}
.your-configuration-cmp .configuration-item[data-v-a77a9df9]:not(:last-of-type) {
    margin-bottom: calc(var(--rpx, 1px) * 16);
}
.your-configuration-cmp .configuration-item .type-title[data-v-a77a9df9] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgb(26, 29, 37);
    padding-bottom: 8px;
    border-bottom: 1px solid rgb(233, 234, 237);
}
.your-configuration-cmp .configuration-item ol li[data-v-a77a9df9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}
.your-configuration-cmp .configuration-item ol li[data-v-a77a9df9]:not(:last-of-type) {
    border-bottom: 1px solid rgba(41, 50, 65, 0.2);
}
.your-configuration-cmp .total-price[data-v-a77a9df9] {
    display: flex;
    justify-content: space-between;
    padding-top: calc(var(--rpx, 1px) * 16);
    border-top: 1px solid rgb(233, 234, 237);
}
.your-configuration-cmp .total-price .t[data-v-a77a9df9] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgb(26, 29, 37);
}
.your-configuration-cmp .total-price .p[data-v-a77a9df9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.your-configuration-cmp .total-price .p .price[data-v-a77a9df9] {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(26, 29, 37);
}
.your-configuration-cmp .total-price .p .tips-icon[data-v-a77a9df9] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}
}
@media screen and (max-width: 1023px) {
.your-configuration-cmp[data-v-a77a9df9] .collapse {
    border: none;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .collapse-item {
    border: none;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .collapse-item .el-collapse-item__title {
    color: #1a1d25;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .configuration-item .el-collapse-item__title {
    color: #1a1d25;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__header {
    border: none;
    height: 32px;
    margin-bottom: 0;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__wrap {
    border: none;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__content {
    padding-bottom: 0;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__arrow {
    position: relative;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__arrow::after, .your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__arrow:before {
    content: "";
    width: 13.75px;
    height: 2px;
    border-radius: 2px;
    background-color: rgb(36, 39, 41);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__arrow::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__arrow.is-active {
    transform: rotate(0) !important;
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__arrow.is-active::after {
    transform: translate(-50%, -50%) rotate(0);
}
.your-configuration-cmp[data-v-a77a9df9] .collapse .el-collapse-item__arrow svg {
    display: none;
}
.your-configuration-cmp .configuration-list[data-v-a77a9df9] {
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid #e9eaed;
    margin: 8px 0;
}
.your-configuration-cmp .configuration-item[data-v-a77a9df9] {
    border-bottom: 1px solid rgba(41, 50, 65, 0.2);
}
.your-configuration-cmp .configuration-item .type-title[data-v-a77a9df9] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #1a1d25;
    padding: 8px 0;
    border-bottom: 1px solid rgb(233, 234, 237);
}
.your-configuration-cmp .configuration-item ol li[data-v-a77a9df9] {
    flex-direction: column;
    align-items: flex-start;
}
.your-configuration-cmp .configuration-item > div[data-v-a77a9df9]:first-child {
    gap: 8px;
}
.your-configuration-cmp .configuration-item .pic[data-v-a77a9df9] {
    width: 40px;
    height: 40px;
}
.your-configuration-cmp .configuration-item .pic img[data-v-a77a9df9] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
}
.your-configuration-cmp .configuration-item .info[data-v-a77a9df9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: space-between;
}
.your-configuration-cmp .configuration-item .info .type[data-v-a77a9df9] {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
}
.your-configuration-cmp .configuration-item .info .name[data-v-a77a9df9] {
    color: rgb(50, 51, 54);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.your-configuration-cmp .configuration-item .price[data-v-a77a9df9] {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.your-configuration-cmp .total-price[data-v-a77a9df9] {
    display: flex;
    justify-content: space-between;
    padding: 16px 0 8px;
}
.your-configuration-cmp .total-price .t[data-v-a77a9df9] {
    color: rgb(26, 29, 37);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}
.your-configuration-cmp .total-price .p[data-v-a77a9df9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
}
.your-configuration-cmp .total-price .p .price[data-v-a77a9df9] {
    color: rgb(26, 29, 37);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.your-configuration-cmp .total-price .p .tips-icon[data-v-a77a9df9] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}
}.savings[data-v-1ac05f62] {
  padding: calc(var(--rpx, 1px) * 16) 0 calc(var(--rpx, 1px) * 12);
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-decoration: underline;
  color: rgb(92, 96, 106);
  cursor: pointer;
}
[data-v-1ac05f62] .collapse {
  border: none;
}
[data-v-1ac05f62] .collapse .configuration-item .el-collapse-item__title {
  font-family: "URW Form Expand";
  color: #1a1d25;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
[data-v-1ac05f62] .collapse .el-collapse-item__header {
  padding: calc(var(--rpx, 1px) * 12);
  color: rgb(26, 29, 37);
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  background-color: transparent;
  border: none !important;
  height: auto;
}
[data-v-1ac05f62] .collapse .el-collapse-item__header .el-collapse-item__title {
  font-family: "URW Form Expand";
  color: #1a1d25;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}
[data-v-1ac05f62] .collapse .el-collapse-item__header .el-collapse-item__arrow {
  position: relative;
}
[data-v-1ac05f62] .collapse .el-collapse-item__header .el-collapse-item__arrow::after,[data-v-1ac05f62] .collapse .el-collapse-item__header .el-collapse-item__arrow:before {
  content: "";
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background-color: rgb(36, 39, 41);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s;
}
[data-v-1ac05f62] .collapse .el-collapse-item__header .el-collapse-item__arrow::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
[data-v-1ac05f62] .collapse .el-collapse-item__header .el-collapse-item__arrow.is-active {
  transform: rotate(0) !important;
}
[data-v-1ac05f62] .collapse .el-collapse-item__header .el-collapse-item__arrow.is-active::after {
  transform: translate(-50%, -50%) rotate(0);
}
[data-v-1ac05f62] .collapse .el-collapse-item__header .el-collapse-item__arrow svg {
  display: none;
}
[data-v-1ac05f62] .collapse .el-collapse-item__wrap {
  border: none;
  overflow: unset;
}
[data-v-1ac05f62] .collapse .el-collapse-item__wrap .el-collapse-item__content {
  padding-bottom: 0;
}
.form-wrap[data-v-1ac05f62] {
  margin-bottom: calc(var(--rpx, 1px) * 32);
  width: 100%;
}
.form-wrap .form-title[data-v-1ac05f62] {
  margin-bottom: calc(var(---rpx, 1px) * 24);
  color: rgb(26, 29, 37);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0%;
  text-align: left;
}
.form-wrap .area-code-select-row[data-v-1ac05f62] .el-input .el-input__wrapper {
  padding: 0;
}
.form-wrap .area-code-select-row[data-v-1ac05f62] .el-select .el-select__wrapper {
  height: auto;
  border: none;
  padding-right: 8px;
  box-shadow: none !important;
}
.form-wrap .area-code-select-row[data-v-1ac05f62] .el-select .el-select__wrapper:hover {
  box-shadow: none !important;
}
.form-wrap .area-code-select-row[data-v-1ac05f62] .el-select .el-select__prefix {
  margin-right: 8px;
}
.form-wrap .area-code-select-row[data-v-1ac05f62] .el-select .el-select__selected-item {
  text-align: center;
}
.form-wrap .area-code-select-row-left[data-v-1ac05f62] .el-select__selected-item {
  text-align: left !important;
}
.form-wrap .submit-btn-wrap[data-v-1ac05f62] {
  padding: calc(var(--rpx, 1px) * 16) calc(var(--rpx, 1px) * 16) calc(var(--rpx, 1px) * 24);
}
.form-wrap .submit-btn-wrap[data-v-1ac05f62] .el-form-item__content {
  justify-content: center;
}
.form-wrap .store-title[data-v-1ac05f62] {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: rgb(0, 0, 0);
  margin-top: 12px;
}
.form-wrap .no-result[data-v-1ac05f62] {
  padding: 0 16px;
}
[data-v-1ac05f62] .el-form-item {
  width: 100%;
  margin-bottom: 0;
  margin-top: calc(var(---rpx, 1px) * 12);
}
[data-v-1ac05f62] .el-form-item .el-form-item__error {
  margin-left: 0;
  width: 100%;
  color: rgb(255, 0, 20);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: normal;
}
[data-v-1ac05f62] .el-form-item .el-input .el-input__wrapper {
  height: 48px;
  box-shadow: none !important;
  border: 1px solid rgb(194, 200, 211);
  border-radius: 4px;
  background: rgb(255, 255, 255);
  transition: border-color 0.2s ease;
}
[data-v-1ac05f62] .el-form-item .el-input .el-input__wrapper.is-focus {
  border-color: rgb(92, 96, 106);
}
[data-v-1ac05f62] .el-form-item .el-input .el-input__wrapper:hover {
  border-color: rgb(92, 96, 106);
}
[data-v-1ac05f62] .el-form-item .el-input .el-input__wrapper .el-input__prefix {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  margin-right: 8px;
}
[data-v-1ac05f62] .el-form-item .el-input .el-input__wrapper .el-input__inner {
  height: auto;
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  font-family: "URW Form Expand";
}
[data-v-1ac05f62] .el-form-item .el-input .el-input__wrapper .el-input__inner::-moz-placeholder {
  color: rgb(194, 200, 211);
}
[data-v-1ac05f62] .el-form-item .el-input .el-input__wrapper .el-input__inner::placeholder {
  color: rgb(194, 200, 211);
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper {
  height: 48px;
  box-shadow: none;
  border: 1px solid rgb(194, 200, 211);
  border-radius: 4px;
  background: rgb(255, 255, 255);
  transition: border-color 0.2s ease;
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper.is-focused {
  border-color: rgb(92, 96, 106);
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper:hover {
  border-color: rgb(92, 96, 106);
  box-shadow: none;
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__input {
  height: auto;
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__input::-moz-placeholder {
  color: rgb(194, 200, 211);
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__input::placeholder {
  color: rgb(194, 200, 211);
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__prefix {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__placeholder span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: block;
  color: rgb(26, 29, 37);
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__placeholder.is-transparent span {
  color: rgb(155, 161, 175);
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-icon,[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-icon > svg {
  width: 20px;
  height: 20px;
  color: rgb(0, 20, 51);
}
[data-v-1ac05f62] .el-form-item .store-search-txt .el-select__wrapper {
  display: flex;
  flex-direction: row-reverse;
  gap: 0;
}
[data-v-1ac05f62] .el-form-item .el-checkbox {
  align-items: flex-start;
  height: auto;
}
[data-v-1ac05f62] .el-form-item .el-checkbox .el-checkbox__input .el-checkbox__inner {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid rgb(219, 219, 219);
  background: rgb(255, 255, 255);
  margin-top: 4px;
}
[data-v-1ac05f62] .el-form-item .el-checkbox .el-checkbox__input .el-checkbox__inner:hover {
  border-color: rgb(119, 126, 145);
}
[data-v-1ac05f62] .el-form-item .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
  border-color: rgb(26, 29, 37);
  background: rgb(26, 29, 37);
}
@media screen and (min-width: 768px) {
[data-v-1ac05f62] .el-form-item .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner:hover {
    background: rgb(155, 161, 175);
    border-color: rgb(155, 161, 175);
}
}
[data-v-1ac05f62] .el-form-item .el-checkbox .el-checkbox__label {
  color: rgb(41, 50, 65);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: left;
  text-wrap: wrap;
}
[data-v-1ac05f62] .el-form-item .el-checkbox .el-checkbox__label a {
  color: rgb(41, 50, 65);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0%;
  text-decoration: underline;
}
[data-v-1ac05f62] .el-form-item .el-textarea {
  width: 100%;
}
[data-v-1ac05f62] .el-form-item .el-textarea .el-textarea__inner {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgb(26, 29, 37);
  padding: 4px 12px;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid rgb(194, 200, 211);
  min-height: 144px !important;
}
[data-v-1ac05f62] .u-c-select-list-wrap {
  max-height: 360px;
  border-radius: 4px;
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.05);
  background: rgb(255, 255, 255);
  width: calc(100% - 8px);
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-select-dropdown__header {
  padding: 8px;
  border-bottom: none;
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-select-dropdown__header .search .el-input__wrapper {
  height: 40px;
  padding: 0;
  box-shadow: none;
  border: 1px solid rgb(194, 200, 211);
  border-radius: 8px;
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-select-dropdown__header .search .el-input__wrapper .el-input__inner {
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
  color: rgb(26, 29, 37);
  padding-right: 8px !important;
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-select-dropdown__header .search .el-input__wrapper .el-input__inner::-moz-placeholder {
  font-size: 13px;
  line-height: 1.5;
  color: rgb(161, 166, 175);
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-select-dropdown__header .search .el-input__wrapper .el-input__inner::placeholder {
  font-size: 13px;
  line-height: 1.5;
  color: rgb(161, 166, 175);
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-select-dropdown__header .search .el-input__wrapper .el-input__prefix {
  padding-left: 12px;
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-select-dropdown__header .search .custom-clear-icon {
  cursor: pointer;
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list {
  padding: 8px;
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item,[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected,[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 13px 12px;
  color: rgb(92, 96, 106);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: left;
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item span,[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected span,[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering span {
  text-wrap: auto;
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item svg,[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected svg,[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering svg {
  flex: none;
}
[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item.is-selected,[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item.is-hovering,[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected.is-selected,[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected.is-hovering,[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering.is-selected,[data-v-1ac05f62] .u-c-select-list-wrap .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering.is-hovering {
  border-radius: 8px;
  background: rgb(246, 246, 246);
}
[data-v-1ac05f62] .u-c-store-list {
  max-height: 420px;
  border-radius: 4px;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
  background: rgb(255, 255, 255);
  width: calc(100% - 8px);
}
[data-v-1ac05f62] .u-c-store-list .el-select__wrapper {
  display: flex;
  flex-direction: row-reverse;
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-select-dropdown__header {
  padding: 16px;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-select-dropdown__header .choose-txt {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: rgb(0, 0, 0);
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-select-dropdown__header .icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list {
  padding: 0;
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering {
  height: auto;
  padding: 16px;
  color: rgb(92, 96, 106);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item span,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected span,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering span {
  text-wrap: auto;
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item svg,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected svg,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering svg {
  flex: none;
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item.is-selected,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item.is-hovering,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected.is-selected,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected.is-hovering,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering.is-selected,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering.is-hovering {
  border-radius: 8px;
  background: rgb(246, 246, 246);
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item .txt1,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected .txt1,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering .txt1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item .txt1 .organization-name,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected .txt1 .organization-name,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering .txt1 .organization-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: rgb(0, 0, 0);
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item .txt1 .distance,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected .txt1 .distance,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering .txt1 .distance {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgb(0, 0, 0);
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item .txt2,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected .txt2,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering .txt2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgb(0, 0, 0);
  white-space: normal;
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .el-select-dropdown__item .btn,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-selected .btn,[data-v-1ac05f62] .u-c-store-list .el-select-dropdown .el-scrollbar .el-select-dropdown__list .is-hovering .btn {
  padding: 8px 16px;
  border-radius: 8px;
  margin-top: 8px;
}
[data-v-1ac05f62] .u-c-store-list .el-select-dropdown__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  font-size: 20px;
}
[data-v-1ac05f62] .u-c-store-list .circular {
  display: inline;
  height: 30px;
  width: 30px;
  animation: loading-rotate 2s linear infinite;
}
[data-v-1ac05f62] .u-c-store-list .path {
  animation: loading-dash-1ac05f62 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: rgb(2, 19, 73);
  stroke-linecap: round;
}
@keyframes loading-dash-1ac05f62 {
0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
}
100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
}
}
@media screen and (max-width: 1023px) {
.savings[data-v-1ac05f62] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-decoration: underline;
    padding: 16px 0 12px;
    color: rgb(92, 96, 106);
}
[data-v-1ac05f62] .collapse {
    border: none;
}
[data-v-1ac05f62] .collapse .collapse-item {
    border: none;
}
[data-v-1ac05f62] .collapse .collapse-item .el-collapse-item__title {
    font-family: "URW Form Expand";
    color: #1a1d25;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
[data-v-1ac05f62] .collapse .configuration-item .el-collapse-item__title {
    font-family: "URW Form Expand";
    color: #1a1d25;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
[data-v-1ac05f62] .collapse .el-collapse-item__header {
    border: none;
    height: 32px;
    margin-bottom: 0;
    padding: 0;
}
[data-v-1ac05f62] .collapse .el-collapse-item__wrap {
    border: none;
}
[data-v-1ac05f62] .collapse .el-collapse-item__content {
    padding-bottom: 0;
}
[data-v-1ac05f62] .collapse .el-collapse-item__arrow {
    position: relative;
}
[data-v-1ac05f62] .collapse .el-collapse-item__arrow::after,[data-v-1ac05f62] .collapse .el-collapse-item__arrow:before {
    content: "";
    width: 13.75px;
    height: 2px;
    border-radius: 2px;
    background-color: rgb(36, 39, 41);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s;
}
[data-v-1ac05f62] .collapse .el-collapse-item__arrow::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
[data-v-1ac05f62] .collapse .el-collapse-item__arrow.is-active {
    transform: rotate(0) !important;
}
[data-v-1ac05f62] .collapse .el-collapse-item__arrow.is-active::after {
    transform: translate(-50%, -50%) rotate(0);
}
[data-v-1ac05f62] .collapse .el-collapse-item__arrow svg {
    display: none;
}
.form-wrap[data-v-1ac05f62] {
    width: 100%;
}
.form-wrap .form-title[data-v-1ac05f62] {
    margin-bottom: calc(var(---rpx, 1px) * 24);
    color: rgb(37, 39, 40);
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}
.form-wrap .store-title[data-v-1ac05f62] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    margin-top: 12px;
}
[data-v-1ac05f62] .el-form-item {
    width: 100%;
    margin-bottom: 0;
    margin-top: calc(var(---rpx, 1px) * 12);
}
[data-v-1ac05f62] .el-form-item .el-form-item__error {
    color: rgb(255, 0, 20);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}
[data-v-1ac05f62] .el-form-item .el-input .el-input__wrapper .el-input__prefix {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
[data-v-1ac05f62] .el-form-item .el-input .el-input__wrapper .el-input__inner {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
[data-v-1ac05f62] .el-form-item .el-input .el-input__wrapper .el-input__inner::-moz-placeholder {
    color: rgb(155, 161, 175);
}
[data-v-1ac05f62] .el-form-item .el-input .el-input__wrapper .el-input__inner::placeholder {
    color: rgb(155, 161, 175);
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__input {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__input::-moz-placeholder {
    color: rgb(155, 161, 175);
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__input::placeholder {
    color: rgb(155, 161, 175);
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__prefix {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__placeholder span {
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
[data-v-1ac05f62] .el-form-item .el-select .el-select__wrapper .el-select__placeholder.is-transparent span {
    color: rgb(155, 161, 175);
}
[data-v-1ac05f62] .el-form-item .el-textarea {
    width: 100%;
}
[data-v-1ac05f62] .el-form-item .el-textarea .el-textarea__inner {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
}.title[data-v-6848cbcc] {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  margin: 0 0 8px 0;
  color: rgb(26, 29, 37);
}.sub-title[data-v-347518fb] {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin: 16px 0;
  color: rgb(26, 29, 37);
}.text-black[data-v-a1f99e68] {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0;
  color: rgb(26, 29, 37);
}.text-gray[data-v-19eb840d] {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgb(92, 96, 106);
  margin: 8px 0;
}.image-block .image[data-v-82fbe331] {
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
}.popup[data-v-a0f2afb0] .el-overlay .el-dialog__header {
  display: none;
}
.popup[data-v-a0f2afb0] .el-overlay .el-dialog {
  max-width: 864px;
  width: 100%;
  border-radius: 16px;
  padding: 32px;
}
.popup[data-v-a0f2afb0] .el-overlay .close-dialog {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 24px;
}
.popup[data-v-a0f2afb0] .el-overlay .close-dialog .close-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(245, 247, 250);
  cursor: pointer;
}
.popup[data-v-a0f2afb0] .el-overlay .close-dialog .close-btn .svg {
  width: 24px;
  height: 24px;
}
.popup[data-v-a0f2afb0] .el-overlay .close-dialog .close-btn .svg path {
  fill: rgb(26, 29, 37);
}
.popup[data-v-a0f2afb0] .el-overlay .dialog-body {
  max-height: 45vh;
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 1023.98px) {
.popup[data-v-a0f2afb0] .el-overlay.dialog-fade-enter-active.dialog-fade-enter-to {
    animation: none;
}
.popup[data-v-a0f2afb0] .el-overlay .el-dialog {
    width: 100%;
    border-radius: 16px 16px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    padding: 16px;
}
.popup.is-open[data-v-a0f2afb0] .el-dialog {
    transform: translateY(0);
}
}.container[data-v-134c9cc1] {
  padding-top: 108px;
}
.container .head-bar[data-v-134c9cc1] {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 9;
  transition: 0.3s;
}
.container .product-wrapper[data-v-134c9cc1] {
  display: flex;
  justify-content: flex-start;
}
.container .product-wrapper .product-showcase[data-v-134c9cc1] {
  flex: 1;
  height: calc(var(--vh, 1vh) * 100 - 108px);
  height: calc(100vh - 108px);
  position: sticky;
  top: 108px;
  padding-left: calc(var(--rpx, 1px) * 24);
  width: calc(100% - 31.25vw);
}
.container .product-wrapper .product-showcase.expand[data-v-134c9cc1] {
  z-index: 9999;
}
.container .product-wrapper .product-configurator[data-v-134c9cc1] {
  width: 31.25vw;
  min-width: 500px;
  max-width: 31.25vw;
  padding-top: 80px;
}
.container .product-wrapper .product-configurator .configurator-section[data-v-134c9cc1] {
  position: relative;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-content[data-v-134c9cc1] {
  padding: 0 calc(var(--rpx, 1px) * 16);
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] {
  padding: calc(var(--rpx, 1px) * 16) 0;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse {
  border: none;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .configuration-item .el-collapse-item__title {
  font-family: "URW Form Expand";
  color: #1a1d25;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 28px !important;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .el-collapse-item__header {
  padding: calc(var(--rpx, 1px) * 12);
  color: rgb(26, 29, 37);
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  background-color: transparent;
  border: none !important;
  height: auto;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .el-collapse-item__header .el-collapse-item__title {
  font-family: "URW Form Expand";
  color: #1a1d25;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .el-collapse-item__header .el-collapse-item__arrow {
  position: relative;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .el-collapse-item__header .el-collapse-item__arrow::after, .container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .el-collapse-item__header .el-collapse-item__arrow:before {
  content: "";
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background-color: rgb(36, 39, 41);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .el-collapse-item__header .el-collapse-item__arrow::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .el-collapse-item__header .el-collapse-item__arrow.is-active {
  transform: rotate(0) !important;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .el-collapse-item__header .el-collapse-item__arrow.is-active::after {
  transform: translate(-50%, -50%) rotate(0);
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .el-collapse-item__header .el-collapse-item__arrow svg {
  display: none;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .el-collapse-item__wrap {
  border: none;
  overflow: unset;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-134c9cc1] .collapse .el-collapse-item__wrap .el-collapse-item__content {
  padding-bottom: 0;
}
.container .product-wrapper .product-configurator .configurator-section .selected-configuration[data-v-134c9cc1] .el-collapse-item__header {
  padding: calc(var(--rpx, 1px) * 12) 0;
}
.container .product-wrapper .product-configurator .configurator-section .section-title[data-v-134c9cc1] {
  color: rgb(26, 29, 37);
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin: calc(var(--rpx, 1px) * 20) 0;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer[data-v-134c9cc1] {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
  padding: 12px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: rgb(255, 255, 255);
  width: calc(33.3333333333% - 72px);
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .total-price .price-label[data-v-134c9cc1] {
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  margin-bottom: 4px;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .total-price .price-value[data-v-134c9cc1] {
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container[data-v-134c9cc1] {
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: 24px;
  align-items: center;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container .el-button[data-v-134c9cc1] {
  padding: 22px;
  margin: 0;
  max-width: 220px;
  width: 100%;
  border-radius: 8px;
  display: inline-flex;
  border: 1px solid rgb(0, 20, 51);
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container .el-button.el-button--primary[data-v-134c9cc1] {
  background: rgb(22, 22, 22);
  color: rgb(255, 255, 255);
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container .el-button[data-v-134c9cc1]:hover {
  background: rgb(42, 103, 207);
  color: #fff;
  border-color: rgb(42, 103, 207);
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container .el-button[data-v-134c9cc1]:focus-visible {
  outline: none;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container .el-button[data-v-134c9cc1]:active {
  background: rgb(30, 79, 178);
  border-color: rgb(30, 79, 178);
  color: #fff;
}
.container .product-wrapper .compare[data-v-134c9cc1] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  padding: 0 calc(var(--rpx, 1px) * 16);
}
.container .product-wrapper .compare span[data-v-134c9cc1] {
  color: #1a1d25;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen {
  padding: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: flex-end;
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__header {
  display: none;
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body {
  min-width: 976px;
  max-width: 50.8333333333vw;
  width: 50.8333333333vw;
  background-color: #fff;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body .compare-container {
  padding: calc(var(--rpx, 1px) * 64) calc(var(--rpx, 1px) * 24) 0;
  width: 100%;
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .dialog-close {
  display: flex;
  justify-content: flex-end;
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .dialog-close svg {
  width: calc(var(--rpx, 1px) * 48);
  height: calc(var(--rpx, 1px) * 48);
  cursor: pointer;
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper {
  padding: calc(var(--rpx, 1px) * 48);
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-title {
  color: rgb(0, 0, 0);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: calc(var(--rpx, 1px) * 16);
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-desc {
  color: rgb(92, 96, 106);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: calc(var(--rpx, 1px) * 24);
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-content {
  border-radius: 12px;
  background: rgba(245, 247, 250, 0.66);
  padding: calc(var(--rpx, 1px) * 24);
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-content .row {
  display: flex;
  flex-wrap: nowrap;
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-content .row .col {
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(26, 29, 37);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: calc(var(--rpx, 1px) * 8);
  margin-bottom: calc(var(--rpx, 1px) * 8);
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-content .row .col:first-child {
  max-width: 160px;
}
.container .product-wrapper[data-v-134c9cc1] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-content .row:first-child .col {
  color: rgb(26, 29, 37);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  padding: calc(var(--rpx, 1px) * 8);
  margin-bottom: calc(var(--rpx, 1px) * 16);
}
.container .product-wrapper .view-360-wrap[data-v-134c9cc1] {
  width: 100%;
  height: 98%;
  border-radius: 16px;
  overflow: hidden;
}
.container .product-wrapper .view-360-wrap.expand[data-v-134c9cc1] {
  position: fixed;
  inset: 0;
  height: 100vh;
  width: 100vw;
  border-radius: 0;
}
.container .btn-wrap[data-v-134c9cc1] {
  display: flex;
  justify-content: center;
  margin-bottom: 72px;
}.container .head-bar[data-v-23ba2e39] {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9;
}
.container .product-wrapper .product-showcase[data-v-23ba2e39] {
  position: sticky;
  top: 0;
  z-index: 99;
}
.container .product-wrapper .product-configurator[data-v-23ba2e39] {
  width: 100%;
}
.container .product-wrapper .product-configurator .configurator-section[data-v-23ba2e39] {
  position: relative;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-content[data-v-23ba2e39] {
  padding: 0 16px;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] {
  padding-bottom: 12px;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse {
  border: none;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .collapse-item {
  border: none;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .collapse-item .el-collapse-item__title {
  font-family: "URW Form Expand";
  color: #1a1d25;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .configuration-item .el-collapse-item__title {
  font-family: "URW Form Expand";
  color: #1a1d25;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .el-collapse-item__header {
  border: none;
  height: 32px;
  margin-bottom: 0;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .el-collapse-item__wrap {
  border: none;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .el-collapse-item__content {
  padding-bottom: 0;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .el-collapse-item__arrow {
  position: relative;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .el-collapse-item__arrow::after, .container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .el-collapse-item__arrow:before {
  content: "";
  width: 13.75px;
  height: 2px;
  border-radius: 2px;
  background-color: rgb(36, 39, 41);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .el-collapse-item__arrow::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .el-collapse-item__arrow.is-active {
  transform: rotate(0) !important;
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .el-collapse-item__arrow.is-active::after {
  transform: translate(-50%, -50%) rotate(0);
}
.container .product-wrapper .product-configurator .configurator-section .configuration-options section[data-v-23ba2e39] .collapse .el-collapse-item__arrow svg {
  display: none;
}
.container .product-wrapper .product-configurator .configurator-section .section-title[data-v-23ba2e39] {
  color: rgb(26, 29, 37);
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin: calc(var(--rpx, 1px) * 20) 0;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer[data-v-23ba2e39] {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
  padding: 12px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: rgb(255, 255, 255);
  width: calc(33.3333333333% - 72px);
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .total-price .price-label[data-v-23ba2e39] {
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  margin-bottom: 4px;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .total-price .price-value[data-v-23ba2e39] {
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container[data-v-23ba2e39] {
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: 24px;
  align-items: center;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container .el-button[data-v-23ba2e39] {
  padding: 22px;
  margin: 0;
  max-width: 220px;
  width: 100%;
  border-radius: 8px;
  display: inline-flex;
  border: 1px solid rgb(0, 20, 51);
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container .el-button.el-button--primary[data-v-23ba2e39] {
  background: rgb(22, 22, 22);
  color: rgb(255, 255, 255);
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container .el-button[data-v-23ba2e39]:hover {
  background: rgb(42, 103, 207);
  color: #fff;
  border-color: rgb(42, 103, 207);
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container .el-button[data-v-23ba2e39]:focus-visible {
  outline: none;
}
.container .product-wrapper .product-configurator .configurator-section .configurator-footer .button-container .el-button[data-v-23ba2e39]:active {
  background: rgb(30, 79, 178);
  border-color: rgb(30, 79, 178);
  color: #fff;
}
.container .compare[data-v-23ba2e39] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.container .compare span[data-v-23ba2e39] {
  color: #1a1d25;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen {
  padding: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: flex-end;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__header {
  display: none;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body {
  min-width: unset;
  max-width: unset;
  width: 100%;
  background-color: #fff;
  position: relative;
  height: 100vh;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container {
  padding: 0;
  width: 100%;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .dialog-close {
  display: flex;
  justify-content: flex-end;
  padding: 32px 16px 16px;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .dialog-close svg {
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper {
  padding: 0;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-title {
  margin-bottom: 8px;
  padding: 0 16px;
  color: rgb(26, 29, 37);
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-desc {
  margin-bottom: 34px;
  padding: 0 16px;
  color: rgb(92, 96, 106);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .wrap {
  overflow: auto;
  background: rgba(245, 247, 250, 0.66);
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-content {
  border-radius: 12px;
  padding: 16px;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-content .row {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-content .row .col {
  min-width: 182px;
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(26, 29, 37);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 8px;
  margin-bottom: 8px;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-content .row .col:first-child {
  min-width: 120px;
}
.container[data-v-23ba2e39] .compare-dialog.is-fullscreen .el-dialog__body .compare-container .compare-wrapper .compare-content .row:first-child .col {
  color: rgb(26, 29, 37);
  padding: 8px;
  margin-bottom: 8px;
  line-height: 26px;
  color: rgb(26, 29, 37);
  font-size: 18px;
  font-weight: 500;
}
.container .view-360-wrap[data-v-23ba2e39] {
  width: 100%;
  height: 56.2666666667vw;
  overflow: hidden;
}
.container .view-360-wrap.expand[data-v-23ba2e39] {
  position: fixed;
  inset: 0;
  height: 100vh;
  height: 100dvh;
  width: 100vw;
  border-radius: 0;
}.btn {
  padding: 12px 44px;
  height: auto;
  border-radius: 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid rgb(0, 20, 51);
}
.btn.el-button--primary {
  background-color: rgb(2, 19, 73);
}
.btn.el-button--primary span {
  color: #fff;
}
.btn:focus-visible {
  outline: none;
}
.btn:focus-visible {
  outline: none;
}
.btn:active {
  background: rgb(2, 19, 73);
  color: rgb(255, 255, 255);
}
.btn span {
  color: rgb(0, 20, 51);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: all 0.3s;
}
.btn:hover {
  background-color: rgb(42, 103, 207);
  border-color: rgb(42, 103, 207);
}
.btn:hover span {
  color: rgb(255, 255, 255);
}
.save-config-modal.el-overlay .el-overlay-message-box {
  padding: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box {
  max-width: 672px;
  padding: calc(var(--rpx, 1px) * 32);
  border-radius: 16px;
}
@media screen and (max-width: 1023.98px) {
.save-config-modal.el-overlay .el-message-box.save-config-message-box {
    max-width: none;
    width: 91.4666666667%;
    padding: 16px;
}
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__header.show-close {
  padding: 0;
  margin-top: calc(var(--rpx, 1px) * 72);
}
@media screen and (max-width: 1023.98px) {
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__header.show-close {
    margin-top: 50px;
}
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__title {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: rgb(26, 29, 37);
}
@media screen and (max-width: 1023.98px) {
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
}
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__headerbtn {
  position: absolute;
  top: calc(var(--rpx, 1px) * 32);
  right: calc(var(--rpx, 1px) * 32);
  width: calc(var(--rpx, 1px) * 48);
  height: calc(var(--rpx, 1px) * 48);
  border-radius: 50%;
  background-color: rgb(245, 247, 250);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023.98px) {
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__headerbtn {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
}
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__headerbtn .el-message-box__close {
  color: rgb(26, 29, 37);
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__headerbtn .el-message-box__close {
  width: calc(var(--rpx, 1px) * 24);
  height: calc(var(--rpx, 1px) * 24);
}
@media screen and (max-width: 1023.98px) {
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__headerbtn .el-message-box__close {
    width: 24px;
    height: 24px;
}
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__headerbtn:hover .el-message-box__close {
  color: rgb(26, 29, 37);
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__container {
  display: unset;
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .byd-message-box__content,
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__message,
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__message > p {
  height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__message > p {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__message .message {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgb(92, 96, 106);
  margin-top: calc(var(--rpx, 1px) * 16);
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__message .custom-content .text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgb(26, 29, 37);
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__btns {
  padding: calc(var(--rpx, 1px) * 16) calc(var(--rpx, 1px) * 8);
  justify-content: flex-end;
  flex-direction: row-reverse;
  gap: calc(var(--rpx, 1px) * 16);
}
.save-config-modal.el-overlay .el-message-box.save-config-message-box .el-message-box__btns .btn {
  margin: 0;
}