/* magic-deploy/magic-seed/prebuild/core/wrapper.css */
.component-wrapper[data-v-52fa15aa] {
  position: relative;
}
.tab-index[data-v-52fa15aa] {
  z-index: 100;
}
.component-outline-float[data-v-52fa15aa] {
  position: fixed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.component-outline-normal[data-v-52fa15aa] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.component-outline_mouseIn[data-v-52fa15aa] {
  border: 1px solid #64A4FF;
  -webkit-box-shadow: 0 0 0.27rem #64A4FF;
  box-shadow: 0 0 0.27rem #64A4FF;
}
.component-outline_active[data-v-52fa15aa] {
  border: 1px solid #64A4FF;
  -webkit-box-shadow: 0 0 0.27rem #64A4FF;
  box-shadow: 0 0 0.27rem #64A4FF;
}
.component-delbtn[data-v-52fa15aa] {
  position: absolute;
  top: 0.05rem;
  left: 10rem;
  height: 0.85rem;
  line-height: 0.85rem;
  padding: 0 0.16rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 0.11rem 0 rgba(198, 198, 198, 0.5);
  box-shadow: 0 0 0.11rem 0 rgba(198, 198, 198, 0.5);
  border-radius: 0.05rem;
  cursor: pointer;
}
.component-delbtn span[data-v-52fa15aa] {
  white-space: nowrap;
}
.component-name[data-v-52fa15aa] {
  position: absolute;
  top: 0.05rem;
  left: 10rem;
  height: 0.85rem;
  line-height: 0.85rem;
  padding: 0 0.16rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 0.11rem 0 rgba(198, 198, 198, 0.5);
  box-shadow: 0 0 0.11rem 0 rgba(198, 198, 198, 0.5);
  border-radius: 0.05rem;
}
.component-name span[data-v-52fa15aa] {
  white-space: nowrap;
}
.no-content-components-placeholder[data-v-52fa15aa] {
  height: 0.85rem;
  line-height: 0.85rem;
  text-align: center;
}

/* magic-deploy/magic-seed/prebuild/components/DownLoad.css */
.page-download[data-v-0ca31eeb] {
  height: 1.55rem;
  line-height: 1.55rem;
  vertical-align: middle;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 5;
  bottom: 0;
  padding-bottom: env(safe-area-inset-bottom);
  padding-bottom: constant(safe-area-inset-bottom);
  background-color: #000;
}
.page-download-logo[data-v-0ca31eeb] {
  margin-left: 0.27rem;
  margin-top: 0.35rem;
  width: 0.91rem;
  height: 0.91rem;
  float: left;
  margin-right: 0.27rem;
}
.page-download-text[data-v-0ca31eeb] {
  font-size: 0.32rem;
  float: left;
  color: #fff;
}
.page-download-btn[data-v-0ca31eeb] {
  height: 0.8rem;
  line-height: 0.8rem;
  width: auto;
  padding: 0 0.27rem;
  background: #ff472e;
  text-align: center;
  float: right;
  font-size: 0.32rem;
  margin-top: 0.37rem;
  margin-right: 0.27rem;
  border-radius: 0.13rem;
  color: #fff;
}

/* magic-deploy/magic-seed/prebuild/components/PageValidTime.css */
.pagetime-container[data-v-4e4102b3] {
  position: relative;
  width: 7.73rem;
  padding: 1.23rem 0;
}
.pagetime-container .pagetime-logo[data-v-4e4102b3] {
  position: absolute;
  display: block;
  width: 2.35rem;
  height: 2.48rem;
  left: 50%;
  margin-left: -1.17rem;
  top: -1.23rem;
}
.pagetime-container .pagetime-text[data-v-4e4102b3] {
  text-align: center;
  font-size: 0.37rem;
  height: 0.53rem;
  line-height: 0.53rem;
}
.z-popup[data-v-4e4102b3] {
  overflow: visible;
  border-radius: 0.13rem;
  top: 45%;
}

/* magic-deploy/magic-seed/prebuild/components/HeadHide.css */
.header-keep[data-v-9b455bd4] {
  height: 44PX;
}
.header-bg[data-v-9b455bd4] {
  height: 44PX;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
}
.bg-trans[data-v-9b455bd4] {
  background: transparent !important;
}
.bg-trans .header-white[data-v-9b455bd4] {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bg-trans.active .header-white[data-v-9b455bd4] {
  opacity: 1;
}
.title-img-wrap[data-v-9b455bd4] {
  position: relative;
  width: 100%;
  height: 44PX;
}
.title-img[data-v-9b455bd4] {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.z-nav-bar__left[data-v-9b455bd4],
.z-nav-bar__right[data-v-9b455bd4] {
  line-height: 1;
}
.img-title-wrap .icon-font-left[data-v-9b455bd4] {
  font-size: 0.53rem;
}
.img-title-wrap .icon-font-right[data-v-9b455bd4] {
  font-size: 0.53rem;
}
.img-title-wrap .z-nav-bar__left[data-v-9b455bd4],
.img-title-wrap .z-nav-bar__right[data-v-9b455bd4] {
  top: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 14%;
  -ms-flex: 0 0 14%;
  flex: 0 0 14%;
  font-size: 0;
}
.img-title-wrap .z-nav-bar__title[data-v-9b455bd4] {
  max-width: 7.23rem;
  padding: 0;
}
.page-marquee[data-v-9b455bd4] {
  font-size: 0;
  color: #D8D8D8;
  height: 44PX;
  line-height: 44PX;
}
.page-marquee-1[data-v-9b455bd4] {
  height: 0.96rem;
  padding: 0 0.2rem 0 1.07rem;
  position: absolute;
  left: 50%;
  right: 0;
  top: 50%;
  bottom: 0;
  text-align: left;
  border-radius: 0.27rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.search-icon[data-v-9b455bd4] {
  color: #D8D8D8;
  font-size: 0.64rem;
  position: absolute;
  z-index: 1;
  left: 0.32rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.keyword[data-v-9b455bd4] {
  height: 0.96rem;
  position: relative;
}
.keyword span[data-v-9b455bd4] {
  font-size: 0.37rem;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.half-view-title[data-v-9b455bd4] {
  height: 1.71rem;
}
.half-view-title .half-view-nav[data-v-9b455bd4] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  padding: 0.32rem;
  background: #fff;
  z-index: 999;
}
.half-view-title .half-view-nav .title[data-v-9b455bd4] {
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 0.43rem;
  color: #111111;
  line-height: 1.07rem;
  text-align: center;
}
.half-view-title .half-view-nav .close-btn[data-v-9b455bd4] {
  position: absolute;
  top: 50%;
  right: 0.32rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.53rem;
  color: #999;
}

/* magic-deploy/magic-seed/prebuild/components/PendentTask.css */
.pendent-container[data-v-16360dd0] {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.pendent-container img[data-v-16360dd0] {
  width: 100%;
  height: 100%;
}
.pendent-container .tips[data-v-16360dd0] {
  width: 100%;
  height: 0.29rem;
  position: absolute;
  bottom: 0.12rem;
  left: 0;
  text-align: center;
  line-height: 0.32rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}

/* magic-deploy/magic-seed/prebuild/assets/css/base.css */
body {
  font-family:
    "PingFang SC",
    Helvetica,
    sans-serif;
  color: #333;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
a:visited,
a:hover,
a:focus,
a:active {
  color: inherit;
}
i,
em {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
input,
textarea {
  font-family: inherit;
  font-size: inherit;
  outline: 0;
}
textarea {
  resize: none;
}
._magic__root_ {
  min-height: 100vh;
  background: #fff;
}

/* magic-deploy/magic-components/magic-newzz-rich-text/prebuild/preview.css */
.content-wrap[data-v-58d77e72] {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  word-wrap: break-word;
}
.content-wrap a[data-v-58d77e72] {
  text-decoration: none;
}
.rich-text-wrap[data-v-58d77e72] {
  -webkit-user-select: text;
}
.rich-text-wrap[data-v-58d77e72] ol,
.rich-text-wrap[data-v-58d77e72] ul {
  margin: auto !important;
  padding: revert !important;
}
.rich-text-wrap[data-v-58d77e72] ol li {
  list-style: decimal;
}
.rich-text-wrap[data-v-58d77e72] ul li {
  list-style: disc;
}
.rich-text-wrap[data-v-58d77e72] a {
  color: rgb(85, 26, 139);
  text-decoration: none;
}
.rich-text-wrap[data-v-58d77e72] table p {
  text-indent: 0;
}
.rich-text-wrap[data-v-58d77e72] em {
  font-style: italic;
}
.rich-text-wrap[data-v-58d77e72] span {
  white-space: normal !important;
}

/* magic-deploy/magic-components/magic-newzz-image/prebuild/componentsvue/hots-pot-image/AreaBox.css */
.areaBox[data-v-49c331ba] {
  position: absolute;
  background: rgba(41, 128, 185, 0.3);
  border: 1px dashed #34495e;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #34495e;
  font-size: 0.32rem;
  cursor: move;
}
.areaBox .promptText[data-v-49c331ba] {
  overflow: hidden;
  display: inline;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  color: #000000;
}
.areaBox .del[data-v-49c331ba] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.32rem;
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.32rem;
  background: #f00;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate3d(50%, -50%, 0);
  cursor: default;
}
.areaBox .del[data-v-49c331ba]:hover {
  width: 0.43rem;
  height: 0.43rem;
  line-height: 0.43rem;
}
.areaBox .shape[data-v-49c331ba] {
  position: absolute;
  width: 0.19rem;
  height: 0.19rem;
  background: transparent;
  right: 0;
  bottom: 0;
  transform: translate3d(50%, 50%, 0);
  cursor: nwse-resize;
}
.area-set[data-v-49c331ba] {
  display: flex;
  margin: 0.43rem 0;
}
.area-label[data-v-49c331ba] {
  width: 3.2rem;
}

/* magic-deploy/magic-components/magic-newzz-image/prebuild/componentsvue/hots-pot-image/OperationFloor.css */
.btn[data-v-15de101a] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.21rem 0;
}
.operationFloor[data-v-15de101a] {
  position: relative;
}
.operationFloor .header .titleBox[data-v-15de101a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1.33rem;
}
.operationFloor .header .titleBox .name[data-v-15de101a] {
  font-size: 0.17rem;
  font-weight: bold;
}
.operationFloor .header .textBox[data-v-15de101a] {
  font-size: 0.16rem;
  color: #777;
  margin-bottom: 0.13rem;
}
.operationFloor .imgBox[data-v-15de101a] {
  display: flex;
  justify-content: center;
}
.operationFloor .imgBox .container[data-v-15de101a] {
  position: relative;
  overflow: hidden;
}
.operationFloor .imgBox img[data-v-15de101a] {
  cursor: crosshair;
  width: 100%;
  height: 100%;
}
.operationFloor .imgBox .edit[data-v-15de101a] {
  cursor: auto;
}
.operationFloor .imgBox .areaDraw[data-v-15de101a] {
  position: absolute;
  width: 2.67rem;
  height: 2.67rem;
  left: 2.67rem;
  top: 4rem;
  background: rgba(41, 128, 185, 0.3);
  border: 1px dashed #34495e;
}

/* magic-deploy/magic-components/magic-newzz-image/prebuild/componentsvue/swipeScale.css */
.swiper-container-four[data-v-4274d9a8] {
  width: 100%;
  height: 4rem;
  overflow: hidden;
}
@media screen and (min-width: 400px) and (max-width: 450px) {
  .swiper-container-four[data-v-4274d9a8] {
    width: 10rem;
    height: 4rem;
    margin-left: -0.08rem;
    overflow: hidden;
  }
  .swiper-slide[data-v-4274d9a8] {
    transform: scale(0.88) !important;
  }
  .swiper-slide-active[data-v-4274d9a8],
  .swiper-slide-duplicate-active[data-v-4274d9a8] {
    transform: scale(1) !important;
  }
}
.swiper-slide[data-v-4274d9a8] {
  text-align: center;
  font-size: 0.24rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 300ms;
  border-radius: 0.21rem;
  transform: scale(0.88) !important;
}
.swiper-slide-active[data-v-4274d9a8],
.swiper-slide-duplicate-active[data-v-4274d9a8] {
  transform: scale(1) !important;
}

/* magic-deploy/magic-components/magic-newzz-image/prebuild/componentsvue/swipeThree.css */
.swiper-container-three[data-v-a67923ca] {
  width: 100%;
  overflow: hidden;
}
[data-v-a67923ca] .swiper-wrapper {
  transition-timing-function: linear;
}

/* magic-deploy/magic-components/magic-newzz-image/prebuild/componentsvue/swiperFive.css */
.swiper-container-five[data-v-4606610a] {
  width: 100%;
  overflow: hidden;
}
.swiper-wrapper[data-v-4606610a] {
  align-items: center;
}
.swiper-slide[data-v-4606610a] {
  transition: transform 0.3s;
}

/* magic-deploy/magic-components/magic-newzz-image/node_modules/swiper/css/swiper.css */
@font-face {
  font-family: "swiper-icons";
  src: url(data:application/font-woff;charset=utf-8;base64,\ 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) format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
:root {
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* magic-deploy/magic-components/magic-newzz-image/prebuild/componentsvue/DialogBox.css */
.main[data-v-dfa36086] {
  width: 10rem;
}
.txt-dialog-hide-btn[data-v-dfa36086] {
  position: absolute;
  top: -3.2rem;
  right: -0.13rem;
  width: 2.8rem;
  height: 0.8rem;
  background: #000000;
  color: #ffffff;
}
.defaultPlace[data-v-dfa36086] {
  width: 100%;
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  color: #111111;
  background: #fff;
}
.dialogArea[data-v-dfa36086] {
  position: absolute;
}
.img-box[data-v-dfa36086] {
  position: relative;
}
.img-box .area[data-v-dfa36086] {
  position: absolute;
  cursor: pointer;
}
.column_img[data-v-dfa36086] {
  width: 10rem;
  height: 100%;
  display: block;
}
.txt-dialog[data-v-dfa36086] {
  position: fixed;
  top: 0;
  width: 10rem;
  min-height: 100vh;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
}
.txt-dialog-component[data-v-dfa36086] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 7.87rem;
  height: 8.8rem;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.21rem;
  box-sizing: border-box;
  padding: 0.64rem;
  background: #fff;
}
.txt-dialog-component-title[data-v-dfa36086] {
  font-family: PingFangSC-Medium;
  text-align: center;
  font-weight: 500;
  font-size: 0.43rem;
  color: #2E3135;
  line-height: 0.64rem;
}
.txt-dialog-component-content[data-v-dfa36086] {
  margin-top: 0.43rem;
  width: 6.59rem;
  height: 4.73rem;
  box-sizing: border-box;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  font-family: PingFang-SC-Regular;
  font-size: 0.35rem;
  color: #9b9b9b;
  white-space: pre-wrap;
}
.txt-dialog-component-content[data-v-dfa36086]::-webkit-scrollbar {
  display: none;
}
.txt-dialog-component .initContent[data-v-dfa36086] {
  height: 4.73rem;
  background: #f0f0f0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: 0.48rem;
  color: #3D3F4C;
  text-align: center;
}
.txt-dialog-component-btn[data-v-dfa36086] {
  margin-top: 0.64rem;
  width: 6.59rem;
  background: #ff483c;
  height: 1.07rem;
  line-height: 1.07rem;
  text-align: center;
  font-size: 0.43rem;
  color: #FFFFFF;
  border-radius: 0.53rem;
}
.img-dialog[data-v-dfa36086] {
  position: fixed;
  top: 0;
  width: 10rem;
  min-height: 100vh;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
}
.img-dialog-component[data-v-dfa36086] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 7.87rem;
  height: -moz-fit-content;
  height: fit-content;
  box-sizing: border-box;
  text-align: center;
}
.img-dialog-component-pic[data-v-dfa36086] {
  width: 7.87rem;
  height: 8.8rem;
}
.img-dialog-component .closebtn[data-v-dfa36086] {
  width: 1.07rem;
  height: 1.07rem;
}
.img-dialog-component .rightPos[data-v-dfa36086] {
  position: absolute;
  right: -0.53rem;
  top: -0.53rem;
}
.img-dialog-component .bottomPos[data-v-dfa36086] {
  margin-top: 0.16rem;
}
.img-dialog-box[data-v-dfa36086] {
  position: relative;
}

/* magic-deploy/magic-components/magic-newzz-image/prebuild/preview.css */
.swiper-pagination[data-v-87de2794] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
.swiper-pagination-four[data-v-87de2794] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
[data-v-87de2794] .z-swipe__track {
  width: auto !important;
}
[data-v-87de2794] .swiper-pagination-bullet-four {
  opacity: 0.5;
  border-radius: 0.16rem;
  width: 0.16rem;
  height: 0.16rem;
  margin: 0 0.07rem;
  transition: all 0.2s;
}
[data-v-87de2794] .swiper-pagination-bullet-four-active {
  opacity: 1;
  border-radius: 0.16rem;
  width: 0.35rem;
  height: 0.16rem;
}
[data-v-87de2794] .swiper-pagination-bullet {
  opacity: 0.5;
  border-radius: 0.16rem;
  width: 0.16rem;
  height: 0.16rem;
  margin: 0 0.07rem;
  transition: all 0.2s;
}
[data-v-87de2794] .swiper-pagination-bullet-active {
  opacity: 1;
  border-radius: 0.16rem;
  width: 0.35rem;
  height: 0.16rem;
}
.vessel[data-v-87de2794] {
  box-sizing: border-box;
  min-height: 1px;
}
.vessel .img-box[data-v-87de2794] {
  position: relative;
  font-size: 0;
}
.vessel .img-box .area[data-v-87de2794] {
  position: absolute;
  cursor: pointer;
}
.vessel .column_img[data-v-87de2794] {
  width: 100%;
  vertical-align: top;
}
.vessel .column_img[lazy=loading][data-v-87de2794] {
  width: 0.4rem;
  height: 0.13rem;
  margin: 0 auto;
  vertical-align: middle;
  display: flex;
  position: absolute;
  top: 0.13rem;
  transform: translateX(-50%);
  left: 50%;
}
.vessel .kong-flex[data-v-87de2794] {
  overflow: hidden;
  text-align: center;
  padding: 0.13rem 0.21rem;
}
.vessel .kong-flex[data-v-87de2794]:after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.vessel .kong-img-box[data-v-87de2794] {
  float: left;
  height: auto;
  margin-bottom: 0.29rem;
  text-align: center;
}
.vessel .kong-img-box .column_img[data-v-87de2794] {
  width: 1.07rem;
  height: 1.07rem;
}
.vessel .kong-img-box .column_text[data-v-87de2794] {
  text-align: center;
  font-size: 0.32rem;
  line-height: 1;
  min-height: 0.32rem;
}
.vessel .widthClass[data-v-87de2794] {
  width: 20%;
}
.vessel .column_wrapper[data-v-87de2794] {
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
}
.vessel .column_wrapper .column_big[data-v-87de2794] {
  width: 6.21rem;
  margin-right: 0.11rem;
  position: relative;
  flex-grow: 1;
}
.vessel .column_wrapper .column_small[data-v-87de2794] {
  width: 3.05rem;
  margin-right: 0.11rem;
  position: relative;
  flex-grow: 1;
}
.vessel .column_wrapper .column_halve[data-v-87de2794] {
  width: 4.63rem;
  height: 3.05rem;
  margin-right: 0.11rem;
  flex-grow: 1;
  position: relative;
}
.vessel .column_wrapper .column_trisection[data-v-87de2794] {
  width: 3.05rem;
  height: 3.05rem;
  flex-grow: 1;
  margin-right: 0.11rem;
}
.vessel .column_wrapper .column_no[data-v-87de2794] {
  margin-right: 0px;
}
.vessel .column_wrapper .img_pic[data-v-87de2794] {
  width: 100%;
  height: 100%;
}
.vessel .column_wrapper .img_title[data-v-87de2794] {
  font-family: PingFangSC-Light;
  font-size: 0.37rem;
  color: #4A4A4A;
  position: absolute;
  top: 0.11rem;
  left: 0.21rem;
  right: 0.21rem;
}
.vessel .column_swipe-one[data-v-87de2794] {
  width: 100%;
  font-size: 0;
}
.vessel .column_one-img[data-v-87de2794] {
  width: 100%;
  height: 100%;
}
.vessel .column_swipe-two[data-v-87de2794] {
  width: 100%;
}
.vessel .column_swipe-two .z-swipe-item[data-v-87de2794] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vessel .column_swipe-two[data-v-87de2794] .z-swipe__indicators {
  bottom: 0;
}
.vessel .column_two-img[data-v-87de2794] {
  width: 9.2rem;
  height: 3.73rem;
}
.vessel .swipe-three[data-v-87de2794] {
  position: relative;
}
.vessel .column_three-img[data-v-87de2794],
.vessel .column_four-img[data-v-87de2794] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}