.card[data-v-68f1aa12] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 6px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease-in;
}

.card[data-v-68f1aa12]:hover {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.positionicon[data-v-68f1aa12] {
    position: absolute;
    top: 12px;
    left: 12px;
    display: none;
    font-size: 22px;
    opacity: 0.5;
}

.card:hover .positionicon[data-v-68f1aa12] {
    display: block;
}

@media only screen and (max-width: 768px) {
    .card[data-v-68f1aa12]:hover, .card[data-v-68f1aa12]:focus {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/******************************************************************/
.svg-card[data-v-c8953f58] {
    position: relative;
    display: flex;
}

.error[data-v-c8953f58] {
    color: red;
    background: transparent;
}

.ShowPriceDetail[data-v-c8953f58] {
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 100;
    padding: 0 5px;
    font-size: 14px;
    /* width: 62px;
        height: 26px; */
    line-height: 26px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 132, 233, 0.5);
}

.ShowPriceDetail img[data-v-c8953f58] {
    float: left;
    width: 20px;
    height: auto;
    margin: 3px 3px 3px 0;
}

.ShowPriceDetail:hover .S_ShareAndGetFreeLogo[data-v-c8953f58] {
    display: block;
}

p.S_ShareAndGetFreeLogo[data-v-c8953f58] {
    position: absolute;
    top: 36px;
    right: 0;
    bottom: unset;
    z-index: 1;
    display: none;
    width: 130px;
    padding: 10px;
    font-family: Helvetica Neue, PingFang SC, Microsoft YaHei !important;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    text-align: left;
    background: #fff;
    border: 1px solid #d1d9e5;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

p.S_ShareAndGetFreeLogo.t[data-v-c8953f58] {
    bottom: 10px;
}

p.S_ShareAndGetFreeLogo .zan[data-v-c8953f58] {
    font-size: 22px;
}

p.S_ShareAndGetFreeLogo .queen[data-v-c8953f58] {
    float: left;
    width: 18px;
    height: auto;
    margin: 0;
}

p.S_ShareAndGetFreeLogo b[data-v-c8953f58] {
    margin-left: 5px;
}

p.S_ShareAndGetFreeLogo .ShareAndGetFreeLogo-icon[data-v-c8953f58] {
    position: absolute;
    top: -6px;
    right: 18px;
    left: unset;
    width: 11px;
    height: 6px;
    margin: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/****************************************************************/

/**
  * Swiper 3.4.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  *
  * http://www.idangero.us/swiper/
  *
  * Copyright 2017, Vladimir Kharlampidi
  * The iDangero.us
  * http://www.idangero.us/
  *
  * Licensed under MIT
  *
  * Released on: March 10, 2017
  */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-wp8-horizontal {
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.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;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000;
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .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-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    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-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px;
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible;
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .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, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.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-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.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-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper-pagination > span {
    margin: 0 5px;
}

/****************************************************************/

.swiper-display[data-v-15480cd4] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-container[data-v-15480cd4] {
    width: 100%;
    padding: 20px 0;
}

.swiper-slide[data-v-15480cd4] {
    width: calc(100% - 30px);
    max-width: 500px;
    margin: 0 30px;
    background-position: center;
    background-size: cover;
    will-change: transform;
}

.swiper-slide-active[data-v-15480cd4] {
    opacity: 1 !important;
}

.swiper-slide .card[data-v-15480cd4] {
    position: relative;
}

.swiper-slide .card .fa-magic[data-v-15480cd4] {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    opacity: 0.5;
}

.swiper-slide .card .fa-magic.white[data-v-15480cd4] {
    color: #fff;
}

.swiper-pagination[data-v-15480cd4] {
    bottom: 20px;
    width: 100%;
}

.make-some-more[data-v-15480cd4] {
    position: relative;
    width: 100%;
    padding-top: 73.5294118%;
    background: white;
}

.make-some-more[data-v-15480cd4]::before {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #2392ec;
    content: "Make some more";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.b-load-some-more[data-v-15480cd4] {
    position: relative;
    width: 100%;
    padding-top: 73.5294118%;
    cursor: pointer;
    background: white;
}

.b-load-some-more[data-v-15480cd4]::before {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #2392ec;
    content: attr(after-text);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.swiper-buttons[data-v-15480cd4] {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    font-size: 22px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.swiper-buttons[data-v-15480cd4]::after {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    font-weight: 300;
    color: #697382;
    content: "use arrow keys";
}

.swiper-buttons > div[data-v-15480cd4] {
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1280px) {
    .swiper-slide[data-v-15480cd4] {
        max-width: 500px;
    }
}

@media screen and (max-width: 600px) {
    .swiper-button-next[data-v-15480cd4],
    .swiper-button-prev[data-v-15480cd4] {
        height: 22px;
        margin-top: -12px;
        opacity: 0.5;
    }

    .swiper-button-next.swiper-button-disabled[data-v-15480cd4],
    .swiper-button-prev.swiper-button-disabled[data-v-15480cd4] {
        opacity: 0;
    }

    .swiper-button-prev[data-v-15480cd4] {
        left: 5px;
    }

    .swiper-button-next[data-v-15480cd4] {
        right: 5px;
    }

    .swiper-slide[data-v-15480cd4] {
        width: calc(100% - 60px);
        margin: 0 10px;
    }
}

.modal {
    overflow-x: hidden;
}

.modal .el-dialog {
    top: 50% !important;
    width: auto;
    margin: 0;
    border-radius: 4px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal .el-dialog .el-dialog__header {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    padding: 0;
}

.modal .el-dialog .el-dialog__header .el-dialog__headerbtn {
    position: absolute;
    top: 0;
    right: 0;
    justify-content: center;
    width: 25px;
    height: 25px;
    margin: auto;
    color: #fff;
    background: #20a0ff;
    border-radius: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.modal .el-dialog .el-dialog__header .el-dialog__headerbtn:hover, .modal .el-dialog .el-dialog__header .el-dialog__headerbtn:focus {
    color: #bfcbd9;
}

.modal .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 12px;
    color: inherit;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal .el-dialog .el-dialog__body {
    position: relative;
    max-width: 100vw;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #f7f7f7;
    border-radius: inherit;
}

.modal .el-dialog .el-dialog__body .close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}

@media screen and (max-width: 600px) {
    .modal .el-dialog {
        width: 100vw;
    }

    .modal .el-dialog .el-dialog__body {
        overflow-y: auto;
        border-radius: 0;
    }

    .modal .el-dialog,
    .modal .el-dialog .el-dialog__body {
        height: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .modal .el-dialog .el-dialog__header .el-dialog__headerbtn {
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }
}

@media screen and (max-height: 640px) {
    .modal .el-dialog {
        height: 100%;
    }

    .modal .el-dialog .el-dialog__header .el-dialog__headerbtn {
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }
}

/****************************************************************/

.editable {
    box-sizing: border-box;
    width: 100%;
    cursor: text;
    -webkit-user-select: text;
    outline: none;
    -webkit-user-modify: read-write-plaintext-only;
}

/* .editable:empty:before {
        position: absolute;
        height: 22px;
        top: 10px;
        content: attr(placeholder);
        color: #878787;
        display: block; /* For Firefox */
/****************************************************************/

.vdr {
    position: absolute;
    box-sizing: border-box;
}

.vdr.active:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    outline: 1px dashed #d6d6d6;
}

.vdr-stick {
    box-sizing: border-box;
    position: absolute;
    font-size: 1px;
    background: #ffffff;
    border: 1px solid #6c6c6c;
    box-shadow: 0 0 2px #bbb;
}

.inactive .vdr-stick {
    display: none;
}

.vdr-stick-tl,
.vdr-stick-br {
    cursor: nwse-resize;
}

.vdr-stick-tm,
.vdr-stick-bm {
    left: 50%;
    cursor: ns-resize;
}

.vdr-stick-tr,
.vdr-stick-bl {
    cursor: nesw-resize;
}

.vdr-stick-ml,
.vdr-stick-mr {
    top: 50%;
    cursor: ew-resize;
}

.vdr-stick.not-resizable {
    display: none;
}

/****************************************************************/

/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/****************************************************************/
/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

/****************************************************************/

.ps {
    position: relative;
}

.address-component[data-v-47e21ef7] {
    position: relative;
    width: 360px;
    height: 45px;
}

.address-select[data-v-47e21ef7] {
    position: relative;
    width: 100%;
    height: 45px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 41px;
    border: solid 2px #eee;
    border-radius: 0;
}

.address-select[data-v-47e21ef7]:hover {
    border: 2px solid #222;
}

.address-select span[data-v-47e21ef7] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}

.address-select .iconfont-area[data-v-47e21ef7] {
    position: absolute;
    top: 0;
    right: 14px;
    width: 17px;
    height: 100%;
    color: #343538;
    vertical-align: middle;
    opacity: 0.3;
    transition: all 0.3s ease;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.address-select .iconfont-area.active[data-v-47e21ef7] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.address-select p[data-v-47e21ef7] {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address-select .placeholder[data-v-47e21ef7] {
    color: #343538;
    opacity: 0.3;
}

.address-select.active[data-v-47e21ef7] {
    border: 2px solid #222;
}

.address-division-box--slide-down-enter-active[data-v-47e21ef7], .address-division-box--slide-down-leave-active[data-v-47e21ef7] {
    transition-timing-function: ease;
    transition-duration: 300ms;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

.address-division-box--slide-down-enter[data-v-47e21ef7], .address-division-box--slide-down-leave-to[data-v-47e21ef7] {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
}

.division-box[data-v-47e21ef7] {
    position: relative;
    z-index: 1000;
    margin-top: 14px;
    margin-left: -1px;
    background: #fff;
    box-shadow: 0 3px 20px 0 rgba(238, 238, 238, 0.7);
}

.division-box-title[data-v-47e21ef7] {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
}

.division-box-title-level[data-v-47e21ef7] {
    display: inline-block;
    width: 33%;
    height: 100%;
    color: #ccc;
    text-align: center;
    cursor: pointer;
}

.division-box-title-level.active[data-v-47e21ef7] {
    color: #333;
}

.division-box-content[data-v-47e21ef7] {
    height: 320px;
    margin: 5px 0 5px 20px;
    overflow-x: scroll;
    overflow-y: scroll;
}

.division-box-content-tag[data-v-47e21ef7] {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    transition: all 0.3s linear;
}

.division-box-content-tag[data-v-47e21ef7]:hover {
    color: #f7ba2a;
}

.division-box-content-tag.active[data-v-47e21ef7] {
    color: #f7ba2a;
}

/****************************************************************/

.section-input .el-input,
.section-input .el-textarea {
    width: 360px;
    height: 45px;
}

.section-input .el-input input,
.section-input .el-input textarea,
.section-input .el-textarea input,
.section-input .el-textarea textarea {
    height: 45px;
    padding: 10px 15px;
    font-size: 14px;
    border: solid 2px #eee;
    border-radius: 0;
}

.section-input .el-input input:hover,
.section-input .el-input textarea:hover,
.section-input .el-textarea input:hover,
.section-input .el-textarea textarea:hover {
    border: 2px solid #222;
}

.section-input .el-input input::-webkit-input-placeholder,
.section-input .el-input textarea::-webkit-input-placeholder,
.section-input .el-textarea input::-webkit-input-placeholder,
.section-input .el-textarea textarea::-webkit-input-placeholder {
    color: #343538;
    opacity: 0.3;
}

.section-input textarea {
    padding: 5px 15px;
}

/****************************************************************/

.container[data-v-507ea765] {
    position: absolute;
    top: 0;
    right: -600px;
    bottom: 0;
    z-index: 4003;
    box-sizing: border-box;
    width: 600px;
    padding: 60px 0 0 46px;
    color: #222;
    background: #fff;
    border-right: 1px solid #eff2f6;
    box-shadow: 0 5px 15px rgba(71, 80, 89, 0.2);
    transition: all 0.3s ease-in-out;
}

.container .deleted-dialog__wrapper[data-v-507ea765] {
    right: 0;
    left: auto;
    width: 600px;
}

.container .back[data-v-507ea765] {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 24px;
    line-height: 16px;
    cursor: pointer;
}

.container .back i[data-v-507ea765] {
    font-size: inherit;
}

.container h1[data-v-507ea765] {
    margin: 0 0 25px 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
}

.container h1 span[data-v-507ea765] {
    padding: 0 2px;
    box-shadow: inset 0 -12px 0 #fdc839;
}

.container .section[data-v-507ea765] {
    margin-bottom: 25px;
    font-size: 13px;
    font-weight: 600;
}

.container .section .header[data-v-507ea765] {
    width: 14%;
    margin-bottom: 8px;
    line-height: 1.23;
    color: #9fa3a7;
}

.container .section .list[data-v-507ea765] {
    display: flex;
}

.container .section .list .item[data-v-507ea765] {
    box-sizing: border-box;
    min-width: 78px;
    height: 36px;
    padding: 9px 13px;
    margin-right: 10px;
    font-size: 12px;
    color: #737680;
    text-align: center;
    cursor: pointer;
    border: 2px solid #eee;
}

.container .section .list .item[data-v-507ea765]:hover {
    color: #222;
    border: 2px solid #222;
}

.container .section .list .item.selected[data-v-507ea765] {
    color: #222;
    border: 2px solid #222;
}

.container .section .list .item.disabled[data-v-507ea765] {
    color: #737680 !important;
    cursor: no-drop;
    border: 2px solid #eee !important;
}

.container .price-part[data-v-507ea765] {
    display: flex;
    align-items: center;
    height: 34px;
    line-height: 34px;
}

.container .price-part .header[data-v-507ea765] {
    margin-bottom: 0;
}

.container .price-part .price[data-v-507ea765] {
    font-size: 24px;
    font-weight: 900;
    color: #f9593a;
}

.container .section[data-v-507ea765]:last-child {
    margin-bottom: 29px;
}

.container .confirm-btn[data-v-507ea765] {
    padding: 12px 45px;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    border-radius: 50px;
}

.container .confirm-btn .iconfont[data-v-507ea765] {
    margin-left: 20px;
}

.container .section-input[data-v-507ea765] {
    display: flex;
    align-items: center;
}

.container .section-input .header[data-v-507ea765] {
    margin: 0;
}

.container.active[data-v-507ea765] {
    right: 0;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 770px) {
    .download-single-model[data-v-507ea765] {
        box-shadow: none;
    }

    .container[data-v-507ea765] {
        top: auto;
        right: 0;
        bottom: -100%;
        left: 0;
        z-index: 5000;
        width: 100%;
        height: 100%;
        padding: 40px 15px;
        box-shadow: none;
    }

    .container .close[data-v-507ea765] {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 16px;
        line-height: 16px;
        cursor: pointer;
    }

    .container .close i[data-v-507ea765] {
        font-size: inherit;
    }

    .container h1[data-v-507ea765] {
        font-size: 24px;
        text-align: center;
    }

    .container .section[data-v-507ea765] {
        margin-bottom: 15px;
    }

    .container .section .list[data-v-507ea765] {
        flex-wrap: wrap;
    }

    .container .section .list .item[data-v-507ea765] {
        margin-bottom: 10px;
    }

    .container .section .list .item[data-v-507ea765]:nth-child(4) {
        margin-right: 0;
    }

    .container .section .header[data-v-507ea765] {
        width: 22%;
    }

    .container .confirm-btn[data-v-507ea765] {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .container.active[data-v-507ea765] {
        bottom: 0;
    }
}

/****************************************************************/

.section-phone-input .el-input {
    width: 290px;
}

.section-phone-input .el-input input {
    padding: 10px 20px;
    font-size: 14px;
    border: solid 2px #eee;
    border-radius: 0;
}

.section-phone-input .el-input input:hover {
    border: 2px solid #222;
}

.section-phone-input .el-input input::-webkit-input-placeholder {
    color: #343538;
    opacity: 0.3;
}

/****************************************************************/

.pay-success[data-v-7aaf4278] {
    line-height: 23px;
}

.download-single-model[data-v-7aaf4278] {
    position: absolute;
    top: 0;
    right: -600px;
    bottom: 0;
    z-index: 4003;
    width: 600px;
    padding: 0;
    color: #222;
    background: #fff;
    border-right: 1px solid #eff2f6;
    box-shadow: 0 5px 15px rgba(71, 80, 89, 0.2);
    transition: all 0.3s ease-in-out;
}

.download-single-model .back[data-v-7aaf4278] {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 24px;
    line-height: 16px;
    cursor: pointer;
}

.download-single-model .back i[data-v-7aaf4278] {
    font-size: inherit;
}

.download-single-model .download-body[data-v-7aaf4278] {
    width: 360px;
    color: #737680;
}

.download-single-model .download-body .real-img-box[data-v-7aaf4278] {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0 auto 40px;
    background: #eff2f6;
}

.download-single-model .download-body .real-img-box div[data-v-7aaf4278] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.56;
    color: #333;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.download-single-model .download-body .free-download-text[data-v-7aaf4278] {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.56;
    white-space: nowrap;
}

.download-single-model .download-body button[data-v-7aaf4278] {
    padding: 12px 20px;
    border-radius: 0;
}

.download-single-model .download-body.unactive[data-v-7aaf4278] {
    visibility: hidden;
}

.download-single-model .transform-center[data-v-7aaf4278] {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.container[data-v-7aaf4278] {
    position: absolute;
    top: 0;
    right: -600px;
    bottom: 0;
    z-index: 4003;
    box-sizing: border-box;
    width: 600px;
    padding: 60px 0 0 46px;
    color: #222;
    background: #fff;
    border-right: 1px solid #eff2f6;
    box-shadow: 0 5px 15px rgba(71, 80, 89, 0.2);
    transition: all 0.3s ease-in-out;
}

.container .back[data-v-7aaf4278] {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 24px;
    line-height: 16px;
    cursor: pointer;
}

.container .back i[data-v-7aaf4278] {
    font-size: inherit;
}

.container h1[data-v-7aaf4278] {
    margin: 0 0 25px 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
}

.container h1 span[data-v-7aaf4278] {
    padding: 0 2px;
    box-shadow: inset 0 -12px 0 #fdc839;
}

.container .section[data-v-7aaf4278] {
    margin-bottom: 25px;
    font-size: 13px;
    font-weight: 600;
}

.container .section .header[data-v-7aaf4278] {
    margin-bottom: 8px;
    line-height: 1.23;
    color: #9fa3a7;
}

.container .section .list[data-v-7aaf4278] {
    display: flex;
}

.container .section .list .item[data-v-7aaf4278] {
    box-sizing: border-box;
    min-width: 78px;
    height: 36px;
    padding: 9px 13px;
    margin-right: 10px;
    font-size: 12px;
    color: #737680;
    text-align: center;
    cursor: pointer;
    border: 2px solid #eee;
}

.container .section .list .item[data-v-7aaf4278]:hover {
    color: #222;
    border: 2px solid #222;
}

.container .section .list .item.selected[data-v-7aaf4278] {
    color: #222;
    border: 2px solid #222;
}

.container .section .list .item.disabled[data-v-7aaf4278] {
    color: #737680 !important;
    cursor: no-drop;
    border: 2px solid #eee !important;
}

.container .price-part[data-v-7aaf4278] {
    display: flex;
    align-items: center;
    height: 34px;
    line-height: 34px;
}

.container .price-part .header[data-v-7aaf4278] {
    margin-bottom: 0;
}

.container .price-part .price[data-v-7aaf4278] {
    font-size: 24px;
    font-weight: 900;
    color: #f9593a;
}

.container .section[data-v-7aaf4278]:last-child {
    margin-bottom: 29px;
}

.container button[data-v-7aaf4278] {
    padding: 12px 45px;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    border-radius: 50px;
}

.container button .iconfont[data-v-7aaf4278] {
    margin-left: 20px;
}

.container .section-phone-input[data-v-7aaf4278] {
    display: flex;
    align-items: center;
}

.container .section-phone-input .header[data-v-7aaf4278] {
    margin: 0;
}

.container.active[data-v-7aaf4278] {
    right: 0;
    transition: all 0.3s ease-in-out;
}

.download-single-model.active[data-v-7aaf4278] {
    right: 0;
    transition: all 0.3s ease-in-out;
}

.go-to-pay[data-v-7aaf4278] {
    margin-top: 20px;
    cursor: pointer;
}

.go-to-pay span[data-v-7aaf4278] {
    color: #20a0ff;
}

.download-qrcode[data-v-7aaf4278] {
    font-size: 22px;
    font-weight: 500;
    line-height: 0.73;
    color: #737680;
    text-align: center;
    letter-spacing: 0.5px;
    visibility: hidden;
}

.download-qrcode .qrcode-box[data-v-7aaf4278] {
    width: 196px;
    height: 196px;
    margin: 30px 0 20px;
    border: solid 1px #e6e8eb;
}

.download-qrcode .qrcode-box img[data-v-7aaf4278] {
    display: block;
    width: 100%;
    height: 100%;
}

.download-qrcode .price[data-v-7aaf4278] {
    font-size: 24px;
    font-weight: 900;
    color: #f9593a;
}

.download-link[data-v-7aaf4278] {
    width: 80%;
    visibility: hidden;
}

.download-link p[data-v-7aaf4278] {
    margin: 0;
    text-align: left;
}

.download-link p[data-v-7aaf4278]:first-child {
    margin-bottom: 39px;
    font-size: 18px;
    font-weight: 600;
    line-height: 0.89;
}

.download-link p[data-v-7aaf4278]:nth-child(2) {
    margin-bottom: 70px;
    font-size: 14px;
    line-height: 1;
    color: #222;
}

.download-link p:nth-child(2) a[data-v-7aaf4278] {
    display: block;
    line-height: 1.5;
    color: #20a0ff;
    word-break: break-all;
}

.download-qrcode.active[data-v-7aaf4278] {
    visibility: visible;
}

.download-link.active[data-v-7aaf4278] {
    visibility: visible;
}

@media screen and (max-width: 770px) {
    .download-single-model[data-v-7aaf4278] {
        box-shadow: none;
    }

    .container[data-v-7aaf4278] {
        top: auto;
        right: 0;
        bottom: -100%;
        left: 0;
        z-index: 5000;
        width: 100%;
        height: 100%;
        padding: 40px 15px;
        box-shadow: none;
    }

    .container .close[data-v-7aaf4278] {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 16px;
        line-height: 16px;
        cursor: pointer;
    }

    .container .close i[data-v-7aaf4278] {
        font-size: inherit;
    }

    .container h1[data-v-7aaf4278] {
        font-size: 24px;
        text-align: center;
    }

    .container .section[data-v-7aaf4278] {
        margin-bottom: 15px;
    }

    .container .section .list[data-v-7aaf4278] {
        flex-wrap: wrap;
    }

    .container .section .list .item[data-v-7aaf4278] {
        margin-bottom: 10px;
    }

    .container .section .list .item[data-v-7aaf4278]:nth-child(4) {
        margin-right: 0;
    }

    .container button[data-v-7aaf4278] {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .container.active[data-v-7aaf4278] {
        bottom: 0;
    }
}

.section-phone-input .el-input {
    width: 290px;
}

.section-phone-input .el-input input {
    padding: 10px 20px;
    font-size: 14px;
    border: solid 2px #eee;
    border-radius: 0;
}

.section-phone-input .el-input input:hover {
    border: 2px solid #222;
}

.section-phone-input .el-input input::-webkit-input-placeholder {
    color: #343538;
    opacity: 0.3;
}

.pay-success .el-checkbox__input {
    vertical-align: 1px;
}

.pay-success .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    vertical-align: -4px;
    background: #13ce66;
    border-color: #13ce66;
}

.pay-success .el-checkbox__input.is-disabled + .el-checkbox__label {
    font-size: 16px;
    color: #737680;
}

.container[data-v-0475a681] {
    position: absolute;
    top: 0;
    right: -600px;
    bottom: 0;
    z-index: 4003;
    box-sizing: border-box;
    width: 600px;
    padding: 60px 0 0 46px;
    color: #222;
    background: #fff;
    border-right: 1px solid #eff2f6;
    box-shadow: 0 5px 15px rgba(71, 80, 89, 0.2);
    transition: all 0.3s ease-in-out;
}

.container .back[data-v-0475a681] {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 24px;
    line-height: 16px;
    cursor: pointer;
}

.container .back i[data-v-0475a681] {
    font-size: inherit;
}

.container h1[data-v-0475a681] {
    margin: 0 0 25px 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
}

.container h1 span[data-v-0475a681] {
    padding: 0 2px;
    box-shadow: inset 0 -12px 0 #fdc839;
}

.container.active[data-v-0475a681] {
    right: 0;
    transition: all 0.3s ease-in-out;
}

.pay-success-container[data-v-0475a681] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    font-size: 22px;
    font-weight: 500;
    line-height: 0.73;
    color: #737680;
    text-align: center;
    letter-spacing: 0.5px;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pay-success-container .headimg[data-v-0475a681] {
    width: 100px;
    height: 100px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 100px;
}

.pay-success-container .headimg img[data-v-0475a681] {
    display: block;
    width: 100%;
}

.pay-success-container .contact-qq[data-v-0475a681] {
    font-size: 16px;
    line-height: 1.56;
}

.pay-success-container .contact-qq a[data-v-0475a681] {
    color: #5ca9de;
}

.pay-success-container .contact-qq button[data-v-0475a681] {
    margin-top: 20px;
}

.pay-content[data-v-0475a681] {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 22px;
    font-weight: 500;
    line-height: 0.73;
    color: #737680;
    text-align: center;
    letter-spacing: 0.5px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pay-content .qrcode-box[data-v-0475a681] {
    width: 196px;
    height: 196px;
    margin: 30px 0 20px;
    border: solid 1px #e6e8eb;
}

.pay-content .qrcode-box img[data-v-0475a681] {
    display: block;
    width: 100%;
    height: 100%;
}

.pay-content .price[data-v-0475a681] {
    font-size: 24px;
    font-weight: 900;
    color: #f9593a;
}

.pay-content .price .el-checkbox[data-v-0475a681] {
    color: inherit;
}

.pay-content .price .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner[data-v-0475a681]::after {
    border-color: #9b9b9b;
}

.pay-content.unactive[data-v-0475a681] {
    visibility: hidden;
}

.pay-success-container.active[data-v-0475a681] {
    visibility: visible;
}

.pay-footer[data-v-0475a681] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 74px;
    line-height: 74px;
    color: #444;
    text-align: center;
    border-top: solid 1px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 770px) {
    .download-single-model[data-v-0475a681] {
        box-shadow: none;
    }

    .container[data-v-0475a681] {
        top: auto;
        right: 0;
        bottom: -100%;
        left: 0;
        z-index: 5000;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 40px 15px;
        box-shadow: none;
    }

    .container .close[data-v-0475a681] {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 16px;
        line-height: 16px;
        cursor: pointer;
    }

    .container .close i[data-v-0475a681] {
        font-size: inherit;
    }

    .container h1[data-v-0475a681] {
        font-size: 24px;
        text-align: center;
    }

    .container .section[data-v-0475a681] {
        margin-bottom: 15px;
    }

    .container .section .list[data-v-0475a681] {
        flex-wrap: wrap;
    }

    .container .section .list .item[data-v-0475a681] {
        margin-bottom: 10px;
    }

    .container .section .list .item[data-v-0475a681]:nth-child(4) {
        margin-right: 0;
    }

    .container button[data-v-0475a681] {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .container.active[data-v-0475a681] {
        bottom: 0;
    }
}

.download-single-model[data-v-854c9244] {
    position: absolute;
    bottom: -350px;
    z-index: 4003;
    width: 100%;
    height: 350px;
    padding: 0;
    color: #222;
    background: #fff;
    border-right: 1px solid #eff2f6;
    box-shadow: 0 5px 15px rgba(71, 80, 89, 0.2);
    transition: all 0.3s ease-in-out;
}

.download-single-model .close[data-v-854c9244] {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
}

.download-single-model .close i[data-v-854c9244] {
    font-size: inherit;
}

.download-single-model .download-body[data-v-854c9244] {
    width: 80%;
    color: #737680;
}

.download-single-model .download-body .real-img-box[data-v-854c9244] {
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto 20px;
    background: #eff2f6;
}

.download-single-model .download-body .real-img-box div[data-v-854c9244] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.56;
    color: #333;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.download-single-model .download-body .free-download-text[data-v-854c9244] {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.56;
    white-space: nowrap;
}

.download-single-model .download-body button[data-v-854c9244] {
    padding: 12px 20px;
    border-radius: 0;
}

.download-single-model .download-body.unactive[data-v-854c9244] {
    visibility: hidden;
}

.download-single-model .transform-center[data-v-854c9244] {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.download-single-model.active[data-v-854c9244] {
    bottom: 0;
    transition: all 0.3s ease-in-out;
}

.download-link[data-v-854c9244] {
    width: 80%;
    visibility: hidden;
}

.download-link p[data-v-854c9244] {
    margin: 0;
    text-align: left;
}

.download-link p[data-v-854c9244]:first-child {
    margin-bottom: 39px;
    font-size: 16px;
    font-weight: 600;
    line-height: 0.89;
}

.download-link p[data-v-854c9244]:nth-child(2) {
    margin-bottom: 70px;
    font-size: 14px;
    line-height: 1;
    color: #222;
}

.download-link p:nth-child(2) a[data-v-854c9244] {
    display: block;
    line-height: 1.5;
    color: #20a0ff;
    word-break: break-all;
}

.download-link button[data-v-854c9244] {
    border-radius: 0;
}

.download-link.active[data-v-854c9244] {
    visibility: visible;
}

.download-qrcode[data-v-854c9244] {
    font-size: 18px;
    font-weight: 500;
    line-height: 0.73;
    color: #737680;
    text-align: center;
    letter-spacing: 0.5px;
    visibility: hidden;
}

.download-qrcode .qrcode-box[data-v-854c9244] {
    width: 150px;
    height: 150px;
    margin: 20px auto 20px;
    border: solid 1px #e6e8eb;
}

.download-qrcode .qrcode-box img[data-v-854c9244] {
    display: block;
    width: 100%;
    height: 100%;
}

.download-qrcode .price[data-v-854c9244] {
    font-size: 20px;
    font-weight: 900;
    color: #f9593a;
}

.download-qrcode.active[data-v-854c9244] {
    visibility: visible;
}

.vc-saturation,
.vc-saturation--white,
.vc-saturation--black {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.vc-saturation--white {
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.vc-saturation--black {
    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.vc-saturation-pointer {
    position: absolute;
    cursor: pointer;
}

.vc-saturation-circle {
    width: 4px;
    height: 4px;
    cursor: head;
    border-radius: 50%;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3),
    0 0 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
}

.color-picker-saturation[data-v-5a989f8f] {
    position: relative;
    padding-bottom: 60%;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
}

.color-picker-saturation .vc-saturation-circle {
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 1px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(-8px, -8px);
    transform: translate(-8px, -8px);
}

.vc-hue {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border-radius: 2px;
}

.vc-hue--horizontal {
    background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}

.vc-hue--vertical {
    background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}

.vc-hue-container {
    cursor: pointer;
    margin: 0 2px;
    position: relative;
    height: 100%;
}

.vc-hue-pointer {
    z-index: 2;
    position: absolute;
}

.vc-hue-picker {
    cursor: pointer;
    margin-top: 1px;
    width: 4px;
    border-radius: 1px;
    height: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    background: #fff;
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}

.color-picker-hue[data-v-6d62cb28] {
    position: relative;
    height: 8px;
    margin-top: 15px;
}

.color-picker-hue .vc-hue-container {
    margin: 0 4px;
}

.color-picker-hue .vc-hue-picker {
    width: 18px;
    height: 18px;
    background: none;
    border: 5px solid #fff;
    border-radius: 50%;
    -webkit-transform: translate(-9px, -5px);
    transform: translate(-9px, -5px);
}

.color-picker-presets {
    margin-top: -8px !important;
    margin-bottom: 5px !important;
    margin-left: -4px !important;
    list-style: none;
}

.color-picker-presets::after {
    display: table;
    clear: both;
    content: "";
}

.color-picker-presets--type--round .color-picker-presets__item {
    border-radius: 2px;
}

.color-picker-presets--type--circle .color-picker-presets__item {
    border-radius: 50%;
}

.color-picker-presets__item {
    position: relative;
    float: left;
    width: 17px;
    height: 17px;
    margin-top: 8px !important;
    margin-left: 4px !important;
    cursor: pointer;
    border: solid 1px rgba(0, 0, 0, 0.1);
    transition: all 300ms ease;
}

.color-picker-presets__item::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    content: "";
    background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cdefs%3E%3Cstyle/%3E%3C/defs%3E%3Cpath d='M896 213.34q18.33 0 30.495 12.165T938.66 256q0 18.002-12.33 30.33l-512 512q-12.328 12.33-30.33 12.33t-30.33-12.33l-256-256Q85.34 530.003 85.34 512q0-18.33 12.165-30.495T128 469.34q18.002 0 30.33 12.33L384 707.665l481.67-481.997Q877.997 213.34 896 213.34z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center/contain;
    opacity: 0;
    transition: all 300ms ease;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.color-picker-presets__item:nth-child(24) ~ .color-picker-presets__item {
    margin-top: 4px !important;
}

.color-picker-presets__item--transparent {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC") no-repeat center/contain;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.color-picker-presets__item--transparent::after {
    -webkit-transform: translate(-50%, -50%) rotateY(180deg);
    transform: translate(-50%, -50%) rotateY(180deg);
}

.color-picker-presets__item--transparent::after, .color-picker-presets__item--white::after {
    background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cdefs%3E%3Cstyle/%3E%3C/defs%3E%3Cpath d='M896 213.34q18.33 0 30.495 12.165T938.66 256q0 18.002-12.33 30.33l-512 512q-12.328 12.33-30.33 12.33t-30.33-12.33l-256-256Q85.34 530.003 85.34 512q0-18.33 12.165-30.495T128 469.34q18.002 0 30.33 12.33L384 707.665l481.67-481.997Q877.997 213.34 896 213.34z' fill='%23000'/%3E%3C/svg%3E");
}

.color-picker-presets__item--check::after {
    opacity: 1;
}

.color-picker-presets__item--palette {
    position: absolute;
    right: 0;
    display: inline-block;
    float: none;
    margin: 0 !important;
    vertical-align: middle;
    border: 0;
    border-radius: 2px;
}

.color-picker-presets__item--palette::before {
    content: "";
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAwCAYAAACsVQxYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAJrElEQVRo3sVay44kRxU9+arunhmNkZGxbCwhxFfxKSxY8TEg/4kRLLxAAvOSsBkY5uXpmeruemQmi7g348TJG1mzQaQUiqysyqiIE+c+4zafzb+YgTNSG6U/Vfojfa795owOM3oAO2tX1m4APKL2GMAT6r3x9zfWrq3tAAzWdwC6GXkZJ5nqiaZ8DJYyFtMGzkCfhm8AtPbUe9hzbXzN1M8AJptm6iecMdn/epukzTQK5F9bXzSAnu7b4H75A16g7qODtL2fDIyC4lPj+0sAzbaHDtCEGS0mTAUgEUgMDv8DA+DgePPPLYPiZOfFH4gxEVAOCoM6FsAwKC21LUAUmNmmm5c6YkJL8+4roCgwDgrPJGJL6/ugLDkHoOg9g8MtA9MRKH7PwGjf0DIigFhYMmsYkLN8VlFiMHqs2eLAVJnygFK/MHsiXcPMSaJ0RUDUQFEG8d7WmJMBUtacBTp/cwuULvjcsI1gJjgoRwLDgVFdE7BFdIzvaUu9AhUBtgVOXv6IsdAvZ5S6pgaMt4EAWURIWXIkUA7WlC3ahCkkSjsht4MRgdJdACUCJvVJnOYQFGaOj8wK1kHh+5VFOQSgODDcaqAwOBkYZ4gD1BFIvb3VUX8MWOT7zRfbohkjTjjZiMxcZoyDE4FSFaEHawyIf3bQFJSaGGVR2tH0HIxR7pnYJ8Q2w5lUF6kkUFPBWp+PihKLz0BtceSYJdwUGGVKpHRV+Z0LUWJys3FlsfL7qKlpZ3Ayc86YVixmq+R2UUXHbeeiPB2AewPBe2UOi1HNPBMgPiEBxjXaiOxx+DR9hC3jqb6Pg5OBmTHhjHG1YaP9mq3PjloPoB0JlAcAdwbIHYFTY0vNEjkHxPskYCaUOsEh7IEV+X0PjwFAyiAGZzTWjCtRZ+XroAzSCvHZGyAOjjdmjIpRpGzZTBIvDJhyV/N9L29rcOmKOVKRark4VJhwwqlgOAPjQHjQuXNQnBXvCZi9sIatk+oWBUSZQtwwB0/DOtY17Kt6PwhAzpxFRVKLxOpcAHMiYFzpXhMw3UiLf2fAeHPWqH6J2KK+Ai+TzeO0OHjsczAwzKJBoGbx8v09EDguDIuRtaVn5X7EcVmDx/MuRpxeWPTJrQFzK8Co4tVUQ2R5FIw6Y2bp9V6jHI7zr2wWnnU5IKtNFjM357Ox5owDJjzYKA7MDbXmYAB8b+0WwFthCyvdS0qWbcwULHXNGP4GlbdYvFTveMzlHL62mbKmYHASqPe4wz0Bs0NOUA2jMeQNgFfWv7Vne2T9ws6cphICixNygIO2Ehh/Grn0UdRcA4i13dFm7vvPAAGua/Y44cGe3CBn8/AOwEsAL6x/LWxRUNjyRCF8lCHTJVozYPyaP6Ap7yLHkAF6ZDO/Iy5cEzgnvMcr7O3TYwAfAej2AP4N4J/WvzJRcraor8KJJrUbqh38c23JKICZpcf611WIy5honTdmr+wjAE+NF9cGzT3e4A4A8EMAT0cA3wL4C4DvAPzHxMiZwuY4ctJUPCqsKJbI11z4MYh/sXp7DkbTrVCRc5fVnZE7AJ84DACA5/gaAPBjAPgzgN8D+KuxxcWHlSuDUVOil/Y44gEWxnQVMKJr3nhWA0+57KJ2RJKJnwH4iSnfr/H0jwC+BPAnJL2yR04wsc6oMQHYXvzWRb9rPpsfPvS1//n17POf/r+nsFwBY/xqPuB5E3+3pbddBI5IEvUawDcAfgP8Es/wK3wH4NcA/oBkjlyGNLjZ0qLARVnZvGYGptHv1vdbfU1y2JK7Dt4j6Y3nAP4G4LfA8FUa6jm+wKf4OYDfISmbZ8ia1z05t3hsDSPHdGuitcU5MGNT/x6oq47IQGloxVbbA8C9seQFkuX5JpHjE/uLbwF8jC/MVv4AwD8MwddIbq/aaslJVoG61MrF90uQgo3fbrky0UkaW2n38TwAfIvkk/zLUPg7MLxPRhy2/NcAPsXn9uQGyXK9NOZ4oOTeHUeLqqEjoKJdXS+0X/IQHwLGVnTAeQ7Nxbr7/r2t7YWRwKTkMczTtZ+9AfAELR7jR/Z0QHIMnyCLFYPjIbUGSVuHw5G3l5/1S5ASef+ojBc5unq+44kjz5m8M2Be2+Y/T2scTtkXhi3Tl73DDgM+tm865Lj71qD0pIzvQBRW1/IMEe3zwhMwW2IyYw2Gnv65/8ai436ci9AtMealfb5Ly7xB9r89eHhvz3s8QlNkazwx4XUTHEleiia3XOTSVe6XgGtLd2j+Qs90WMG6539PK3Rg3howFu8M0zqsHOn1+4Ujj2jSnsryHJCzqJbXjI4EagzKrccRsf6oHRyw+PApH4dDzpY9yYUD886+O5TJbncafFgH5wpAhxYDblCaTAaIR9IjgksZK44rMkD9EpkCsTIfZSxVsNGhl4uQK10HxlXCYZ3nK7M0ZbI/JUsHtAU4fGbJo93TvZ6dsP8jJ2zChAxMzfSqgtX6Ej7jYRlgYJwlBkpzKk8CPPkJWzZb+gcStavlRONSCcBAk2KQtIQqSgI7MIeASewK1CqUOJvAjGFgXMdw+vEUH71qRpjB8VR7OkGIwPFjOgVnoBEG5BMN7+uWq2QMs0pTKm55zjJjBoWBcS+XDcYxnTvr1PlwN8oFZnECWrTollTJpRoJra5xuB2c2snbmRhTOz7izJie0yhb+KiUU4/kmOrRq0+dD1git+gEPrHq0YRxjxY5dfIvJ+l1kfn0tS/OXFTJarzDjIksEesZ9tbtvXaqn3o7YzhhqgDxUd5QJPEjYJgxrqQZJD+P76VP9z0eSHScScoULc5RYNiERO6EjRMVGDIofrFUR9UauRaP6/1U52gdT1+8mYFxyJlFo+kY1itskiNQ2G/RIh0OevkkbUwVUDUtwDqmPOVe65vy8LdFix7rKj5mUFTqyCUt3OfaoL7q+0RBoZoKLu3S8gupn43q6baO/zUUizyPtOwOTcgcFa/atnCZS2ZNUr4a+6huUS9XlW/trNiYqFNicLTEMXK+a6KUhaSntyPWcGlKrejSR02FUj3TvfB5amXnDIoDpVG/KPSogqZWTcPgRD4m245cINegXUIEBUjrlGuVw96fAmA0OGSTELFGYzUda1yru0i3aIEaUDrjkSfBRXBpyS0adIizbcog3wZljwtoRw6eere1OnxVwJVafExAM8XSrTWgyhbOlEaNy5l8rFQDpsBEgNTYw+1sfkxkntXTVXCi0lDxrtWjqJU0KjhRQUqU1T3LOMk1U3B2G6xR3ZNnV1qlmihFfozqITYZE9DMMRBR4ys6DI6yHw42syYt0fUNjzbIv+hWqKZr8V+ZxZEjhIcYoAAAAABJRU5ErkJggg==") no-repeat center/cover;
    border-radius: inherit;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: auto;
}

.color-picker-presets__item--palette--presets::before {
    background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M0 0h1024v1024H0V0zm36.8 36.8v950.4h950.4V36.8H36.8z' fill='%23CCC'/%3E%3Cpath d='M110.4 110.4h219.2v219.2H110.4z' fill='%23FCCE72'/%3E%3Cpath d='M401.6 110.4h219.2v219.2H401.6z' fill='%23EA6161'/%3E%3Cpath d='M694.4 110.4h219.2v219.2H694.4z' fill='%23F36AC5'/%3E%3Cpath d='M110.4 401.6h219.2v219.2H110.4z' fill='%23CAF86E'/%3E%3Cpath d='M401.6 401.6h219.2v219.2H401.6z' fill='%23F3F3F3'/%3E%3Cpath d='M694.4 401.6h219.2v219.2H694.4z' fill='%23CE72FC'/%3E%3Cpath d='M110.4 694.4h219.2v219.2H110.4z' fill='%2365DF65'/%3E%3Cpath d='M401.6 694.4h219.2v219.2H401.6z' fill='%236AC5F3'/%3E%3Cpath d='M694.4 694.4h219.2v219.2H694.4z' fill='%235E5EE7'/%3E%3C/svg%3E");
}

.color-picker-input[data-v-0df6f2d7] {
    position: relative;
    width: 100%;
    height: 32px;
    background-color: #fff;
    border: solid 1px rgba(0, 0, 0, 0.1);
}

.color-picker-input__color[data-v-0df6f2d7] {
    position: absolute;
    top: 50%;
    left: 9px;
    width: 33px;
    height: 15px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    transition: all 300ms ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.color-picker-input__color[data-v-0df6f2d7]::after {
    content: "";
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC") center;
    opacity: 0;
    transition: all 300ms ease;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: auto;
}

.color-picker-input__color--transparent[data-v-0df6f2d7]::after {
    opacity: 1;
}

.color-picker-input__field[data-v-0df6f2d7] {
    height: 100%;
    font-size: 13px;
}

.color-picker-input__hex[data-v-0df6f2d7] {
    position: absolute;
    top: 50%;
    left: 77px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.color-picker-input__hex[data-v-0df6f2d7]::after {
    color: rgba(34, 34, 34, 0.6);
    content: "#";
}

.color-picker-input__val[data-v-0df6f2d7] {
    width: 100%;
    height: 100%;
    padding: 7px 9px 7px 89px;
    font-family: inherit;
    font-size: 13px;
    color: #222;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.vc-checkerboard {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-size: contain;
}

.vc-alpha {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.vc-alpha-checkboard-wrap {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
}

.vc-alpha-gradient {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.vc-alpha-container {
    cursor: pointer;
    position: relative;
    z-index: 2;
    height: 100%;
    margin: 0 3px;
}

.vc-alpha-pointer {
    z-index: 2;
    position: absolute;
}

.vc-alpha-picker {
    cursor: pointer;
    width: 4px;
    border-radius: 1px;
    height: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    background: #fff;
    margin-top: 1px;
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}

.color-picker-alpha[data-v-143a79c9] {
    position: relative;
    height: 18px;
    margin: -8px 8px 8px;
    border-top: 8px solid transparent;
}

.color-picker-alpha .vc-alpha-gradient {
    border-radius: 2px;
}

.color-picker-alpha .vc-alpha-picker {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(-9px, -4px);
    transform: translate(-9px, -4px);
}

.color-picker[data-v-312c4ca7] {
    box-sizing: border-box;
    width: 184px;
    padding: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.5;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
}

.color-picker-item[data-v-312c4ca7] {
    margin-top: 17px;
}

.color-picker-item__label[data-v-312c4ca7] {
    position: relative;
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    line-height: 1;
    color: #9fa3a7;
}

.color-picker-item__label--inline[data-v-312c4ca7] {
    display: inline-block;
    margin: 0 7px 5px 0;
    vertical-align: middle;
}

.color-picker-item__picker[data-v-312c4ca7] {
    display: inline-block;
    vertical-align: middle;
}

.color-picker *,
.color-picker *::before,
.color-picker *::after {
    box-sizing: inherit;
    padding: 0;
    margin: 0;
    outline: none;
}

.floating-button[data-v-10c9ce8f] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 5px 15px rgba(71, 80, 89, 0.2);
    transition: all 0.15s ease-in-out;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.floating-button[data-v-10c9ce8f]:hover {
    background: #3498db;
}

.color-palette-side-bar .floating-button.back[data-v-10c9ce8f] {
    right: 242px;
}

.color-palette-side-bar .floating-button[data-v-10c9ce8f] {
    position: absolute;
    top: 20px;
    right: 24px;
    z-index: 999;
    transition: all 0.3s ease-in-out;
}

.color-palette-side-bar .floating-button .wrapper.back[data-v-10c9ce8f] {
    color: #29292e;
}

.color-palette-side-bar .floating-button .wrapper.back .fa-tint[data-v-10c9ce8f] {
    opacity: 0;
}

.color-palette-side-bar .floating-button .wrapper.back .fa-angle-right[data-v-10c9ce8f] {
    opacity: 1;
}

.color-palette-side-bar .floating-button .wrapper[data-v-10c9ce8f] {
    width: 100%;
    height: 100%;
    font-size: 25px;
    color: #3498db;
}

.color-palette-side-bar .floating-button .wrapper .fa-tint[data-v-10c9ce8f] {
    opacity: 1;
}

.color-palette-side-bar .floating-button .wrapper i[data-v-10c9ce8f] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.color-palette-side-bar .floating-button .wrapper .fa-angle-right[data-v-10c9ce8f] {
    opacity: 0;
}

.color-palette-side-bar .floating-button .wrapper[data-v-10c9ce8f]:hover {
    color: #fff;
}

.color-palette-side-bar .side-bar[data-v-10c9ce8f] {
    position: absolute;
    top: 0;
    right: -218px;
    bottom: 0;
    z-index: 4000;
    width: 218px;
    overflow: hidden;
    background: #fff;
    border-right: 1px solid #eff2f6;
    box-shadow: 0 5px 15px rgba(71, 80, 89, 0.2);
    transition: all 0.3s ease-in-out;
}

.color-palette-side-bar .side-bar .palette-title[data-v-10c9ce8f] {
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 14px;
    text-align: center;
    letter-spacing: 1px;
}

.color-palette-side-bar .side-bar .palette-part-title[data-v-10c9ce8f] {
    padding: 0 20px;
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 14px;
    letter-spacing: 1px;
}

.color-palette-side-bar .side-bar .color-palette-block[data-v-10c9ce8f] {
    padding: 16px 10px;
    margin: 0 19px;
    cursor: pointer;
}

.color-palette-side-bar .side-bar .color-palette-block .title[data-v-10c9ce8f] {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 100;
    text-align: left;
    letter-spacing: 0.5px;
}

.color-palette-side-bar .side-bar .color-palette-block .color-preview-wrapper[data-v-10c9ce8f] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: -8px 0;
}

.color-palette-side-bar .side-bar .color-palette-block .color-preview-wrapper .color-preview[data-v-10c9ce8f] {
    position: relative;
    width: 36px;
    height: 36px;
    margin: 2px 0;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 20px;
}

.color-palette-side-bar .side-bar .color-palette-block .color-preview-wrapper .color-preview div[data-v-10c9ce8f] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    background: #222222;
    border-radius: 20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.color-palette-side-bar .side-bar .color-palette-block .color-preview-wrapper .color-preview[data-v-10c9ce8f]:hover {
    border: 2px solid #fdc839;
    opacity: 0.8;
}

.color-palette-side-bar .side-bar .color-palette-block .color-preview-wrapper .checkColor[data-v-10c9ce8f] {
    border: 2px solid #fdc839;
}

.color-palette-side-bar .side-bar .color-palette-block[data-v-10c9ce8f]:hover {
    background: #f2f2f2;
}

.color-palette-side-bar .side-bar.active[data-v-10c9ce8f] {
    right: 0;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 600px) {
    .side-bar[data-v-10c9ce8f] {
        box-shadow: none !important;
    }

    .side-bar.active[data-v-10c9ce8f] {
        right: 0;
        box-shadow: 0 5px 15px rgba(71, 80, 89, 0.2) !important;
        transition: all 0.3s ease-in-out;
    }
}

.color-preview .el-loading-mask {
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    background: transparent;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.color-preview .el-loading-mask .el-loading-spinner {
    height: 100%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.color-preview .el-loading-mask .el-loading-spinner .circular {
    width: 26px;
    height: 26px;
}

.color-preview .el-loading-mask .el-loading-spinner .path {
    stroke: #fdc839;
}

.search-input {
    height: 40px;
}

.search-input .el-icon-search {
    left: 0 !important;
}

.search-input input {
    height: 40px;
    padding-right: 10px !important;
    padding-left: 35px !important;
}

.search-input input::-webkit-input-placeholder {
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .search-input input::-webkit-input-placeholder {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
}

.photo-list[data-v-ce400aa0] {
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #fff;
}

.photo-list .nodata[data-v-ce400aa0] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: 0;
    font-size: 16px;
    color: #c0ccda;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.photo-list .header[data-v-ce400aa0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 20px;
}

.photo-list .searchImg[data-v-ce400aa0] {
    margin: 0 20px 5px;
}

.photo-list .upload-btn[data-v-ce400aa0] {
    position: relative;
    width: 84px;
    height: 28px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 26px;
}

.photo-list .upload-btn .el-icon-plus[data-v-ce400aa0] {
    margin-right: 4px;
    font-size: 11px;
    vertical-align: 1px;
}

.photo-list h4[data-v-ce400aa0] {
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 40px;
}

.photo-list a.changeOther[data-v-ce400aa0] {
    float: right;
    font-size: 14px;
    line-height: 60px;
    color: #99a9bf;
    cursor: pointer;
}

.photo-list a.changeOther img[data-v-ce400aa0] {
    width: 15px;
    margin-right: 2px;
    vertical-align: -3px;
}

.photo-list a.changeOther[data-v-ce400aa0]:hover {
    opacity: 0.8;
}

.photo-list .photo-category-box[data-v-ce400aa0] {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 25px 10px;
    margin: 0 auto;
    overflow: hidden;
}

.photo-list .photo-category-box .category-detail[data-v-ce400aa0] {
    display: inline-block;
    width: 41px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #99a9bf;
    text-align: center;
    cursor: pointer;
}

.photo-list .photo-category-box .category-detail-checked[data-v-ce400aa0] {
    color: #1ea0ff;
    border-bottom: 3px solid #1ea0ff;
}

.photo-list .photo-detail-box[data-v-ce400aa0] {
    position: relative;
    padding-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.photo-list .photo-detail-box .el-loading-mask[data-v-ce400aa0] {
    z-index: 1000 !important;
}

.photo-list .photo-detail[data-v-ce400aa0] {
    position: relative;
    box-sizing: border-box;
    width: 206px;
    height: 120px;
    margin: auto;
    margin-bottom: 12px;
    cursor: pointer;
    background-color: #ddd;
    background-position: center center;
    background-size: cover;
    border: 3px solid #fff;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.photo-list .photo-detail span[data-v-ce400aa0] {
    position: absolute;
    top: -13px;
    right: -13px;
    display: block;
    width: 30px;
    height: 30px;
    font-weight: bolder;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #f7ba2a;
    border-radius: 30px;
    opacity: 0;
    transition: all 0.3s ease;
}

.photo-list .photo-detail .pablo-gallery-item-extra[data-v-ce400aa0] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 12px;
    line-height: 0;
}

.photo-list .photo-detail .pablo-gallery-item-extra .pablo-gallery-item-source[data-v-ce400aa0] {
    display: inline-block;
    width: 63px;
    height: 12px;
    text-indent: -9999em;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    opacity: 0.9;
}

.photo-list .photo-detail .pablo-gallery-item-extra .pablo-gallery-item-source.s-unsplash_search[data-v-ce400aa0] {
    background-image: url(/img/gallery-source-unsplash.png);
}

.photo-list .photo-detail .pablo-gallery-item-extra .pablo-gallery-item-source.s-pixabay_search[data-v-ce400aa0] {
    background-image: url(/img/gallery-source-pixabay.png);
}

.photo-list .photo-detail .pablo-gallery-item-extra .pablo-gallery-item-source.s-wocintech[data-v-ce400aa0] {
    background-image: url(/img/gallery-source-wocintech.png);
}

.photo-list .photo-detail .pablo-gallery-item-extra .pablo-gallery-item-link[data-v-ce400aa0] {
    float: right;
}

.photo-list .photo-detail .pablo-gallery-item-extra .pablo-gallery-item-link[data-v-ce400aa0]::before {
    display: block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    text-indent: -9999em;
    content: "";
    background-color: transparent;
    background-image: url(/img/gallery-info-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.photo-list .photo-detail .pablo-gallery-item-extra .pablo-gallery-item-link[data-v-ce400aa0]::after {
    display: none;
}

@media screen and (min-width: 768px) {
    .photo-list .photo-detail[data-v-ce400aa0]:hover {
        border: 3px solid #f7ba2a;
    }
}

.photo-list .photo-detail[data-v-ce400aa0]:last-child {
    margin-bottom: 18px;
}

.photo-list .photo-detail-checked[data-v-ce400aa0] {
    border: 3px solid #f7ba2a;
}

.photo-list .photo-detail-checked span[data-v-ce400aa0] {
    opacity: 1;
}

@media screen and (min-width: 768px) {
    .photo-list[data-v-ce400aa0] {
        box-sizing: border-box;
        float: left;
        width: 280px !important;
        min-height: 100%;
    }

    .photo-detail-box[data-v-ce400aa0] {
        height: calc(100vh - 195px);
    }
}

.clear {
    clear: both;
}

.color-picker-popover--slide-down-enter-active, .color-picker-popover--slide-down-leave-active {
    transition-timing-function: ease;
    transition-duration: 300ms;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

.color-picker-popover--slide-down-enter, .color-picker-popover--slide-down-leave-to {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
}

.bs-create-text_command {
    z-index: 2009 !important;
    height: 36px;
    font-size: 14px;
    border-radius: 5px;
}

.bs-create-text_command li {
    position: relative;
    float: left;
    line-height: 22px;
}

.bs-create-text_command li:first-child {
    border-right: 1px solid;
}

.cropper-dialog {
    z-index: 3000 !important;
}

.filter-popper {
    margin: 10px 0;
    background-color: #232a2f;
    border: #232a2f;
}

.filter-popper .selected-circle {
    position: absolute;
    box-sizing: content-box;
    width: 36px;
    height: 36px;
    border: 2px solid #f7ba29;
    border-radius: 50%;
    opacity: 0;
}

.filter-popper .el-select-dropdown__item {
    padding: 5px;
    background: inherit !important;
}

.filter-popper .el-select-dropdown__item span img {
    margin: 2px;
}

.filter-popper .el-select-dropdown__item.hover,
.filter-popper .el-select-dropdown__item:hover {
    background: inherit !important;
}

.filter-popper .el-select-dropdown__item.hover .selected-circle,
.filter-popper .el-select-dropdown__item:hover .selected-circle {
    opacity: 1;
}

.filter-popper .el-select-dropdown__item.selected .selected-circle {
    opacity: 1;
}

.v-modal {
    /* z-index: 2000 !important; */
    /* z-index: 2003 !important; */
    will-change: opacity, transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.model .el-loading-mask {
    z-index: 1000 !important;
}

.model1 .el-loading-mask {
    z-index: 1000 !important;
}

.deleted-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2009;
    width: 400px;
    padding: 30px 20px;
    background: #fff;
    box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.deleted-dialog .delete_icon {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.deleted-dialog .delete_icon i {
    font-size: 16px;
    color: #bfcbd9;
}

.deleted-dialog .el-dialog__header {
    position: relative !important;
    display: block !important;
}

.deleted-dialog .el-dialog__body {
    padding: 30px 20px !important;
}

.deleted-dialog .dialog-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 65px;
}

.deleted-dialog .dialog-footer .close_btn {
    width: 120px;
    height: 40px;
    background-color: #eff0f4;
    border: none;
    border-radius: 100px;
}

.deleted-dialog .dialog-footer .tr_btn {
    width: 120px;
    height: 40px;
    border: none;
    border-radius: 100px;
}

.bs-chrome-popover {
    z-index: 3000 !important;
    box-sizing: content-box;
    padding: 0;
    margin-top: 25px !important;
}

.bs-chrome-popover .change-color-type {
    position: absolute;
    top: 10px;
    right: 31px;
}

.bs-chrome-popover .color-picker-box {
    display: flex;
}

.bs-chrome-popover .color-picker-box .color-picker-item__label {
    top: -4px;
}

.bs-chrome-popover .color-picker-box .el-tabs__header {
    position: absolute;
    z-index: 99;
    width: 137px;
    height: 28px;
    margin: 0;
    margin-left: 10px;
    line-height: 28px;
    background: #fff;
}

.bs-chrome-popover .color-picker-box .el-tabs__active-bar {
    /* width: 44.5px !important; */
    width: 68.5px !important;
    /* opacity: 0; */
    /* margin: 0 12px; */
    height: 2px !important;
}

.bs-chrome-popover .color-picker-box .el-tabs__item {
    position: relative;
    width: 68.5px;
    height: 28px;
    padding: 0;
    /* padding: 0 12px; */
    font-size: 11px;
    line-height: 28px;
    text-align: center;
}

.bs-chrome-popover .color-picker {
    box-shadow: none;
}

.bs-chrome-popover .popper__arrow {
    top: -8px;
}

.bizcard-dialog {
    z-index: 9999;
    width: 100%;
    min-width: 100%;
    /* max-width: 1015px;
        max-height: 650px; */
    overflow: hidden;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
}

.bizcard-dialog .el-dialog__body {
    width: 100%;
    height: 100%;
    padding: 0;
}

.bizcard-dialog .deleted-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2009;
    margin: 0;
    overflow: auto;
    background: rgba(0, 0, 0, 0.4);
}

.bizcard-dialog .deleted-dialog__wrapper .deleted-dialog {
    box-sizing: border-box;
    padding: 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.bizcard-dialog .deleted-dialog__wrapper .deleted-dialog__header {
    padding: 15px 15px 0;
}

.bizcard-dialog .deleted-dialog__wrapper .deleted-dialog__headerbtn {
    float: right;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    background: transparent;
    border: none;
    outline: none;
}

.bizcard-dialog .deleted-dialog__wrapper .deleted-dialog__headerbtn i {
    color: #bfcbd9;
    transition: all 0.3s ease;
}

.bizcard-dialog .deleted-dialog__wrapper .deleted-dialog__headerbtn i:hover {
    -webkit-transform: rotate(180deg) rotate(0);
    transform: rotate(180deg) rotate(0);
}

.bizcard-dialog .deleted-dialog__wrapper .deleted-dialog__body {
    padding: 30px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    text-align: center;
}

.bizcard-dialog .deleted-dialog__wrapper .deleted-dialog__footer {
    box-sizing: border-box;
    padding: 10px 20px 15px;
    text-align: center;
}

.bizcard-dialog .deleted-dialog__wrapper .deleted-dialog__footer button {
    width: 140px;
    height: 40px;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #727581;
    background-color: #eff0f4;
    border: 0;
    border-radius: 100px;
}

.bizcard-dialog .deleted-dialog__wrapper .deleted-dialog__footer button:hover {
    opacity: 0.8;
}

.bizcard-dialog .deleted-dialog__wrapper .deleted-dialog__footer .el-button--primary {
    color: #222;
    background-color: #fdc839;
}

.bizcard-dialog .dialog-fade-popover--slide-down-enter-active, .bizcard-dialog .dialog-fade-popover--slide-down-leave-active {
    transition-timing-function: ease;
    transition-duration: 300ms;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

.bizcard-dialog .dialog-fade-popover--slide-down-enter, .bizcard-dialog .dialog-fade-popover--slide-down-leave-to {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
}

.bizcard-dialog .el-dialog__header {
    /* width: 20%; */
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    padding: 20px 20px 0;
}

.bizcard-dialog .el-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 4005;
    cursor: pointer;
}

.bizcard-dialog .el-dialog__headerbtn:hover {
    opacity: 0.8;
}

.bizcard-dialog .el-form-item {
    margin-bottom: 10px !important;
}

.bizcard-dialog .el-form-item__label {
    padding: 10px 0;
    font-size: 12px;
    line-height: 16px;
    color: #343538;
    text-align: left;
    letter-spacing: 1.2px;
    opacity: 0.5;
}

.bizcard-dialog .el-form-item__content {
    margin: 0 !important;
}

.bizcard-dialog .el-form-item__content .el-input__inner {
    height: 44px;
    font-size: 13px;
    font-weight: 600;
    color: #222;
    border: 2px solid #eee;
    border-radius: unset;
}

.bizcard-dialog .el-form-item__content .el-input__inner:hover {
    border: 2px solid #222;
}

.bizcard-dialog .el-form-item__content .el-input__inner::-webkit-input-placeholder {
    color: #eee;
}

.bizcard-dialog .el-form-item__content .el-input__inner:-ms-input-placeholder {
    color: #eee;
}

.bizcard-dialog .el-form-item__content .el-input__inner::-ms-input-placeholder {
    color: #eee;
}

.bizcard-dialog .el-form-item__content .el-input__inner::placeholder {
    color: #eee;
}

.bizcard-dialog .addIT {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    margin-top: 20px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #222;
    border-radius: 18px;
    transition: all 0.3s ease-in-out;
}

.bizcard-dialog .addIT span {
    float: left;
    width: 36px;
    height: 36px;
    margin-top: -2px;
    margin-left: -2px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: #222;
    border-radius: 36px;
}

.bizcard-dialog .addIT span i {
    font-size: 12px;
    font-weight: 600;
}

.bizcard-dialog .addIT .add-btn {
    position: relative;
    z-index: 1;
    display: flex;
    display: inline-block;
    align-items: center;
    padding: 0;
    margin-left: 15px;
    font-size: 13px;
    font-weight: 600;
    line-height: 32px;
    color: #333;
    cursor: pointer;
    background-color: transparent !important;
    border: 0;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.bizcard-dialog .addIT .add-btn input {
    display: none;
}

.bizcard-dialog .addIT .add-btn i {
    margin-right: 2px;
    font-size: 12px;
}

.bizcard-dialog .addIT .add-btn:hover {
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

.bizcard-dialog .addIT a {
    position: relative;
    margin-left: 15px;
    font-size: 13px;
    font-weight: 600;
    line-height: 32px;
    color: #222;
    cursor: pointer;
}

.bizcard-dialog .addIT a i {
    margin-right: 2px;
    font-size: 12px;
}

.bizcard-dialog .addIT a:hover {
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

.bizcard-dialog .show_add_box {
    width: 180px;
    transition: all 0.3s ease-in-out;
}

.bizcard-dialog .msg-box {
    margin: 0 auto 10px;
}

.bizcard-dialog .msg-box p {
    margin: 10px 0 14px;
    font-size: 12px;
    font-weight: normal;
    font-weight: 600;
    line-height: 1.33;
    color: #343538;
    text-align: left;
    opacity: 0.5;
}

.bizcard-dialog .msg-box .el-input__inner {
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #eee;
    border-radius: 0;
}

.bizcard-dialog .msg-box .el-input__inner:hover {
    border: 2px solid #222;
    transition: all 0.3s ease-in-out;
}

.bizcard-dialog .msg-box .el-input__inner::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: normal;
    color: #ddd;
}

.bizcard-dialog .msg-box .el-input__inner:-ms-input-placeholder {
    font-size: 14px;
    font-weight: normal;
    color: #ddd;
}

.bizcard-dialog .msg-box .el-input__inner::-ms-input-placeholder {
    font-size: 14px;
    font-weight: normal;
    color: #ddd;
}

.bizcard-dialog .msg-box .el-input__inner::placeholder {
    font-size: 14px;
    font-weight: normal;
    color: #ddd;
}

.bizcard-dialog .imgmsg-box {
    position: relative;
    display: inline-block;
}

.bizcard-dialog .imgmsg-box .el-input__inner {
    float: left;
    width: 120px;
    height: 120px;
    cursor: pointer;
    opacity: 0;
}

.bizcard-dialog .imgmsg-box .upload-btn {
    position: relative;
    left: 0;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    cursor: pointer;
    background: url(/img/businessCardAdmin/wbg.png);
    background-size: 100%;
    border: 2px solid #eee;
}

.bizcard-dialog .imgmsg-box .upload-btn .black-blur {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.bizcard-dialog .imgmsg-box .upload-btn i {
    font-size: 42px;
    color: #c3c3c3;
}

.bizcard-dialog .imgmsg-box .upload-btn:hover {
    border: 2px solid #222;
    transition: all 0.3s ease-in-out;
}

.bizcard-dialog .imgmsg-box .upload-btn:hover i {
    color: #222;
    transition: all 0.3s ease-in-out;
}

.bizcard-dialog .imgmsg-box .upload-btn .l-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    cursor: pointer;
    background: none;
    border: none;
}

.bizcard-dialog .imgmsg-box.code-imgmsg {
    float: right;
}

.bizcard-dialog .show-color .color-back {
    padding-top: 1px;
}

.bizcard-dialog .show-color p {
    margin: 20px 0;
    font-size: 15px;
    font-weight: 600;
    color: #222;
}

.bizcard-dialog .show-color .block {
    margin-bottom: 20px;
}

.bizcard-dialog .show-color .block .demonstration {
    float: left;
    margin-right: 52px;
    font-size: 13px;
    line-height: 36px;
    color: #9fa3a7;
}

.bizcard-dialog .show-color .block .el-color-picker {
    margin-right: 10px;
}

.bizcard-dialog .show-color .reset-color {
    position: absolute;
    bottom: 25px;
    width: 80px;
    font-size: 12px;
    line-height: 25px;
    color: #20a0ff;
    cursor: pointer;
    background: rgba(32, 160, 255, 0.05);
    border: 1px solid #20a0ff;
    border-radius: 14px;
}

.bizcard-dialog .show-color .reset-color i {
    margin: auto 8px auto 12px;
    font-size: 14px;
    font-weight: 600;
    vertical-align: -1px;
}

.bizcard-dialog .show-color .reset-color:hover {
    opacity: 0.8;
}

.bizcard-dialog .circle-box {
    max-width: 230px;
    margin: 0 auto;
}

.bizcard-dialog .circle-box span {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 4px;
    border: 2px solid #eef2f6;
    border-radius: 34px;
}

.bizcard-dialog .circle-box .checkColor {
    border: 2px solid #fdc839;
}

.bizcard-dialog .circle-color {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 2px;
    cursor: pointer;
    background: pink;
    border-radius: 26px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.bizcard-dialog .circle-color:hover {
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

.bizcard-dialog .colorParent {
    position: absolute;
    top: 30px;
    width: 100%;
}

.bizcard-dialog .colorParent .color-tip {
    position: absolute;
    top: 10px;
    left: 60px;
    font-size: 13px;
    color: #9fa3a7;
}

@media screen and (max-width: 600px) {
    .bizcard-template_model_box {
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .bizcard-template_model_box.layout2-model-box {
        height: 100vh;
        margin: 20px 0;
    }

    .login {
        z-index: 5000;
    }

    .login .el-dialog--small {
        width: auto;
    }

    .bizcard-dialog {
        top: 0 !important;
        left: 0;
        width: 100% !important;
        height: 100%;
        max-height: 100% !important;
        margin-bottom: 0;
        overflow: hidden;
        -webkit-transform: none;
        transform: none;
    }

    .bizcard-dialog .dialog-content {
        height: calc(100% - 42px) !important;
    }

    .bizcard-dialog .dialog-content .card {
        height: calc(100% - 70px) !important;
        overflow-y: auto;
    }

    .bizcard-dialog .dialog-content .card .edit-msg-box .floating-button {
        position: absolute;
        top: 75px;
        right: 24px;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        cursor: pointer;
        background: #fff;
        border-radius: 30px;
        box-shadow: 0 5px 15px rgba(71, 80, 89, 0.2);
        -ms-flex-align: center;
        -ms-flex-pack: center;
        transition: all 0.3s ease-in-out;
    }

    .bizcard-dialog .dialog-content .card .edit-msg-box .floating-button .wrapper.back {
        color: #29292e;
    }

    .bizcard-dialog .dialog-content .card .edit-msg-box .floating-button .wrapper.back .iconfont {
        opacity: 0;
    }

    .bizcard-dialog .dialog-content .card .edit-msg-box .floating-button .wrapper.back .fa-angle-right {
        opacity: 1;
    }

    .bizcard-dialog .dialog-content .card .edit-msg-box .floating-button .wrapper {
        width: 100%;
        height: 100%;
        font-size: 25px;
        color: #3498db;
    }

    .bizcard-dialog .dialog-content .card .edit-msg-box .floating-button .wrapper .fa-tint {
        opacity: 1;
    }

    .bizcard-dialog .dialog-content .card .edit-msg-box .floating-button .wrapper i {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 40px;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }

    .bizcard-dialog .dialog-content .card .edit-msg-box .floating-button .wrapper .fa-angle-right {
        opacity: 0;
    }

    .bizcard-dialog .dialog-content .card .edit-msg-box .floating-button .wrapper:hover {
        color: #fff;
    }

    .bizcard-dialog .dialog-content .card .edit-msg-box .floating-button:hover {
        background: #3498db;
    }

    .bizcard-dialog .dialog-content .card .edit-msg-box .floating-button.back {
        right: 242px;
    }

    .bizcard-dialog .dialog-content .card-r {
        position: absolute;
        top: 0;
        right: -218px;
        z-index: 1000;
        display: block;
        width: 218px !important;
        height: calc(100% - 70px);
        margin: 0 auto;
        background: #fff;
        transition: all 0.3s ease-in-out;
    }

    .bizcard-dialog .dialog-content .card-r .form-msg {
        height: 100%;
        margin: 0;
    }

    .bizcard-dialog .dialog-content .card-r.active {
        right: 0;
        box-shadow: 0 5px 15px rgba(71, 80, 89, 0.2);
        transition: all 0.3s ease-in-out;
    }

    .bizcard-dialog .mobile-btn-list {
        position: absolute;
        bottom: 0;
        z-index: 2000;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 70px;
        padding: 11px 20px;
        background-color: #fff;
        box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.05);
    }

    .bizcard-dialog .mobile-btn-list button {
        width: 158px;
        height: 48px;
    }

    .bizcard-dialog .mobile-btn-list button .icon-code-download {
        margin-right: 9px;
    }

    .bizcard-dialog .mobile-btn-list button .icon-arrow {
        margin-left: 16px;
    }

    .edit-business-msg-box {
        width: 100%;
        height: 42px;
        padding-left: 30px;
        font-size: 15px;
        font-weight: 600;
        line-height: 42px;
        color: #323232;
        background: #fff;
    }

    .edit-business-msg-box .iconfont {
        margin-right: 8.5px;
        font-size: 14px;
    }

    .edit-business-msg-box button {
        top: 0 !important;
        right: 0 !important;
        width: 42px;
        height: 42px;
        font-size: 14px;
        background: #26272b;
    }

    .edit-business-msg-box button .el-icon-close {
        color: rgba(255, 255, 255, 0.4);
    }

    .edit-business-msg-box .show_edit_msg {
        background: rgba(38, 39, 43, 0.1);
    }

    .btn-form {
        margin: 0 auto;
    }

    .btn-form div {
        margin-left: 0 !important;
    }

    .v-modal {
        display: none;
    }
}

.card-r {
    position: relative;
    background: #fff;
}

.card-r .photo-list {
    height: calc(100% - 40px);
    min-height: 585px;
    margin-top: 40px;
}

.card-r .photo-list .photo-detail-box {
    height: calc(100% - 179px) !important;
}

.card-r .el-tabs__header {
    margin: 0 40px 15px;
}

.card-r .el-tabs__header .el-tabs__item {
    padding: 0 31.5px;
}

.card-r .el-tabs__content {
    padding: 40px 25px 18px;
    overflow: auto;
}

.card-r .form-msg {
    padding: 0 25px 18px;
    margin-top: 40px;
    overflow: auto;
}

@media screen and (min-width: 1200px) {
    .card-r .form-msg {
        height: calc(100% - 114px);
    }
}

.card-r .photo-btn-list {
    position: absolute !important;
    bottom: 0;
    width: 280px;
}

.card-r .photo-btn-list button {
    padding: 10px 31px !important;
}

.vdr {
    cursor: move;
}

.vdr.active {
    z-index: 999 !important;
}

.vdr.active::before {
    outline: none;
}

.vdr::before {
    cursor: move;
    outline: 2px dashed #58b7ff !important;
    outline-offset: 3px !important;
}

.photo::before {
    outline: 0 !important;
    outline-offset: 0 !important;
}

.vdr-hover:hover::before {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    content: "";
    outline: 2px dashed #58b7ff !important;
    outline-offset: 3px !important;
}

.hover-edit-text_notice {
    position: absolute;
    top: -49px;
    left: -6px;
    z-index: 1;
    max-width: 214px;
    padding: 8px 16px;
    font-family: font;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    white-space: nowrap;
    pointer-events: none;
    visibility: hidden;
    background-color: rgba(51, 51, 51, 0.8);
    border-radius: 2px;
}

.vdr-hover:hover .hover-edit-text_notice {
    visibility: visible;
}

.vdr-stick {
    width: 22px !important;
    height: 22px !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    border: 0;
    box-shadow: none !important;
}

.vdr-stick-mr {
    right: -15px !important;
    margin-top: -11px !important;
    background: url(/img/photo/icon-crosswide.svg);
}

.vdr-stick-ml {
    left: -15px !important;
    margin-top: -11px !important;
    cursor: pointer;
    background: url(/img/photo/icon-close.svg?v=1);
}

.vdr-stick-br {
    right: -14px !important;
    bottom: -14px !important;
    background: url(/img/photo/icon-scale.svg);
}

.vdr-stick-tl {
    top: -14px !important;
    left: -14px !important;
    cursor: pointer;
    background: url(/img/photo/icon-close.svg?v=1);
}

.vdr-stick-bl {
    bottom: -14px !important;
    left: -14px !important;
    cursor: pointer;
    background: url(/img/photo/icon-close.svg?v=1);
}

@media screen and (max-width: 770px) {
    body {
        height: 100vh;
    }

    .photo-select-gif {
        font-size: 14px;
    }
}

@media screen and (min-width: 1200px) {
    .layout1-size {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100% !important;
    }

    .layout1-size .form-msg {
        height: calc(100% - 114px);
    }

    .layout1-size .el-tabs__content {
        height: 626px !important;
    }
}

@media screen and (min-width: 1200px) and (max-height: 750px) {
    .layout1-size {
        top: 0 !important;
        margin: 0;
    }
}

@charset "UTF-8";
*[data-v-88380d28] {
    box-sizing: border-box;
}

.hidden[data-v-88380d28] {
    display: none;
}

.pablo-nav__slide-right-enter-active[data-v-88380d28], .pablo-nav__slide-right-leave-active[data-v-88380d28] {
    transition-timing-function: ease;
    transition-duration: 300ms;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

.pablo-nav__slide-right-enter[data-v-88380d28], .pablo-nav__slide-right-leave-to[data-v-88380d28] {
    opacity: 0;
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
}

@media screen and (max-width: 770px) {
    .card[data-v-88380d28] {
        width: 100% !important;
    }
}

.dialog-content[data-v-88380d28] {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bizcard-template_model_box[data-v-88380d28] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(100% - 75px);
    height: calc(100% - 40px);
    margin: 20px auto;
}

.bizcard-template_model_box[data-v-88380d28] .photo .vdr-stick-tl {
    top: -12px !important;
    left: -12px !important;
    cursor: nwse-resize;
    background: url(/img/photo/icon-scale.svg);
}

.bizcard-template_model_box[data-v-88380d28] .vdr-stick {
    z-index: 10;
    pointer-events: auto;
}

.bizcard-template_model_box[data-v-88380d28] .showCover {
    width: 36px;
}

.bizcard-template_model_box[data-v-88380d28] .filter-dropdown {
    width: 50px;
}

.bizcard-template_model_box[data-v-88380d28] .filter-dropdown .el-select {
    width: 50px;
}

.bizcard-template_model_box[data-v-88380d28] .filter-dropdown .el-input {
    width: 50px;
}

.bizcard-template_model_box[data-v-88380d28] .filter-dropdown .el-input .el-input__inner {
    width: 0;
    padding: 0;
    border: 0;
}

.bizcard-template_model_box[data-v-88380d28] .filter-dropdown .el-select .el-input .el-input__icon {
    width: 50px;
    color: #232a2f;
}

.bizcard-template_model_box[data-v-88380d28] .filter-popper {
    background-color: #232a2f;
    border: #232a2f;
}

.bizcard-template_model_box[data-v-88380d28] .filter-popper .el-scrollbar__bar.is-horizontal {
    display: none;
}

.bizcard-template_model_box[data-v-88380d28] .filter-popper .el-scrollbar__bar.is-vertical {
    display: none;
}

.bizcard-template_model_box[data-v-88380d28] .filter-popper .el-select-dropdown__item.hover,
.bizcard-template_model_box[data-v-88380d28] .filter-popper .el-select-dropdown__item:hover {
    background-color: inherit;
}

.bizcard-template_model_box[data-v-88380d28] .filter-popper .el-select-dropdown__item.hover .selected-circle,
.bizcard-template_model_box[data-v-88380d28] .filter-popper .el-select-dropdown__item:hover .selected-circle {
    opacity: 1;
}

.bizcard-template_model_box[data-v-88380d28] .filter-popper .el-select-dropdown__item.selected .selected-circle {
    opacity: 1;
}

.bizcard-template_model_box[data-v-88380d28] .filter-popper .el-select-dropdown__item.selected {
    color: #fff;
    background-color: inherit;
}

.bizcard-template_model_box[data-v-88380d28] .filter-popper .el-select-dropdown__item {
    padding: 5px;
}

.bizcard-template_model_box[data-v-88380d28] .filter-popper .el-select-dropdown__item span .selected-circle {
    position: absolute;
    box-sizing: content-box;
    width: 36px;
    height: 36px;
    border: 2px solid #f7ba29;
    border-radius: 50%;
    opacity: 0;
}

.bizcard-template_model_box[data-v-88380d28] .filter-popper .el-select-dropdown__item span img {
    margin: 2px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model {
    position: relative;
    width: 100%;
    height: 100%;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box {
    position: absolute;
    top: -64px;
    z-index: 1000;
    display: flex;
    display: none;
    align-items: center;
    justify-content: space-around;
    width: 237px;
    height: 50px;
    padding: 0 5px;
    line-height: 1;
    background-color: #242a30;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .font-selector {
    opacity: 1 !important;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .upload_img_input {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    height: 100%;
    font-family: Helvetica Neue, PingFang SC, Microsoft YaHei !important;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    opacity: 0.7;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .third-dropdown {
    position: absolute;
    top: 55px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .icon-shuaxin {
    display: inline-block;
    margin-right: 3px;
    font-size: 13px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .dropdown-option {
    height: 20px;
    line-height: 20px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .dropdown-option .text-family {
    display: inline-block;
    width: 60px;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .dropdown-option .font-css {
    font-size: 15px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .finish-btn {
    height: 50px;
    line-height: 50px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .slider-option {
    width: 112px;
    height: 36px;
    line-height: 100%;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .color-dropdown-option span {
    /* display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 2px;
        position: relative;
        top: 2px; */
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .family-dropdown,
.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .font-size-dropdown,
.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .color-dropdown {
    position: absolute;
    left: -11px;
    z-index: 100;
    box-sizing: border-box;
    display: block;
    width: 91px;
    height: 230px;
    max-height: 230px;
    padding: 0;
    margin: 0;
    overflow-x: none;
    overflow-y: scroll;
    list-style-type: none;
    cursor: pointer;
    visibility: hidden;
    background-color: #242a30;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .family-dropdown li,
.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .font-size-dropdown li,
.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .color-dropdown li {
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .family-dropdown li.selected,
.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .font-size-dropdown li.selected,
.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .color-dropdown li.selected {
    background: #48576a;
    /* color: #168eea; */
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .family-dropdown {
    height: 72px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .font-size-dropdown {
    width: 45px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .family-dropdown.active,
.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .font-size-dropdown.active {
    visibility: visible !important;
    opacity: 1;
    transition-timing-function: ease;
    transition-duration: 300ms;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .color-dropdown {
    position: absolute;
    left: -23px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    width: 58px;
    height: 99px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    overflow: unset;
    list-style-type: none;
    cursor: pointer;
    visibility: hidden;
    background-color: #242a30;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .color-dropdown .color-model {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 36.3px;
    height: 50%;
    margin: 0 auto;
    cursor: pointer;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .color-dropdown .color-model .iconfont {
    display: block;
    font-size: 18px;
    color: #bfcbd8;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .color-dropdown .font-color {
    border-bottom: 0.5px solid #484d52;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .color-dropdown span.optional-color {
    position: relative;
    width: 19px;
    height: 19px;
    margin: 2px;
    border-radius: 2px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .color-dropdown span.optional-color.plus {
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    border: 1px dashed #ccc;
    border-radius: 3px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .color-dropdown span.optional-color.plus::after {
    position: absolute;
    top: 8px;
    left: 3.5px;
    font-size: 18px;
    line-height: 0;
    content: "+";
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .iconfont {
    display: none;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .edittext {
    display: inline-block;
    transition: all 0.15s linear;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .edittext.icon-edit {
    margin-right: 3px;
    font-size: 13px;
    vertical-align: -1.5px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown .active-align {
    display: block;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .pc-edittext {
    vertical-align: 4px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .pc-dropdown:hover {
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .bizcard-template_model_box[data-v-88380d28] .display-model .function-box .js-font-selector .text-family {
        display: unset !important;
    }
}

@media screen and (min-width: 1024px) {
    .bizcard-template_model_box[data-v-88380d28] .display-model .function-box .js-font-selector .text-family {
        display: inline-block !important;
    }
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .color-type-dropdown .text-family {
    width: 48px !important;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .bizcard-template_model_box[data-v-88380d28] .display-model .function-box .color-type-dropdown .text-family {
        display: unset !important;
    }
}

@media screen and (min-width: 1024px) {
    .bizcard-template_model_box[data-v-88380d28] .display-model .function-box .color-type-dropdown .text-family {
        display: inline-block !important;
    }
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .color-type-dropdown ul.third-dropdown {
    width: 62px;
    height: 144px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .color-type-dropdown ul.third-dropdown li {
    padding: 12px 7px;
    text-align: center;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .pc-dropdown .family-dropdown li:hover,
.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .pc-dropdown .font-size-dropdown li:hover,
.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .pc-dropdown .color-dropdown li:hover {
    background: #48576a;
    transition: all 0.3s ease;
    /* color: #168eea; */
}

.bizcard-template_model_box[data-v-88380d28] .display-model .function-box .dropdown-fontSize {
    padding: 16px 13px;
    font-size: 15px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .admin-function-box {
    width: 277px;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .dropdown.active {
    opacity: 1;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .dropdown.active .edittext {
    transition: all 0.15s linear;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bizcard-template_model_box[data-v-88380d28] .display-model .model {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: white;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .model1 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: white;
}

.bizcard-template_model_box[data-v-88380d28] .display-model .model-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
}

.bizcard-template_model_box[data-v-88380d28] .photo-select-gif {
    z-index: 998;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 26px;
    font-size: 16px;
    color: #20a0ff;
    cursor: pointer;
}

.bizcard-template_model_box[data-v-88380d28] .photo-select-gif .iconfont {
    margin-right: 5px;
}

.bizcard-template_model_box[data-v-88380d28] .photo-select-gif img {
    width: 26px;
    margin-right: 3px;
}

.bizcard-template_model_box[data-v-88380d28] .photo-select-gif .loading-photo-gif {
    position: relative;
    z-index: 10;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    cursor: pointer;
    background: #56b5fb;
    border-radius: 50%;
}

.bizcard-template_model_box[data-v-88380d28] .photo-select-gif .text-bg {
    width: 68px;
    height: 20px;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #20a0ff;
    border-radius: 10.5px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

@-webkit-keyframes smallCircleZoom-data-v-88380d28 /* Safari 和 Chrome */
{
    from {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes bigCircleZoom-data-v-88380d28 /* Safari 和 Chrome */
{
    from {
        -webkit-transform: scale(3);
        transform: scale(3);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.bizcard-template_model_box[data-v-88380d28] .photo-select-gif .loading-photo-gif::before {
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    content: "";
    background: #56b5fb;
    border-radius: 50%;
    opacity: 0.6;
    -webkit-animation: smallCircleZoom-data-v-88380d28 1s infinite ease-in-out alternate;
    animation: smallCircleZoom-data-v-88380d28 1s infinite ease-in-out alternate;
}

.bizcard-template_model_box[data-v-88380d28] .photo-select-gif .loading-photo-gif::after {
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    content: "";
    background: #56b5fb;
    border-radius: 50%;
    opacity: 0.2;
    -webkit-animation: bigCircleZoom-data-v-88380d28 1s infinite ease-in-out alternate;
    animation: bigCircleZoom-data-v-88380d28 1s infinite ease-in-out alternate;
}

.bizcard-template_model_box[data-v-88380d28] .photo-select-gif.bg-change .loading-photo-gif {
    background: #ff5f60;
}

.bizcard-template_model_box[data-v-88380d28] .photo-select-gif.bg-change .loading-photo-gif::before {
    background: #ff5f60;
}

.bizcard-template_model_box[data-v-88380d28] .photo-select-gif.bg-change .loading-photo-gif::after {
    background: #ff5f60;
}

.bizcard-template_model_box[data-v-88380d28] .photo-select-gif.bg-change .text-bg {
    background-color: #ff5f60;
}

.bizcard-template_model_box[data-v-88380d28] .bleeding-line-plane {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: none;
    border-color: rgba(255, 255, 255, 0.5);
    border-style: solid;
}

.bizcard-template_model_box[data-v-88380d28] .bleeding-line-plane::before {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    content: "";
    border: 1px dashed #333;
}

.bizcard-template_model_box[data-v-88380d28] .boundary-line {
    box-shadow: 0 0 15px 0 #f7ba2a;
}

.card[data-v-88380d28] {
    position: relative;
    display: inline-block;
    width: calc(100% - 280px);
    overflow: hidden;
    background: #eef2f6;
}

.card .imgModePaper[data-v-88380d28] {
    position: absolute;
    z-index: 2;
}

.card-print-show[data-v-88380d28] {
    width: calc(100% - 600px);
    transition: all 0.3s ease-in-out;
}

.card-print-show .template_model_box[data-v-88380d28] {
    width: 100% !important;
    margin: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.card-print-show .layout1-model-box[data-v-88380d28] {
    width: 100% !important;
    margin: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.card-r[data-v-88380d28] {
    overflow: hidden;
}

.card-r[data-v-88380d28] .btn-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 74px;
    padding: 17px 0 16px;
    box-shadow: 0 3px 11px rgba(71, 80, 89, 0.2);
}

.card-r[data-v-88380d28] .btn-list button {
    padding: 10px 35px;
    line-height: 20px;
}

.card-r[data-v-88380d28] .btn-list button .iconfont {
    margin-left: 5px;
    font-size: 14px;
}

.card-r[data-v-88380d28] .btn-list::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.5px;
    content: "";
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.delete_tit[data-v-88380d28] {
    width: 100%;
    font-family: PingFangSC;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    color: #1f2d3d;
    text-align: center;
}

.delete_info[data-v-88380d28] {
    width: 100%;
    padding: 15px 0;
    font-family: PingFangSC;
    font-size: 16px;
    color: #1f2d3d;
    text-align: center;
}

.delete_info img[data-v-88380d28] {
    width: 72px;
    height: 88px;
    margin: 31px 0;
}

@charset "UTF-8";
.card[data-v-1bdcacd5] {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease-in;
}

.card[data-v-1bdcacd5]:hover {
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.card:hover .card-mask[data-v-1bdcacd5] {
    opacity: 1;
}

.card:hover .remove-button[data-v-1bdcacd5] {
    visibility: visible;
}

.card[data-v-1bdcacd5]:last-child {
    margin-bottom: 0;
}

.card.c-card[data-v-1bdcacd5] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(255, 255, 255, 0.65);
}

.card.c-card a[data-v-1bdcacd5] {
    display: block;
    margin: 0;
}

.card .biz-img[data-v-1bdcacd5] {
    display: block;
    max-width: 100%;
    margin: 0;
}

.card .vi-img[data-v-1bdcacd5] {
    display: block;
    max-width: 100%;
    margin: 0;
    border-radius: 4px;
    transition: all 300ms ease;
}

.card .poster-img[data-v-1bdcacd5] {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
}

.card-mask[data-v-1bdcacd5] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: auto;
    font-size: 0;
    color: #fff;
    text-align: right;
    pointer-events: none;
    opacity: 0;
    transition: all 200ms ease-in;
}

@media screen and (max-width: 767px) {
    .card-mask[data-v-1bdcacd5] {
        opacity: 1;
    }
}

.card-mask[data-v-1bdcacd5]::after {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    content: "";
}

.card-mask__edit[data-v-1bdcacd5], .card-mask__share[data-v-1bdcacd5], .card-mask__download[data-v-1bdcacd5] {
    position: relative;
    z-index: 999;
    display: inline-block !important;
    padding: 0;
    margin: 0 10px 10px 0 !important;
    text-indent: 0;
    vertical-align: bottom;
    pointer-events: auto;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    opacity: 0.9;
    transition: all 300ms ease;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
}

.card-mask__edit[data-v-1bdcacd5]::after, .card-mask__share[data-v-1bdcacd5]::after, .card-mask__download[data-v-1bdcacd5]::after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: iconfont;
    font-size: 14px;
    color: #333;
    text-indent: 0;
    content: "";
    transition: inherit;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.card-mask__edit[data-v-1bdcacd5]:hover, .card-mask__share[data-v-1bdcacd5]:hover, .card-mask__download[data-v-1bdcacd5]:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.card-mask__edit[data-v-1bdcacd5]:hover::after, .card-mask__share[data-v-1bdcacd5]:hover::after, .card-mask__download[data-v-1bdcacd5]:hover::after {
    color: #000;
}

.card-mask__edit[data-v-1bdcacd5]::after {
    content: "\E67E";
}

.card-mask__share[data-v-1bdcacd5]::after {
    font-size: 17px;
    content: "\E68C";
}

.card-mask__download[data-v-1bdcacd5]::after {
    content: "\E673";
}

.poster-card .card-mask__edit[data-v-1bdcacd5],
.poster-card .card-mask__download[data-v-1bdcacd5] {
    margin: 0 10px 50px 0 !important;
}

.remove-button[data-v-1bdcacd5] {
    position: absolute;
    top: 2px;
    right: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    font-size: 18px;
    color: #bfcbd9;
    text-align: center;
    visibility: hidden;
    transition: all 0.2s ease-in;
}

.mark[data-v-1bdcacd5] {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
}

.mark[data-v-1bdcacd5]::before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 0;
    height: 0;
    content: "";
    border-top: 60px solid #878787;
    border-left: 60px solid transparent;
}

.mark.basic[data-v-1bdcacd5]::before {
    border-top-color: #878787;
}

.mark.designer[data-v-1bdcacd5]::before {
    border-top-color: #06c29f;
}

.mark.professional[data-v-1bdcacd5]::before {
    border-top-color: #3e8aef;
}

.mark.luxury[data-v-1bdcacd5]::before {
    border-top-color: #f7ba2a;
}

.mark[data-v-1bdcacd5]::after {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 60px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    content: attr(data-text);
    -webkit-transform: rotate(45deg) translate3d(16px, 8px, 0);
    transform: rotate(45deg) translate3d(16px, 8px, 0);
}

.mark.professional[data-v-1bdcacd5]::after {
    -webkit-transform: rotate(45deg) scale(0.88) translate3d(16px, 8px, 0);
    transform: rotate(45deg) scale(0.88) translate3d(16px, 8px, 0);
}

.footerloading[data-v-1bdcacd5] {
    margin-top: 67px;
}

@media screen and (max-width: 767px) {
    .card.c-card[data-v-1bdcacd5] {
        width: 100%;
    }

    .mark[data-v-1bdcacd5] {
        width: 50px;
        height: 50px;
        font-size: 10px;
    }

    .mark[data-v-1bdcacd5]::before {
        border-top: 50px solid #878787;
        border-left: 50px solid transparent;
    }

    .mark[data-v-1bdcacd5]::after {
        width: 50px;
        font-size: 10px;
        -webkit-transform: rotate(45deg) translate3d(14px, 6px, 0);
        transform: rotate(45deg) translate3d(14px, 6px, 0);
    }
}

.card-name {
    box-sizing: border-box;
    width: 100%;
    min-height: 20px;
    padding: 10px 8px;
    line-height: 20px;
    color: #4a4a4a;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
}

.card-name::before {
    content: "";
}

.card-mask {
    z-index: 5;
}

.card-mask .print-order-detail {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    background: rgba(0, 0, 0, 0.4);
}

.card-mask .print-order-detail .print-order-position {
    position: absolute;
    bottom: 10px;
    /* bottom: 42px; */
    left: 10px;
    padding-right: 10px;
}

.card-mask .print-order-detail .print-order-position .print-order-pay-tag {
    display: flex;
    align-items: center;
    height: 35px;
}

.card-mask .print-order-detail .print-order-position .el-tag.el-tag--danger {
    height: 22px;
    margin-top: 3px;
    line-height: 20px;
    color: #fff;
    background-color: #ff4949;
}

.card-mask .el-loading-spinner .circular {
    width: 100% !important;
}

.card-mask .el-loading-spinner .circular .path {
    stroke: #333 !important;
}

.favorites {
    display: flex;
    flex-direction: column;
}

.favorites .el-tabs__header {
    margin: 0 20px;
}

.favorites .el-tabs__header .el-tabs__nav {
    width: 100%;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d3dce6;
}

.favorites .el-tabs__header .el-tabs__nav .el-tabs__item {
    width: 25%;
    padding: 0;
    color: #222;
    text-align: center;
    background-color: #f7f7f7;
}

.favorites .el-tabs__header .el-tabs__nav .el-tabs__item.is-active {
    color: #20a0ff;
    background: #f7f7f7;
    border-bottom-color: transparent;
}

.favorites .el-tabs__content {
    padding: 25px 30px;
    overflow: auto;
    border-top: transparent solid 2px;
    -webkit-overflow-scrolling: touch;
}

.favorites .el-tabs__content .el-tab-pane {
    min-height: 100px;
}

@media screen and (max-width: 767px) {
    .favorites {
        padding: 0;
    }
}

.isbought-radio-group {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 25px;
}

.isbought-radio-group .el-radio-button,
.isbought-radio-group .el-radio-button__inner {
    width: 100%;
}

.el-badge img[data-v-4c59c668] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.el-badge[data-v-4c59c668] .el-badge__content.is-fixed {
    top: 2px;
    right: 15px;
}

@media screen and (max-width: 768px) {
    .el-badge[data-v-4c59c668] .el-badge__content.is-fixed {
        height: 14px;
        padding: 0 4px;
        font-size: 10px;
        line-height: 13px;
    }
}

.fixed-dialog .el-dialog .el-dialog__header {
    position: inherit;
    width: 100%;
    height: 0;
    padding: 0;
}

.fixed-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
    font-weight: 700;
    color: #fff;
}

.fixed-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn {
    position: absolute;
}

.right-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 5px;
    right: 100%;
    padding-right: 5px;
}

.left-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 5px;
    left: 100%;
    padding-left: 5px;
}

.side-nav-dialog .el-dialog {
    width: 70%;
    max-width: 350px;
    padding: 0;
}

.fixed-dialog .el-dialog {
    top: 0 !important;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
    -webkit-transform: none;
    transform: none;
}

.fixed-dialog .el-dialog .el-dialog__header {
    position: inherit;
    display: block;
    width: 100%;
    height: 0;
    padding: 0;
}

.fixed-dialog .el-dialog .el-dialog__body {
    height: 100vh;
    padding: 0;
    background: #f7f7f7;
}

.quota-wrapper[data-v-9ac5c4de] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0 5px;
}

.quota-wrapper__item[data-v-9ac5c4de] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    margin: 0 5px;
    font-size: 10px;
    color: #222;
    white-space: nowrap;
    cursor: pointer;
}

.quota-wrapper__item[data-v-9ac5c4de]:hover {
    color: #68788f;
}

.quota-wrapper__item .icon[data-v-9ac5c4de] {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 0 5px 0;
}

.quota-wrapper__item .icon.badge[data-v-9ac5c4de]::after {
    position: absolute;
    top: -6px;
    left: 18px;
    padding: 0 3px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    content: attr(data-content);
    background: #ff4949;
    border: 1px solid #fff;
    border-radius: 8px;
}

.quota-wrapper__item .icon img[data-v-9ac5c4de] {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 768px) {
    .quota-wrapper[data-v-9ac5c4de] {
        margin: 15px 0 5px;
    }

    .quota-wrapper__item[data-v-9ac5c4de] {
        margin: 0 10px;
        font-size: 12px;
    }
}

.side-nav[data-v-9ac5c4de] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.side-nav .user-wrapper[data-v-9ac5c4de] {
    padding: 10px;
    text-align: center;
    background: #fff;
    border-radius: 0;
}

.side-nav .user-wrapper .cover[data-v-9ac5c4de] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.side-nav .user-wrapper .cover-line[data-v-9ac5c4de] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 21px;
}

.side-nav .user-wrapper .cover-line .cover-extra[data-v-9ac5c4de] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: 12px;
}

.side-nav .user-wrapper .cover-wrapper[data-v-9ac5c4de] {
    position: relative;
}

.side-nav .user-wrapper .cover-wrapper .cover[data-v-9ac5c4de] {
    display: block;
    margin: 0 auto;
}

.side-nav .user-wrapper .cover-wrapper .fa-facebook-square[data-v-9ac5c4de] {
    position: absolute;
    bottom: 0;
    margin-left: 15px;
}

.side-nav .user-wrapper .cover-wrapper .fa-wechat[data-v-9ac5c4de] {
    position: absolute;
    bottom: 3px;
    margin-left: 11px;
    color: green;
}

.side-nav .user-wrapper .username[data-v-9ac5c4de] {
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

.side-nav .user-wrapper p[data-v-9ac5c4de] {
    display: inline-block;
    max-width: 230px;
    margin: 1px 0;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.side-nav .favorites[data-v-9ac5c4de] {
    overflow: auto;
}

@media screen and (max-width: 768px) {
    .side-nav .user-wrapper .username[data-v-9ac5c4de] {
        font-size: 1.1em;
    }
}

@charset "UTF-8";
.login-special .wechat-login {
    text-align: center;
}

.login-special .pc {
    z-index: 3000;
}

@media (min-width: 768px) {
    .login-special .wechat-login .mobile {
        display: none;
    }

    .login-special .wechat-login .pc {
        display: block;
    }
}

.login-special .login-title {
    margin: 0;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.15;
    text-align: center;
}

.login-special .qrcode-wrapper {
    position: relative;
    display: inline-block;
    width: 190px;
    height: 190px;
    margin: 1em auto 0.5em;
    text-align: center;
    border: 1px solid #c3c3c3;
}

.login-special .qrcode-wrapper.expired::after {
    position: absolute;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 38px;
    font-size: 16px;
    cursor: pointer;
    content: "\4E8C\7EF4\7801\5DF2\8FC7\671F,\70B9\51FB\5237\65B0";
}

.login-special .qrcode-wrapper.loading {
    background: url("/img/loading.gif") no-repeat center;
}

.login-special .qrcode-wrapper .wechat-qrcode {
    width: 100%;
}

.login-special .tmp-login {
    padding: 20px;
    background: #eee;
}

.login-special .tmp-login h2 {
    margin-bottom: 10px;
}

.login-special .tmp-login .el-input {
    margin-bottom: 15px;
}

.login-special .subscribe {
    padding: 0 0 2em;
    font-size: 12px;
    font-style: italic;
}

.login-special .use-phone {
    margin: 8px 0;
    margin-bottom: 30px;
    color: #1484ff;
    cursor: pointer;
}

.login-special .mobile-box {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 100%;
    z-index: 4000;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}

.login-special .go-back {
    position: absolute;
    top: 0;
    left: -58px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateX(58px);
    transform: translateX(58px);
}

.login-special .go-back i {
    font-size: 24px;
    cursor: pointer;
}

.login-special .input-box {
    display: flex;
    justify-content: center;
    width: 260px;
    margin: 20px auto;
}

.login-special .input-box .login-btn-submit {
    width: 100%;
    height: 48px;
    font-size: 16px;
}

.login-special .input-box .login-btn-code {
    width: 112px;
    height: 48px;
    margin-left: 10px;
    font-size: 16px;
    color: #20a0ff;
    background-color: #fff;
}

.login-special .input-box .login-btn-code span {
    display: inline-block;
    width: 80px;
    text-align: center;
}

.login-special .input-box .login-btn-yes {
    opacity: 1;
}

.login-special .input-box .login-btn-yes:hover {
    opacity: 0.7;
}

.login-special .input-box .login-btn-no {
    opacity: 0.5;
}

.login-special .input-box .login-btn-no:hover {
    opacity: 0.5;
}

.login-special .input-box .login-input-phone {
    width: 100%;
    height: 48px;
    margin: 0;
    font-size: 16px;
}

.login-special .input-box .login-input-phone input {
    height: 48px !important;
}

.login-special .input-box .login-input-code {
    height: 48px;
    margin: 0;
    font-size: 16px;
}

.login-special .input-box:nth-of-type(1) {
    margin-top: 30px;
}

.login-special .el-input__inner {
    height: 48px !important;
}

.login-special input[type=number] {
    -moz-appearance: textfield;
}

.login-special input[type=number]::-webkit-inner-spin-button,
.login-special input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.login-special .mobile-box-false {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(100% - 58px);
    overflow: hidden;
    background: #fff;
}

.login-special .back-box-jia {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 58px);
    height: 58px;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .global-login .el-dialog--small {
        width: 95%;
    }
}

.cate-options[data-v-25a96675] {
    display: flex;
    flex-direction: column;
    width: 100vw;
    max-width: 900px;
    max-height: 100vh;
    color: #99a9bf;
    background: #fff;
}

.cate-options h2[data-v-25a96675] {
    padding: 30px 10px 20px;
    font-size: 16px;
    font-weight: normal;
    font-weight: 700;
}

.cate-options .content[data-v-25a96675] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    padding-bottom: 15px;
    overflow: auto;
    text-align: center;
}

.cate-options .content .cate-item[data-v-25a96675] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 54px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #eceef0;
    border-radius: 5px;
}

.cate-options .content .cate-item .icon-wrapper[data-v-25a96675] {
    position: relative;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
}

.cate-options .content .cate-item .icon-wrapper .icon[data-v-25a96675] {
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    -webkit-filter: drop-shadow(#99a9bf 30px 0);
    filter: drop-shadow(#99a9bf 30px 0);
    border-right: 30px solid transparent;
}

.cate-options .content .cate-item[data-v-25a96675]:hover {
    color: #fff;
    cursor: pointer;
    background: #20a0ff;
}

.cate-options .content .cate-item:hover .icon-wrapper .icon[data-v-25a96675] {
    -webkit-filter: drop-shadow(#fff 30px 0);
    filter: drop-shadow(#fff 30px 0);
}

.cate-options .confirm[data-v-25a96675] {
    width: 200px;
    margin: 10px;
}

@media screen and (max-width: 600px) {
    .cate-options[data-v-25a96675] {
        height: 100%;
    }
}

.color-options[data-v-5edb948c] {
    display: flex;
    justify-content: center;
}

.color-options .color[data-v-5edb948c] {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.color-options .color.active[data-v-5edb948c] {
    box-shadow: 0 0 0 3px #1485ff;
}

.color-options .color[data-v-5edb948c]:hover {
    cursor: pointer;
}

@charset "UTF-8";
.size-input .el-alert[data-v-9572a2e8] {
    margin-bottom: 20px;
}

.size-input .size-type-group[data-v-9572a2e8] {
    display: flex;
}

.size-input .size-type-group .row[data-v-9572a2e8] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.size-input .size-type-group .item[data-v-9572a2e8] {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30%;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    background: #efefef;
}

.size-input .size-type-group .item .select-icon[data-v-9572a2e8] {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 0;
    height: 0;
    border-top: 30px solid #20a0ff;
    border-left: 30px solid transparent;
}

.size-input .size-type-group .item .select-icon[data-v-9572a2e8]::after {
    position: absolute;
    top: -26px;
    right: 2px;
    font-family: FontAwesome;
    color: #fff;
    content: "\F00C";
}

.size-input .size-type-group .item .social-icons[data-v-9572a2e8] {
    margin: 12px 0 0;
}

.size-input .size-type-group .item .social-icons .iconfont[data-v-9572a2e8] {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 3px;
    line-height: 1;
    opacity: 0.5;
}

.size-input .size-type-group .item .social-icons .iconfont.icon-weixingongzhonghao[data-v-9572a2e8] {
    font-size: 24px;
    vertical-align: -2px;
}

.size-input .size-type-group .item .social-icons .iconfont.icon-weibo1[data-v-9572a2e8] {
    font-size: 22px;
}

.size-input .size-type-group .item .social-icons .iconfont.icon-QQ[data-v-9572a2e8] {
    font-size: 20px;
}

.size-input .size-type-group .item .social-icons .iconfont.icon-wangwang1[data-v-9572a2e8] {
    font-size: 18px;
}

.size-input .size-type-group .item .more-size button[data-v-9572a2e8] {
    padding: 6px 10px;
    margin: 5px 0 0;
    font-size: 12px;
}

.size-input .size-type-group .item .more-size button .iconfont[data-v-9572a2e8] {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 1;
}

.size-input .size-type-group .item .more-size .icon-weixingongzhonghao[data-v-9572a2e8] {
    font-size: 20px;
    vertical-align: -3px;
}

.size-input .size-type-group .item .more-size .icon-pinduoduo[data-v-9572a2e8] {
    font-size: 20px;
    vertical-align: -2px;
}

.size-input .size-type-group .item.disabled[data-v-9572a2e8] {
    color: gray;
    cursor: not-allowed;
}

.size-input .size-type-group .item.disabled .select-icon[data-v-9572a2e8] {
    display: none !important;
}

.size-input .size-type-group .item.selected .select-icon[data-v-9572a2e8] {
    display: block;
}

.size-input .size-type-group .row:nth-child(1) .item[data-v-9572a2e8]:nth-child(1) {
    width: 27%;
    height: 105.5775px;
}

.size-input .size-type-group .row:nth-child(1) .item[data-v-9572a2e8]:nth-child(2) {
    width: 40%;
    height: 156.3525px;
}

.size-input .size-type-group .row:nth-child(1) .item[data-v-9572a2e8]:nth-child(3) {
    width: 27%;
    height: 140px;
}

.size-input .size-type-group .row:nth-child(2) .item[data-v-9572a2e8]:nth-child(1) {
    width: 140px;
    height: 100px;
}

.size-input .size-type-group .row:nth-child(2) .item[data-v-9572a2e8]:nth-child(2) {
    width: 70px;
    height: 70px;
}

.size-input .el-form[data-v-9572a2e8] {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    text-align: center;
    white-space: nowrap;
}

.size-input .el-form .el-form-item[data-v-9572a2e8] {
    display: inline-block;
    width: auto;
    padding-bottom: 0;
    margin-bottom: 0;
}

.size-input .el-form .el-form-item[data-v-9572a2e8] .el-form-item__content {
    width: auto;
}

.size-input .el-form .el-form-item .el-form-item__content .el-input[data-v-9572a2e8] {
    width: 70px;
}

.size-input .el-form .el-form-item + .el-form-item[data-v-9572a2e8] {
    margin-left: 20px;
}

.size-input .size-type-detail[data-v-9572a2e8] {
    margin-top: 10px;
    color: #20a0ff;
    text-align: center;
}

@media screen and (min-width: 600px) {
    .size-input .size-type-group .item:hover .select-icon[data-v-9572a2e8] {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .size-input .size-type-group[data-v-9572a2e8] {
        display: block;
    }

    .size-input .size-type-group .row + .row[data-v-9572a2e8] {
        margin-top: 20px;
        margin-left: 0;
    }

    .size-input .size-type-group .row:nth-child(1) .item[data-v-9572a2e8]:nth-child(1) {
        height: 59.73px;
    }

    .size-input .size-type-group .row:nth-child(1) .item[data-v-9572a2e8]:nth-child(2) {
        height: 88.5px;
    }

    .size-input .size-type-group .row:nth-child(1) .item[data-v-9572a2e8]:nth-child(3) {
        height: 79.64px;
    }

    .size-input .size-type-group .row:nth-child(2) .item[data-v-9572a2e8]:nth-child(1) {
        height: 150px;
    }

    .size-input .size-type-group .row:nth-child(2) .item[data-v-9572a2e8]:nth-child(2) {
        height: 130px;
    }
}

.color-wrapper[data-v-9572a2e8] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.color-wrapper .color-options[data-v-9572a2e8] {
    display: inline-block;
}

.el-dropdown-menu[data-v-9572a2e8] {
    color: #48576a;
}

.el-dropdown-menu .iconfont[data-v-9572a2e8] {
    display: inline-block;
    width: 22px;
    line-height: 1;
    color: #969696;
    text-align: center;
}

.el-dropdown-menu .iconfont.icon-weixingongzhonghao[data-v-9572a2e8] {
    font-size: 22px;
    vertical-align: -2px;
}

.el-dropdown-menu .iconfont.icon-weibo1[data-v-9572a2e8] {
    font-size: 22px;
    vertical-align: -3px;
}

.el-dropdown-menu .iconfont.icon-QQ[data-v-9572a2e8] {
    font-size: 22px;
    vertical-align: -2px;
}

.el-dropdown-menu .iconfont.icon-wangwang1[data-v-9572a2e8] {
    font-size: 18px;
}

.el-dropdown-menu .iconfont.icon-ziyuan14[data-v-9572a2e8] {
    font-size: 20px;
    vertical-align: -1px;
}

.el-dropdown-menu .iconfont.icon-douyinduanshipin[data-v-9572a2e8] {
    font-size: 24px;
    vertical-align: -2px;
}

.el-dropdown-menu .iconfont.icon-pinduoduo[data-v-9572a2e8] {
    font-size: 25px;
    vertical-align: -3px;
}

.size-dialog.el-dialog--tiny {
    width: 570px;
    max-width: calc(100vw - 40px);
}

.warpper .arrow-img {
    position: relative;
    top: 20px;
    height: 35px;
}

.warpper .my-input-group {
    margin: 10px auto 0;
}

.warpper .my-input-group.tip .el-input .el-input__inner {
    border-color: #f7c10d;
}

.warpper .my-input-group.tip div.btn {
    border: 2px solid #f7c10d !important;
    border-left: 0 !important;
}

.warpper .my-input-group div.btn {
    width: 130px;
    height: 55px;
    font-size: 16px;
    line-height: 55px;
    color: #fff;
    background: #3f8aef;
    border: 2px solid #3f8aef;
}

.warpper .my-input-group div.btn:hover {
    text-shadow: rgba(0, 0, 0, 0.2) 0 1px;
    background: #eab503;
    border: 2px solid #eab503;
    box-shadow: none;
}

.warpper .my-input-group .el-input {
    width: calc(100% - 130px);
}

.warpper .my-input-group .el-input .el-input__inner {
    height: 55px;
    font-size: 16px;
    color: #3f8aef;
    border: 2px solid #3f8aef;
}

.warpper .my-input-group .el-input .el-input__inner::-webkit-input-placeholder {
    color: rgba(63, 138, 239, 0.8);
}

.warpper .my-input-group .el-input .el-input__inner:-ms-input-placeholder {
    color: rgba(63, 138, 239, 0.8);
}

.warpper .my-input-group .el-input .el-input__inner::-ms-input-placeholder {
    color: rgba(63, 138, 239, 0.8);
}

.warpper .my-input-group .el-input .el-input__inner::placeholder {
    color: rgba(63, 138, 239, 0.8);
}

.warpper .my-input-group .el-input .el-input__inner::-webkit-placeholder {
    color: #3f8aef;
    opacity: 0.5;
}

.editlogonow {
    font-size: 14px;
    font-weight: 500;
    color: #3f8aef;
    letter-spacing: 0.09px;
    transition: all 300ms ease;
}

.editlogonow:hover {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
}

.editlogonow::v-deep .iconfont {
    font-size: inherit;
}

.sharebuttonbox {
    display: inline-flex;
    width: auto;
    vertical-align: 7px;
}

.button-wrapper {
    position: relative;
}

.praise-2 {
    position: relative;
}

.ShareAndGetFreeLogo2 {
    left: -20px;
    width: 320px;
    font-size: 12px;
    text-align: left;
}

.editTip,
.ShareAndGetFreeLogo {
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 1;
    width: 320px;
    min-height: 52px;
    padding: 10px;
    font-family: Helvetica Neue, PingFang SC, Microsoft YaHei !important;
    font-size: 12px;
    color: #333;
    text-align: left;
    background: #fff;
    border: 1px solid #d1d9e5;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.editTip.t,
.ShareAndGetFreeLogo.t {
    bottom: 47px;
}

.editTip .zan,
.ShareAndGetFreeLogo .zan {
    font-size: 22px;
}

.editTip .ShareAndGetFreeLogo-icon,
.ShareAndGetFreeLogo .ShareAndGetFreeLogo-icon {
    position: absolute;
    top: -6px;
    right: 0;
    left: 0;
    width: 11px;
    height: 6px;
    margin: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.el-button--primary {
    position: relative;
}

.editArrow {
    position: absolute;
    top: -14px;
    right: 0;
    left: 0;
    z-index: 1000;
    width: 11px;
    height: 6px;
    margin: auto;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.editTip {
    top: 51px;
    right: 0;
    bottom: unset;
    left: 0;
    width: 320px;
    min-height: 40px;
    line-height: 20px;
}

@media screen and (max-width: 768px) {
    .editTip {
        top: -35px;
    }

    .editArrow {
        top: -12px;
    }

    .ShareAndGetFreeLogo.t {
        bottom: 10px;
    }
}

.preview .bottom-wrapper .linktop {
    padding-top: 20px;
    font-size: 14px;
    list-style: none;
}

.preview .bottom-wrapper .linktop .var {
    font-size: 20px;
    font-style: normal;
}

.preview .bottom-wrapper .linktop .designeraaa {
    display: block;
    color: #3e9bfe;
    text-decoration: none;
}

.preview .bottom-wrapper .linktop .designeraaa:hover {
    color: #1485ff;
}

@media screen and (min-width: 768px) {
    .preview .bottom-wrapper .linktop {
        position: absolute;
        bottom: 10px;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        padding: 10px;
        text-align: center;
    }

    .preview .bottom-wrapper .linktop .designeraaa {
        display: inline;
    }
}

.btn-in-preview[data-v-242872e6] {
    width: 100%;
    max-width: 230px;
    margin: 0 auto;
}

.constructorhelp[data-v-242872e6] {
    font-size: 13px;
}

.editandsharecenter[data-v-242872e6] {
    display: flex;
    justify-content: center;
}

.editiconmargin[data-v-242872e6] {
    margin-right: 5px;
}

.button-wrapper[data-v-242872e6] {
    display: flex;
    margin: 10px auto;
}

.youcan[data-v-242872e6] {
    position: relative;
    bottom: -20px;
}

.preview[data-v-242872e6] {
    box-sizing: border-box;
    /* width: 1035px; */
    width: 100%;
    max-width: 100vw;
    max-height: 90vh;
    background: #f7f7f7;
}

.preview .container[data-v-242872e6] {
    padding: 20px;
}

.preview .container > * + *[data-v-242872e6] {
    margin-top: 20px;
}

.preview .icon-wrapper[data-v-242872e6] {
    margin-bottom: 10px;
}

.preview .top-wrapper[data-v-242872e6],
.preview .icon-wrapper[data-v-242872e6] {
    display: flex;
}

.preview .top-wrapper .card[data-v-242872e6],
.preview .icon-wrapper .card[data-v-242872e6] {
    width: 33.33%;
}

.preview .top-wrapper .card .el-dropdown[data-v-242872e6],
.preview .icon-wrapper .card .el-dropdown[data-v-242872e6] {
    position: absolute;
    bottom: -16px;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.preview .top-wrapper .card .el-dropdown > .el-button--primary .mobile[data-v-242872e6],
.preview .icon-wrapper .card .el-dropdown > .el-button--primary .mobile[data-v-242872e6] {
    display: none;
}

.preview .top-wrapper .card:first-child .svg-card[data-v-242872e6],
.preview .icon-wrapper .card:first-child .svg-card[data-v-242872e6] {
    overflow: hidden;
    border-radius: 10px 0 0 10px;
}

.preview .top-wrapper .card:last-child .svg-card[data-v-242872e6],
.preview .icon-wrapper .card:last-child .svg-card[data-v-242872e6] {
    overflow: hidden;
    border-radius: 0 10px 10px 0;
}

.preview .bottom-wrapper[data-v-242872e6]::after {
    display: block;
    clear: both;
    content: "";
}

.preview .bottom-wrapper .left[data-v-242872e6] {
    position: relative;
    float: left;
    width: calc(55% - 20px);
}

.preview .bottom-wrapper .left[data-v-242872e6]::before {
    display: block;
    padding-top: 67%;
    content: "";
    background: #fff;
    background-image: url(/img/preview/m01.jpg);
    background-position: 30%;
    background-size: 155%;
}

.preview .bottom-wrapper .left .svg-card[data-v-242872e6] {
    position: absolute;
    top: 24%;
    left: 21%;
    width: 45%;
    border-radius: 6px;
}

.preview .bottom-wrapper .left .enter-brand[data-v-242872e6] {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.preview .bottom-wrapper .right[data-v-242872e6] {
    position: relative;
    box-sizing: border-box;
    float: right;
    width: 45%;
    padding: 40px 20px;
    background: #fff;
}

.preview .bottom-wrapper .right .jiathis_style_32x32[data-v-242872e6] {
    display: inline-flex;
    justify-content: center;
    margin: 10px auto;
}

.preview .bottom-wrapper .right .warpper[data-v-242872e6] {
    display: flex;
    flex-direction: column;
    min-height: 96px;
    text-align: center;
}

.preview .bottom-wrapper .right .warpper p[data-v-242872e6] {
    margin: 10px auto;
}

.preview .bottom-wrapper .right .warpper h3[data-v-242872e6] {
    margin: 10px auto;
    margin-bottom: 20px;
}

.preview .bottom-wrapper .right .warpper span[data-v-242872e6] {
    margin: 10px auto;
}

.preview .bottom-wrapper .right .warpper .panel-top-button[data-v-242872e6] {
    display: flex;
    justify-content: center;
}

.preview .bottom-wrapper .right .warpper .panel-top-button .el-button[data-v-242872e6] {
    font-size: 12px;
}

.preview .bottom-wrapper .right .warpper .panel-top-button .editbtn[data-v-242872e6] {
    height: 36px;
    font-size: 14px;
}

.preview .bottom-wrapper .right .warpper > el-button[data-v-242872e6] {
    width: 100%;
}

.preview .bottom-wrapper .right .warpper .sample-tip[data-v-242872e6] {
    padding: 40px;
    font-size: 16px;
    font-style: italic;
}

.preview .bottom-wrapper .right .warpper div.praisemodel[data-v-242872e6] {
    width: 100%;
    margin-top: 40px;
}

.preview .bottom-wrapper .right .warpper div.praisemodel div.praise-2[data-v-242872e6] {
    display: flex;
    justify-content: center;
}

.preview .bottom-wrapper .right .warpper div.praisemodel div.praise-2 div.praise[data-v-242872e6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    height: 38px;
    cursor: pointer;
    border: 2px solid #1484ff;
    border-radius: 10px;
}

.preview .bottom-wrapper .right .warpper div.praisemodel div.praise-2 div.praise .praise-img[data-v-242872e6] {
    width: 18px;
    height: 18px;
    background: url(/img/praise0.png) no-repeat center;
    background-size: cover;
}

.preview .bottom-wrapper .right .warpper div.praisemodel div.praise-2 div.praise .praise-text[data-v-242872e6] {
    margin-left: 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 38px;
    color: #1484ff;
    text-decoration: none;
    list-style: none;
}

.preview .bottom-wrapper .right .warpper div.praisemodel ul[data-v-242872e6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    padding-left: 0;
    margin-top: 10px;
    overflow: hidden;
}

.preview .bottom-wrapper .right .warpper div.praisemodel ul li[data-v-242872e6] {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 2px;
    overflow: hidden;
    list-style: none;
    border: 2px solid #fff;
    border-radius: 27px;
    box-shadow: -1px 0 1px 0 #148573;
}

.preview .bottom-wrapper .right .warpper div.praisemodel ul li img[data-v-242872e6] {
    width: 40px;
    height: 40px;
}

.preview .bottom-wrapper .right .warpper div.praisemodel ul li[data-v-242872e6]:not(:first-child) {
    margin-left: -15px;
}

.preview .bottom-wrapper .right .warpper div.praisemodel ul li[data-v-242872e6]:last-child {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    background: #ababab;
}

.preview .bottom-wrapper .right .warpper div.praisemodel[data-v-242872e6] {
    width: 100%;
    margin-top: 40px;
}

.preview .bottom-wrapper .right .warpper div.praisemodel div.praise-2.active[data-v-242872e6] {
    display: flex;
    justify-content: center;
}

.preview .bottom-wrapper .right .warpper div.praisemodel div.praise-2.active div.praise[data-v-242872e6] {
    border: 2px solid #969696;
}

.preview .bottom-wrapper .right .warpper div.praisemodel div.praise-2.active div.praise .praise-img[data-v-242872e6] {
    background: url(/img/praise1.png) no-repeat center;
    background-size: cover;
}

.preview .bottom-wrapper .right .warpper div.praisemodel div.praise-2.active div.praise .praise-text[data-v-242872e6] {
    color: #969696;
}

.preview .bottom-wrapper .right .warpper[data-v-242872e6] .el-button--large {
    width: 240px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: auto;
}

.preview .three-col[data-v-242872e6] {
    font-size: 0;
}

.preview .three-col .bg-img[data-v-242872e6] {
    position: relative;
    display: inline-block;
    width: 50%;
}

.preview .three-col .bg-img[data-v-242872e6]::before {
    display: block;
    padding-top: 74.67%;
    content: "";
    background: #fff;
    background-size: 100% 100%;
}

.preview .three-col .bgmobile-hidden[data-v-242872e6] {
    display: none;
}

.preview .three-col .bg-img[data-v-242872e6]:nth-child(1) {
    overflow: hidden;
}

.preview .three-col .bg-img[data-v-242872e6]:nth-child(1)::before {
    background-image: url(/img/preview/t011.jpg);
}

.preview .three-col .bg-img:nth-child(1) .svg-card[data-v-242872e6]:first-child {
    position: absolute;
    top: 12%;
    left: 48%;
    width: 26%;
    -webkit-transform: skew(-28deg, 13deg);
    transform: skew(-28deg, 13deg);
}

.preview .three-col .bg-img:nth-child(1) .svg-card[data-v-242872e6]:last-child {
    position: absolute;
    top: 42%;
    left: 29%;
    width: 35%;
    -webkit-transform: skew(-32deg, 13deg);
    transform: skew(-32deg, 13deg);
}

.preview .three-col .bg-img[data-v-242872e6]:nth-child(3) {
    overflow: hidden;
    background: url(/img/preview/t01bg.jpg) repeat-y center;
    background-size: 100%;
}

.preview .three-col .bg-img[data-v-242872e6]:nth-child(3)::before {
    background: url(/img/preview/t01.jpg) no-repeat center 20px;
    background-size: cover;
}

.preview .three-col .bg-img:nth-child(3) .svg-card[data-v-242872e6] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 3%;
    left: 0;
    z-index: 1;
    margin: auto;
    opacity: 0.9;
    -webkit-transform: rotate3d(-4, -1, 3, -44deg) scale(0.7);
    transform: rotate3d(-4, -1, 3, -44deg) scale(0.7);
}

.preview .three-col .bg-img:nth-child(3) .svg-card[data-v-242872e6]:nth-child(2) {
    z-index: 2;
    mix-blend-mode: soft-light;
    fill: black;
    fill-opacity: 0.5;
    -webkit-mask-image: url(/img/preview/t01paper1.png);
}

.preview .three-col .bg-img:nth-child(3) .svg-card[data-v-242872e6]:last-child {
    z-index: 3;
    mix-blend-mode: soft-light;
    fill: black;
    fill-opacity: 0.5;
    -webkit-mask-image: url(/img/preview/t01paper.png);
}

.preview .three-col .bg-img[data-v-242872e6]:nth-child(2)::before {
    background-image: url(/img/preview/t03.jpg);
}

.preview .three-col .bg-img:nth-child(2) .svg-card[data-v-242872e6] {
    position: absolute;
    top: 26%;
    left: 28.5%;
    width: 40%;
    -webkit-transform: skew(170deg, 170deg);
    transform: skew(170deg, 170deg);
}

.preview .two-col[data-v-242872e6] {
    position: relative;
    font-size: 0;
    vertical-align: top;
}

.preview .two-col .bg-img[data-v-242872e6] {
    position: relative;
}

.preview .two-col .bg-img[data-v-242872e6]:nth-child(1) {
    width: calc(45% - 20px);
    margin-right: 20px;
}

.preview .two-col .bg-img:nth-child(1) .svg-card[data-v-242872e6] {
    position: absolute;
    top: 15%;
    left: 48%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.preview .two-col .bg-img[data-v-242872e6]:nth-child(1)::before {
    display: block;
    padding-top: 100%;
    content: "";
    background: #fff;
    background-image: url(/img/preview/monitor-dark.jpg);
    background-size: 100% 100%;
}

.preview .two-col .bg-img[data-v-242872e6]:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 45%;
    overflow: hidden;
    background: #fff;
}

.preview .two-col .bg-img:nth-child(2) .image-container[data-v-242872e6] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    width: 76%;
}

.preview .two-col .bg-img:nth-child(2) .image-container .svg-card[data-v-242872e6] {
    position: absolute;
    top: 14%;
    left: 50%;
    width: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (min-width: 600px) {
    .preview[data-v-242872e6] {
        width: 1035px;
    }

    .preview .three-col .bg-img[data-v-242872e6] {
        width: 33.33%;
    }

    .preview .three-col .bgmobile-hidden[data-v-242872e6] {
        display: inline-block;
    }

    .preview .two-col .bg-img[data-v-242872e6]:nth-child(1)::before {
        background-image: url(/img/preview/monitor-dark.jpg);
    }

    .preview .two-col .bg-img:nth-child(2) .image-container .svg-card[data-v-242872e6] {
        top: 20%;
        left: 50%;
        width: 35%;
    }

    .preview .container > *[data-v-242872e6],
    .preview .bottom-wrapper > *[data-v-242872e6],
    .preview .two-col > *[data-v-242872e6] {
        border-radius: 10px;
        /* overflow: hidden; */
    }

    .preview .bottom-wrapper > *[data-v-242872e6],
    .preview .two-col > *[data-v-242872e6] {
        overflow: hidden;
    }

    .preview .top-wrapper .card[data-v-242872e6] {
        z-index: 1;
        width: 30%;
    }

    .preview .top-wrapper .card[data-v-242872e6]:nth-child(1) {
        z-index: 10;
    }

    .preview .top-wrapper .card[data-v-242872e6]:nth-child(2) {
        position: relative;
        box-sizing: content-box;
        padding: 0 5%;
    }

    .preview .top-wrapper .card[data-v-242872e6]:nth-child(2)::before {
        position: absolute;
        top: 0;
        right: 87.5%;
        bottom: 0;
        left: -10px;
        z-index: 10;
        display: block;
        content: "";
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 10px 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 10px 100%, 0% 100%);
    }

    .preview .top-wrapper .card[data-v-242872e6]:nth-child(2)::after {
        position: absolute;
        top: 0;
        right: -10px;
        bottom: 0;
        left: 87.5%;
        display: block;
        content: "";
        -webkit-clip-path: polygon(calc(100% - 10px) 0%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(calc(100% - 10px) 0%, 100% 0%, 100% 100%, 0% 100%);
    }

    .preview .two-col .bg-img[data-v-242872e6]:nth-child(2)::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        content: "";
        -webkit-clip-path: polygon(100% 10%, 100% 10%, 100% 100%, 10% 100%);
        clip-path: polygon(100% 10%, 100% 10%, 100% 100%, 10% 100%);
    }

    .preview .bottom-wrapper[data-v-242872e6] {
        position: relative;
    }

    .preview .bottom-wrapper .right[data-v-242872e6] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 55%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 600px) {
    .preview[data-v-242872e6] {
        width: 100%;
    }

    .preview .container[data-v-242872e6] {
        padding: 0 0 30px;
    }

    .preview .container > * + *[data-v-242872e6] {
        margin-top: 10px;
    }

    .preview .top-wrapper .card .el-dropdown > .el-button--primary .mobile[data-v-242872e6],
    .preview .icon-wrapper .card .el-dropdown > .el-button--primary .mobile[data-v-242872e6] {
        display: block;
    }

    .preview .top-wrapper .card .el-dropdown > .el-button--primary .computer[data-v-242872e6],
    .preview .icon-wrapper .card .el-dropdown > .el-button--primary .computer[data-v-242872e6] {
        display: none;
    }

    .preview .top-wrapper .card:first-child .svg-card[data-v-242872e6],
    .preview .icon-wrapper .card:first-child .svg-card[data-v-242872e6] {
        border-radius: 0;
    }

    .preview .top-wrapper .card:last-child .svg-card[data-v-242872e6],
    .preview .icon-wrapper .card:last-child .svg-card[data-v-242872e6] {
        border-radius: 0;
    }

    .preview .bottom-wrapper .left[data-v-242872e6],
    .preview .bottom-wrapper .right[data-v-242872e6] {
        width: 100%;
    }

    .preview .bottom-wrapper .right[data-v-242872e6] {
        margin-top: 10px;
    }

    .preview .bottom-wrapper .right .warpper .sample-tip[data-v-242872e6] {
        padding: 0 20px;
        font-size: 14px;
        font-style: italic;
    }

    .preview .two-col[data-v-242872e6] {
        height: auto;
        margin-top: 0;
    }

    .preview .two-col .bg-img[data-v-242872e6]:nth-child(1) {
        width: calc(70% - 10px);
        margin-right: 10px;
    }

    .preview .two-col .bg-img[data-v-242872e6]:nth-child(1)::before {
        background-image: none;
    }

    .preview .two-col .bg-img[data-v-242872e6]:nth-child(2) {
        left: 11%;
    }
}

.designer-tip-wrapper[data-v-242872e6] {
    min-height: 68px;
}

@media screen and (min-width: 768px) {
    .designer-tip-wrapper[data-v-242872e6] {
        min-height: auto;
    }
}

.ios-wechat-pay-unsupport-dialog {
    width: 90% !important;
}

.ios-wechat-pay-unsupport-dialog .el-dialog__body {
    padding: 10px 20px 20px;
}

.ios-wechat-pay-unsupport {
    padding: 0 15px;
}

.ios-wechat-pay-unsupport h1 {
    text-align: center;
}

.ios-wechat-pay-unsupport p {
    margin-top: 1em;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

.ios-wechat-pay-unsupport .btn {
    padding-top: 10px;
    margin-top: 10px;
    text-align: center;
}

@charset "UTF-8";
/* sloat=reference i标签的功能隐藏 删除本段style，然后将i 标签内部的cursor属性去除掉，将i标签下面的 div解除封印即可，更换图片直接更改div里面img的路径 */

.button[data-v-c70852d2] {
    position: relative;
}

.button[data-v-c70852d2]:disabled, .button[disabled][data-v-c70852d2] {
    pointer-events: none;
    opacity: 0.3;
}

.button[data-v-c70852d2]:disabled::after, .button[disabled][data-v-c70852d2]::after {
    cursor: not-allowed;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.icon-id-title[data-v-c70852d2] {
    display: block;
    text-align: center;
}

.icon-desc-tip[data-v-c70852d2] {
    white-space: normal;
}

.package-option ul.pkg-detail-list[data-v-c70852d2] {
    display: block;
    padding: 0 0 18px 0;
    margin: 0;
}

.package-option ul.pkg-detail-list li[data-v-c70852d2] {
    font-size: 15px;
    color: #666;
    text-align: left;
}

.package-option ul.pkg-detail-list li .iconfont[data-v-c70852d2] {
    font-size: 22px;
    color: #323232;
}

.package-option ul.pkg-detail-list li span.num[data-v-c70852d2] {
    font-size: 26px;
    color: #06c29f;
    vertical-align: -3px;
}

.package-option ul.pkg-detail-list li span.text[data-v-c70852d2] {
    color: #666;
}

.package-option ul.pkg-detail-list li .designLine[data-v-c70852d2] {
    float: right;
    width: 65%;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.package-option ul.pkg-detail-list li.li123[data-v-c70852d2] {
    margin-top: 55px;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
}

.package-option ul.pkg-detail-list li.li123Top[data-v-c70852d2] {
    margin-top: 80px;
}

.package-option ul.pkg-detail-list .desginDes[data-v-c70852d2] {
    margin-top: 10px;
    color: #06c29f;
    text-align: center;
}

.icon-price[data-v-c70852d2] {
    position: relative;
    width: 84%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 50px;
    border-top: 1px solid #eee;
}

.designHelp[data-v-c70852d2] {
    height: 50px;
}

.designHelp p.S_ShareAndGetFreeLogo[data-v-c70852d2] {
    width: 100%;
    white-space: pre-wrap;
}

.designHelp p.S_ShareAndGetFreeLogo .godesignhelp[data-v-c70852d2] {
    color: #047aff;
}

.topNone[data-v-c70852d2] {
    border-top: none;
}

p.S_ShareAndGetFreeLogo[data-v-c70852d2] {
    position: absolute;
    top: unset;
    bottom: unset;
    bottom: 30px;
    left: 9px;
    z-index: 1;
    box-sizing: border-box;
    display: none;
    width: 100%;
    padding: 10px;
    font-family: Helvetica Neue, PingFang SC, Microsoft YaHei !important;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    text-align: left;
    background: #fff;
    border: 1px solid #d1d9e5;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

p.S_ShareAndGetFreeLogo.t[data-v-c70852d2] {
    bottom: 10px;
}

p.S_ShareAndGetFreeLogo .zan[data-v-c70852d2] {
    font-size: 22px;
}

p.S_ShareAndGetFreeLogo .queen[data-v-c70852d2] {
    display: block;
    float: none;
    width: 25%;
    height: auto;
    margin: 10px auto;
}

p.S_ShareAndGetFreeLogo .ShareAndGetFreeLogo-icon[data-v-c70852d2] {
    position: absolute;
    top: unset;
    right: 12px;
    bottom: -6px;
    left: unset;
    width: 11px;
    height: 6px;
    margin: auto;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.showDetail[data-v-c70852d2] {
    float: right;
    font-size: 22px;
    line-height: 50px;
    color: #969696;
    cursor: pointer;
}

.showDetail:hover .S_ShareAndGetFreeLogo[data-v-c70852d2] {
    display: block;
}

.invisible[data-v-c70852d2] {
    height: 14px;
}

.popover .pricing__popup img.marginauto[data-v-c70852d2] {
    width: 100px;
    height: 100%;
}

.payment-options ul.points li.alignleft[data-v-c70852d2] {
    font-weight: 700;
    color: #000;
    text-align: left;
}

@media screen and (max-width: 600px) {
    .payment-options-parent[data-v-c70852d2] {
        display: flex;
        align-items: center;
        width: 200vw;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .payment-options-parent.no-scroll[data-v-c70852d2] {
        overflow: hidden;
    }

    .payment-options-parent.toggle[data-v-c70852d2] {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

.payment-options-parent[data-v-c70852d2] {
    width: 970px;
    white-space: nowrap;
    transition: all 600ms ease;
    transition-delay: 50ms;
}

.payment-options-parent.toggle[data-v-c70852d2] {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.payment-options-parent.toggle .fir[data-v-c70852d2] {
    /* opacity: 0;
        visibility: hidden; */
}

.payment-options-parent.toggle .sec[data-v-c70852d2] {
    visibility: visible;
    opacity: 1;
}

.pricing__popup[data-v-c70852d2] {
    text-align: center;
}

.payment-options[data-v-c70852d2] {
    display: inline-block;
    /* visibility: hidden;
        opacity: 0; */
    transition: all 500ms ease;
    /* max-height: 100vh; */
}

.payment-options.fir[data-v-c70852d2] {
    visibility: visible;
    opacity: 1;
}

.payment-options.sec[data-v-c70852d2] {
    width: 100%;
    vertical-align: top;
    background: #f7f7f7;
}

.payment-options.sec .quota-pkg-inner[data-v-c70852d2] {
    box-sizing: border-box;
    padding-top: 40px;
}

.payment-options .inner[data-v-c70852d2] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
    overflow: auto;
}

@media screen and (max-width: 600px) {
    .payment-options.fir[data-v-c70852d2], .payment-options.sec[data-v-c70852d2] {
        width: 100vw;
    }

    .payment-options.fir .outer[data-v-c70852d2] {
        width: 100vw;
        overflow-x: scroll;
    }

    .payment-options .inner[data-v-c70852d2] {
        box-sizing: content-box;
        align-items: center;
        justify-content: space-between;
        width: 860px;
        padding: 15px 25px;
    }

    .payment-options .package-option[data-v-c70852d2] {
        margin: 0;
    }
}

.package-option.premium[data-v-c70852d2] {
    position: relative;
    border: 1px solid #0258ff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.package-option.premium .bottomLi[data-v-c70852d2] {
    background: #f7f7f7;
}

.package-option.premium h1[data-v-c70852d2] {
    padding-bottom: 0;
}

.package-option.premium .old-prices[data-v-c70852d2] {
    display: inline-block;
    padding: 10px 0 30px;
    font-size: 12px;
}

.package-option.premium .old-prices .crossed-out[data-v-c70852d2] {
    display: inline-block;
    padding-right: 10px;
    text-decoration: line-through;
}

.package-option.premium .old-prices .green[data-v-c70852d2] {
    display: inline-block;
    color: #30c37b;
}

.package-option.premium .button[data-v-c70852d2] {
    display: block;
    padding: 18px 0;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
    background: #1485ff;
    background-color: #3e68ff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    transition: all 200ms cubic-bezier(0.03, 1.12, 0.64, 0.99);
}

.package-option.premium .button[data-v-c70852d2]:hover {
    background: #3797ff;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.package-option[data-v-c70852d2] {
    box-sizing: border-box;
    display: inline-block;
    width: 270px;
    margin: 0 20px;
    overflow: hidden;
    font-size: 15px;
    text-align: center;
    text-align: center;
    vertical-align: top;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 200ms ease-in-out;
}

.package-option a.el-button--text[data-v-c70852d2] {
    color: #7f8ea0;
}

.package-option h5[data-v-c70852d2] {
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    margin: 0;
    font-size: 16px;
    line-height: 60px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.package-option .type1[data-v-c70852d2] {
    background: #666;
}

.package-option .type2[data-v-c70852d2] {
    background: #3f8aef;
}

.package-option .type3[data-v-c70852d2] {
    background: #06c29f;
}

.package-option .type4[data-v-c70852d2] {
    background: #fdc611;
}

.package-option .price[data-v-c70852d2] {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: 40px;
    font-weight: 400;
    color: #007bff;
    opacity: 1;
    transition: all 0.3s ease;
}

.package-option .price[data-v-c70852d2] .symbol {
    position: absolute;
    top: 10px;
    left: -12px;
    font-size: 16px;
}

.package-option .price[data-v-c70852d2] .currency {
    margin-left: -5px;
    font-size: 11px;
    letter-spacing: 0.8px;
}

.package-option h1[data-v-c70852d2] {
    font-size: 50px;
}

.package-option .showdemo[data-v-c70852d2] {
    display: block;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    color: #047aff;
    background: #f7f7f7;
    border-radius: 0 0 4px 4px;
}

.package-option .coupon-line[data-v-c70852d2] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin-top: 16px;
    font-size: 14px;
    color: #20a0ff;
    background: #f7f7f7;
}

.package-option .coupon-line a[data-v-c70852d2] {
    color: #20a0ff;
    cursor: pointer;
}

.package-option .coupon-line span[data-v-c70852d2] {
    cursor: default;
}

.package-option ul.points[data-v-c70852d2] {
    box-sizing: content-box;
    /* height: 310px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 20px 15px;
    margin: 0;
    text-align: center;
    border-top: 1px solid #eee;
}

.package-option ul.points.en-version[data-v-c70852d2] {
    height: 300px;
}

.package-option ul.points li[data-v-c70852d2] {
    display: inline-block;
    padding: 6px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #666;
}

.package-option ul.points li .demolink[data-v-c70852d2] {
    color: #20a0ff;
}

.package-option ul.points li .fa-info-circle[data-v-c70852d2] {
    position: relative;
    cursor: help;
}

.package-option ul.points li .fa-info-circle[data-v-c70852d2]::after {
    position: absolute;
    top: -13px;
    left: -14px;
    display: block;
    width: 40px;
    height: 40px;
    content: "";
}

.package-option .button.light[data-v-c70852d2] {
    display: block;
    padding: 14px 0;
    font-size: 20px;
    font-weight: 500;
    color: #555d67;
    text-transform: none;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
    transition: all 200ms cubic-bezier(0.03, 1.12, 0.64, 0.99);
}

.package-option .button.light[data-v-c70852d2]:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.package-option .button.pay1Btn[data-v-c70852d2] {
    color: #666;
    border: 1px solid #666;
}

.package-option .button.pay2Btn[data-v-c70852d2] {
    color: #047aff;
    border: 1px solid #047aff;
}

.package-option .button.pay3Btn[data-v-c70852d2] {
    color: #06c29f;
    border: 1px solid #06c29f;
}

.package-option .button.pay4Btn[data-v-c70852d2] {
    color: #fdc611;
    border: 1px solid #fdc611;
}

.package-option .button.light.is-disabled[data-v-c70852d2] {
    color: #bfc8d9;
    cursor: not-allowed;
    background-color: #eef0f6;
    background-image: none;
    border-color: #d1d9e5;
}

.package-option .button.light.is-disabled[data-v-c70852d2]:hover {
    color: #bfc8d9;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.package-option .button[data-v-c70852d2] {
    width: 228px;
    margin: auto;
    cursor: pointer;
}

.el-popover .pricing__popup .pricing__img[data-v-c70852d2] {
    height: 126px;
    -o-object-fit: cover;
    object-fit: cover;
}

.el-popover .pricing__popup .pricing__detail[data-v-c70852d2] {
    font-size: 14px;
    color: grey;
}

.switcher-text[data-v-c70852d2] {
    margin: 5px 0 10px;
    font-size: 14px;
    color: #20a0ff;
    text-align: center;
    cursor: pointer;
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
}

.quote-pkg__item-buy[data-v-c70852d2] {
    width: 140px;
    height: 45px;
    margin: 0 auto;
}

.quota-pkg-inner[data-v-c70852d2] {
    position: relative;
    height: 100%;
    padding: 0 15px;
    white-space: normal;
}

.quota-pkg-inner .icon-arrow-back[data-v-c70852d2] {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    opacity: 0.7;
    transition: all 0.3s ease;
    /* @keyframes move {
        0%, 100% { transform: translate3d(0, 0, 0) }
        50% { transform: translate3d(-10px, 0, 0) }
        } */
}

.quota-pkg-inner .icon-arrow-back[data-v-c70852d2]:hover {
    opacity: 1;
    /* animation: move .3s ease; */
}

.quota-pkg-inner .quota-title[data-v-c70852d2] {
    margin: 40px 0 20px;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.quota-pkg-inner .quota-desc[data-v-c70852d2] {
    margin-bottom: 30px;
    font-size: 18px;
    color: #333;
    text-align: center;
    opacity: 0.5;
}

.quota-pkg-inner .quota-pkg-tip[data-v-c70852d2] {
    margin-bottom: 32px;
    font-size: 18px;
    color: #333;
    text-align: center;
    opacity: 0.5;
}

.quota-pkg[data-v-c70852d2] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding: 0 50px;
    margin: 0 auto 30px;
}

.quota-pkg__item[data-v-c70852d2] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 260px;
    padding: 20px 0 30px;
    text-align: center;
    background: #fff;
    border: 2px solid #222;
    border-radius: 4px;
}

.quota-pkg__item.pay-qrcode[data-v-c70852d2] {
    padding: 0;
}

.quota-pkg__item-buy.el-button--primary[data-v-c70852d2] {
    margin: 0 auto;
}

.quota-pkg__item-price[data-v-c70852d2] {
    margin-top: 24px;
    margin-bottom: 36px;
    font-size: 18px;
    color: #333;
}

.quota-pkg__item-price span[data-v-c70852d2] {
    position: relative;
    font-size: 22px;
    font-weight: bold;
}

.quota-pkg__item-price span b[data-v-c70852d2] {
    position: relative;
    padding: 0 2px 0 0;
}

.quota-pkg__item-price span[data-v-c70852d2]::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    content: "";
    background: #98cdff;
}

.quota-pkg__item-name[data-v-c70852d2] {
    margin-bottom: 15px;
    font-size: 20px;
}

.quota-pkg__item-desc[data-v-c70852d2] {
    margin-bottom: 47px;
    font-size: 14px;
    color: #333;
    opacity: 0.5;
}

.quota-pkg__item .pay-qrcode-title[data-v-c70852d2] {
    margin: 0 0 10px 0;
    font-size: 18px;
}

.quota-pkg__item .pay-qrcode-amount[data-v-c70852d2] {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.quota-pkg__item .pay-qrcode-img-wrapper[data-v-c70852d2] {
    position: relative;
    width: 132px;
    height: 132px;
    padding: 0;
    margin: 0 auto;
    opacity: 1;
}

.quota-pkg__item .pay-qrcode-img-wrapper.expired p[data-v-c70852d2] {
    opacity: 0.96;
}

.quota-pkg__item .pay-qrcode-img-wrapper p[data-v-c70852d2] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    visibility: hidden;
    background: #fff;
    opacity: 0;
}

.quota-pkg__item .pay-qrcode-img-wrapper p a[data-v-c70852d2] {
    color: #047aff;
}

@media screen and (max-width: 600px) {
    .payment-options-parent[data-v-c70852d2] {
        width: 200vw;
    }

    .payment-options-parent.toggle[data-v-c70852d2] {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    .quota-pkg-outer[data-v-c70852d2] {
        overflow-x: scroll;
    }

    .quota-pkg-outer .quota-pkg[data-v-c70852d2] {
        width: 860px;
        padding: 0 20px;
    }

    .quota-pkg-inner .quota-title[data-v-c70852d2] {
        margin: 0 0 30px;
        font-size: 22px;
    }

    .quota-pkg-inner .quota-desc[data-v-c70852d2] {
        font-size: 14px;
    }

    .quota-pkg-inner .quota-pkg-tip[data-v-c70852d2] {
        margin-bottom: 80px;
        font-size: 14px;
    }
}

:lang(en) .hide-in-en-version[data-v-c70852d2] {
    display: none;
}

:lang(en) .enterprise[data-v-c70852d2] {
    display: none;
}

:lang(en) .payment-options-parent[data-v-c70852d2] {
    height: 535px;
    overflow: hidden;
}

:lang(en) .basic .points[data-v-c70852d2] {
    height: 245px;
}

@media screen and (max-width: 658px) {
    :lang(en) .payment-options-parent[data-v-c70852d2] {
        width: 100vw;
        overflow: hidden;
    }
}

.package-option .fine-print {
    padding-top: 12px;
    margin-left: 5px;
    font-size: 13px;
    color: #666;
}

.package-option.premium .fine-print {
    color: #eee;
}

.redeem-dialog .wrapper[data-v-1c0d0e87] {
    text-align: center;
}

.redeem-dialog .wrapper p[data-v-1c0d0e87] {
    text-align: left;
}

.redeem-dialog .wrapper p a.el-button[data-v-1c0d0e87] {
    padding: 0;
    margin: 0;
    font-size: inherit;
}

.redeem-dialog .wrapper .el-input[data-v-1c0d0e87] {
    margin-top: 20px;
}

.redeem-dialog .wrapper .el-button[data-v-1c0d0e87] {
    margin-top: 10px;
}

.redeem-dialog {
    top: 50% !important;
    min-width: 300px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.favorite[data-v-b5e0a130] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.favorite .title[data-v-b5e0a130] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 16px;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.favorite .favorite-wrapper[data-v-b5e0a130] {
    padding: 25px 15px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.favorite .favorite-wrapper .remove-all-button[data-v-b5e0a130] {
    width: 100%;
}

.favorite .favorite-wrapper .card[data-v-b5e0a130] {
    position: relative;
    margin-top: 20px;
}

.favorite .favorite-wrapper .card .remove-button[data-v-b5e0a130] {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    padding: 10px 15px;
    color: #bfcbd9;
}

.favorite .favorite-wrapper .card:hover .remove-button[data-v-b5e0a130] {
    display: inline-block;
}

.model-center[data-v-23f789a8] {
    margin-top: 30px;
}

.display-area-photo-design[data-v-23f789a8] {
    max-width: 100%;
    height: 100%;
}

.display-area-photo-design .container[data-v-23f789a8] {
    max-width: 1120px;
    height: 100%;
    margin: 0 auto;
}

.display-area-photo-design .model-center-close[data-v-23f789a8] {
    position: absolute;
    top: 30px;
    width: 50px;
    margin-left: 30px;
    font-size: 30px;
    color: #333;
}

@media screen and (max-width: 768px) {
    .display-area-photo-design .model-center-close[data-v-23f789a8] {
        top: 15px;
        z-index: 100;
        width: 20px;
        margin-left: 20px;
        font-size: 20px;
    }
}

.display-area-photo-design .model-center-close i[data-v-23f789a8] {
    color: #c0ccda;
    cursor: pointer;
    transition: all 0.3s ease;
}

.display-area-photo-design .model-center-close i[data-v-23f789a8]:hover {
    -webkit-transform: rotate(180deg) rotate(0);
    transform: rotate(180deg) rotate(0);
}

.display-area-photo-design .tag-display[data-v-23f789a8] {
    position: relative;
    width: 100%;
    max-width: 1180px;
    height: 100px;
    margin: 0 auto;
}

.display-area-photo-design .tag-display .swiper-component[data-v-23f789a8] {
    position: absolute;
    width: 100%;
    height: 100%;
}

.display-area-photo-design .tag-display .tag[data-v-23f789a8] {
    height: 42px;
    -webkit-tap-highlight-color: transparent;
}

.display-area-photo-design .tag-display .tag img[data-v-23f789a8] {
    display: block;
    height: 100%;
}

.display-area-photo-design .tag-display .tag-selected[data-v-23f789a8] {
    opacity: 0.75;
}

.display-area-photo-design .tag-display .tag[data-v-23f789a8]:hover {
    opacity: 0.75;
}

.display-area-photo-design .tag-display .swiper-container[data-v-23f789a8] {
    box-sizing: border-box;
    width: 94%;
    height: 100%;
    margin: 0 auto;
}

.display-area-photo-design .tag-display .swiper-slide[data-v-23f789a8] {
    display: flex;
    align-items: center;
    margin-right: 25px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease-in;
}

.display-area-photo-design .tag-display .swiper-slide[data-v-23f789a8]:last-child {
    margin-right: 0;
}

.display-area-photo-design .picture-box[data-v-23f789a8] {
    display: flex;
}

.display-area-photo-design .waterFallGroup[data-v-23f789a8] {
    box-sizing: border-box;
    display: block;
    width: 20%;
    padding: 15px 8px;
    /* margin-bottom: 30px; */
}

@media screen and (max-width: 768px) {
    .display-area-photo-design .waterFallGroup[data-v-23f789a8] {
        width: 50%;
        padding: 8px 5px;
    }
}

.display-area-photo-design .waterFallGroup .card[data-v-23f789a8] {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    color: #4a4a4a;
    text-align: left;
    background-color: #fff;
    border-radius: 7px;
    transition: all 0.3s ease-in;
}

@media screen and (min-width: 768px) {
    .display-area-photo-design .waterFallGroup .card:hover .hover-edit[data-v-23f789a8] {
        opacity: 1;
    }
}

.display-area-photo-design .waterFallGroup .card .model-name[data-v-23f789a8] {
    height: 20px;
    padding: 10px 8px;
    overflow: hidden;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.display-area-photo-design .waterFallGroup .card .hover-edit[data-v-23f789a8] {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 40px);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgba(255, 255, 255, 0.56);
    opacity: 0;
    transition: all 0.2s ease-in;
}

.display-area-photo-design .waterFallGroup .card .hover-edit .edit-box[data-v-23f789a8] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background-color: #221e1f;
    border-radius: 14px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.display-area-photo-design .waterFallGroup .card .hover-edit .edit-box .iconfont[data-v-23f789a8] {
    margin-right: 5.8px;
}

.display-area-photo-design .waterFallGroup .new-card[data-v-23f789a8] {
    width: 100% !important;
    height: 200px !important;
}

.display-area-photo-design .waterFallGroup .new-card .edit-box[data-v-23f789a8] {
    width: 100px !important;
}

.display-area-photo-design .waterFallGroup .new-card .edit-box i[data-v-23f789a8] {
    font-size: 10px;
    line-height: 30px;
    vertical-align: 1px;
}

.display-area-photo-design .waterFallGroup .new-card .hover-edit[data-v-23f789a8] {
    height: 100%;
    opacity: 1;
}

.display-area-photo-design .waterFallGroup .new-card[data-v-23f789a8]:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.display-area-photo-design .waterFallGroup img[data-v-23f789a8] {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.display-area-photo-design .waterfallBox[data-v-23f789a8] {
    display: flex;
    flex-direction: column;
    width: 18.5%;
    margin: 30px auto;
    cursor: pointer;
}

.display-area-photo-design .model-display[data-v-23f789a8] {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .display-area-photo-design .model-display[data-v-23f789a8] {
        height: calc(100% - 72px);
        overflow: scroll;
    }
}

.display-area-photo-design .model-footer[data-v-23f789a8] {
    position: relative;
    bottom: 0;
    left: 50%;
    width: 147px;
    height: 38px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.display-area-photo-design .model-footer div[data-v-23f789a8] {
    padding: 4.5px 35px;
    font-size: 14px;
    font-weight: 600;
    line-height: 29px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #333;
    border-radius: 24.5px;
}

.display-area-photo-design .model-footer div i[data-v-23f789a8] {
    margin-right: 10px;
    font-size: 11px;
    vertical-align: 1px;
}

.display-area-photo-design .model-header[data-v-23f789a8] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    height: 38px;
    margin: 0 0.7%;
    margin-bottom: 15px;
}

.display-area-photo-design .model-header .tag-name[data-v-23f789a8] {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 38px;
    color: #000;
}

.display-area-photo-design .model-header .right[data-v-23f789a8] {
    color: #475669;
}

.display-area-photo-design .model-header .right a[data-v-23f789a8] {
    display: inline-block;
    padding: 9px 18px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    border-radius: 20px;
    box-shadow: -2px 0 4px 0 rgba(0, 0, 35, 0.08);
}

.display-area-photo-design .model-header .right a .iconfont[data-v-23f789a8] {
    font-size: 18px;
    vertical-align: -2px;
}

.display-area-photo-design .model-header .right a[data-v-23f789a8]:last-child {
    position: relative;
    z-index: 10;
}

.display-area-photo-design .model-header .right a:last-child img[data-v-23f789a8] {
    width: 18px;
    height: 18px;
    margin-top: -3px;
    margin-right: 10px;
    vertical-align: middle;
}

.display-area-photo-design .model-header .right a[data-v-23f789a8]:nth-child(2),
.display-area-photo-design .model-header .right a[data-v-23f789a8]:nth-child(3),
.display-area-photo-design .model-header .right a[data-v-23f789a8]:nth-child(1) {
    padding-right: 54px;
    margin-right: -44px;
}

.display-area-photo-design .model-header .right .checkedBtn[data-v-23f789a8] {
    color: #fff !important;
    background-color: #333;
}

.display-area-photo-design .swiper-button-next[data-v-23f789a8],
.display-area-photo-design .swiper-button-prev[data-v-23f789a8] {
    top: 50%;
    width: 100px;
    height: 100%;
    margin: 0;
    font-size: 20px;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.display-area-photo-design .swiper-button-next i[data-v-23f789a8],
.display-area-photo-design .swiper-button-prev i[data-v-23f789a8] {
    line-height: 100px;
    color: #221e1f;
}

.display-area-photo-design .swiper-button-next.swiper-button-disabled[data-v-23f789a8],
.display-area-photo-design .swiper-button-prev.swiper-button-disabled[data-v-23f789a8] {
    opacity: 0;
}

.display-area-photo-design .swiper-button-next[data-v-23f789a8] {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #eef2f6 90%);
}

.display-area-photo-design .swiper-button-next i[data-v-23f789a8] {
    margin-left: 80px;
}

.display-area-photo-design .swiper-button-prev[data-v-23f789a8] {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #eef2f6 90%);
}

.display-area-photo-design .swiper-button-prev i[data-v-23f789a8] {
    margin-right: 80px;
}

.display-area-photo-design .swiper-prev-bg[data-v-23f789a8] {
    width: 82px;
    -o-object-fit: contain;
    object-fit: contain;
    background-image: linear-gradient(to right, rgba(238, 242, 246, 0.08), rgba(238, 242, 246, 0.81));
}

@media screen and (max-width: 768px) {
    .model-center[data-v-23f789a8] {
        box-sizing: border-box;
        padding-top: 15px;
        margin: 0;
    }

    .display-area[data-v-23f789a8] {
        height: 100% !important;
        padding: 0;
    }

    .display-area .container[data-v-23f789a8] {
        box-sizing: border-box;
        padding: 0 15px;
    }

    .display-area .tag-display[data-v-23f789a8] {
        width: 100%;
        height: 81px !important;
    }

    .display-area .picture-box[data-v-23f789a8] {
        /* margin-bottom: 180px; */
        /* justify-content: space-between; */
        /* margin: 0 5px; */
    }

    .display-area .waterfallBox[data-v-23f789a8] {
        width: 48.5%;
        margin: 25px 0 0;
    }

    .display-area .waterFallGroup[data-v-23f789a8] {
        margin-bottom: 15px;
    }

    .display-area *[data-v-23f789a8] {
        -webkit-tap-highlight-color: transparent;
    }

    .swiper-container[data-v-23f789a8] {
        width: 100% !important;
        height: 100%;
        overflow: hidden;
    }

    .model-display[data-v-23f789a8] {
        width: 100% !important;
    }

    .model-footer[data-v-23f789a8] {
        position: relative !important;
        bottom: 0 !important;
        width: 150px;
        margin-top: 15px;
        margin-bottom: 36px;
    }

    .model-header[data-v-23f789a8] {
        flex-direction: column !important;
        width: 100% !important;
        height: 72px !important;
        margin: 0;
        text-align: center;
    }

    .model-header .right a[data-v-23f789a8] {
        padding-top: 8px !important;
        padding-bottom: 7px !important;
    }

    .model-header .tag-name[data-v-23f789a8] {
        margin-bottom: 15px !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .swiper-button-next[data-v-23f789a8] {
        right: -12px;
        z-index: 10;
        width: 20px;
    }

    .swiper-button-next i[data-v-23f789a8] {
        line-height: 81px;
    }

    .swiper-button-prev[data-v-23f789a8] {
        left: -12px;
        z-index: 10;
        width: 20px;
    }

    .swiper-button-prev i[data-v-23f789a8] {
        line-height: 81px;
    }
}

.nav-pro[data-v-67f33f27] {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 18px;
    height: 27px;
    margin: auto;
}

.nav-pro__arrow[data-v-67f33f27] {
    display: block;
    cursor: pointer;
    border: 9px solid transparent;
    border-top-color: currentColor;
    border-radius: 2px;
}

.nav-pro__popper[data-v-67f33f27] {
    display: block;
    overflow: hidden;
    transition: all 300ms ease;
    -webkit-transform: translateY(9px);
    transform: translateY(9px);
}

.nav-pro__popper--open[data-v-67f33f27] {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.nav-pro-list[data-v-67f33f27] {
    box-sizing: border-box;
    width: 170px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.5;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
}

.nav-pro-list[data-v-67f33f27] *,
.nav-pro-list[data-v-67f33f27] *::before,
.nav-pro-list[data-v-67f33f27] *::after {
    box-sizing: inherit;
    padding: 0;
    margin: 0;
    outline: none;
}

.nav-pro-list[data-v-67f33f27] a {
    text-decoration: none;
}

.nav-pro-list__item[data-v-67f33f27] {
    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    transition: all 300ms ease;
}

.nav-pro-list__item[data-v-67f33f27]:hover {
    background-color: #f4f5f5;
}

.nav-pro-list__link[data-v-67f33f27] {
    display: block;
    padding: 0 23px;
    color: #4f5362;
}

.nav-pro-list__icon[data-v-67f33f27] {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    vertical-align: middle;
}

.nav-pro-popper {
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
}

.nav-pro-popper--slide-down-enter-active, .nav-pro-popper--slide-down-leave-active {
    transition-timing-function: ease;
    transition-duration: 300ms;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

.nav-pro-popper--slide-down-enter, .nav-pro-popper--slide-down-leave-to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}

.model-center-popover {
    top: 50px !important;
    left: 0 !important;
    z-index: 10002 !important;
    width: 100vw !important;
    padding: 0 !important;
    background: #f9f9f9;
    border: none;
}

.model-center-link {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    color: #a8acb9;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s linear;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.model-center-link:hover {
    color: #d1dbe5;
}

.model-center-link__icon {
    margin-left: 8px;
    transition: all 0.3s ease;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.model-center-link__icon-open {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.model-center-link__arrow {
    display: block;
    cursor: pointer;
    border: 9px solid transparent;
    border-top-color: #a8acb9;
    border-radius: 2px;
}

.photo-index-popover {
    top: 33px !important;
    left: 111px !important;
    height: 140px;
    padding: 0;
    margin: 0 !important;
    background: transparent;
    border: 0;
    box-shadow: none !important;
    -webkit-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
}

.photo-index-popover .popoverMenu {
    position: absolute;
    top: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 140px;
    background: url(/img/dialog-new.svg);
    background-size: 100% 100%;
}

.photo-index-popover a {
    box-sizing: border-box;
    display: block;
    width: 95%;
    padding: 0 23px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 50px;
    color: #4f5362;
}

.photo-index-popover a img {
    width: 29px;
    margin-right: 8px;
    vertical-align: middle;
}

.photo-index-popover a:hover {
    background: #f4f5f5;
}

.photo-index-popover a:first-child {
    margin-top: 10px;
}

.photo-index-popover .popper__arrow {
    display: none;
}

.businessCard_content .select {
    padding-left: 27.5px;
    font-size: 14px;
    color: #bdc1c6;
}

.businessCard_content .el-input .el-input__inner {
    height: 20px;
    padding-right: 22px;
    padding-left: 0;
    line-height: 20px;
    color: #bdc1c6;
    background: transparent;
    border: none;
}

.business-layouts {
    top: 47px !important;
    left: 367px !important;
    width: 210px;
    background-color: #0e1317;
    border: none;
    border-radius: 2px;
}

.business-layouts .el-select-dropdown__item {
    height: 36px;
    color: #fff;
    opacity: 0.7;
}

.business-layouts .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,
.business-layouts .el-select-dropdown__item.hover,
.business-layouts .el-select-dropdown__item:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

.business-layouts .el-select-dropdown__item.selected {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.percentage[data-v-4beb542f] {
    display: flex;
    align-items: center;
    padding: 2px 29px;
    font-size: 14px;
    color: #bdc1c6;
    border: 1px solid rgba(211, 219, 226, 0.15);
    border-top: none;
    border-bottom: none;
}

.percentage .radus[data-v-4beb542f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: #bdc1c6;
    border-radius: 16px;
}

.percentage .radus[data-v-4beb542f]:hover {
    opacity: 0.6;
}

.percentage .radus img[data-v-4beb542f] {
    width: 8px;
    height: 8px;
}

.percentage .radus-unclick[data-v-4beb542f] {
    opacity: 0.6;
}

.percentage .num[data-v-4beb542f] {
    width: 38px;
    padding: 0 25px;
    text-align: center;
}

.businessCard[data-v-4beb542f] {
    width: 100%;
}

.businessCard .businessCard_box[data-v-4beb542f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.businessCard .businessCard_box .businessCard_content[data-v-4beb542f] {
    display: flex;
    align-items: center;
    margin-left: 22px;
}

.businessCard .businessCard_box .el_btn[data-v-4beb542f] {
    display: flex;
    align-items: center;
    padding: 9px 14px;
    margin-right: 20px;
    font-size: 14px;
    line-height: 17px;
    color: #bdc1c6;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}

.businessCard .businessCard_box .el_btn img[data-v-4beb542f] {
    width: 17px;
    height: 17px;
    margin-right: 7px;
}

.photo-mode ul[data-v-4beb542f] {
    display: flex;
    justify-content: space-around;
    padding: 0;
}

.photo-mode ul li[data-v-4beb542f] {
    text-align: center;
    cursor: pointer;
}

.photo-mode ul li .photo-img[data-v-4beb542f] {
    display: flex;
    width: 140px;
    height: 140px;
    overflow: hidden;
    background-color: #eff2f7;
    border: solid 1px #d2dce6;
    border-radius: 4px;
}

.photo-mode ul li .photo-img img[data-v-4beb542f] {
    display: block;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.photo-mode ul li span[data-v-4beb542f] {
    font-size: 16px;
    line-height: 32px;
    color: #5e6d82;
}

header[data-v-4beb542f] {
    box-sizing: border-box;
    height: 50px;
    background: #221e1f;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

header.fixedlayout[data-v-4beb542f] {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 40px 0 20px;
}

header.fixedlayout .logo[data-v-4beb542f] {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 8px 0;
    color: #a8acb9;
}

header.fixedlayout .logo .poster-icon[data-v-4beb542f] {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 4px;
    background: url("/img/home/poster-icon1219.png") center no-repeat;
    background-size: cover;
}

header.fixedlayout .logo img[data-v-4beb542f] {
    display: inline-block;
    height: 30px;
}

header.fixedlayout .back-button[data-v-4beb542f],
header.fixedlayout .nav-button[data-v-4beb542f] {
    display: flex;
    align-items: center;
    height: auto;
    padding: 0;
    color: white;
}

header.fixedlayout .back-button[data-v-4beb542f] {
    display: block;
    font-size: 12px;
    text-align: left;
}

header.fixedlayout .nav-button[data-v-4beb542f] {
    display: block;
    text-align: right;
}

header.fixedlayout .nav-button .cover[data-v-4beb542f] {
    width: 26px;
    height: 26px;
}

@media screen and (max-width: 768px) {
    header.fixedlayout .logo img.hide[data-v-4beb542f] {
        display: none;
    }
}

.photo-label-box[data-v-4beb542f] {
    position: relative;
    /* height: 100%; */
    height: calc(100vh - 50px);
    margin-bottom: 28px;
    overflow: hidden;
}

.photo-label-box .display-area-photo-design[data-v-4beb542f] {
    height: auto;
}

.photo-label-box .photo-label-header[data-v-4beb542f] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 650px;
    height: 28px;
    margin: 28px auto;
    font-size: 16px;
}

.photo-label-box .photo-label-header .label-detail-checked[data-v-4beb542f]::before {
    left: 0 !important;
    width: 100% !important;
}

.photo-label-box .photo-label-header .label-detail-checked[data-v-4beb542f] {
    color: #1ea0ff !important;
}

.photo-label-box .photo-label-header .label-detail[data-v-4beb542f]::before {
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 100%;
    content: "";
    border-bottom: 3px solid #1ea0ff;
    transition: 0.2s all linear;
}

.photo-label-box .photo-label-header .enter-design[data-v-4beb542f]:hover {
    color: #1ea0ff;
}

.photo-label-box .photo-label-header .label-detail[data-v-4beb542f]:hover {
    color: #1ea0ff;
}

.photo-label-box .photo-label-header .label-detail[data-v-4beb542f] {
    position: relative;
    flex: 1 1 auto;
    padding: 3px 6px;
    color: #5e6d82;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in;
}

.photo-label-box .photo-label-header .enter-design[data-v-4beb542f] {
    position: relative;
    flex: 1 1 auto;
    padding: 3px 6px;
    color: #5e6d82;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in;
}

.photo-label-box .photo-label-header .enter-design i[data-v-4beb542f] {
    margin-left: 5px;
    font-size: 12px;
    vertical-align: 1px;
}

.photo-label-box .photo-label-container[data-v-4beb542f] {
    position: relative;
    height: 170px;
}

.photo-label-box .photo-label-container .swiper-pagination > span[data-v-4beb542f] {
    margin: 0 5px;
}

.photo-label-box .photo-label-container .swiper-button-prev.swiper-button-disabled[data-v-4beb542f] {
    background-image: url("/img/arrow-up-model-center.png");
    opacity: 1;
}

.photo-label-box .photo-label-container .swiper-button-next.swiper-button-disabled[data-v-4beb542f] {
    background-image: url("/img/arrow-up-model-center-4.png");
    opacity: 1;
}

.photo-label-box .photo-label-container .swiper-container[data-v-4beb542f] {
    box-sizing: border-box;
    width: 91%;
    height: 100%;
    padding: 5px 0;
}

.photo-label-box .photo-label-container .swiper-slide[data-v-4beb542f] {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
}

.photo-label-box .photo-label-container .swiper-button-prev[data-v-4beb542f] {
    left: 13.5px;
    background-image: url("/img/arrow-up-model-center-3.png");
}

.photo-label-box .photo-label-container .swiper-button-next[data-v-4beb542f],
.photo-label-box .photo-label-container .swiper-button-prev[data-v-4beb542f] {
    top: 55%;
    height: 25.1px;
    background-size: 100% 100%;
}

.photo-label-box .photo-label-container .swiper-button-next[data-v-4beb542f] {
    right: 13.5px;
    background-image: url("/img/arrow-up-model-center-2.png");
}

.photo-label-box .photo-label-container .make-some-more[data-v-4beb542f] {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    padding-top: 73.5294118%;
    background: #fff;
    border-radius: 5px;
    transition: all 0.2s ease-in;
}

.photo-label-box .photo-label-container .make-some-more img[data-v-4beb542f] {
    display: block;
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
    transition: all 0.2s ease-in;
}

.photo-label-box .photo-label-container .make-some-more img[data-v-4beb542f]:hover {
    box-shadow: 0 2px 17px 3px rgba(86, 91, 112, 0.14);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.photo-label-box .auto-size[data-v-4beb542f] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.photo-label-box .auto-size .header[data-v-4beb542f] {
    margin-bottom: 30px;
    font-size: 18px;
    color: #1f2d3d;
}

.photo-label-box .auto-size .container[data-v-4beb542f] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 600px;
    height: 40px;
    margin: 0 auto;
    font-size: 14px;
    color: #5e6d82;
}

.photo-label-box .auto-size .show-model-header[data-v-4beb542f] {
    -webkit-animation: containerFadeInUp-data-v-4beb542f 0.3s forwards;
    animation: containerFadeInUp-data-v-4beb542f 0.3s forwards;
}

.photo-label-box .model-auto-size-container[data-v-4beb542f] {
    position: absolute;
    top: 62%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 91%;
    height: 120px;
    margin: 0 auto;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.photo-label-box .model-auto-size-container .auto-size-slider[data-v-4beb542f] {
    position: relative;
    width: 15%;
    height: 100%;
    margin: 0 5px;
    overflow: hidden;
    cursor: pointer;
    background-image: url("/uploads/business_card/2018/11/28/15433839365289109.jpg");
    background-position: center center;
    background-size: cover;
    border-radius: 5px;
}

.photo-label-box .model-auto-size-container .auto-size-slider img[data-v-4beb542f] {
    width: auto;
    height: 100%;
}

.photo-label-box .model-auto-size-container .auto-size-slider[data-v-4beb542f]:hover {
    box-shadow: 0 2px 17px 3px rgba(86, 91, 112, 0.14);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.photo-label-box .model-auto-size-container .model-item[data-v-4beb542f] {
    position: absolute;
}

.photo-label-box .model-auto-size-container .model-item img[data-v-4beb542f] {
    display: block;
    width: 100%;
    height: 100%;
}

.photo-label-box .model-auto-size-container .slider-6 .model-item[data-v-4beb542f] {
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.photo-label-box .model-auto-size-container .slider-6 .model-item img[data-v-4beb542f] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.photo-label-box .model-auto-size-container .slider-6 .text-item[data-v-4beb542f] {
    position: absolute;
    top: 50%;
    width: 100%;
    font-family: font_90;
    font-size: 60%;
    color: #fff;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.photo-label-box .model-auto-size-container .slider-5 .model-item[data-v-4beb542f] {
    bottom: 0;
    left: 40%;
    width: 60%;
    height: 100%;
}

.photo-label-box .model-auto-size-container .slider-5 .text-item[data-v-4beb542f] {
    position: absolute;
    top: 26%;
    left: 50%;
    font-family: font_90;
    font-size: 60%;
    color: #000;
    text-align: center;
    white-space: nowrap;
    background: #f8e71c;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.photo-label-box .model-auto-size-container .slider-1 .text-item[data-v-4beb542f] {
    position: absolute;
    top: 20%;
    left: 50%;
    width: auto;
    font-family: font_125;
    font-size: 60%;
    color: #000;
    text-align: center;
    background: #f8e71c;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.photo-label-box .model-auto-size-container .slider-2 .model-item[data-v-4beb542f] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10%;
}

.photo-label-box .model-auto-size-container .slider-2 .model-item img[data-v-4beb542f] {
    width: 100%;
    height: 100%;
}

.photo-label-box .model-auto-size-container .slider-2 .text-item[data-v-4beb542f] {
    position: absolute;
    top: 20%;
    width: 100%;
    font-family: font_125;
    font-size: 60%;
    color: #fff;
    text-align: center;
}

.photo-label-box .model-auto-size-container .slider-3 .model-item[data-v-4beb542f] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 12%;
}

.photo-label-box .model-auto-size-container .slider-3 .model-item img[data-v-4beb542f] {
    width: 100%;
    height: 100%;
}

.photo-label-box .model-auto-size-container .slider-3 .text-item[data-v-4beb542f] {
    position: absolute;
    top: 20%;
    width: 100%;
    font-family: font_90;
    font-size: 60%;
    text-align: center;
}

.photo-label-box .model-auto-size-container .slider-4 .model-item[data-v-4beb542f] {
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
}

.photo-label-box .model-auto-size-container .slider-4 .text-item[data-v-4beb542f] {
    position: absolute;
    top: 48%;
    left: 50%;
    font-family: font_90;
    font-size: 60%;
    color: #000;
    text-align: center;
    background: #f8e71c;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.photo-label-box .show-model[data-v-4beb542f] {
    -webkit-animation: modelFadeInUp-data-v-4beb542f 0.3s forwards;
    animation: modelFadeInUp-data-v-4beb542f 0.3s forwards;
}

@-webkit-keyframes containerFadeInUp-data-v-4beb542f {
    from {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }
    to {
        position: absolute;
        top: 9%;
        left: 50%;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@keyframes containerFadeInUp-data-v-4beb542f {
    from {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }
    to {
        position: absolute;
        top: 9%;
        left: 50%;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@-webkit-keyframes modelFadeInUp-data-v-4beb542f {
    from {
        opacity: 0;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }
    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@keyframes modelFadeInUp-data-v-4beb542f {
    from {
        opacity: 0;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }
    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 600px) {
    header.fixedlayout[data-v-4beb542f] {
        padding: 0 20px 0 10px;
    }
}

@media screen and (max-width: 1280px) {
    .photo-label-container .swiper-slide[data-v-4beb542f] {
        max-width: 107px;
    }
}

.qrcode-wrapper[data-v-45b2a85c] {
    width: 200px;
    height: 200px;
    padding: 10px;
    margin: 0 auto;
}

.qrcode-wrapper img[data-v-45b2a85c] {
    width: 100%;
}

.wechatpayment-layer[data-v-45b2a85c] {
    max-width: 260px;
    padding: 0;
    text-align: center;
}

.wechatpayment-layer p.title[data-v-45b2a85c] {
    width: 100%;
    margin: 0;
    font-size: 16px;
    text-align: center;
}

.wechatpayment-layer .el-button[data-v-45b2a85c] {
    padding: 16px 30px;
    color: #fff;
    background: #3bae56;
}

.modal .el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-45b2a85c] {
    position: absolute;
    top: 18px;
    right: 17px;
    justify-content: center;
    font-size: 20px;
    color: #bfcbd9;
}

.modal .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close[data-v-45b2a85c] {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
    color: inherit;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.contact-form .field[data-v-01239248] {
    margin-bottom: 13px;
}

.contact-form .field[data-v-01239248]::before {
    display: block;
    margin-bottom: 6px;
    content: attr(data-field);
}

.contact-form .line[data-v-01239248] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-form .line .fir[data-v-01239248] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 110px);
}

.contact-form .line .fir .field[data-v-01239248] {
    width: 48%;
}

.contact-form .submit-btn[data-v-01239248] {
    margin-top: 8px;
}

.el-dialog__wrapper[data-v-01239248] .contact-us-dialog {
    top: 50% !important;
    width: 96%;
    max-width: 576px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.el-dialog__wrapper[data-v-01239248] .contact-us-dialog .contact-form {
    padding: 0 1em;
}