@charset "UTF-8";.scp-data_none[data-v-55944141] {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.scp-data_none .data_none-text[data-v-55944141] {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.4);
}.loading[data-v-8efb5c89] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(0, 0, 0);
  transition: opacity 3s;
}
.loading.hide[data-v-8efb5c89] {
  opacity: 0;
}
.loading .loading-box[data-v-8efb5c89] {
  transition: all 0.8s;
}
.loading .loading-box.hide[data-v-8efb5c89] {
  opacity: 0;
}
.loading .l-bar[data-v-8efb5c89] {
  width: 88px;
  height: 6px;
  background: rgba(255, 255, 255, 0.2);
}
.loading .l-bar .progress[data-v-8efb5c89] {
  display: block;
  height: 100%;
  background: #fff;
}
.loading .l-number[data-v-8efb5c89] {
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  text-align: center;
  color: #fff;
  margin-top: 12px;
}
@media (max-width: 768px) {
.loading .l-number[data-v-8efb5c89] {
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
}
}@keyframes spinner-spin-e801c91f {
50% {
    transform: rotate(400deg);
}
100% {
    transform: rotate(100deg);
}
}
@keyframes fist-position-e801c91f {
30% {
    right: 90%;
    opacity: 1;
}
50% {
    right: 90%;
    opacity: 0;
}
100% {
    right: 90%;
    opacity: 0;
}
}
@keyframes spinner-rotate-e801c91f {
50% {
    transform: perspective(200px) rotateX(74deg) rotateZ(380deg);
}
100% {
    transform: perspective(200px) rotateX(74deg) rotateZ(360deg);
}
}
.tip_360-box[data-v-e801c91f] {
  position: relative;
}
.tip_360-box .tip_360-text[data-v-e801c91f] {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 27.04px;
  font-weight: 500;
  line-height: 32.44px;
  color: rgb(255, 255, 255);
  transform: translate(-50%, -50%);
}
.tip_360-box .tip_360-des[data-v-e801c91f] {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
  width: 100%;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 500;
  line-height: 11.2px;
  text-align: center;
}
.tip_360-box .tip_360-fist[data-v-e801c91f] {
  position: absolute;
  right: 0;
  top: 177px;
  width: 13.68px;
  height: 14.64px;
  transform: translateX(-50%);
  animation: fist-position-e801c91f 2s linear infinite;
}
.tip_360-box .tip_360-ani[data-v-e801c91f] {
  position: relative;
  margin: auto;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 2px dashed rgba(255, 255, 255, 0.7);
  -webkit-mask: linear-gradient(rgba(24, 24, 24, 0.2), rgba(24, 24, 24, 0.9) 90%);
  transform-origin: 50% 50%;
  transform: perspective(200px) rotateX(74deg) rotateZ(360deg);
  animation: spinner-rotate-e801c91f 2s linear infinite;
}
.tip_360-box .tip_360-son[data-v-e801c91f] {
  width: 100px;
  height: 200px;
  position: relative;
  overflow: hidden;
  margin: -2px;
}
.tip_360-box .tip_360-son[data-v-e801c91f]:before {
  content: "";
  width: 200px;
  height: 200px;
  position: absolute;
  left: 0;
  top: 0;
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-color: rgb(255, 255, 255);
  border-radius: 50%;
  box-sizing: border-box;
  animation: spinner-spin-e801c91f 2s linear infinite;
  animation-direction: alternate-reverse;
  transform: rotate(100deg);
}
.tip_360-box[data-v-e801c91f]::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translate(-50%, -50%);
  display: block;
  width: 5.41px;
  height: 5.41px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
}
@media (max-width: 768px) {
.tip_360-box .tip_360-text[data-v-e801c91f] {
    font-size: 23.52px;
    font-weight: 500;
    line-height: 28.22px;
}
.tip_360-box .tip_360-des[data-v-e801c91f] {
    font-size: 14px;
    font-weight: 500;
    line-height: 11.2px;
}
.tip_360-box .tip_360-fist[data-v-e801c91f] {
    top: 136px;
    width: 11.9px;
    height: 12.74px;
}
.tip_360-box .tip_360-ani[data-v-e801c91f] {
    width: 172px;
    height: 172px;
    transform: perspective(200px) rotateX(74deg) rotateZ(360deg);
}
.tip_360-box .tip_360-son[data-v-e801c91f] {
    width: 86px;
    height: 173px;
    margin: -2px;
}
.tip_360-box .tip_360-son[data-v-e801c91f]:before {
    width: 172px;
    height: 172px;
}
.tip_360-box[data-v-e801c91f]::after {
    bottom: 34px;
    width: 4.7px;
    height: 4.7px;
}
}.scp-info_card[data-v-4bb3363f] {
  max-width: 24.21875vw;
}
.scp-info_card .back-btn[data-v-4bb3363f] {
  margin-bottom: 26px;
}
.scp-info_card .back-btn .btn[data-v-4bb3363f] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.scp-info_card .back-btn .btn svg[data-v-4bb3363f] {
  width: 14.88px;
  height: 14.88px;
}
.scp-info_card .title[data-v-4bb3363f] {
  font-family: PingFang SC;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 16px;
  transition: all 0.3s;
}
.scp-info_card .description[data-v-4bb3363f] {
  font-family: PingFang SC;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 8px;
  transition: all 0.3s;
}
.scp-info_card .more-btn[data-v-4bb3363f] {
  transition: all 0.3s;
}
.scp-info_card .more-btn .btn[data-v-4bb3363f] {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}
.scp-info_card .more-btn .btn svg[data-v-4bb3363f] {
  width: 13px;
  height: 13px;
  transform: rotate(180deg);
  margin-left: 4px;
}
.scp-info_card.sty-fold .description[data-v-4bb3363f] {
  color: rgba(0, 0, 0, 0.95);
}
.scp-info_card.show .title[data-v-4bb3363f] {
  transform: translateX(-200%);
  opacity: 0;
}
.scp-info_card.show .description[data-v-4bb3363f] {
  transform: translateX(-200%);
  opacity: 0;
}
.scp-info_card.show .more-btn[data-v-4bb3363f] {
  transform: translateX(-200%);
  opacity: 0;
}
@media (max-width: 768px) {
.scp-info_card[data-v-4bb3363f] {
    max-width: 202px;
}
.scp-info_card .back-btn[data-v-4bb3363f] {
    display: none;
}
.scp-info_card .title[data-v-4bb3363f] {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 18px;
}
.scp-info_card .description[data-v-4bb3363f] {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}
.scp-info_card .more-btn .btn[data-v-4bb3363f] {
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
}
}.card-item[data-v-9ac14853] {
  height: 124px;
  backdrop-filter: blur(9px);
  cursor: pointer;
}
.card-item .card-item-wrap[data-v-9ac14853] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-item.card-a[data-v-9ac14853] {
  flex: 0 0 400px;
  width: 400px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.5);
  padding: 20px;
  border-radius: 8px;
  margin-right: 8px;
}
.card-item.card-a .top-text[data-v-9ac14853] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-item.card-a .part_1[data-v-9ac14853] {
  flex: 1 1 auto;
}
.card-item.card-a .part_2[data-v-9ac14853] {
  flex: 0 1 33.33333%;
  text-align: right;
}
.card-item.card-a .line[data-v-9ac14853] {
  display: block;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  margin: 14px 0 16px;
}
.card-item.card-a .part_3[data-v-9ac14853] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 4px;
}
.card-item.card-a .part_3 svg[data-v-9ac14853] {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  opacity: 0.4;
}
.card-item.card-a .part_3 .prd_des[data-v-9ac14853] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.card-item.card-a .item-text i[data-v-9ac14853] {
  display: block;
}
.card-item.card-a .item-text i[data-v-9ac14853]:last-child {
  margin-top: 10px;
}
.card-item.card-a .item-text .text_1[data-v-9ac14853] {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 12px;
}
.card-item.card-a .item-text .text_1 .config-different[data-v-9ac14853] {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
}
.card-item.card-a .item-text .text_1 .config-different svg path[data-v-9ac14853] {
  fill: currentColor;
}
.card-item.card-a .item-text .text_1 .config-different[data-v-9ac14853]:hover {
  color: rgba(0, 0, 0, 0.95);
}
.card-item.card-a .item-text .text_1 .config-different:hover svg[data-v-9ac14853] {
  color: rgba(0, 0, 0, 0.95);
}
.card-item.card-a .item-text .text_2[data-v-9ac14853] {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.card-item.card-a .item-text .text_3[data-v-9ac14853] {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.card-item.card-a .item-text .text_4[data-v-9ac14853] {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}
.card-item.card-a .item-text .text_5[data-v-9ac14853] {
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  color: rgba(0, 0, 0, 0.4);
}
.card-item.card-a.active[data-v-9ac14853] {
  border: 1px solid rgba(0, 0, 0, 0.6);
  background: rgba(255, 255, 255, 0.8);
}
.card-item.card-a.active .text_1 .config-different[data-v-9ac14853] {
  color: rgb(27, 129, 249);
}
.card-item.card-a.active .text_1 .config-different[data-v-9ac14853]:hover {
  color: rgb(27, 129, 249);
}
.card-item.card-a.active .text_1 .config-different:hover svg[data-v-9ac14853] {
  color: rgb(27, 129, 249);
}
.card-item.card-a.active .part_3 svg[data-v-9ac14853] {
  opacity: 1;
}
.card-item.card-a.disabled[data-v-9ac14853] {
  background: rgb(217, 213, 213);
  cursor: no-drop;
}
.card-item.card-a.default[data-v-9ac14853] {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.6);
  cursor: no-drop;
}
.card-item.card-a.default svg[data-v-9ac14853] {
  opacity: 1;
}
.card-item.card-a.card-disabled[data-v-9ac14853] {
  opacity: 0.5;
  pointer-events: none;
  cursor: no-drop;
  background: rgba(255, 255, 255, 0.35);
}
.card-item.card-b[data-v-9ac14853] {
  flex: 1 0 0;
  margin-right: 6px;
}
.card-item.card-b .card-item-wrap[data-v-9ac14853] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
}
.card-item.card-b .text-content[data-v-9ac14853] {
  width: 100%;
}
.card-item.card-b .select-color[data-v-9ac14853] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin: 0 auto;
  background-position: top;
  background-size: contain;
}
.card-item.card-b .select-color img[data-v-9ac14853] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-item.card-b .color-name[data-v-9ac14853] {
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
  text-align: center;
  margin-top: 14px;
}
.card-item.card-b .color-price[data-v-9ac14853] {
  position: relative;
  width: 100%;
  margin-top: 10px;
}
.card-item.card-b .color-price .price_text[data-v-9ac14853] {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: center;
}
.card-item.card-b .color-price svg[data-v-9ac14853] {
  position: absolute;
  right: 17.63px;
  bottom: 0;
  transform: translateY(50%);
  width: 17px;
  height: 17px;
  opacity: 0.4;
}
.card-item.card-b[data-v-9ac14853]:last-child {
  margin-right: 0;
}
.card-item.card-b.active .card-item-wrap[data-v-9ac14853] {
  border: 1px solid rgba(0, 0, 0, 0.6);
  background: rgba(255, 255, 255, 0.8);
}
.card-item.card-b.active .color-price svg[data-v-9ac14853] {
  opacity: 1;
}
.card-item.card-none .card-item-wrap[data-v-9ac14853] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-item.card-none[data-v-9ac14853] {
  flex: 0 0 100%;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.5);
  padding: 20px;
  border-radius: 8px;
}
.card-item.card-none .svg-icon[data-v-9ac14853] {
  margin: 0 auto;
  display: block;
  width: 22px;
  height: 22px;
}
.card-item.card-none .none-text[data-v-9ac14853] {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 12px;
  text-align: center;
}
@media (max-width: 1024px) {
.card-item.card-a[data-v-9ac14853] {
    width: 100%;
    margin-bottom: 8px;
}
}
@media (max-width: 768px) {
.card-item[data-v-9ac14853] {
    height: auto;
}
.card-item.card-a[data-v-9ac14853] {
    padding: 10px;
    border-radius: 6px;
    margin-right: 0;
    margin-bottom: 8px;
}
.card-item.card-a .line[data-v-9ac14853] {
    margin: 10px 0 9px;
}
.card-item.card-a .part_3 svg[data-v-9ac14853] {
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
}
.card-item.card-a .item-text i[data-v-9ac14853]:last-child {
    margin-top: 12px;
}
.card-item.card-a .item-text .text_1[data-v-9ac14853] {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
.card-item.card-a .item-text .text_2[data-v-9ac14853] {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
.card-item.card-a .item-text .text_3[data-v-9ac14853] {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
}
.card-item.card-a .item-text .text_4[data-v-9ac14853] {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
.card-item.card-a .item-text .text_5[data-v-9ac14853] {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
}
.card-item.card-b[data-v-9ac14853] {
    margin-right: 0;
}
.card-item.card-b .card-item-wrap[data-v-9ac14853] {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 17.14px 0 15.86px;
}
.card-item.card-b .select-color[data-v-9ac14853] {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin: 0;
    margin-right: 11.73px;
}
.card-item.card-b .text-content[data-v-9ac14853] {
    flex: 0 1 auto;
    max-width: 50%;
}
.card-item.card-b .color-name[data-v-9ac14853] {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-align: left;
    margin-top: 0;
}
.card-item.card-b .color-price[data-v-9ac14853] {
    margin-top: 5px;
}
.card-item.card-b .color-price .price_text[data-v-9ac14853] {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    text-align: left;
}
.card-item.card-b .color-price svg[data-v-9ac14853] {
    display: none;
}
.card-item.card-b[data-v-9ac14853]:last-child {
    margin-right: 0;
}
.card-item.card-none .card-item-wrap[data-v-9ac14853] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-item.card-none[data-v-9ac14853] {
    flex: 0 0 100%;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.5);
    padding: 20px;
    border-radius: 8px;
}
.card-item.card-none .svg-icon[data-v-9ac14853] {
    margin: 0 auto;
    display: block;
    width: 22px;
    height: 22px;
}
.card-item.card-none .none-text[data-v-9ac14853] {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    color: rgba(0, 0, 0, 0.4);
    margin-top: 12px;
    text-align: center;
}
}.dropdown-container.drop-tab .drop-menu .el-tabs {
  height: 100%;
}
.dropdown-container.drop-tab .drop-menu .el-tabs__nav-wrap {
  padding: 0 9px;
}
.dropdown-container.drop-tab .drop-menu .el-tabs__nav-wrap:after {
  height: 1px;
}
.dropdown-container.drop-tab .drop-menu .el-tabs__item {
  padding: 0 9px;
}
.dropdown-container.drop-tab .drop-menu .el-tabs__item.is-active {
  color: rgba(0, 0, 0, 0.95);
}
.dropdown-container.drop-tab .drop-menu .el-tabs__active-bar {
  height: 2px;
  background-color: rgba(0, 0, 0, 0.95);
}
.dropdown-container.drop-tab .drop-menu .el-tabs__header {
  margin-bottom: 0;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box {
  height: 100%;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .el-tab-pane {
  height: 100%;
  padding: 6px;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content {
  height: 100%;
  overflow: auto;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content .data-none {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content .data-none .none-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4);
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content .drop-menu-tab-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 12px;
  cursor: pointer;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content .drop-menu-tab-item .dropo-menu-tabtext {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content .drop-menu-tab-item .drop-menu-search-icon {
  opacity: 0;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content .drop-menu-tab-item.active {
  background: rgb(250, 250, 250);
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content .drop-menu-tab-item.active .dropo-menu-tabtext {
  color: rgba(0, 0, 0, 0.95);
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content .drop-menu-tab-item.active .drop-menu-search-icon {
  opacity: 1;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content::-webkit-scrollbar-track {
  display: none;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-tab_box .drop-menu-tab_content::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.1019607843);
}
.dropdown-container.drop-tab .drop-menu .menu-input-box {
  display: none;
  padding: 16px 16px 0 16px;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-search-icon {
  width: 16px;
  height: 16px;
}
@media (max-width: 768px) {
.dropdown-container.drop-tab .drop-menu .menu-input-box {
    display: block;
}
}.dropdown-container.drop-tab[data-v-26412d7d] {
  position: relative;
}
.dropdown-container.drop-tab .dropdown[data-v-26412d7d] {
  min-width: 122px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: 8px 16px;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 3px;
  cursor: pointer;
}
.dropdown-container.drop-tab .dropdown .dropdown-content[data-v-26412d7d] {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  overflow: hidden;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.95);
}
.dropdown-container.drop-tab .dropdown svg[data-v-26412d7d] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-left: 18px;
}
.dropdown-container.drop-tab .dropdown.open svg[data-v-26412d7d] {
  transform: rotate(180deg);
  transform-origin: center;
}
.dropdown-container.drop-tab .drop-menu[data-v-26412d7d] {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  overflow: hidden;
  transform: translateY(-100%);
}
@media screen and (max-width: 1024px) {
.dropdown-container.drop-tab .drop-menu[data-v-26412d7d] {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    transform: translate(0);
    padding: 20px 24px 0 24px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    justify-content: center;
    align-items: flex-end;
}
}
.dropdown-container.drop-tab .drop-menu.open[data-v-26412d7d] {
  display: flex;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-popbox[data-v-26412d7d] {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 8px 8px 0 0;
}
@media (max-width: 1024px) {
.menu-confirm-box[data-v-26412d7d] {
    padding: 9px 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.14);
}
.menu-confirm-box .confirm-btn[data-v-26412d7d] {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    color: #fff;
    border-radius: 6px;
    background-color: #000;
    padding: 14.5px 0;
}
}
@media (max-width: 768px) {
.dropdown-container.drop-tab[data-v-26412d7d] {
    position: relative;
}
.dropdown-container.drop-tab .dropdown[data-v-26412d7d] {
    min-width: 122px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 8px 16px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 3px;
    cursor: pointer;
}
.dropdown-container.drop-tab .dropdown .dropdown-content[data-v-26412d7d] {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    overflow: hidden;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.95);
}
.dropdown-container.drop-tab .dropdown svg[data-v-26412d7d] {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-left: 14px;
}
.dropdown-container.drop-tab .dropdown.open svg[data-v-26412d7d] {
    transform: rotate(180deg);
    transform-origin: center;
}
.dropdown-container.drop-tab .drop-menu[data-v-26412d7d] {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    overflow: hidden;
    transform: translateY(-100%);
}
}
@media screen and (max-width: 768px) and (max-width: 1024px) {
.dropdown-container.drop-tab .drop-menu[data-v-26412d7d] {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    transform: translate(0);
    padding: 20px 24px 0 24px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    justify-content: center;
    align-items: flex-end;
}
}
@media (max-width: 768px) {
.dropdown-container.drop-tab .drop-menu.open[data-v-26412d7d] {
    display: flex;
}
.dropdown-container.drop-tab .drop-menu .drop-menu-popbox[data-v-26412d7d] {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 8px 8px 0 0;
}
}.dropdown-container[data-v-5dfe317b] {
  position: relative;
}
.dropdown-container .dropdown[data-v-5dfe317b] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 8px;
  cursor: pointer;
}
.dropdown-container .dropdown .dropdown-content[data-v-5dfe317b] {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}
.dropdown-container .dropdown .dropdown-content.default-text[data-v-5dfe317b] {
  color: rgb(163, 164, 166);
}
.dropdown-container .dropdown svg[data-v-5dfe317b] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-left: 18px;
}
.dropdown-container .dropdown.open svg[data-v-5dfe317b] {
  transform: rotate(180deg);
  transform-origin: center;
}
.dropdown-container .dropdown.disabled[data-v-5dfe317b] {
  background: rgba(0, 0, 0, 0.02);
  pointer-events: none;
}
.dropdown-container .dropdown.selected .dropdown-content[data-v-5dfe317b] {
  color: rgba(0, 0, 0, 0.95) !important;
}
.dropdown-container .drop-menu[data-v-5dfe317b] {
  position: absolute;
  z-index: 10;
  left: 0;
  width: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  padding-right: 3px;
  display: none;
}
@media screen and (max-width: 1024px) {
.dropdown-container .drop-menu[data-v-5dfe317b] {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    transform: translate(0);
    padding: 20px 24px 0 24px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    justify-content: center;
    align-items: flex-end;
}
}
.dropdown-container .drop-menu .drop-menu-popbox[data-v-5dfe317b] {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 8px 8px 0 0;
}
.dropdown-container .drop-menu .menu-scrollbox[data-v-5dfe317b] {
  height: 100%;
}
.dropdown-container .drop-menu .menu-wrapper[data-v-5dfe317b] {
  padding: 6px;
  height: 100%;
}
.dropdown-container .drop-menu .menu-lis[data-v-5dfe317b] {
  overflow: auto;
  height: 100%;
}
.dropdown-container .drop-menu .menu-lis[data-v-5dfe317b]::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
.dropdown-container .drop-menu .menu-lis[data-v-5dfe317b]::-webkit-scrollbar-track {
  display: none;
}
.dropdown-container .drop-menu .menu-lis[data-v-5dfe317b]::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.1019607843);
}
.dropdown-container .drop-menu .menu-lis .menu-item[data-v-5dfe317b] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 14px 12px;
  border-radius: 6px;
  cursor: pointer;
}
.dropdown-container .drop-menu .menu-lis .menu-item .item-des[data-v-5dfe317b] {
  flex: 1 1 auto;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  color: rgba(0, 0, 0, 0.5);
}
.dropdown-container .drop-menu .menu-lis .menu-item .item-icon[data-v-5dfe317b] {
  opacity: 0;
  width: 14px;
  height: 14px;
}
.dropdown-container .drop-menu .menu-lis .menu-item[data-v-5dfe317b]:hover {
  background: rgb(250, 250, 250);
}
.dropdown-container .drop-menu .menu-lis .menu-item.selected[data-v-5dfe317b] {
  background: rgb(250, 250, 250);
}
.dropdown-container .drop-menu .menu-lis .menu-item.selected .item-des[data-v-5dfe317b] {
  color: #000;
}
.dropdown-container .drop-menu .menu-lis .menu-item.selected .item-icon[data-v-5dfe317b] {
  opacity: 1;
}
.dropdown-container .drop-menu .menu-lis.type_info .menu-item[data-v-5dfe317b] {
  justify-content: space-between;
}
.dropdown-container .drop-menu .menu-lis.type_info .juli[data-v-5dfe317b] {
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}
.dropdown-container .drop-menu .menu-lis.type_info .juli .juli-des[data-v-5dfe317b] {
  color: rgba(0, 0, 0, 0.55);
}
.dropdown-container .drop-menu .menu-lis.type_info .store-name[data-v-5dfe317b] {
  font-size: 12px;
  font-weight: 500;
  line-height: 14.4px;
}
.dropdown-container .drop-menu .menu-lis.type_info .location[data-v-5dfe317b] {
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}
.dropdown-container .drop-menu .menu-lis.type_info .telphone[data-v-5dfe317b] {
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.55);
}
.dropdown-container .drop-menu .menu-lis.type-default .menu-item[data-v-5dfe317b] {
  padding: 11px 12px;
}
.dropdown-container .drop-menu .menu-lis.type-default .menu-item .item-des[data-v-5dfe317b] {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.dropdown-container .drop-menu.open[data-v-5dfe317b] {
  display: flex;
}
.dropdown-container.position-top .drop-menu[data-v-5dfe317b] {
  top: 0;
  transform: translateY(-100%);
}
@media screen and (max-width: 1024px) {
.dropdown-container.position-top .drop-menu[data-v-5dfe317b] {
    transform: none;
}
}
.dropdown-container.position-bottom .drop-menu[data-v-5dfe317b] {
  bottom: 0;
  transform: translateY(100%);
}
@media screen and (max-width: 1024px) {
.dropdown-container.position-bottom .drop-menu[data-v-5dfe317b] {
    transform: none;
}
}
.el-dialog[data-v-5dfe317b] {
  width: 80vh;
  padding: 35px 51.5px 42px 48.5px;
  border-radius: 8px;
}
.el-dialog .el-dialog__header[data-v-5dfe317b] {
  position: absolute;
  right: 16.5px;
  top: 15.2px;
  padding: 0;
}
.el-dialog .el-dialog__header .lisence-close svg[data-v-5dfe317b] {
  width: 19px;
  height: 19px;
  cursor: pointer;
}
.el-dialog .el-dialog__footer[data-v-5dfe317b] {
  padding-top: 0;
}
.el-dialog .el-dialog__footer .lisence-img img[data-v-5dfe317b] {
  display: block;
  width: 100%;
}
.el-dialog .el-dialog__footer .lisence-img .lisence-img-none[data-v-5dfe317b] {
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #faf6f6;
}
.el-dialog .el-dialog__footer .lisence-img .lisence-img-none p[data-v-5dfe317b] {
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 1024px) {
.el-dialog[data-v-5dfe317b] {
    width: 100%;
    margin: 0;
    height: auto;
    padding: 0;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    padding: 12px 16px 32px;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.el-dialog .el-dialog__header[data-v-5dfe317b] {
    position: relative;
    right: initial;
    top: initial;
    margin-bottom: 12px;
}
.el-dialog .el-dialog__header .lisence-close[data-v-5dfe317b] {
    display: flex;
    justify-content: flex-end;
}
.el-dialog .el-dialog__header .lisence-close svg[data-v-5dfe317b] {
    width: 12px;
    height: 12px;
    margin-right: 9px;
    margin-top: 5px;
}
.el-dialog .el-dialog__footer .lisence-img .lisence-img-none[data-v-5dfe317b] {
    min-height: 300px;
}
}
@media (max-width: 1024px) {
.dropdown-container .drop-menu.different-menu-box[data-v-5dfe317b] {
    padding: 0;
    border: 0;
}
.dropdown-container .drop-menu.different-menu-box .drop-menu-popbox[data-v-5dfe317b] {
    height: auto;
}
.menu-confirm-box[data-v-5dfe317b] {
    padding: 9px 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.14);
}
.menu-confirm-box .confirm-btn[data-v-5dfe317b] {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    color: #fff;
    border-radius: 6px;
    background-color: #000;
    padding: 14.5px 0;
}
}
@media (max-width: 768px) {
.dropdown-container .dropdown[data-v-5dfe317b] {
    padding: 8px 16px;
}
.dropdown-container .dropdown .dropdown-content[data-v-5dfe317b] {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}
.dropdown-container .dropdown svg[data-v-5dfe317b] {
    width: 14px;
    height: 14px;
    margin-left: 14px;
}
.dropdown-container .drop-menu[data-v-5dfe317b] {
    padding-right: 3px;
}
}
@media screen and (max-width: 768px) and (max-width: 1024px) {
.dropdown-container .drop-menu[data-v-5dfe317b] {
    padding: 20px 24px 0 24px;
}
}
@media (max-width: 768px) {
.dropdown-container .drop-menu .drop-menu-popbox[data-v-5dfe317b] {
    border-radius: 8px 8px 0 0;
}
.dropdown-container .drop-menu .menu-wrapper[data-v-5dfe317b] {
    padding: 6px;
}
.dropdown-container .drop-menu .menu-lis .menu-item[data-v-5dfe317b] {
    padding: 14px 12px;
    margin-bottom: 8px;
}
.dropdown-container .drop-menu .menu-lis .menu-item .item-des[data-v-5dfe317b] {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
}
.dropdown-container .drop-menu .menu-lis .menu-item .item-icon[data-v-5dfe317b] {
    width: 14px;
    height: 14px;
}
.dropdown-container .drop-menu .menu-lis.type_info .juli[data-v-5dfe317b] {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
}
.dropdown-container .drop-menu .menu-lis.type_info .store-name[data-v-5dfe317b] {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.4px;
}
.dropdown-container .drop-menu .menu-lis.type_info .location[data-v-5dfe317b] {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
}
.dropdown-container .drop-menu .menu-lis.type_info .telphone[data-v-5dfe317b] {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
}
.dropdown-container .drop-menu .menu-lis.type-default .menu-item[data-v-5dfe317b] {
    padding: 15px 12px;
}
.dropdown-container .drop-menu .menu-lis.type-default .menu-item .item-des[data-v-5dfe317b] {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}
.dropdown-container .drop-menu.different-menu-box[data-v-5dfe317b] {
    padding: 0;
    border: 0;
}
.dropdown-container .drop-menu.different-menu-box .drop-menu-popbox[data-v-5dfe317b] {
    height: auto;
}
}
@media (max-width: 768px) {
.el-dialog[data-v-5dfe317b] {
    padding: 12px 16px 32px;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.el-dialog .el-dialog__header[data-v-5dfe317b] {
    margin-bottom: 12px;
}
.el-dialog .el-dialog__header .lisence-close svg[data-v-5dfe317b] {
    width: 12px;
    height: 12px;
    margin-right: 9px;
    margin-top: 5px;
}
.el-dialog .el-dialog__footer .lisence-img .lisence-img-none[data-v-5dfe317b] {
    min-height: 200px;
}
.el-dialog .el-dialog__footer .lisence-img .lisence-img-none p[data-v-5dfe317b] {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}
}.cox-2d-img[data-v-e234fe6b] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cox-2d-img .cox-2d-img-box[data-v-e234fe6b] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 800ms;
}
.cox-2d-img .car-body_img[data-v-e234fe6b] {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.cox-2d-img .cox-2d-img-bg[data-v-e234fe6b] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cox-2d-img .cox-2d-img-peizhi[data-v-e234fe6b] {
  transition: all 800ms;
}
.cox-2d-img .cox-2d-img-neishi[data-v-e234fe6b] {
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.cox-2d-img .cox-2d-img-xuanzhuang[data-v-e234fe6b] {
  transition: all 800ms;
}
.lil-gui {
  display: none !important;
}
.el-loading-mask .el-loading-spinner .path {
    stroke: #fff;
}
.el-loading-mask .el-loading-spinner .el-loading-text {
    color: #fff;
}

.cmp__pre_order[data-v-87eacd4d] {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
}
.cmp__pre_order[data-v-87eacd4d] * {
  box-sizing: border-box;
  font-style: normal;
}
.cmp__pre_order .container[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.cmp__pre_order .container.show[data-v-87eacd4d] {
  opacity: 1;
}
.cmp__pre_order .container .order-wrapper[data-v-87eacd4d] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cmp__pre_order .main-interface[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
  background: #c4c4c4;
}
.cmp__pre_order .main-interface.m-3d-mode[data-v-87eacd4d] {
  transition: background-color 4s;
  transition-delay: 1s;
}
.cmp__pre_order .main-interface.bg-stage[data-v-87eacd4d] {
  background: #c4c4c4;
}
.cmp__pre_order .main-interface.entry[data-v-87eacd4d] {
  background: #c4c4c4;
}
.cmp__pre_order .main-interface.entry .control-3dmode[data-v-87eacd4d] {
  transform: translateX(0);
  opacity: 1;
}
.cmp__pre_order .main-interface.entry .dashboard[data-v-87eacd4d] {
  transform: translateY(0);
  opacity: 1;
}
.cmp__pre_order .main-interface.info-entry .introduction[data-v-87eacd4d] {
  transform: translateX(0);
  opacity: 1;
}
.cmp__pre_order .main-interface .interface-box[data-v-87eacd4d] {
  height: 100%;
}
.cmp__pre_order .main-interface .mode3d2d-stage[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  display: flex;
}
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
}
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
}
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img img[data-v-87eacd4d] {
  display: block;
}
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img img.car-body-img[data-v-87eacd4d] {
  position: absolute;
}
.cmp__pre_order .main-interface .introduction[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 40px;
  margin-top: 30px;
  transform: translateX(-200%);
  transition: all 0.6s;
  opacity: 0;
}
.cmp__pre_order .main-interface .introduction .mask[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
  width: 557px;
  z-index: -1;
  z-index: -1;
}
.cmp__pre_order .main-interface .introduction .scp-info_card[data-v-87eacd4d] {
  transition: all 0.6s;
}
.cmp__pre_order .main-interface .introduction.tab-neishi .scp-info_card[data-v-87eacd4d] {
  padding: 16px;
  background: #fff;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(15px);
}
.cmp__pre_order .main-interface .control-3dmode[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
  left: initial;
  right: 0;
  display: flex;
  margin-right: 40px;
  margin-top: 37px;
  transform: translateX(200%);
  transition: all 0.6s;
  opacity: 0;
}
.cmp__pre_order .main-interface .control-3dmode .view-mode[data-v-87eacd4d],
.cmp__pre_order .main-interface .control-3dmode .toggle-2d3d[data-v-87eacd4d] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 4px;
  border-radius: 80px;
  background: rgba(207, 207, 207, 0.3);
  margin-bottom: 20px;
  backdrop-filter: blur(18px);
}
.cmp__pre_order .main-interface .control-3dmode .view-mode .btn[data-v-87eacd4d],
.cmp__pre_order .main-interface .control-3dmode .toggle-2d3d .btn[data-v-87eacd4d] {
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  color: rgba(0, 0, 0, 0.4);
  transition: height 0.5s;
  transition-delay: 0.5s;
  overflow: hidden;
}
.cmp__pre_order .main-interface .control-3dmode .view-mode .btn.active[data-v-87eacd4d],
.cmp__pre_order .main-interface .control-3dmode .toggle-2d3d .btn.active[data-v-87eacd4d] {
  background: #fff;
  color: rgba(0, 0, 0, 0.95);
}
.cmp__pre_order .main-interface .control-3dmode .view-mode .btn.ani-height[data-v-87eacd4d],
.cmp__pre_order .main-interface .control-3dmode .toggle-2d3d .btn.ani-height[data-v-87eacd4d] {
  height: 0;
}
.cmp__pre_order .main-interface .control-3dmode .view-mode .btn[data-v-87eacd4d]:first-child,
.cmp__pre_order .main-interface .control-3dmode .toggle-2d3d .btn[data-v-87eacd4d]:first-child {
  margin-bottom: 10px;
}
.cmp__pre_order .main-interface .control-3dmode .view-mode .btn-front[data-v-87eacd4d],
.cmp__pre_order .main-interface .control-3dmode .view-mode .btn-back[data-v-87eacd4d],
.cmp__pre_order .main-interface .control-3dmode .toggle-2d3d .btn-front[data-v-87eacd4d],
.cmp__pre_order .main-interface .control-3dmode .toggle-2d3d .btn-back[data-v-87eacd4d] {
  font-size: 12px;
  font-weight: 500;
  line-height: 9px;
  color: rgba(0, 0, 0, 0.6);
}
.cmp__pre_order .main-interface .control-3dmode .scale[data-v-87eacd4d] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 4px;
  border-radius: 80px;
  background: rgba(207, 207, 207, 0.3);
  backdrop-filter: blur(18px);
  margin-bottom: 20px;
}
.cmp__pre_order .main-interface .control-3dmode .scale .scale-rate[data-v-87eacd4d] {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.4);
  padding: 21px 0;
  text-align: center;
}
.cmp__pre_order .main-interface .control-3dmode .scale .btn[data-v-87eacd4d] {
  background: #fff;
}
.cmp__pre_order .main-interface .control-3dmode .btn[data-v-87eacd4d] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.cmp__pre_order .main-interface .control-3dmode .btn svg[data-v-87eacd4d] {
  width: 18px;
  height: 18px;
}
.cmp__pre_order .main-interface .dashboard[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  top: initial;
  bottom: 0;
  transform: translateY(200%);
  transition: all 0.6s;
  opacity: 0;
}
.cmp__pre_order .main-interface .dashboard .config-toggle[data-v-87eacd4d] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-swiper-button[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  margin-left: 40px;
  height: 100%;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-swiper-button .swiper-button-prev[data-v-87eacd4d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 50%;
  margin-right: 8px;
  cursor: pointer;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-swiper-button .swiper-button-next[data-v-87eacd4d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 50%;
  transform: rotate(180deg);
  cursor: pointer;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-swiper-button svg[data-v-87eacd4d] {
  width: 14.88px;
  height: 14.88px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-swiper-button .swiper-button-disabled[data-v-87eacd4d] {
  opacity: 0.5;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control[data-v-87eacd4d] {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 4px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  backdrop-filter: blur(10px);
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .config-control-bar[data-v-87eacd4d] {
  display: flex;
  align-items: center;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .config-control-bar .bar-item[data-v-87eacd4d] {
  padding: 13.5px 23px;
  border-radius: 6px;
  margin-right: 4px;
  cursor: pointer;
  z-index: 1;
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .config-control-bar .bar-item[data-v-87eacd4d]:last-child {
  margin-right: 0;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .config-control-bar .bar-item.active[data-v-87eacd4d] {
  color: rgba(0, 0, 0, 0.95);
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .full-screen[data-v-87eacd4d] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .full-screen .disable-full[data-v-87eacd4d] {
  pointer-events: none;
  opacity: 0.2;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .full-screen .full-screen-btn[data-v-87eacd4d] {
  cursor: pointer;
  padding: 11px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.3);
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .full-screen svg[data-v-87eacd4d] {
  display: block;
  width: 19px;
  height: 19px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount[data-v-87eacd4d] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  margin-right: 40px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .amount[data-v-87eacd4d] {
  margin-right: 18px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .amount .des[data-v-87eacd4d] {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  text-align: right;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.4);
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .amount .amount-number[data-v-87eacd4d] {
  display: block;
  font-size: 23px;
  font-weight: 600;
  line-height: 24px;
  text-align: right;
  color: rgba(0, 0, 0, 0.95);
}
@media (min-width: 1024.98px) {
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .amount.sty-fold .des[data-v-87eacd4d] {
    color: rgba(255, 255, 255, 0.6980392157);
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .amount.sty-fold .amount-number[data-v-87eacd4d] {
    color: rgba(255, 255, 255, 0.9490196078);
}
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .next-btn .btn[data-v-87eacd4d] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12.5px 45.5px;
  border-radius: 8px;
  background: #000;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .next-btn .btn i[data-v-87eacd4d] {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  color: #fff;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .next-btn .btn svg[data-v-87eacd4d] {
  color: #fff;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .next-btn .btn svg path[data-v-87eacd4d] {
  fill-opacity: 1 !important;
}
.cmp__pre_order .main-interface .dashboard .settlement[data-v-87eacd4d] {
  margin-top: 10px;
  margin-bottom: 26px;
  overflow: hidden;
}
.cmp__pre_order .main-interface .dashboard .settlement .settlement-box[data-v-87eacd4d]::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list[data-v-87eacd4d] {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1[data-v-87eacd4d] {
  padding-left: 40px;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1.full[data-v-87eacd4d] {
  padding-right: 40px;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1 .swiper-slide[data-v-87eacd4d] {
  flex: 0 0 400px;
  width: 400px;
  height: 100%;
  backdrop-filter: blur(10px);
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1 .card-list-wrpper[data-v-87eacd4d] {
  height: initial;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_2[data-v-87eacd4d] {
  padding-left: 40px;
  padding-right: 40px;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_2 .card-list-wrpper[data-v-87eacd4d] {
  width: 100%;
  height: initial;
  display: flex;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-num-full[data-v-87eacd4d] {
  padding-right: 40px;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-num-full .swiper-slide[data-v-87eacd4d] {
  flex: 1 0 0;
  width: auto;
  backdrop-filter: blur(10px);
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-num-full .card-item[data-v-87eacd4d] {
  flex: 1 0 0;
  width: auto;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-num-full .swiper-slide[data-v-87eacd4d] {
  transition: all 2s;
  overflow: hidden;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-num-full .swiper-slide:last-child .card-item[data-v-87eacd4d] {
  margin-right: 0;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list .swiper-slide.full-screen-ani[data-v-87eacd4d] {
  height: 0 !important;
}
.cmp__pre_order .main-interface .dashboard .settlement .optional .folder-none[data-v-87eacd4d] {
  width: 100%;
}
.cmp__pre_order .main-interface .result[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  top: initial;
  bottom: -100%;
  padding-left: 40px;
  padding-right: 40px;
  opacity: 0;
  transition: all 0.6s;
  overflow: visible !important;
}
.cmp__pre_order .main-interface .result.show[data-v-87eacd4d] {
  opacity: 1;
  bottom: 0;
}
.cmp__pre_order .main-interface .result .result-wrpper[data-v-87eacd4d]::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
.cmp__pre_order .main-interface .result .full-screen[data-v-87eacd4d] {
  position: absolute;
  right: 40px;
  top: 0;
  display: block;
  transform: translateY(-100%);
  padding-bottom: 24px;
}
.cmp__pre_order .main-interface .result .full-screen .full-screen-btn[data-v-87eacd4d] {
  cursor: pointer;
  padding: 11px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.3);
}
.cmp__pre_order .main-interface .result .full-screen svg[data-v-87eacd4d] {
  display: block;
  width: 19px;
  height: 19px;
}
.cmp__pre_order .main-interface .result .result-scrollbox[data-v-87eacd4d] {
  padding-bottom: 6px;
}
.cmp__pre_order .main-interface .result .result-top[data-v-87eacd4d] {
  display: flex;
  flex-wrap: nowrap;
}
.cmp__pre_order .main-interface .result .result-top .result-selected[data-v-87eacd4d],
.cmp__pre_order .main-interface .result .result-top .buycar_info[data-v-87eacd4d],
.cmp__pre_order .main-interface .result .result-top .user_info[data-v-87eacd4d] {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.cmp__pre_order .main-interface .result .result-top .head[data-v-87eacd4d] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.cmp__pre_order .main-interface .result .result-top .head .title[data-v-87eacd4d] {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: #000;
}
.cmp__pre_order .main-interface .result .result-top .head .button[data-v-87eacd4d] {
  display: flex;
  align-items: center;
}
.cmp__pre_order .main-interface .result .result-top .head .button .btn-text[data-v-87eacd4d] {
  font-size: 12px;
  font-weight: 500;
}
.cmp__pre_order .main-interface .result .result-top .head .button svg[data-v-87eacd4d] {
  width: 12px;
  height: 12px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected[data-v-87eacd4d] {
  flex: 1 1 25%;
  padding: 20px 16px 19px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list .list-item[data-v-87eacd4d] {
  margin-top: 10px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list .list-item .subtitle[data-v-87eacd4d] {
  font-size: 11px;
  font-weight: 400;
  line-height: 13.2px;
  color: rgba(0, 0, 0, 0.55);
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list .list-item .description[data-v-87eacd4d] {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list .list-item .description .des-name[data-v-87eacd4d] {
  font-size: 12px;
  font-weight: 500;
  line-height: 14.4px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list .list-item .description .des-explain[data-v-87eacd4d] {
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info[data-v-87eacd4d] {
  flex: 1 1 50%;
  margin: 0 6px;
  padding: 20px 16px 20px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1[data-v-87eacd4d] {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px 20px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_mode[data-v-87eacd4d] {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 0 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_mode .head[data-v-87eacd4d] {
  margin-bottom: 10px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_mode .head .title[data-v-87eacd4d] {
  font-size: 12px;
  line-height: 14px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_mode .head .button .btn-text[data-v-87eacd4d] {
  font-size: 11px;
  line-height: 11px;
  color: rgb(38, 96, 245);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_trade[data-v-87eacd4d] {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 0 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_trade .head[data-v-87eacd4d] {
  margin-bottom: 10px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_trade .head .title[data-v-87eacd4d] {
  font-size: 12px;
  line-height: 14px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_trade .head .button .btn-text[data-v-87eacd4d] {
  font-size: 11px;
  line-height: 11px;
  color: rgba(0, 0, 0, 0.95);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .btn-box[data-v-87eacd4d] {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 -5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .btn-box .btn-item[data-v-87eacd4d] {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .btn-box .btn-item .item-btn[data-v-87eacd4d] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  padding: 11px 0;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .btn-box .btn-item .item-btn.active[data-v-87eacd4d] {
  border: 1px solid rgba(0, 0, 0, 0.95);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2[data-v-87eacd4d] {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 100%;
  margin: 0 -5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .head[data-v-87eacd4d] {
  flex: 0 0 100%;
  padding: 0 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .head .title[data-v-87eacd4d] {
  font-size: 12px;
  line-height: 14px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .head[data-v-87eacd4d] {
  margin-bottom: 12px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1[data-v-87eacd4d] {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .box[data-v-87eacd4d] {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 -5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item[data-v-87eacd4d] {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item[data-v-87eacd4d] .dropdown-container {
  height: 38px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item .order-input[data-v-87eacd4d] {
  height: 38px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .dropdown {
  border-radius: 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .dropdown.info-err {
  border: 1px solid rgb(231, 31, 31);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .dropdown .dropdown-content {
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .dropdown .dropdown-content i {
  white-space: nowrap;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .dropdown.selected .dropdown-content {
  color: rgba(0, 0, 0, 0.95);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .drop-menu {
  height: 347px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .store-list[data-v-87eacd4d] .dropdown-container .dropdown {
  border-color: #000;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .store-list[data-v-87eacd4d] .el-input {
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 5px;
  background: transparent;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .store-list[data-v-87eacd4d] .el-input .el-input__wrapper {
  background: transparent;
  box-shadow: initial;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .store-list[data-v-87eacd4d] .el-input .el-input__inner {
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  color: rgb(163, 164, 166);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .store-list[data-v-87eacd4d] .el-input .el-input.is-disabled .el-input__inner {
  color: rgb(163, 164, 166);
  -webkit-text-fill-color: rgb(163, 164, 166);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2[data-v-87eacd4d] {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .box[data-v-87eacd4d] {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 -5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .area-level_item[data-v-87eacd4d] {
  flex: 1 0 100%;
  max-width: 100%;
  padding: 0 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .area-level_item[data-v-87eacd4d] .dropdown-container {
  height: 38px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .dropdown {
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .dropdown.info-err {
  border: 1px solid rgb(231, 31, 31);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .dropdown .dropdown-content {
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu {
  height: auto;
  padding-right: 6px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper {
  padding: 12px 0 12px 10px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-lis {
  padding-right: 6px;
  overflow-y: auto;
  max-height: 338px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item {
  padding: 14px 12px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .juli {
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  margin-bottom: 10px;
  color: #000;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .juli .juli-des {
  color: rgba(0, 0, 0, 0.55);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .store-name {
  font-size: 12px;
  font-weight: 500;
  line-height: 14.4px;
  margin-bottom: 10px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .location {
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  margin-bottom: 8px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .telphone {
  display: flex;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  color: #000;
  color: rgba(0, 0, 0, 0.55);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .telphone .phone-num {
  color: #000;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .telphone .view-certificates {
  margin-left: 16px;
  color: rgba(0, 0, 0, 0.55);
  text-decoration: underline;
}
.cmp__pre_order .main-interface .result .result-top .user_info[data-v-87eacd4d] {
  flex: 1 1 25%;
  padding: 20px 16px 25px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .head[data-v-87eacd4d] {
  margin-bottom: 8px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper[data-v-87eacd4d] {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] {
  margin-top: 12px;
  padding: 0 5px;
  height: 40px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item .order-input[data-v-87eacd4d] {
  height: 40px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .el-input {
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 5px;
  background: transparent;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .el-input .el-input__wrapper {
  background: transparent;
  box-shadow: initial;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .el-input .el-input__inner {
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.95);
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .el-input .el-input__inner::input-placeholder {
  color: rgb(163, 164, 166);
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .el-input .el-input__inner::-webkit-input-placeholder {
  color: rgb(163, 164, 166);
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .el-input .el-input__inner::-moz-placeholder {
  color: rgb(163, 164, 166);
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .el-input .el-input__inner::-moz-placeholder {
  color: rgb(163, 164, 166);
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .el-input .el-input__inner::-ms-input-placeholder {
  color: rgb(163, 164, 166);
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .el-input .el-input.is-disabled .el-input__inner {
  color: rgb(163, 164, 166);
  -webkit-text-fill-color: rgb(163, 164, 166);
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d]:nth-child(1) {
  flex: 0 0 50%;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d]:nth-child(2) {
  flex: 0 0 50%;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d]:nth-child(3) {
  flex: 0 0 100%;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d]:nth-child(4) {
  flex: 0 0 100%;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item.certificate[data-v-87eacd4d] .dropdown-container {
  height: 40px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item.certificate[data-v-87eacd4d] .dropdown-container .dropdown {
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 5px;
  padding-left: 11px;
  padding-right: 11px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item.certificate[data-v-87eacd4d] .dropdown-container .dropdown.info-err {
  border: 1px solid rgb(231, 31, 31);
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item.certificate[data-v-87eacd4d] .dropdown-container .dropdown .dropdown-content {
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  color: rgb(163, 164, 166);
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item.certificate[data-v-87eacd4d] .dropdown-container .drop-menu {
  height: 265px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item.info-err[data-v-87eacd4d] .el-input {
  border: 1px solid rgb(231, 31, 31);
}
.cmp__pre_order .main-interface .result .result-bottom[data-v-87eacd4d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.7);
  margin-top: 6px;
  padding: 16px;
}
.cmp__pre_order .main-interface .result .result-bottom .term[data-v-87eacd4d] {
  margin-bottom: 12px;
  padding-left: 16px;
}
.cmp__pre_order .main-interface .result .result-bottom .term .buy-tip-text[data-v-87eacd4d] {
  display: none;
}
.cmp__pre_order .main-interface .result .result-bottom .term .confirm-term[data-v-87eacd4d] {
  position: relative;
  margin-bottom: 12px;
}
.cmp__pre_order .main-interface .result .result-bottom .term .confirm-term .agree-term-check[data-v-87eacd4d] {
  position: absolute;
  left: -3px;
  top: 3px;
  display: block;
  width: 13px;
  height: 13px;
  transform: translateX(-100%);
  border-radius: 50%;
  -webkit-appearance: none; /* 移除默认样式 */
  border: 1px solid #000;
  cursor: pointer;
}
.cmp__pre_order .main-interface .result .result-bottom .term .confirm-term .agree-term-check[data-v-87eacd4d]:checked {
  border: 1px solid #000;
  background-color: #000;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYgOC41QzE2IDQuMzU3ODcgMTIuNjQyMSAxIDguNSAxQzQuMzU3ODcgMSAxIDQuMzU3ODcgMSA4LjVDMSAxMi42NDIxIDQuMzU3ODcgMTYgOC41IDE2QzEyLjY0MjEgMTYgMTYgMTIuNjQyMSAxNiA4LjVaIi8+DQo8cGF0aCBkPSJNMTEuNjE0MiA2LjIzNzQ3QzExLjkzMTIgNS45MjA4NCAxMi40NDUyIDUuOTIwODQgMTIuNzYyMiA2LjIzNzQ3QzEzLjA1MDYgNi41MjU0MyAxMy4wNzY2IDYuOTc1NzggMTIuODQwNyA3LjI5MzMxTDEyLjgzNjkgNy4yOTg0N0wxMi43NjY4IDcuMzc5NThMOC4zNzg0MyAxMS43NjI1QzguMDkwMTIgMTIuMDUwNSA3LjYzOTIyIDEyLjA3NjUgNy4zMjEyOSAxMS44NDA5TDcuMzE2MTMgMTEuODM3MUw3LjIzNDkyIDExLjc2N0w1LjIzNzc2IDkuNzcyMzNDNC45MjA3NSA5LjQ1NTcgNC45MjA3NSA4Ljk0MjM1IDUuMjM3NzYgOC42MjU3MkM1LjUyNjA3IDguMzM3NzYgNS45NzY5NyA4LjMxMTc2IDYuMjk0OSA4LjU0NzM2TDYuMzAwMDYgOC41NTExOUw2LjM4MTI4IDguNjIxMjJMNy44MDQ0MyAxMC4wNDI5TDExLjYxNDIgNi4yMzc0N1oiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==");
  background-repeat: no-repeat;
  background-position: 60% 60%;
}
.cmp__pre_order .main-interface .result .result-bottom .term .confirm-term .confirm_text[data-v-87eacd4d] {
  font-size: 12px;
  font-weight: 500;
  line-height: 19.59px;
}
.cmp__pre_order .main-interface .result .result-bottom .term .confirm-term .confirm_text .policy[data-v-87eacd4d] {
  text-decoration: underline;
}
.cmp__pre_order .main-interface .result .result-bottom .term .confirm-term.info-err .agree-term-check[data-v-87eacd4d] {
  border: 1px solid rgb(231, 31, 31);
}
.cmp__pre_order .main-interface .result .result-bottom .term .confirm-term.info-err .confirm_text[data-v-87eacd4d] {
  color: rgb(231, 31, 31);
}
.cmp__pre_order .main-interface .result .result-bottom .term .confirm-term.info-err .confirm_text .policy[data-v-87eacd4d] {
  color: rgb(231, 31, 31);
}
.cmp__pre_order .main-interface .result .result-bottom .term .term-des[data-v-87eacd4d] {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-text[data-v-87eacd4d] {
  display: none;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .amount-right-box[data-v-87eacd4d] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .amount[data-v-87eacd4d] {
  margin-right: 18px;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .amount .des[data-v-87eacd4d] {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  text-align: right;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.4);
}
.cmp__pre_order .main-interface .result .result-bottom .pay .amount .amount-number[data-v-87eacd4d] {
  display: block;
  font-size: 23px;
  font-weight: 600;
  line-height: 24px;
  text-align: right;
  color: rgba(0, 0, 0, 0.95);
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-btn[data-v-87eacd4d] {
  display: block;
  font-size: 14px;
  line-height: 23px;
  font-weight: 500;
  padding: 11.5px 56.5px;
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.09);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-btn.active[data-v-87eacd4d] {
  background: rgba(0, 0, 0, 0.95);
  color: #fff;
  pointer-events: initial;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-btn .pc-text-pay[data-v-87eacd4d] {
  display: inline;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-btn .mob-text-pay[data-v-87eacd4d] {
  display: none;
}
.cmp__pre_order .enter-stage[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.cmp__pre_order .enter-stage .enter_car[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.cmp__pre_order .pop-interface[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
}
.cmp__pre_order .pop-interface .pop_bg_filter[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  opacity: 1;
}
.cmp__pre_order .pop-interface .pop_bg_filter.pop_fade-enter-active[data-v-87eacd4d], .cmp__pre_order .pop-interface .pop_bg_filter.pop_fade-leave-active[data-v-87eacd4d] {
  transition: all 0.4s ease-in-out;
}
.cmp__pre_order .pop-interface .pop_bg_filter.pop_fade-enter-from[data-v-87eacd4d], .cmp__pre_order .pop-interface .pop_bg_filter.pop_fade-leave-to[data-v-87eacd4d] {
  opacity: 0;
}
.cmp__pre_order .pop-interface .pop-interface-box[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
}
.cmp__pre_order .pop-interface .pop-interface-content[data-v-87eacd4d] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll[data-v-87eacd4d] {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: 588px;
  border-radius: 10px;
  background: #fff;
  transition: all 0.2s;
  transition-delay: 0.2s;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head[data-v-87eacd4d] {
  padding: 20px 20px 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head .pop-head_wrapper[data-v-87eacd4d] {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 20px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head .head-title[data-v-87eacd4d] {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head .close-pop[data-v-87eacd4d] {
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head.logo-mode[data-v-87eacd4d] {
  position: relative;
  padding: 18px 8px 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head.logo-mode .pop-head_wrapper[data-v-87eacd4d] {
  padding-bottom: 26px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head.logo-mode .logo-pop[data-v-87eacd4d] {
  width: 122px;
  margin: 0 auto;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head.logo-mode .close-pop[data-v-87eacd4d] {
  position: absolute;
  right: 20px;
  top: 18px;
  cursor: pointer;
  color: #fff;
  width: 24px;
  height: 24px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll.not-line .pop-head .pop-head_wrapper[data-v-87eacd4d] {
  padding-bottom: 0;
  border-bottom: none;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll.pop_content_fade-enter-active[data-v-87eacd4d], .cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll.pop_content_fade-leave-active[data-v-87eacd4d] {
  transition: all 0.4s ease-in-out;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll.pop_content_fade-enter-from[data-v-87eacd4d], .cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll.pop_content_fade-leave-to[data-v-87eacd4d] {
  transform: translate(-50%, 5%);
  opacity: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box[data-v-87eacd4d] {
  width: 950px;
  bottom: initial;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .pop-head .pop-head_wrapper[data-v-87eacd4d] {
  align-items: center;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content[data-v-87eacd4d] {
  padding: 20px;
  overflow-y: auto;
  height: 600px;
  max-height: 60vh;
}
@media (max-height: 700px) {
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content[data-v-87eacd4d] {
    height: 400px;
}
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col[data-v-87eacd4d] {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px 8px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col[data-v-87eacd4d]:last-child {
  margin-bottom: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col .benefit-item[data-v-87eacd4d] {
  padding: 0 4px;
  margin-bottom: 8px;
  flex: 1;
  min-width: 33.33%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col .benefit-item .item-wrap[data-v-87eacd4d] {
  border-radius: 8px;
  padding: 24px 24px 24px 20px;
  background: rgba(0, 0, 0, 0.02);
  height: 100%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col .benefit-item .img-icon[data-v-87eacd4d] {
  display: block;
  width: 32px;
  margin-bottom: 6px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col .benefit-item .benefit-title[data-v-87eacd4d] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: rgb(26, 28, 32);
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col .benefit-item .benefit-list .list-item[data-v-87eacd4d] {
  font-size: 13px;
  font-weight: 500;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.55);
  list-style: disc;
  margin-left: 20px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-5 .benefit-item[data-v-87eacd4d]:nth-child(1) {
  flex: 0 0 50%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-5 .benefit-item[data-v-87eacd4d]:nth-child(2) {
  flex: 0 0 50%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-5 .benefit-item[data-v-87eacd4d]:nth-child(3) {
  flex: 0 0 33.33333%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-5 .benefit-item[data-v-87eacd4d]:nth-child(4) {
  flex: 0 0 33.33333%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-5 .benefit-item[data-v-87eacd4d]:nth-child(5) {
  flex: 0 0 33.33333%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-4 .benefit-item[data-v-87eacd4d]:nth-child(1) {
  flex: 0 0 50%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-4 .benefit-item[data-v-87eacd4d]:nth-child(2) {
  flex: 0 0 50%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-4 .benefit-item[data-v-87eacd4d]:nth-child(3) {
  flex: 0 0 50%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-4 .benefit-item[data-v-87eacd4d]:nth-child(4) {
  flex: 0 0 50%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-3 .benefit-item[data-v-87eacd4d]:nth-child(1) {
  flex: 0 0 50%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-3 .benefit-item[data-v-87eacd4d]:nth-child(2) {
  flex: 0 0 50%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-3 .benefit-item[data-v-87eacd4d]:nth-child(3) {
  flex: 0 0 100%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-2 .benefit-item[data-v-87eacd4d]:nth-child(1) {
  flex: 0 0 50%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-2 .benefit-item[data-v-87eacd4d]:nth-child(2) {
  flex: 0 0 50%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col.col-1 .benefit-item[data-v-87eacd4d]:nth-child(1) {
  flex: 0 0 100%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .notes-list[data-v-87eacd4d] {
  margin-top: 20px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .notes-list .notes-item[data-v-87eacd4d] {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.4);
  list-style: disc;
  margin-left: 20px;
}
.cmp__pre_order .pop-interface .pop-interface-content .svg-pop-box[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  transform: translate(-50%, 0) scale(1);
}
.cmp__pre_order .pop-interface .pop-interface-content .svg-pop-box.pop_content360_fade-enter-active[data-v-87eacd4d] {
  transition: all 1s ease-in-out;
}
.cmp__pre_order .pop-interface .pop-interface-content .svg-pop-box.pop_content360_fade-leave-active[data-v-87eacd4d] {
  transition: all 0.4s ease-in-out;
}
.cmp__pre_order .pop-interface .pop-interface-content .svg-pop-box.pop_content360_fade-enter-from[data-v-87eacd4d], .cmp__pre_order .pop-interface .pop-interface-content .svg-pop-box.pop_content360_fade-leave-to[data-v-87eacd4d] {
  transform: translate(-50%, 0) scale(0.8);
  opacity: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box[data-v-87eacd4d] {
  display: flex;
  flex-wrap: wrap;
  height: 80%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .pop-head[data-v-87eacd4d] {
  width: 100%;
  flex: 1 0 auto;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .pop-head .pop-head_wrapper .head-title[data-v-87eacd4d] {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .pop-head .pop-head_wrapper .close-pop[data-v-87eacd4d] {
  display: block;
  width: 28px;
  height: 28px;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .notice-pop-content[data-v-87eacd4d] {
  width: 100%;
  overflow-y: auto;
  padding: 20px 4px 20px 20px;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .notice-pop-content[data-v-87eacd4d]::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .notice-pop-content[data-v-87eacd4d]::-webkit-scrollbar-track {
  display: none;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .notice-pop-content[data-v-87eacd4d]::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.1019607843);
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .notice-pop-content .notice-pop-content-scroll[data-v-87eacd4d] {
  overflow-y: auto;
  height: 100%;
  padding-right: 16px;
  padding-bottom: 80px;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .notice-pop-content .notice-title[data-v-87eacd4d] {
  font-size: 13px;
  font-weight: 500;
  line-height: 23.66px;
  color: rgb(26, 28, 32);
  margin-bottom: 16px;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .notice-pop-content .notice-des[data-v-87eacd4d] {
  font-size: 13px;
  font-weight: 400;
  line-height: 23.66px;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .notice-pop-content .notice-s1-title[data-v-87eacd4d] {
  font-size: 13px;
  font-weight: 400;
  line-height: 23.66px;
}
.cmp__pre_order .pop-interface .pop-interface-content .notice-pop-box .notice-pop-content .notice-s1-des[data-v-87eacd4d] {
  font-size: 13px;
  font-weight: 400;
  line-height: 23.66px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box[data-v-87eacd4d] {
  width: 380px;
  background: rgb(104, 109, 113);
  bottom: initial;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box.pop_content_fade-enter-from[data-v-87eacd4d], .cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box.pop_content_fade-leave-to[data-v-87eacd4d] {
  transform: translate(-50%, -45%);
  opacity: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content[data-v-87eacd4d] {
  padding: 0 8px 15px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content[data-v-87eacd4d] {
  padding: 24px 20px 16px;
  border-radius: 8px;
  background: rgb(255, 255, 255);
  text-align: center;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .deposit-text[data-v-87eacd4d] {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 13px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .deposit-num[data-v-87eacd4d] {
  font-size: 30px;
  font-weight: 500;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.95);
  margin-bottom: 25px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .deposit-qrcode-box[data-v-87eacd4d] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .deposit-qrcode-box .deposit-qrcode-wrap[data-v-87eacd4d] {
  position: relative;
  flex: 0 1 auto;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .deposit-qrcode-box .deposit-qrcode-wrap .pay-mask[data-v-87eacd4d] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(249, 249, 249, 0.98);
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .deposit-qrcode-box .deposit-qrcode[data-v-87eacd4d] {
  display: block;
  width: 149px;
  height: 149px;
  margin: 0 auto 15px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .deposit-btn[data-v-87eacd4d] {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  border-bottom: 1px solid rgba(0, 0, 0, 0.65);
  margin: 0 auto 14px;
  color: #c7c7c7;
  border-bottom: 1px solid #e7e7e7;
  pointer-events: none;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .pay-mony-btn[data-v-87eacd4d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .pay-mony-btn .pay-type-btn[data-v-87eacd4d] {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(0, 0, 0, 0.02);
  padding: 13.88px 0;
  border-radius: 6px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .pay-mony-btn .pay-type-btn svg[data-v-87eacd4d] {
  width: 16px;
  height: 16px;
  margin-right: 3px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .pay-mony-btn .pay-type-btn i[data-v-87eacd4d] {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.55);
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .qrcode-content .pay-mony-btn .pay-type-btn.selected i[data-v-87eacd4d] {
  color: rgba(0, 0, 0, 0.95);
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content .pay-warn_text[data-v-87eacd4d] {
  margin-top: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content.active .qrcode-content .deposit-btn[data-v-87eacd4d] {
  color: rgba(0, 0, 0, 0.65);
  border-bottom: 1px solid rgba(0, 0, 0, 0.65);
  pointer-events: initial;
}
.cmp__pre_order .pop-interface .pop-interface-content .pay-pop-box .pay-pop-content.mask .qrcode-content .deposit-qrcode-box .deposit-qrcode-wrap .pay-mask[data-v-87eacd4d] {
  display: block;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box[data-v-87eacd4d] {
  height: 80%;
  transform: translate(-50%, -50%);
  top: 50%;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-wrap[data-v-87eacd4d] {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 20px 0 20px;
  border-radius: 10px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-header[data-v-87eacd4d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-header .different-header-title[data-v-87eacd4d] {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-header .different-close[data-v-87eacd4d] {
  cursor: pointer;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-header .different-close svg[data-v-87eacd4d] {
  display: block;
  width: 28px;
  height: 28px;
  color: currentColor;
  color: rgb(0, 0, 0);
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-info-select[data-v-87eacd4d] {
  padding-top: 20px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-info-select .different-info-select-title[data-v-87eacd4d] {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  margin-bottom: 14px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-activity[data-v-87eacd4d] {
  margin-top: 20px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-activity .activity-card[data-v-87eacd4d] {
  padding: 12px 28px;
  border-radius: 8px;
  background: rgba(255, 119, 0, 0.08);
  border: 1px solid rgba(255, 119, 0, 0.2);
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-activity .activity-card .activity-card-item[data-v-87eacd4d] {
  font-weight: 400;
  font-size: 13px;
  line-height: 160%;
  letter-spacing: 0%;
  color: rgb(255, 119, 0);
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights[data-v-87eacd4d] {
  flex-grow: 1;
  overflow: hidden;
  padding-top: 20px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap[data-v-87eacd4d] {
  height: 100%;
  overflow-y: auto;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card[data-v-87eacd4d] {
  padding: 24px 28px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.02);
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-info[data-v-87eacd4d] {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-info .info-title[data-v-87eacd4d] {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-info .info-upgrade-des[data-v-87eacd4d] {
  font-weight: 400;
  font-size: 13px;
  line-height: 180%;
  margin-top: 4px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-list[data-v-87eacd4d] {
  padding-top: 12px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-list .list-item[data-v-87eacd4d] {
  position: relative;
  font-weight: 400;
  font-size: 13px;
  line-height: 180%;
  padding-left: 20px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-list .list-item[data-v-87eacd4d]::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 10px;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: #000;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-footer[data-v-87eacd4d] {
  padding: 12px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-footer .footer-des[data-v-87eacd4d] {
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  text-align: right;
  color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 1024px) {
.cmp__pre_order .main-interface .introduction[data-v-87eacd4d] {
    margin-left: 24px;
}
.cmp__pre_order .main-interface .introduction .back-btn[data-v-87eacd4d] {
    display: none;
}
.cmp__pre_order .main-interface .control-3dmode[data-v-87eacd4d] {
    margin-right: 24px;
}
.cmp__pre_order .main-interface .dashboard[data-v-87eacd4d] {
    bottom: 0;
    padding: 0 24px;
}
.cmp__pre_order .main-interface .dashboard .dashboard-wrap[data-v-87eacd4d] {
    padding: 8px 8px 0 8px;
    border-radius: 8px;
    border-image-source: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.54) 100%);
}
.cmp__pre_order .main-interface .dashboard .config-toggle[data-v-87eacd4d] {
    position: initial;
    padding: 0 10px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control[data-v-87eacd4d] {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background: transparent;
    border-radius: 0;
    padding: 0;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .config-control-bar[data-v-87eacd4d] {
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #999;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .config-control-bar .bar-item[data-v-87eacd4d] {
    padding: 9px 0 11px;
    margin-right: 0;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .full-screen[data-v-87eacd4d] {
    margin-left: 24px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .full-screen .full-screen-btn[data-v-87eacd4d] {
    padding: 11px 12px;
    border-radius: 8px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .full-screen svg[data-v-87eacd4d] {
    width: 19px;
    height: 19px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount[data-v-87eacd4d] {
    position: fixed;
    right: initial;
    bottom: 0;
    top: initial;
    left: 0;
    z-index: 2;
    transform: translateY(0);
    background: #FFFFFF;
    width: 100%;
    padding: 8px 34px;
    border-top: 1px solid rgba(0, 0, 0, 0.0784313725);
    justify-content: space-between;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .amount .des[data-v-87eacd4d] {
    text-align: left;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .amount .amount-number[data-v-87eacd4d] {
    text-align: left;
}
.cmp__pre_order .main-interface .dashboard .settlement[data-v-87eacd4d] {
    margin-bottom: 0;
    margin-top: 0;
}
.cmp__pre_order .main-interface .dashboard .settlement .settlement-box[data-v-87eacd4d] {
    height: 400px;
    overflow: auto;
    padding-bottom: 66px;
    padding-top: 14px;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1[data-v-87eacd4d] {
    padding: 0;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1 .card-list-wrpper[data-v-87eacd4d] {
    display: block;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1 .swiper-slide[data-v-87eacd4d] {
    width: 100%;
    height: auto;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1.full[data-v-87eacd4d] {
    height: 100%;
    padding: 0;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1.full .card-none[data-v-87eacd4d],
  .cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1.full .folder-none[data-v-87eacd4d] {
    height: 100%;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_2[data-v-87eacd4d] {
    padding: 0;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_2 .card-list-wrpper[data-v-87eacd4d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.cmp__pre_order .main-interface .result[data-v-87eacd4d] {
    padding-left: 24px;
    padding-right: 24px;
}
.cmp__pre_order .main-interface .result .result-wrpper[data-v-87eacd4d] {
    max-height: calc(70vh - 58px);
    overflow-y: auto;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: rgba(255, 255, 255, 0.3019607843);
    padding: 8px;
    border-radius: 8px;
}
.cmp__pre_order .main-interface .result .full-screen[data-v-87eacd4d] {
    right: 24px;
}
.cmp__pre_order .main-interface .result .result-scrollbox[data-v-87eacd4d] {
    padding-bottom: 62px;
}
.cmp__pre_order .main-interface .result .result-top[data-v-87eacd4d] {
    display: block;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info[data-v-87eacd4d] {
    margin: 0;
}
.cmp__pre_order .main-interface .result .result-top .result-top-item[data-v-87eacd4d] {
    margin-bottom: 5px;
}
.cmp__pre_order .main-interface .result .result-top .result-top-item[data-v-87eacd4d]:last-child {
    margin-bottom: 0;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1[data-v-87eacd4d] {
    display: block;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_mode[data-v-87eacd4d] {
    flex: 1 100%;
    max-width: 100%;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_mode .head .button[data-v-87eacd4d] {
    color: #000000;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_mode .head .button .btn-text[data-v-87eacd4d] {
    color: #000000;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_trade[data-v-87eacd4d] {
    flex: 1 100%;
    max-width: 100%;
    margin-top: 10px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1[data-v-87eacd4d] {
    flex: 1 0 100%;
    max-width: 100%;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .drop-menu {
    height: 100%;
    padding: 0;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox {
    height: auto;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .drop-menu .el-tabs__content {
    height: 368px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2[data-v-87eacd4d] {
    flex: 1 0 100%;
    max-width: 100%;
    margin-top: 10px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu {
    height: 100%;
    padding: 0;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox {
    height: auto;
    max-height: initial;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-scrollbox {
    max-height: 400px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d]:nth-child(3),
  .cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d]:nth-child(4) {
    flex: 1 0 50%;
    max-width: 50%;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item.certificate[data-v-87eacd4d] .dropdown-container .drop-menu {
    height: 100%;
    padding: 0;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item.certificate[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox {
    height: auto;
    max-height: 450px;
}
.cmp__pre_order .main-interface .result .result-bottom[data-v-87eacd4d] {
    margin-top: 5px;
}
.cmp__pre_order .main-interface .result .result-bottom .pay[data-v-87eacd4d] {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 8px 34px;
    transform: translateY(100%);
    transition: all 0.6s ease-in-out;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-wrap[data-v-87eacd4d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-wrap .pay-text[data-v-87eacd4d] {
    display: block;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-wrap .pay-text .pay-text-des[data-v-87eacd4d] {
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-wrap .pay-text .pay-text-mony[data-v-87eacd4d] {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin-top: 6px;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-btn .pc-text-pay[data-v-87eacd4d] {
    display: none;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-btn .mob-text-pay[data-v-87eacd4d] {
    display: inline;
}
.cmp__pre_order .main-interface .result.show .result-bottom .pay[data-v-87eacd4d] {
    transform: translateY(0);
}
.cmp__pre_order .pop-interface .pop-interface-content[data-v-87eacd4d] {
    padding: 0 24px;
}
.cmp__pre_order .pop-interface .pop-interface-content.different-mob-adapt[data-v-87eacd4d] {
    padding: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll.notice-pop-box[data-v-87eacd4d] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll.notice-pop-box .notice-pop-content .notice-pop-content-scroll[data-v-87eacd4d] {
    padding-bottom: 80px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box[data-v-87eacd4d] {
    bottom: initial;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    position: relative;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box[data-v-87eacd4d] {
    width: 100%;
    height: 100%;
    bottom: initial;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    background: transparent;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 24px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box.pop_content_fade-enter-from[data-v-87eacd4d], .cmp__pre_order .pop-interface .pop-interface-content .different-pop-box.pop_content_fade-leave-to[data-v-87eacd4d] {
    transform: translate(0, 20%);
    opacity: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-wrap[data-v-87eacd4d] {
    height: 80%;
    background: rgb(255, 255, 255);
    width: 100%;
}
}
@media (max-width: 768px) {
.cmp__pre_order .main-interface .introduction[data-v-87eacd4d] {
    margin-left: 16px;
    margin-top: 28px;
}
.cmp__pre_order .main-interface .control-3dmode[data-v-87eacd4d] {
    margin-right: 16px;
    margin-top: 28px;
}
.cmp__pre_order .main-interface .control-3dmode .scale[data-v-87eacd4d] {
    padding: 2.56px;
    border-radius: 51.2px;
}
.cmp__pre_order .main-interface .control-3dmode .scale .scale-rate[data-v-87eacd4d] {
    padding: 9.4px 0;
    font-size: 7.68px;
    font-weight: 400;
    line-height: 7.68px;
}
.cmp__pre_order .main-interface .control-3dmode .btn[data-v-87eacd4d] {
    width: 26.88px;
    height: 26.88px;
    font-size: 7.68px !important;
    font-weight: 400 !important;
    line-height: 7.68px !important;
}
.cmp__pre_order .main-interface .control-3dmode .btn[data-v-87eacd4d]:first-child {
    margin-bottom: 0;
}
.cmp__pre_order .main-interface .control-3dmode .btn svg[data-v-87eacd4d] {
    width: 12px;
    height: 12px;
}
.cmp__pre_order .main-interface .dashboard[data-v-87eacd4d] {
    padding: 0 10px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .config-control .config-control-bar .bar-item[data-v-87eacd4d] {
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    padding: 9px 0 17px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount[data-v-87eacd4d] {
    position: fixed;
    margin-right: 0;
    padding: 8px 20px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .amount[data-v-87eacd4d] {
    margin-right: 16px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .amount .des[data-v-87eacd4d] {
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    margin-bottom: 6px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .amount .amount-number[data-v-87eacd4d] {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .next-btn .btn[data-v-87eacd4d] {
    width: 146px;
    padding: 13px 0;
    border-radius: 8px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .next-btn .btn i[data-v-87eacd4d] {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
.cmp__pre_order .main-interface .dashboard .config-toggle .total-amount .next-btn .btn svg[data-v-87eacd4d] {
    display: none;
}
.cmp__pre_order .main-interface .dashboard .settlement .settlement-box[data-v-87eacd4d] {
    padding-bottom: 56px;
    height: 284px;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1.full[data-v-87eacd4d] {
    height: 100%;
    padding: 0;
}
.cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1.full .card-none[data-v-87eacd4d],
  .cmp__pre_order .main-interface .dashboard .settlement .card-list.card-type_1.full .folder-none[data-v-87eacd4d] {
    height: 100%;
}
.cmp__pre_order .main-interface .result[data-v-87eacd4d] {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.cmp__pre_order .main-interface .result .result-wrpper[data-v-87eacd4d] {
    padding: 8px 6px;
}
.cmp__pre_order .main-interface .result .full-screen[data-v-87eacd4d] {
    right: 10px;
    padding-bottom: 24px;
}
.cmp__pre_order .main-interface .result .full-screen .full-screen-btn[data-v-87eacd4d] {
    padding: 11px 12px;
    border-radius: 8px;
}
.cmp__pre_order .main-interface .result .full-screen svg[data-v-87eacd4d] {
    width: 19px;
    height: 19px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected[data-v-87eacd4d],
  .cmp__pre_order .main-interface .result .result-top .buycar_info[data-v-87eacd4d],
  .cmp__pre_order .main-interface .result .result-top .user_info[data-v-87eacd4d] {
    border-radius: 8px;
}
.cmp__pre_order .main-interface .result .result-top .head[data-v-87eacd4d] {
    margin-bottom: 0;
}
.cmp__pre_order .main-interface .result .result-top .head .title[data-v-87eacd4d] {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
}
.cmp__pre_order .main-interface .result .result-top .head .button .btn-text[data-v-87eacd4d] {
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
}
.cmp__pre_order .main-interface .result .result-top .head .button svg[data-v-87eacd4d] {
    width: 12px;
    height: 12px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected[data-v-87eacd4d] {
    padding: 16px 12px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list[data-v-87eacd4d] {
    margin-top: 16px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list .list-item[data-v-87eacd4d] {
    display: flex;
    margin-top: 14px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list .list-item[data-v-87eacd4d]:first-child {
    margin-top: 0;
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list .list-item .subtitle[data-v-87eacd4d] {
    font-size: 13px;
    font-weight: 400;
    line-height: 15.6px;
    margin-bottom: 0;
    margin-right: 6px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list .list-item .description[data-v-87eacd4d] {
    flex: 1 1 auto;
    margin-top: 0;
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list .list-item .description .des-name[data-v-87eacd4d] {
    font-size: 13px;
    font-weight: 400;
    line-height: 15.6px;
}
.cmp__pre_order .main-interface .result .result-top .result-selected .selected-list .list-item .description .des-explain[data-v-87eacd4d] {
    font-size: 13px;
    font-weight: 400;
    line-height: 15.6px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info[data-v-87eacd4d] {
    flex: 1 1 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 16px 12px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1[data-v-87eacd4d] {
    margin: 24px -2px 20px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_mode[data-v-87eacd4d] {
    flex: 1 1 100%;
    max-width: 100%;
    padding: 0 2px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_mode .head[data-v-87eacd4d] {
    margin-bottom: 14px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_mode .head .title[data-v-87eacd4d] {
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_mode .head .button .btn-text[data-v-87eacd4d] {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_trade[data-v-87eacd4d] {
    flex: 1 1 100%;
    max-width: 100%;
    padding: 0 2px;
    margin-top: 20px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_trade .head[data-v-87eacd4d] {
    margin-bottom: 14px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_trade .head .title[data-v-87eacd4d] {
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .buycar_trade .head .button .btn-text[data-v-87eacd4d] {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .btn-box[data-v-87eacd4d] {
    margin: 0 -2px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .btn-box .btn-item[data-v-87eacd4d] {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 2px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper1 .btn-box .btn-item .item-btn[data-v-87eacd4d] {
    height: 40px;
    padding: 12px 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2[data-v-87eacd4d] {
    flex: 1 0 100%;
    margin: 0;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .head[data-v-87eacd4d] {
    flex: 0 0 100%;
    padding: 0;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .head .title[data-v-87eacd4d] {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .head[data-v-87eacd4d] {
    margin-bottom: 14px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1[data-v-87eacd4d] {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .box[data-v-87eacd4d] {
    margin: 0 -2px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item[data-v-87eacd4d] {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 2px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item[data-v-87eacd4d] .dropdown-container {
    height: 40px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .area-level_item .order-input[data-v-87eacd4d] {
    height: 40px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .dropdown {
    border-radius: 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .dropdown .dropdown-content {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #A3A4A6;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .dropdown.selected .dropdown-content {
    color: rgba(0, 0, 0, 0.95);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox {
    height: auto;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .province-list[data-v-87eacd4d] .dropdown-container .drop-menu .el-tabs__content {
    height: 368px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .store-list[data-v-87eacd4d] .el-input {
    border-radius: 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .store-list[data-v-87eacd4d] .el-input .el-input__inner {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_1 .store-list[data-v-87eacd4d] .el-input .el-input.is-disabled .el-input__inner {
    color: #A3A4A6;
    -webkit-text-fill-color: #A3A4A6;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2[data-v-87eacd4d] {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .box[data-v-87eacd4d] {
    margin: 0 -2px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .area-level_item[data-v-87eacd4d] {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 2px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .area-level_item[data-v-87eacd4d] .dropdown-container {
    height: 40px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .dropdown {
    border-radius: 5px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .dropdown .dropdown-content {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu {
    padding: 0;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper {
    padding: 12px 0 12px 10px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-lis {
    padding-right: 6px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item {
    padding: 12px 12px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .juli {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    margin-bottom: 12px;
    color: #000;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .juli .juli-des {
    color: rgba(0, 0, 0, 0.55);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .store-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
    margin-bottom: 12px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .location {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 8px;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .telphone {
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #000;
    color: rgba(0, 0, 0, 0.55);
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .telphone .phone-num {
    color: #000;
}
.cmp__pre_order .main-interface .result .result-top .buycar_info .buycar_info_wrapper2 .area-level_2 .distributor-list[data-v-87eacd4d] .dropdown-container .drop-menu .drop-menu-popbox .menu-wrapper .menu-item .telphone .view-certificates {
    margin-left: 16px;
    color: rgba(0, 0, 0, 0.55);
}
.cmp__pre_order .main-interface .result .result-top .user_info[data-v-87eacd4d] {
    padding: 16px 12px 10px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .head[data-v-87eacd4d] {
    margin-bottom: 0;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-box[data-v-87eacd4d] {
    margin-top: 14px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper[data-v-87eacd4d] {
    margin: 0 -2px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] {
    margin-top: 0;
    margin-bottom: 6px;
    padding: 0 2px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item .order-input[data-v-87eacd4d] {
    height: 40px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .el-input {
    border-radius: 5px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .el-input .el-input__inner {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d] .dropdown-container {
    height: 40px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d]:nth-child(1) {
    flex: 0 0 50%;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d]:nth-child(2) {
    flex: 0 0 50%;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d]:nth-child(3) {
    flex: 0 0 50%;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d]:nth-child(3) .dropdown-container .dropdown .dropdown-content {
    font-size: 16px;
}
.cmp__pre_order .main-interface .result .result-top .user_info .info-wrapper .info-item[data-v-87eacd4d]:nth-child(4) {
    flex: 0 0 50%;
}
.cmp__pre_order .main-interface .result .result-bottom[data-v-87eacd4d] {
    border-radius: 8px;
    margin-top: 6px;
    padding: 16px;
}
.cmp__pre_order .main-interface .result .result-bottom .term[data-v-87eacd4d] {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    padding-left: 0;
}
.cmp__pre_order .main-interface .result .result-bottom .term .buy-tip-text[data-v-87eacd4d] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 14px;
}
.cmp__pre_order .main-interface .result .result-bottom .term .confirm-term[data-v-87eacd4d] {
    display: flex;
    order: 3;
    margin-bottom: 0;
}
.cmp__pre_order .main-interface .result .result-bottom .term .confirm-term .agree-term-check[data-v-87eacd4d] {
    position: relative;
    left: 0;
    transform: none;
    top: 0;
    margin-right: 8px;
}
.cmp__pre_order .main-interface .result .result-bottom .term .confirm-term .confirm_text[data-v-87eacd4d] {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.4px;
}
.cmp__pre_order .main-interface .result .result-bottom .term .term-des[data-v-87eacd4d] {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 14px;
}
.cmp__pre_order .main-interface .result .result-bottom .pay[data-v-87eacd4d] {
    position: fixed;
    padding: 8px 20px;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .amount[data-v-87eacd4d] {
    margin-right: 16px;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .amount .des[data-v-87eacd4d] {
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    margin-bottom: 6px;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .amount .amount-number[data-v-87eacd4d] {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}
.cmp__pre_order .main-interface .result .result-bottom .pay .pay-btn[data-v-87eacd4d] {
    display: flex;
    justify-content: center;
    width: 146px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    border-radius: 6px;
    padding: 13px 0;
}
.cmp__pre_order .pop-interface .pop-interface-content[data-v-87eacd4d] {
    padding: 0 10px;
}
.cmp__pre_order .pop-interface .pop-interface-content.different-mob-adapt[data-v-87eacd4d] {
    padding: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll[data-v-87eacd4d] {
    width: 100%;
    border-radius: 8px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head[data-v-87eacd4d] {
    padding: 14px 16px 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head .pop-head_wrapper[data-v-87eacd4d] {
    padding-bottom: 14px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head .head-title[data-v-87eacd4d] {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head .close-pop[data-v-87eacd4d] {
    width: 28px;
    height: 28px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head.logo-mode[data-v-87eacd4d] {
    padding: 18px 8px 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head.logo-mode .pop-head_wrapper[data-v-87eacd4d] {
    padding-bottom: 26px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head.logo-mode .logo-pop[data-v-87eacd4d] {
    width: 122px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll .pop-head.logo-mode .close-pop[data-v-87eacd4d] {
    right: 20px;
    top: 18px;
    width: 24px;
    height: 24px;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll.notice-pop-box[data-v-87eacd4d] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .pop-interface-scroll.notice-pop-box .notice-pop-content .notice-pop-content-scroll[data-v-87eacd4d] {
    padding-bottom: 80px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box[data-v-87eacd4d] {
    bottom: initial;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .pop-head[data-v-87eacd4d] {
    padding: 22px 16px 18px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .pop-head .head-title[data-v-87eacd4d] {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .pop-head .close-pop[data-v-87eacd4d] {
    width: 28px;
    height: 28px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content[data-v-87eacd4d] {
    padding: 0 6px 16px 16px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box[data-v-87eacd4d] {
    padding-right: 10px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col[data-v-87eacd4d] {
    display: block;
    margin: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col[data-v-87eacd4d]:last-child {
    margin-bottom: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col .benefit-item[data-v-87eacd4d] {
    flex: 1 0 100% !important;
    padding: 0;
    margin-bottom: 6px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col .benefit-item .item-wrap[data-v-87eacd4d] {
    border-radius: 6px;
    padding: 14px 20px;
    height: 100%;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col .benefit-item .item-title-block[data-v-87eacd4d] {
    display: flex;
    align-items: center;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col .benefit-item .img-icon[data-v-87eacd4d] {
    width: 20px;
    margin-bottom: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col .benefit-item .benefit-title[data-v-87eacd4d] {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .card-box .benefit-col .benefit-item .benefit-list .list-item[data-v-87eacd4d] {
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .notes-list[data-v-87eacd4d] {
    margin-top: 20px;
    padding-right: 10px;
}
.cmp__pre_order .pop-interface .pop-interface-content .benefit-pop-box .benefit-pop-content .notes-list .notes-item[data-v-87eacd4d] {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    margin-left: 20px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box[data-v-87eacd4d] {
    width: 100%;
    height: 100%;
    bottom: initial;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    background: transparent;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box.pop_content_fade-enter-from[data-v-87eacd4d], .cmp__pre_order .pop-interface .pop-interface-content .different-pop-box.pop_content_fade-leave-to[data-v-87eacd4d] {
    transform: translate(0, 20%);
    opacity: 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-wrap[data-v-87eacd4d] {
    height: 80%;
    background: rgb(255, 255, 255);
    width: 100%;
    padding: 22px 16px 0 16px;
    border-radius: 8px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-header[data-v-87eacd4d] {
    padding-bottom: 18px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-header .different-header-title[data-v-87eacd4d] {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-header .different-close svg[data-v-87eacd4d] {
    width: 28px;
    height: 28px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-info-select[data-v-87eacd4d] {
    padding-top: 18px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-info-select .different-info-select-title[data-v-87eacd4d] {
    margin-bottom: 11px;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-activity[data-v-87eacd4d] {
    margin-top: 18px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-activity .activity-card[data-v-87eacd4d] {
    padding: 12px 16px;
    border-radius: 6px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-activity .activity-card .activity-card-item[data-v-87eacd4d] {
    font-size: 12px;
    line-height: 160%;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights[data-v-87eacd4d] {
    padding-top: 18px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card[data-v-87eacd4d] {
    padding: 16px;
    border-radius: 6px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-info[data-v-87eacd4d] {
    padding-bottom: 10px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-info .info-title[data-v-87eacd4d] {
    font-size: 14px;
    line-height: 24px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-info .info-upgrade-des[data-v-87eacd4d] {
    font-size: 12px;
    line-height: 200%;
    margin-top: 2px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-list[data-v-87eacd4d] {
    padding-top: 10px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-list .list-item[data-v-87eacd4d] {
    font-size: 12px;
    line-height: 200%;
    padding-left: 20px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-content-highlights .content-highlights-wrap .content-highlights-card .highlights-card-list .list-item[data-v-87eacd4d]::before {
    left: 8px;
    top: 10px;
    width: 4px;
    height: 4px;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-footer[data-v-87eacd4d] {
    padding: 12px 0;
}
.cmp__pre_order .pop-interface .pop-interface-content .different-pop-box .different-pop-footer .footer-des[data-v-87eacd4d] {
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    text-align: right;
    color: rgba(0, 0, 0, 0.4);
}
}
@media (max-height: 700px) {
.cmp__pre_order .main-interface.entry .control-3dmode[data-v-87eacd4d] {
    margin-top: 10px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .toggle-2d3d[data-v-87eacd4d] {
    margin-bottom: 10px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .toggle-2d3d .btn[data-v-87eacd4d] {
    font-size: 7.68px;
    font-weight: 400;
    line-height: 7.68px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .toggle-2d3d .btn[data-v-87eacd4d]:first-child {
    margin-bottom: 5px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .scale[data-v-87eacd4d] {
    margin-bottom: 10px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .scale .btn[data-v-87eacd4d]:first-child {
    margin-bottom: 5px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .scale .scale-rate[data-v-87eacd4d] {
    padding: 9.4px 0;
}
.cmp__pre_order .main-interface.entry .control-3dmode .view-mode[data-v-87eacd4d] {
    margin-bottom: 10px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .view-mode .btn[data-v-87eacd4d] {
    font-size: 7.68px;
    font-weight: 400;
    line-height: 7.68px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .view-mode .btn[data-v-87eacd4d]:first-child {
    margin-bottom: 5px;
}
}
@media (min-width: 1024px) and (max-height: 620px) {
.cmp__pre_order .main-interface.entry .control-3dmode[data-v-87eacd4d] {
    margin-top: 10px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .toggle-2d3d[data-v-87eacd4d] {
    margin-bottom: 10px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .toggle-2d3d .btn[data-v-87eacd4d] {
    width: 33px;
    height: 33px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .toggle-2d3d .btn[data-v-87eacd4d]:first-child {
    margin-bottom: 5px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .scale[data-v-87eacd4d] {
    margin-bottom: 10px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .scale .btn[data-v-87eacd4d] {
    width: 33px;
    height: 33px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .scale .btn[data-v-87eacd4d]:first-child {
    margin-bottom: 5px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .scale .scale-rate[data-v-87eacd4d] {
    padding: 9.4px 0;
}
.cmp__pre_order .main-interface.entry .control-3dmode .view-mode[data-v-87eacd4d] {
    margin-bottom: 10px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .view-mode .btn[data-v-87eacd4d] {
    width: 33px;
    height: 33px;
}
.cmp__pre_order .main-interface.entry .control-3dmode .view-mode .btn[data-v-87eacd4d]:first-child {
    margin-bottom: 5px;
}
}
@media (min-width: 1440px) {
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img .car-body-img[data-v-87eacd4d] {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
}
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img .car-bg-img[data-v-87eacd4d] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img .car-body-img.interior-img[data-v-87eacd4d] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
}
@media (max-width: 1439.98px) and (min-width: 1024px) {
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img .car-body-img[data-v-87eacd4d] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img .car-bg-img[data-v-87eacd4d] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img .car-body-img.interior-img[data-v-87eacd4d] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
}
@media (max-width: 1023.98px) and (max-width: 375px) {
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img .car-body-img[data-v-87eacd4d] {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
}
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img .car-bg-img[data-v-87eacd4d] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
}
@media (max-width: 374.98px) {
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img .car-body-img[data-v-87eacd4d] {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
}
.cmp__pre_order .main-interface .mode3d2d-stage .s_2d_cox .stage-box .s_2d-img .car-bg-img[data-v-87eacd4d] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
}
.zn--wrapper[data-v-87eacd4d] {
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
  transition: top 0.5s;
}
.zn--wrapper canvas[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
}
.zn--wrapper canvas + canvas[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
}
.zn--wrapper .trigger-wrapper[data-v-87eacd4d] {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.zn--wrapper .trigger-wrapper.show[data-v-87eacd4d] {
  opacity: 1;
}
.zn--wrapper .trigger-wrapper .trigger[data-v-87eacd4d] {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -25px;
  left: -25px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  transition: opacity 0.2s ease;
  opacity: 0;
  pointer-events: none;
}
.zn--wrapper .trigger-wrapper .trigger.show[data-v-87eacd4d] {
  opacity: 1;
  pointer-events: auto;
}
.zn--wrapper .trigger-wrapper .trigger[data-v-87eacd4d]:hover {
  cursor: pointer;
}
.btn-wrapper[data-v-87eacd4d] {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  z-index: 5;
}
.btn-wrapper div[data-v-87eacd4d] {
  margin-right: 20px;
}
.zoom-wrapper[data-v-87eacd4d] {
  position: absolute;
  bottom: 56px;
  right: 64px;
  display: flex;
  align-items: center;
  background: rgba(134, 134, 134, 0.5);
  padding: 3.57143px;
  border-radius: 71.4286px;
}
.zoom-wrapper .zoom-in[data-v-87eacd4d],
.zoom-wrapper .zoom-out[data-v-87eacd4d] {
  width: 43px;
  height: 43px;
  cursor: pointer;
}
.zoom-wrapper .zoom-progress[data-v-87eacd4d] {
  width: 30px;
  font-size: 14px;
  white-space: nowrap;
  margin: 0 6px;
  text-align: center;
}
.animask-order-3d[data-v-87eacd4d] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100Vh;
  transition: all 0.4s;
}
.animask-order-3d.active[data-v-87eacd4d] {
  background: #000;
}
.rel[data-v-87eacd4d] {
  position: relative;
}
.abs[data-v-87eacd4d] {
  position: absolute;
}
.abs.clip[data-v-87eacd4d] {
  top: 0;
  left: 0;
}
.abs.center[data-v-87eacd4d] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.flex[data-v-87eacd4d] {
  display: flex;
}
.flex.col[data-v-87eacd4d] {
  flex-direction: column;
}
.flex.center[data-v-87eacd4d] {
  justify-content: center;
  align-items: center;
}
.lil-gui.hidden[data-v-87eacd4d] {
  display: none !important;
}
.zn--wrapper[data-v-87eacd4d] {
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
  height: calc(100 * var(--vh, 1vh));
  position: fixed;
  font-family: PoppinsZN-Medium;
}
.zn--wrapper canvas[data-v-87eacd4d] {
  width: 100vw;
  height: 100vh;
  height: calc(100 * var(--vh, 1vh));
}
.zn--wrapper .btn-wrapper[data-v-87eacd4d] {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  z-index: 5;
}
.zn--wrapper .btn-wrapper .toInterior-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toExterior-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toFront-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toBack-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toBlack-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toOrange-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toEx-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .hubToDefault-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .hubTo19-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .buy-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .back-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .topWindow-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .expand-ui-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .collapse-ui-btn[data-v-87eacd4d] {
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
@media (max-width: 649px) {
.zn--wrapper .btn-wrapper .toInterior-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toExterior-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toFront-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toBack-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toBlack-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toOrange-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toEx-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .hubToDefault-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .hubTo19-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .buy-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .back-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .topWindow-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .expand-ui-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .collapse-ui-btn[data-v-87eacd4d] {
    font-size: 10px;
    padding: 8px;
}
}
.zn--wrapper div[data-v-87eacd4d] {
  margin-right: 20px;
}
@media (max-width: 649px) {
.zn--wrapper div[data-v-87eacd4d] {
    margin-right: 4px;
}
}
.zn--wrapper .zoom-wrapper[data-v-87eacd4d] {
  pointer-events: auto;
  position: fixed;
  bottom: 56px;
  right: 64px;
  display: flex;
  align-items: center;
  background: rgba(134, 134, 134, 0.5);
  padding: 3.57143px;
  border-radius: 71.4286px;
}
@media (max-width: 649px) {
.zn--wrapper .zoom-wrapper[data-v-87eacd4d] {
    bottom: 20px;
    right: 20px;
}
}
.zn--wrapper .zoom-wrapper .zoom-in[data-v-87eacd4d], .zn--wrapper .zoom-wrapper .zoom-out[data-v-87eacd4d] {
  width: 43px;
  height: 43px;
  cursor: pointer;
}
.zn--wrapper .zoom-wrapper .zoom-progress[data-v-87eacd4d] {
  width: 52px;
  font-size: 14px;
  white-space: nowrap;
  color: #000;
  opacity: 0.4;
  margin: 0 6px;
  text-align: center;
}
.zn--wrapper .trigger-wrapper[data-v-87eacd4d] {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.zn--wrapper .trigger-wrapper.show[data-v-87eacd4d] {
  opacity: 1;
}
.zn--wrapper .trigger-wrapper:not(.show) .trigger.show[data-v-87eacd4d] {
  pointer-events: none;
}
.zn--wrapper .trigger-wrapper .trigger[data-v-87eacd4d] {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -25px;
  left: -25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  transition: opacity 0.2s ease;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 649px) {
.zn--wrapper .trigger-wrapper .trigger[data-v-87eacd4d] {
    width: 20px;
    height: 20px;
    top: -10px;
    left: -10px;
}
}
.zn--wrapper .trigger-wrapper .trigger.show[data-v-87eacd4d] {
  opacity: 1;
  pointer-events: auto;
}
.zn--wrapper .trigger-wrapper .trigger.show[data-v-87eacd4d]:hover {
  cursor: pointer;
}
.zn--wrapper .transition-mask[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
}
canvas[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
}
@media (max-width: 649px) {
canvas[data-v-87eacd4d] {
    height: 60vh;
}
}
.zn--wrapper[data-v-87eacd4d] {
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
}
.zn--wrapper canvas[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
}
.zn--wrapper .trigger-wrapper[data-v-87eacd4d] {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.zn--wrapper .trigger-wrapper.show[data-v-87eacd4d] {
  opacity: 1;
}
.zn--wrapper .trigger-wrapper .trigger[data-v-87eacd4d] {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -25px;
  left: -25px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  transition: opacity 0.2s ease;
  opacity: 0;
  pointer-events: none;
}
.zn--wrapper .trigger-wrapper .trigger.show[data-v-87eacd4d] {
  opacity: 1;
  pointer-events: auto;
}
.zn--wrapper .trigger-wrapper .trigger[data-v-87eacd4d]:hover {
  cursor: pointer;
}
.btn-wrapper[data-v-87eacd4d] {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  z-index: 5;
}
.btn-wrapper div[data-v-87eacd4d] {
  margin-right: 20px;
}
.zoom-wrapper[data-v-87eacd4d] {
  position: absolute;
  bottom: 56px;
  right: 64px;
  display: flex;
  align-items: center;
  background: rgba(134, 134, 134, 0.5);
  padding: 3.57143px;
  border-radius: 71.4286px;
}
.zoom-wrapper .zoom-in[data-v-87eacd4d],
.zoom-wrapper .zoom-out[data-v-87eacd4d] {
  width: 43px;
  height: 43px;
  cursor: pointer;
}
.zoom-wrapper .zoom-progress[data-v-87eacd4d] {
  width: 30px;
  font-size: 14px;
  white-space: nowrap;
  margin: 0 6px;
  text-align: center;
}
.transition-mask[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
}
.s_3d_cox[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
  position: relative;
}
.zn--wrapper[data-v-87eacd4d] {
  position: absolute;
}
canvas[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
}
@media (max-width: 649px) {
canvas[data-v-87eacd4d] {
    height: 60vh;
}
}
.zn--wrapper[data-v-87eacd4d] {
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
}
.zn--wrapper canvas[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
}
.zn--wrapper .trigger-wrapper[data-v-87eacd4d] {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.zn--wrapper .trigger-wrapper.show[data-v-87eacd4d] {
  opacity: 1;
}
.zn--wrapper .trigger-wrapper .trigger[data-v-87eacd4d] {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -20px;
  left: -20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  transition: opacity 0.2s ease;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 649px) {
.zn--wrapper .trigger-wrapper .trigger[data-v-87eacd4d] {
    width: 20px;
    height: 20px;
    top: -10px;
    left: -10px;
}
}
.zn--wrapper .trigger-wrapper .trigger.show[data-v-87eacd4d] {
  opacity: 1;
  pointer-events: auto;
}
.zn--wrapper .trigger-wrapper .trigger[data-v-87eacd4d]:hover {
  cursor: pointer;
}
.btn-wrapper[data-v-87eacd4d] {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  z-index: 5;
}
.btn-wrapper div[data-v-87eacd4d] {
  margin-right: 20px;
}
.zoom-wrapper[data-v-87eacd4d] {
  position: fixed;
  bottom: 56px;
  right: 64px;
  display: flex;
  align-items: center;
  background: rgba(134, 134, 134, 0.5);
  padding: 3.57143px;
  border-radius: 71.4286px;
}
.zoom-wrapper .zoom-in[data-v-87eacd4d],
.zoom-wrapper .zoom-out[data-v-87eacd4d] {
  width: 43px;
  height: 43px;
  cursor: pointer;
}
.zoom-wrapper .zoom-progress[data-v-87eacd4d] {
  width: 30px;
  font-size: 14px;
  white-space: nowrap;
  margin: 0 6px;
  text-align: center;
}
.transition-mask[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
}
.rel[data-v-87eacd4d] {
  position: relative;
}
.abs[data-v-87eacd4d] {
  position: absolute;
}
.abs.clip[data-v-87eacd4d] {
  top: 0;
  left: 0;
}
.abs.center[data-v-87eacd4d] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.flex[data-v-87eacd4d] {
  display: flex;
}
.flex.col[data-v-87eacd4d] {
  flex-direction: column;
}
.flex.center[data-v-87eacd4d] {
  justify-content: center;
  align-items: center;
}
.lil-gui.hidden[data-v-87eacd4d] {
  display: none !important;
}
.zn--wrapper[data-v-87eacd4d] {
  padding: 0;
  margin: 0;
  width: 100vw;
  position: relative;
  font-family: PoppinsZN-Medium;
  overflow: hidden;
  height: 100vh;
  height: calc(100 * var(--vh, 1vh));
}
.zn--wrapper canvas[data-v-87eacd4d] {
  width: 100vw;
  height: 100vh;
  height: calc(100 * var(--vh, 1vh));
}
.zn--wrapper .btn-wrapper[data-v-87eacd4d] {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  z-index: 5;
}
.zn--wrapper .btn-wrapper .toInterior-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toExterior-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toFront-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toBack-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toBlack-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toOrange-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toEx-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .hubToDefault-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .hubTo19-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .buy-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .back-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .topWindow-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .expand-ui-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .collapse-ui-btn[data-v-87eacd4d] {
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
@media (max-width: 649px) {
.zn--wrapper .btn-wrapper .toInterior-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toExterior-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toFront-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toBack-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toBlack-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toOrange-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .toEx-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .hubToDefault-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .hubTo19-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .buy-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .back-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .topWindow-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .expand-ui-btn[data-v-87eacd4d], .zn--wrapper .btn-wrapper .collapse-ui-btn[data-v-87eacd4d] {
    font-size: 10px;
    padding: 8px;
}
}
.zn--wrapper div[data-v-87eacd4d] {
  margin-right: 20px;
}
@media (max-width: 649px) {
.zn--wrapper div[data-v-87eacd4d] {
    margin-right: 4px;
}
}
.zn--wrapper .zoom-wrapper[data-v-87eacd4d] {
  pointer-events: auto;
  position: fixed;
  display: flex;
  align-items: center;
  padding: 3.57143px;
  border-radius: 71.4286px;
  background: rgba(134, 134, 134, 0.5);
  bottom: 56px;
  right: 64px;
}
@media (max-width: 649px) {
.zn--wrapper .zoom-wrapper[data-v-87eacd4d] {
    bottom: 20px;
    right: 20px;
}
}
.zn--wrapper .zoom-wrapper .zoom-in[data-v-87eacd4d], .zn--wrapper .zoom-wrapper .zoom-out[data-v-87eacd4d] {
  width: 43px;
  height: 43px;
}
@media (min-width: 1024px) {
.zn--wrapper .zoom-wrapper .zoom-in[data-v-87eacd4d], .zn--wrapper .zoom-wrapper .zoom-out[data-v-87eacd4d] {
    cursor: pointer;
}
}
@media (max-width: 1023px) {
.zn--wrapper .zoom-wrapper .zoom-in[data-v-87eacd4d], .zn--wrapper .zoom-wrapper .zoom-out[data-v-87eacd4d] {
    width: 26px;
    height: 26px;
}
}
.zn--wrapper .zoom-wrapper .zoom-progress[data-v-87eacd4d] {
  width: 52px;
  font-size: 14px;
  white-space: nowrap;
  color: #000;
  opacity: 0.4;
  margin: 0 6px;
  text-align: center;
}
@media (max-width: 1023px) {
.zn--wrapper .zoom-wrapper .zoom-progress[data-v-87eacd4d] {
    font-size: 7.5px;
    width: 26px;
    margin: 0 4px;
}
}
.zn--wrapper .trigger-wrapper[data-v-87eacd4d] {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
  overflow: hidden;
}
.zn--wrapper .trigger-wrapper.show[data-v-87eacd4d] {
  opacity: 1;
}
.zn--wrapper .trigger-wrapper:not(.show) .trigger.show[data-v-87eacd4d] {
  pointer-events: none;
}
.zn--wrapper .trigger-wrapper .trigger[data-v-87eacd4d] {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -20px;
  left: -20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  transition: opacity 0.2s ease;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 649px) {
.zn--wrapper .trigger-wrapper .trigger[data-v-87eacd4d] {
    width: 20px;
    height: 20px;
    top: -10px;
    left: -10px;
}
}
.zn--wrapper .trigger-wrapper .trigger.show[data-v-87eacd4d] {
  opacity: 1;
  pointer-events: auto;
}
.zn--wrapper .trigger-wrapper .trigger.show[data-v-87eacd4d]:hover {
  cursor: pointer;
}
.zn--wrapper .transition-mask[data-v-87eacd4d] {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
}