body {
        font-family: 'toolify-primary', sans-serif !important;
        margin: 0
    }

    hr {
        color: inherit;
        height: 0
    }

    abbr[title] {
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    pre,
    samp {
        font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        border-color: inherit;
        text-indent: 0
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }

    button,
    select {
        text-transform: none
    }

    [type=button],
    [type=reset],
    [type=submit],
    button {
        -webkit-appearance: button
    }

    ::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    legend {
        padding: 0
    }

    progress {
        vertical-align: baseline
    }

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    summary {
        display: list-item
    }

    blockquote,
    dd,
    dl,
    figure,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    p,
    pre {
        margin: 0
    }

    button {
        background-color: transparent;
        background-image: none
    }

    fieldset,
    ol,
    ul {
        margin: 0;
        padding: 0
    }

    ol,
    ul {
        list-style: none
    }

    html {
        font-family: 'toolify-primary', sans-serif !important;
        line-height: 1.5
    }

    body {
        font-family: inherit;
        line-height: inherit
    }

    *,
    :after,
    :before {
        border: 0 solid;
        box-sizing: border-box
    }

    hr {
        border-top-width: 1px
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'toolify-primary', sans-serif !important;
    }

    img {
        border-style: solid
    }

    textarea {
        resize: vertical
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #9ca3af;
        opacity: 1
    }

    input::placeholder,
    textarea::placeholder {
        color: #9ca3af;
        opacity: 1
    }

    [role=button],
    button {
        cursor: pointer
    }

    table {
        border-collapse: collapse
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        text-decoration: inherit
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        line-height: inherit;
        padding: 0
    }

    code,
    kbd,
    pre,
    samp {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        display: block;
        vertical-align: middle
    }

    img,
    video {
        height: auto;
        max-width: 100%
    }

    [hidden] {
        display: none
    }

    *,
    :after,
    :before {
        --tw-border-opacity: 1;
        border-color: #e5e7eb;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity))
    }

    .container {
        width: 100%
    }

    @media (min-width: 640px) {
        .container {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        .container {
            max-width: 768px
        }
    }

    @media (max-width: 768px) {
        .m-width-full {
            width: 100%;
        }
    }


    @media (min-width: 1024px) {
        .container {
            max-width: 1024px
        }
    }

    @media (min-width: 1280px) {
        .container {
            max-width: 1280px
        }
    }

    @media (min-width: 1536px) {
        .container {
            max-width: 1536px
        }
    }

    .sr-only {
        clip: rect(0, 0, 0, 0) !important;
        border-width: 0 !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        white-space: nowrap !important;
        width: 1px !important
    }

    .pointer-events-none {
        pointer-events: none !important
    }

    .visible {
        visibility: visible !important
    }

    .invisible {
        visibility: hidden !important
    }

    .fixed {
        position: fixed !important
    }

    .absolute {
        position: absolute !important
    }

    .relative {
        position: relative !important
    }

    .sticky {
        position: sticky !important
    }

    .inset-x-0 {
        left: 0 !important;
        right: 0 !important
    }

    .inset-y-0 {
        bottom: 0 !important
    }

    .inset-y-0,
    .top-0 {
        top: 0 !important
    }

    .top-1 {
        top: .25rem !important
    }

    .top-2 {
        top: .5rem !important
    }

    .top-3 {
        top: .75rem !important
    }

    .top-8 {
        top: 2rem !important
    }

    .top-16 {
        top: 4rem !important
    }

    .top-full {
        top: 100% !important
    }

    .right-0 {
        right: 0 !important
    }

    .right-2 {
        right: .5rem !important
    }

    .right-3 {
        right: .75rem !important
    }

    .right-5 {
        right: 1.25rem !important
    }

    .bottom-0 {
        bottom: 0 !important
    }

    .bottom-1 {
        bottom: .25rem !important
    }

    .bottom-2 {
        bottom: .5rem !important
    }

    .left-0 {
        left: 0 !important
    }

    .left-1 {
        left: .25rem !important
    }

    .-left-8 {
        left: -2rem !important
    }

    .left-1\/2 {
        left: 50% !important
    }

    .z-10 {
        z-index: 10 !important
    }

    .z-30 {
        z-index: 30 !important
    }

    .z-40 {
        z-index: 40 !important
    }

    .z-50 {
        z-index: 50 !important
    }

    .order-1 {
        order: 1 !important
    }

    .order-2 {
        order: 2 !important
    }

    .col-span-1 {
        grid-column: span 1/span 1 !important
    }

    .col-span-6 {
        grid-column: span 6/span 6 !important
    }

    .m-1 {
        margin: .25rem !important
    }

    .m-1\.5 {
        margin: .375rem !important
    }

    .mx-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .mx-3 {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .mx-1\.5 {
        margin-left: .375rem !important;
        margin-right: .375rem !important
    }

    .my-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .my-3 {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .my-5 {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .my-7 {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .my-10 {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .my-14 {
        margin-bottom: 3.5rem !important;
        margin-top: 3.5rem !important
    }

    .my-2\.5 {
        margin-bottom: .625rem !important;
        margin-top: .625rem !important
    }

    .-my-2 {
        margin-bottom: -.5rem !important;
        margin-top: -.5rem !important
    }

    .mt-0 {
        margin-top: 0 !important
    }

    .mt-1 {
        margin-top: .25rem !important
    }

    .mt-2 {
        margin-top: .5rem !important
    }

    .mt-3 {
        margin-top: .75rem !important
    }

    .mt-4 {
        margin-top: 1rem !important
    }

    .mt-5 {
        margin-top: 1.25rem !important
    }

    .mt-6 {
        margin-top: 1.5rem !important
    }

    .mt-7 {
        margin-top: 1.75rem !important
    }

    .mt-8 {
        margin-top: 2rem !important
    }

    .mt-9 {
        margin-top: 2.25rem !important
    }

    .mt-10 {
        margin-top: 2.5rem !important
    }

    .mt-11 {
        margin-top: 2.75rem !important
    }

    .mt-12 {
        margin-top: 3rem !important
    }

    .mt-14 {
        margin-top: 3.5rem !important
    }

    .mt-16 {
        margin-top: 4rem !important
    }

    .mt-20 {
        margin-top: 5rem !important
    }

    .mt-24 {
        margin-top: 6rem !important
    }

    .mt-36 {
        margin-top: 9rem !important
    }

    .mt-0\.5 {
        margin-top: .125rem !important
    }

    .mt-1\.5 {
        margin-top: .375rem !important
    }

    .mt-2\.5 {
        margin-top: .625rem !important
    }

    .mt-3\.5 {
        margin-top: .875rem !important
    }

    .-mt-0 {
        margin-top: 0 !important
    }

    .-mt-1 {
        margin-top: -.25rem !important
    }

    .-mt-4 {
        margin-top: -1rem !important
    }

    .-mt-0\.5 {
        margin-top: -.125rem !important
    }

    .mr-1 {
        margin-right: .25rem !important
    }

    .mr-2 {
        margin-right: .5rem !important
    }

    .mr-3 {
        margin-right: .75rem !important
    }

    .mr-4 {
        margin-right: 1rem !important
    }

    .mr-5 {
        margin-right: 1.25rem !important
    }

    .mr-6 {
        margin-right: 1.5rem !important
    }

    .mr-7 {
        margin-right: 1.75rem !important
    }

    .mr-1\.5 {
        margin-right: .375rem !important
    }

    .-mr-1 {
        margin-right: -.25rem !important
    }

    .-mr-2 {
        margin-right: -.5rem !important
    }

    .mb-0 {
        margin-bottom: 0 !important
    }

    .mb-1 {
        margin-bottom: .25rem !important
    }

    .mb-2 {
        margin-bottom: .5rem !important
    }

    .mb-3 {
        margin-bottom: .75rem !important
    }

    .mb-4 {
        margin-bottom: 1rem !important
    }

    .mb-5 {
        margin-bottom: 1.25rem !important
    }

    .mb-6 {
        margin-bottom: 1.5rem !important
    }

    .mb-7 {
        margin-bottom: 1.75rem !important
    }

    .mb-8 {
        margin-bottom: 2rem !important
    }

    .mb-9 {
        margin-bottom: 2.25rem !important
    }

    .mb-10 {
        margin-bottom: 2.5rem !important
    }

    .mb-11 {
        margin-bottom: 2.75rem !important
    }

    .mb-12 {
        margin-bottom: 3rem !important
    }

    .mb-14 {
        margin-bottom: 3.5rem !important
    }

    .mb-16 {
        margin-bottom: 4rem !important
    }

    .mb-1\.5 {
        margin-bottom: .375rem !important
    }

    .mb-2\.5 {
        margin-bottom: .625rem !important
    }

    .ml-0 {
        margin-left: 0 !important
    }

    .ml-1 {
        margin-left: .25rem !important
    }

    .ml-2 {
        margin-left: .5rem !important
    }

    .ml-3 {
        margin-left: .75rem !important
    }

    .ml-4 {
        margin-left: 1rem !important
    }

    .ml-5 {
        margin-left: 1.25rem !important
    }

    .ml-6 {
        margin-left: 1.5rem !important
    }

    .ml-8 {
        margin-left: 2rem !important
    }

    .ml-10 {
        margin-left: 2.5rem !important
    }

    .ml-auto {
        margin-left: auto !important
    }

    .ml-0\.5 {
        margin-left: .125rem !important
    }

    .ml-1\.5 {
        margin-left: .375rem !important
    }

    .block {
        display: block !important
    }

    .inline-block {
        display: inline-block !important
    }

    .inline {
        display: inline !important
    }

    .flex {
        display: flex !important
    }

    .inline-flex {
        display: inline-flex !important
    }

    .table {
        display: table !important
    }

    .table-cell {
        display: table-cell !important
    }

    .table-row {
        display: table-row !important
    }

    .grid {
        display: grid !important
    }

    .list-item {
        display: list-item !important
    }

    .hidden {
        display: none !important
    }

    .group:hover .group-hover\:block {
        display: block !important
    }

    .group:hover .group-hover\:flex {
        display: flex !important
    }

    .group:hover .group-hover\:hidden {
        display: none !important
    }

    .h-0 {
        height: 0 !important
    }

    .h-1 {
        height: .25rem !important
    }

    .h-2 {
        height: .5rem !important
    }

    .h-3 {
        height: .75rem !important
    }

    .h-4 {
        height: 1rem !important
    }

    .h-5 {
        height: 1.25rem !important
    }

    .h-6 {
        height: 1.5rem !important
    }

    .h-7 {
        height: 1.75rem !important
    }

    .h-8 {
        height: 2rem !important
    }

    .h-9 {
        height: 2.25rem !important
    }

    .h-10 {
        height: 2.5rem !important
    }

    .h-11 {
        height: 2.75rem !important
    }

    .h-12 {
        height: 3rem !important
    }

    .h-14 {
        height: 3.5rem !important
    }

    .h-16 {
        height: 4rem !important
    }

    .h-20 {
        height: 5rem !important
    }

    .h-24 {
        height: 6rem !important
    }

    .h-32 {
        height: 8rem !important
    }

    .h-36 {
        height: 9rem !important
    }

    .h-auto {
        height: auto !important
    }

    .h-px {
        height: 1px !important
    }

    .h-1\.5 {
        height: .375rem !important
    }

    .h-2\.5 {
        height: .625rem !important
    }

    .h-3\.5 {
        height: .875rem !important
    }

    .h-full {
        height: 100% !important
    }

    .h-screen {
        height: 100vh !important
    }

    .max-h-96 {
        max-height: 24rem !important
    }

    .max-h-full {
        max-height: 100% !important
    }

    .min-h-full {
        min-height: 100% !important
    }

    .min-h-screen {
        min-height: 100vh !important
    }

    .w-0 {
        width: 0 !important
    }

    .w-1 {
        width: .25rem !important
    }

    .w-2 {
        width: .5rem !important
    }

    .w-3 {
        width: .75rem !important
    }

    .w-4 {
        width: 1rem !important
    }

    .w-5 {
        width: 1.25rem !important
    }

    .w-6 {
        width: 1.5rem !important
    }

    .w-7 {
        width: 1.75rem !important
    }

    .w-8 {
        width: 2rem !important
    }

    .w-9 {
        width: 2.25rem !important
    }

    .w-10 {
        width: 2.5rem !important
    }

    .w-12 {
        width: 3rem !important
    }

    .w-14 {
        width: 3.5rem !important
    }

    .w-16 {
        width: 4rem !important
    }

    .w-20 {
        width: 5rem !important
    }

    .w-24 {
        width: 6rem !important
    }

    .w-28 {
        width: 7rem !important
    }

    .w-32 {
        width: 8rem !important
    }

    .w-40 {
        width: 10rem !important
    }

    .w-44 {
        width: 11rem !important
    }

    .w-64 {
        width: 16rem !important
    }

    .w-auto {
        width: auto !important
    }

    .w-px {
        width: 1px !important
    }

    .w-1\.5 {
        width: .375rem !important
    }

    .w-2\.5 {
        width: .625rem !important
    }

    .w-3\.5 {
        width: .875rem !important
    }

    .w-2\/4 {
        width: 50% !important
    }

    .w-2\/5 {
        width: 40% !important
    }

    .w-2\/6 {
        width: 33.333333% !important
    }

    .w-11\/12 {
        width: 91.666667% !important
    }

    .w-full {
        width: 100% !important
    }

    .min-w-full {
        min-width: 100% !important
    }

    .max-w-none {
        max-width: none !important
    }

    .max-w-sm {
        max-width: 24rem !important
    }

    .max-w-md {
        max-width: 28rem !important
    }

    .max-w-lg {
        max-width: 32rem !important
    }

    .max-w-xl {
        max-width: 36rem !important
    }

    .max-w-2xl {
        max-width: 42rem !important
    }

    .max-w-3xl {
        max-width: 48rem !important
    }

    .max-w-4xl {
        max-width: 56rem !important
    }

    .max-w-5xl {
        max-width: 64rem !important
    }

    .max-w-6xl {
        max-width: 72rem !important
    }

    .max-w-7xl {
        max-width: 80rem !important
    }

    .max-w-full {
        max-width: 100% !important
    }

    .max-w-max {
        max-width: -moz-max-content !important;
        max-width: max-content !important
    }

    .max-w-screen-sm {
        max-width: 640px !important
    }

    .flex-1 {
        flex: 1 1 0% !important
    }

    .flex-auto {
        flex: 1 1 auto !important
    }

    .flex-none {
        flex: none !important
    }

    .flex-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-shrink {
        flex-shrink: 1 !important
    }

    .table-fixed {
        table-layout: fixed !important
    }

    .border-collapse {
        border-collapse: collapse !important
    }

    .origin-top-right {
        transform-origin: top right !important
    }

    .transform {
        --tw-translate-x: 0 !important;
        --tw-translate-y: 0 !important;
        --tw-rotate: 0 !important;
        --tw-skew-x: 0 !important;
        --tw-skew-y: 0 !important;
        --tw-scale-x: 1 !important;
        --tw-scale-y: 1 !important;
        transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1) !important;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .-translate-x-full {
        --tw-translate-x: -100% !important
    }

    .scale-95 {
        --tw-scale-x: .95 !important;
        --tw-scale-y: .95 !important
    }

    .scale-100 {
        --tw-scale-x: 1 !important;
        --tw-scale-y: 1 !important
    }

    @keyframes spin {
        to {
            transform: rotate(1turn)
        }
    }

    @keyframes ping {

        75%,
        to {
            opacity: 0;
            transform: scale(2)
        }
    }

    @keyframes pulse {
        50% {
            opacity: .5
        }
    }

    @keyframes bounce {

        0%,
        to {
            animation-timing-function: cubic-bezier(.8, 0, 1, 1);
            transform: translateY(-25%)
        }

        50% {
            animation-timing-function: cubic-bezier(0, 0, .2, 1);
            transform: none
        }
    }

    .cursor-default {
        cursor: default !important
    }

    .cursor-pointer {
        cursor: pointer !important
    }

    .cursor-not-allowed {
        cursor: not-allowed !important
    }

    .select-none {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        user-select: none !important
    }

    .resize {
        resize: both !important
    }

    .list-none {
        list-style-type: none !important
    }

    .list-disc {
        list-style-type: disc !important
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .flex-col {
        flex-direction: column !important
    }

    .flex-wrap {
        flex-wrap: wrap !important
    }

    .items-start {
        align-items: flex-start !important
    }

    .items-end {
        align-items: flex-end !important
    }

    .items-center {
        align-items: center !important
    }

    .items-baseline {
        align-items: baseline !important
    }

    .items-stretch {
        align-items: stretch !important
    }

    .justify-start {
        justify-content: flex-start !important
    }

    .justify-end {
        justify-content: flex-end !important
    }

    .justify-center {
        justify-content: center !important
    }

    .justify-between {
        justify-content: space-between !important
    }

    .justify-around {
        justify-content: space-around !important
    }

    .gap-0 {
        gap: 0 !important
    }

    .gap-1 {
        gap: .25rem !important
    }

    .gap-2 {
        gap: .5rem !important
    }

    .gap-3 {
        gap: .75rem !important
    }

    .gap-4 {
        gap: 1rem !important
    }

    .gap-5 {
        gap: 1.25rem !important
    }

    .gap-6 {
        gap: 1.5rem !important
    }

    .gap-8 {
        gap: 2rem !important
    }

    .gap-10 {
        gap: 2.5rem !important
    }

    .gap-14 {
        gap: 3.5rem !important
    }

    .gap-20 {
        gap: 5rem !important
    }

    .gap-32 {
        gap: 8rem !important
    }

    .gap-0\.5 {
        gap: .125rem !important
    }

    .gap-1\.5 {
        gap: .375rem !important
    }

    .gap-2\.5 {
        gap: .625rem !important
    }

    .gap-3\.5 {
        gap: .875rem !important
    }

    .gap-x-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .gap-x-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .gap-x-3 {
        -moz-column-gap: .75rem !important;
        column-gap: .75rem !important
    }

    .gap-x-4 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .gap-x-5 {
        -moz-column-gap: 1.25rem !important;
        column-gap: 1.25rem !important
    }

    .gap-x-6 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .gap-x-7 {
        -moz-column-gap: 1.75rem !important;
        column-gap: 1.75rem !important
    }

    .gap-x-8 {
        -moz-column-gap: 2rem !important;
        column-gap: 2rem !important
    }

    .gap-x-10 {
        -moz-column-gap: 2.5rem !important;
        column-gap: 2.5rem !important
    }

    .gap-x-12 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .gap-x-14 {
        -moz-column-gap: 3.5rem !important;
        column-gap: 3.5rem !important
    }

    .gap-x-16 {
        -moz-column-gap: 4rem !important;
        column-gap: 4rem !important
    }

    .gap-x-2\.5 {
        -moz-column-gap: .625rem !important;
        column-gap: .625rem !important
    }

    .gap-y-1 {
        row-gap: .25rem !important
    }

    .gap-y-2 {
        row-gap: .5rem !important
    }

    .gap-y-3 {
        row-gap: .75rem !important
    }

    .gap-y-4 {
        row-gap: 1rem !important
    }

    .gap-y-5 {
        row-gap: 1.25rem !important
    }

    .gap-y-6 {
        row-gap: 1.5rem !important
    }

    .gap-y-9 {
        row-gap: 2.25rem !important
    }

    .gap-y-2\.5 {
        row-gap: .625rem !important
    }

    .space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: 0 !important;
        margin-left: calc(0px*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: 0 !important;
        margin-right: calc(0px*var(--tw-space-x-reverse)) !important
    }

    .space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: .5rem !important;
        margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: 0 !important;
        margin-right: calc(.5rem*var(--tw-space-x-reverse)) !important
    }

    .space-x-3>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: .75rem !important;
        margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: 0 !important;
        margin-right: calc(.75rem*var(--tw-space-x-reverse)) !important
    }

    .space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: 1rem !important;
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: 0 !important;
        margin-right: calc(1rem*var(--tw-space-x-reverse)) !important
    }

    .space-x-0\.5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: .125rem !important;
        margin-left: calc(.125rem*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: 0 !important;
        margin-right: calc(.125rem*var(--tw-space-x-reverse)) !important
    }

    .space-y-1>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(.25rem*var(--tw-space-y-reverse)) !important;
        margin-top: .25rem !important;
        margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(.5rem*var(--tw-space-y-reverse)) !important;
        margin-top: .5rem !important;
        margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-3>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(.75rem*var(--tw-space-y-reverse)) !important;
        margin-top: .75rem !important;
        margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(1rem*var(--tw-space-y-reverse)) !important;
        margin-top: 1rem !important;
        margin-top: calc(1rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(1.25rem*var(--tw-space-y-reverse)) !important;
        margin-top: 1.25rem !important;
        margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(1.5rem*var(--tw-space-y-reverse)) !important;
        margin-top: 1.5rem !important;
        margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-7>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(1.75rem*var(--tw-space-y-reverse)) !important;
        margin-top: 1.75rem !important;
        margin-top: calc(1.75rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(2rem*var(--tw-space-y-reverse)) !important;
        margin-top: 2rem !important;
        margin-top: calc(2rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-9>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(2.25rem*var(--tw-space-y-reverse)) !important;
        margin-top: 2.25rem !important;
        margin-top: calc(2.25rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-10>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(2.5rem*var(--tw-space-y-reverse)) !important;
        margin-top: 2.5rem !important;
        margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(3rem*var(--tw-space-y-reverse)) !important;
        margin-top: 3rem !important;
        margin-top: calc(3rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-14>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(3.5rem*var(--tw-space-y-reverse)) !important;
        margin-top: 3.5rem !important;
        margin-top: calc(3.5rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-1\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(.375rem*var(--tw-space-y-reverse)) !important;
        margin-top: .375rem !important;
        margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-2\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(.625rem*var(--tw-space-y-reverse)) !important;
        margin-top: .625rem !important;
        margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .space-y-3\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: calc(.875rem*var(--tw-space-y-reverse)) !important;
        margin-top: .875rem !important;
        margin-top: calc(.875rem*(1 - var(--tw-space-y-reverse))) !important
    }

    .divide-y-2>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0 !important;
        border-bottom-width: 0 !important;
        border-bottom-width: calc(2px*var(--tw-divide-y-reverse)) !important;
        border-top-width: 2px !important;
        border-top-width: calc(2px*(1 - var(--tw-divide-y-reverse))) !important
    }

    .divide-y>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0 !important;
        border-bottom-width: 0 !important;
        border-bottom-width: calc(1px*var(--tw-divide-y-reverse)) !important;
        border-top-width: 1px !important;
        border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))) !important
    }

    .divide-gray-1200>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1 !important;
        border-color: #e9ebf1 !important;
        border-color: rgba(233, 235, 241, var(--tw-divide-opacity)) !important
    }

    .divide-gray-1600>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1 !important;
        border-color: #d5d5d5 !important;
        border-color: rgba(213, 213, 213, var(--tw-divide-opacity)) !important
    }

    .divide-gray-2000>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1 !important;
        border-color: #e5e5e5 !important;
        border-color: rgba(229, 229, 229, var(--tw-divide-opacity)) !important
    }

    .self-start {
        align-self: flex-start !important
    }

    .overflow-hidden {
        overflow: hidden !important
    }

    .overflow-x-auto {
        overflow-x: auto !important
    }

    .overflow-y-auto {
        overflow-y: auto !important
    }

    .truncate {
        overflow: hidden !important;
        text-overflow: ellipsis !important
    }

    .truncate,
    .whitespace-nowrap {
        white-space: nowrap !important
    }

    .whitespace-pre-line {
        white-space: pre-line !important
    }

    .break-words {
        word-wrap: break-word !important
    }

    .break-all {
        word-break: break-all !important
    }

    .rounded-sm {
        border-radius: .125rem !important
    }

    .rounded {
        border-radius: .25rem !important
    }

    .rounded-md {
        border-radius: .375rem !important
    }

    .rounded-lg {
        border-radius: .5rem !important
    }

    .rounded-2xl {
        border-radius: 1rem !important
    }

    .rounded-3xl {
        border-radius: 1.5rem !important
    }

    .rounded-full {
        border-radius: 9999px !important
    }

    .rounded-t {
        border-top-left-radius: .25rem !important;
        border-top-right-radius: .25rem !important
    }

    .rounded-t-lg {
        border-top-left-radius: .5rem !important;
        border-top-right-radius: .5rem !important
    }

    .rounded-r-md {
        border-bottom-right-radius: .375rem !important;
        border-top-right-radius: .375rem !important
    }

    .rounded-r-lg {
        border-bottom-right-radius: .5rem !important;
        border-top-right-radius: .5rem !important
    }

    .rounded-r-2xl {
        border-bottom-right-radius: 1rem !important;
        border-top-right-radius: 1rem !important
    }

    .rounded-r-full {
        border-bottom-right-radius: 9999px !important;
        border-top-right-radius: 9999px !important
    }

    .rounded-b-md {
        border-bottom-left-radius: .375rem !important;
        border-bottom-right-radius: .375rem !important
    }

    .rounded-b-lg {
        border-bottom-left-radius: .5rem !important;
        border-bottom-right-radius: .5rem !important
    }

    .rounded-l-md {
        border-bottom-left-radius: .375rem !important;
        border-top-left-radius: .375rem !important
    }

    .rounded-l-lg {
        border-bottom-left-radius: .5rem !important;
        border-top-left-radius: .5rem !important
    }

    .rounded-l-2xl {
        border-bottom-left-radius: 1rem !important;
        border-top-left-radius: 1rem !important
    }

    .rounded-l-full {
        border-bottom-left-radius: 9999px !important;
        border-top-left-radius: 9999px !important
    }

    .rounded-tl {
        border-top-left-radius: .25rem !important
    }

    .rounded-br {
        border-bottom-right-radius: .25rem !important
    }

    .rounded-bl-md {
        border-bottom-left-radius: .375rem !important
    }

    .border-0 {
        border-width: 0 !important
    }

    .border-2 {
        border-width: 2px !important
    }

    .border {
        border-width: 1px !important
    }

    .border-t {
        border-top-width: 1px !important
    }

    .border-r-0 {
        border-right-width: 0 !important
    }

    .border-r {
        border-right-width: 1px !important
    }

    .border-b {
        border-bottom-width: 1px !important
    }

    .border-l {
        border-left-width: 1px !important
    }

    .border-solid {
        border-style: solid !important
    }

    .border-dashed {
        border-style: dashed !important
    }

    .border-transparent {
        border-color: transparent !important
    }

    .border-white {
        border-color: #fff !important;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important
    }

    .border-gray-50,
    .border-white {
        --tw-border-opacity: 1 !important
    }

    .border-gray-50 {
        border-color: #f9fafb !important;
        border-color: rgba(249, 250, 251, var(--tw-border-opacity)) !important
    }

    .border-gray-100 {
        --tw-border-opacity: 1 !important;
        border-color: #f3f4f6 !important;
        border-color: rgba(243, 244, 246, var(--tw-border-opacity)) !important
    }

    .border-gray-200 {
        --tw-border-opacity: 1 !important;
        border-color: #e5e7eb !important;
        border-color: rgba(229, 231, 235, var(--tw-border-opacity)) !important
    }

    .border-gray-300 {
        --tw-border-opacity: 1 !important;
        border-color: #d1d5db !important;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity)) !important
    }

    .border-gray-900 {
        --tw-border-opacity: 1 !important;
        border-color: #111827 !important;
        border-color: rgba(17, 24, 39, var(--tw-border-opacity)) !important
    }

    .border-gray-1000 {
        --tw-border-opacity: 1 !important;
        border-color: #191919 !important;
        border-color: rgba(25, 25, 25, var(--tw-border-opacity)) !important
    }

    .border-gray-1200 {
        --tw-border-opacity: 1 !important;
        border-color: #e9ebf1 !important;
        border-color: rgba(233, 235, 241, var(--tw-border-opacity)) !important
    }

    .border-gray-1300 {
        --tw-border-opacity: 1 !important;
        border-color: #ccc !important;
        border-color: rgba(204, 204, 204, var(--tw-border-opacity)) !important
    }

    .border-gray-1500 {
        --tw-border-opacity: 1 !important;
        border-color: #666 !important;
        border-color: rgba(102, 102, 102, var(--tw-border-opacity)) !important
    }

    .border-gray-1600 {
        --tw-border-opacity: 1 !important;
        border-color: #d5d5d5 !important;
        border-color: rgba(213, 213, 213, var(--tw-border-opacity)) !important
    }

    .border-gray-2000 {
        --tw-border-opacity: 1 !important;
        border-color: #e5e5e5 !important;
        border-color: rgba(229, 229, 229, var(--tw-border-opacity)) !important
    }

    .border-gray-3000 {
        --tw-border-opacity: 1 !important;
        border-color: #bdbdbd !important;
        border-color: rgba(189, 189, 189, var(--tw-border-opacity)) !important
    }

    .border-gray-3700 {
        --tw-border-opacity: 1 !important;
        border-color: #d1d5db !important;
        border-color: rgba(209, 213, 219, var(--tw-border-opacity)) !important
    }

    .border-purple-1300 {
        --tw-border-opacity: 1 !important;
        border-color: #7150e6 !important;
        border-color: rgba(113, 80, 230, var(--tw-border-opacity)) !important
    }

    .border-purple-1500 {
        --tw-border-opacity: 1 !important;
        border-color: #cdc4f2 !important;
        border-color: rgba(205, 196, 242, var(--tw-border-opacity)) !important
    }

    .border-purple-1800 {
        --tw-border-opacity: 1 !important;
        border-color: #ede8fb !important;
        border-color: rgba(237, 232, 251, var(--tw-border-opacity)) !important
    }

    .border-blue-1300 {
        --tw-border-opacity: 1 !important;
        border-color: #3e74ef !important;
        border-color: rgba(62, 116, 239, var(--tw-border-opacity)) !important
    }

    .border-yellow-1100 {
        --tw-border-opacity: 1 !important;
        border-color: #ffceb0 !important;
        border-color: rgba(255, 206, 176, var(--tw-border-opacity)) !important
    }

    .border-red-500 {
        --tw-border-opacity: 1 !important;
        border-color: #ef4444 !important;
        border-color: rgba(239, 68, 68, var(--tw-border-opacity)) !important
    }

    .border-red-1000 {
        --tw-border-opacity: 1 !important;
        border-color: #ff4d4f !important;
        border-color: rgba(255, 77, 79, var(--tw-border-opacity)) !important
    }

    .group:hover .group-hover\:border-white {
        --tw-border-opacity: 1 !important;
        border-color: #fff !important;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important
    }

    .group:hover .group-hover\:border-purple-1300 {
        --tw-border-opacity: 1 !important;
        border-color: #7150e6 !important;
        border-color: rgba(113, 80, 230, var(--tw-border-opacity)) !important
    }

    .hover\:border-purple-1000:hover {
        --tw-border-opacity: 1 !important;
        border-color: #ede9fe !important;
        border-color: rgba(237, 233, 254, var(--tw-border-opacity)) !important
    }

    .hover\:border-purple-1300:hover {
        --tw-border-opacity: 1 !important;
        border-color: #7150e6 !important;
        border-color: rgba(113, 80, 230, var(--tw-border-opacity)) !important
    }

    .hover\:border-purple-1400:hover {
        --tw-border-opacity: 1 !important;
        border-color: #6243d1 !important;
        border-color: rgba(98, 67, 209, var(--tw-border-opacity)) !important
    }

    .hover\:border-purple-2500:hover {
        --tw-border-opacity: 1 !important;
        border-color: #d4cbf8 !important;
        border-color: rgba(212, 203, 248, var(--tw-border-opacity)) !important
    }

    .focus\:border-purple-1300:focus {
        --tw-border-opacity: 1 !important;
        border-color: #7150e6 !important;
        border-color: rgba(113, 80, 230, var(--tw-border-opacity)) !important
    }

    .border-opacity-30 {
        --tw-border-opacity: 0.3 !important
    }

    .hover\:border-opacity-80:hover {
        --tw-border-opacity: 0.8 !important
    }

    .bg-transparent {
        background-color: transparent !important
    }

    .bg-black {
        background-color: #000 !important;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important
    }

    .bg-black,
    .bg-white {
        --tw-bg-opacity: 1 !important
    }

    .bg-white {
        background-color: #fff !important;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important
    }

    .bg-gray-50 {
        background-color: #f9fafb !important;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity)) !important
    }

    .bg-gray-100,
    .bg-gray-50 {
        --tw-bg-opacity: 1 !important
    }

    .bg-gray-100 {
        background-color: #f3f4f6 !important;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity)) !important
    }

    .bg-gray-200 {
        background-color: #e5e7eb !important;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity)) !important
    }

    .bg-gray-200,
    .bg-gray-400 {
        --tw-bg-opacity: 1 !important
    }

    .bg-gray-400 {
        background-color: #9ca3af !important;
        background-color: rgba(156, 163, 175, var(--tw-bg-opacity)) !important
    }

    .bg-gray-500 {
        background-color: #6b7280 !important;
        background-color: rgba(107, 114, 128, var(--tw-bg-opacity)) !important
    }

    .bg-gray-500,
    .bg-gray-900 {
        --tw-bg-opacity: 1 !important
    }

    .bg-gray-900 {
        background-color: #111827 !important;
        background-color: rgba(17, 24, 39, var(--tw-bg-opacity)) !important
    }

    .bg-gray-1100 {
        --tw-bg-opacity: 1 !important;
        background-color: #eee !important;
        background-color: rgba(238, 238, 238, var(--tw-bg-opacity)) !important
    }

    .bg-gray-1600 {
        --tw-bg-opacity: 1 !important;
        background-color: #d5d5d5 !important;
        background-color: rgba(213, 213, 213, var(--tw-bg-opacity)) !important
    }

    .bg-gray-1900 {
        --tw-bg-opacity: 1 !important;
        background-color: #bfbfbf !important;
        background-color: rgba(191, 191, 191, var(--tw-bg-opacity)) !important
    }

    .bg-gray-2000 {
        --tw-bg-opacity: 1 !important;
        background-color: #e5e5e5 !important;
        background-color: rgba(229, 229, 229, var(--tw-bg-opacity)) !important
    }

    .bg-gray-2100 {
        --tw-bg-opacity: 1 !important;
        background-color: #f0f2f4 !important;
        background-color: rgba(240, 242, 244, var(--tw-bg-opacity)) !important
    }

    .bg-gray-2600 {
        --tw-bg-opacity: 1 !important;
        background-color: #f8f9fb !important;
        background-color: rgba(248, 249, 251, var(--tw-bg-opacity)) !important
    }

    .bg-gray-2700 {
        --tw-bg-opacity: 1 !important;
        background-color: #212121 !important;
        background-color: rgba(33, 33, 33, var(--tw-bg-opacity)) !important
    }

    .bg-gray-2900 {
        --tw-bg-opacity: 1 !important;
        background-color: #090909 !important;
        background-color: rgba(9, 9, 9, var(--tw-bg-opacity)) !important
    }

    .bg-gray-3200 {
        --tw-bg-opacity: 1 !important;
        background-color: #f3f3f3 !important;
        background-color: rgba(243, 243, 243, var(--tw-bg-opacity)) !important
    }

    .bg-gray-3300 {
        --tw-bg-opacity: 1 !important;
        background-color: #f2f3f5 !important;
        background-color: rgba(242, 243, 245, var(--tw-bg-opacity)) !important
    }

    .bg-gray-3500 {
        --tw-bg-opacity: 1 !important;
        background-color: #fafafa !important;
        background-color: rgba(250, 250, 250, var(--tw-bg-opacity)) !important
    }

    .bg-gray-3600 {
        --tw-bg-opacity: 1 !important;
        background-color: #eff1f3 !important;
        background-color: rgba(239, 241, 243, var(--tw-bg-opacity)) !important
    }

    .bg-gray-3800 {
        --tw-bg-opacity: 1 !important;
        background-color: #fcfcfc !important;
        background-color: rgba(252, 252, 252, var(--tw-bg-opacity)) !important
    }

    .bg-purple-50 {
        --tw-bg-opacity: 1 !important;
        background-color: #faf5ff !important;
        background-color: rgba(250, 245, 255, var(--tw-bg-opacity)) !important
    }

    .bg-purple-1000 {
        --tw-bg-opacity: 1 !important;
        background-color: #ede9fe !important;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity)) !important
    }

    .bg-purple-1300 {
        --tw-bg-opacity: 1 !important;
        background-color: #7150e6 !important;
        background-color: rgba(113, 80, 230, var(--tw-bg-opacity)) !important
    }

    .bg-purple-1600 {
        --tw-bg-opacity: 1 !important;
        background-color: #f9f7ff !important;
        background-color: rgba(249, 247, 255, var(--tw-bg-opacity)) !important
    }

    .bg-purple-1800 {
        --tw-bg-opacity: 1 !important;
        background-color: #ede8fb !important;
        background-color: rgba(237, 232, 251, var(--tw-bg-opacity)) !important
    }

    .bg-purple-2100 {
        --tw-bg-opacity: 1 !important;
        background-color: #f4f2fa !important;
        background-color: rgba(244, 242, 250, var(--tw-bg-opacity)) !important
    }

    .bg-purple-2300 {
        --tw-bg-opacity: 1 !important;
        background-color: #774eef !important;
        background-color: rgba(119, 78, 239, var(--tw-bg-opacity)) !important
    }

    .bg-purple-2400 {
        --tw-bg-opacity: 1 !important;
        background-color: #f0f0ff !important;
        background-color: rgba(240, 240, 255, var(--tw-bg-opacity)) !important
    }

    .bg-purple-2700 {
        --tw-bg-opacity: 1 !important;
        background-color: #e8e8ff !important;
        background-color: rgba(232, 232, 255, var(--tw-bg-opacity)) !important
    }

    .bg-blue-1300 {
        --tw-bg-opacity: 1 !important;
        background-color: #3e74ef !important;
        background-color: rgba(62, 116, 239, var(--tw-bg-opacity)) !important
    }

    .bg-blue-1400 {
        --tw-bg-opacity: 1 !important;
        background-color: #4277ef !important;
        background-color: rgba(66, 119, 239, var(--tw-bg-opacity)) !important
    }

    .bg-yellow-400 {
        --tw-bg-opacity: 1 !important;
        background-color: #facc15 !important;
        background-color: rgba(250, 204, 21, var(--tw-bg-opacity)) !important
    }

    .bg-yellow-1200 {
        --tw-bg-opacity: 1 !important;
        background-color: #fff7f2 !important;
        background-color: rgba(255, 247, 242, var(--tw-bg-opacity)) !important
    }

    .bg-green-100 {
        --tw-bg-opacity: 1 !important;
        background-color: #dcfce7 !important;
        background-color: rgba(220, 252, 231, var(--tw-bg-opacity)) !important
    }

    .bg-orange-100 {
        --tw-bg-opacity: 1 !important;
        background-color: #ffedd5 !important;
        background-color: rgba(255, 237, 213, var(--tw-bg-opacity)) !important
    }

    .bg-orange-1100 {
        --tw-bg-opacity: 1 !important;
        background-color: #ffde92 !important;
        background-color: rgba(255, 222, 146, var(--tw-bg-opacity)) !important
    }

    .bg-red-1000 {
        background-color: #ff4d4f !important;
        background-color: rgba(255, 77, 79, var(--tw-bg-opacity)) !important
    }

    .bg-red-1000,
    .bg-red-1100 {
        --tw-bg-opacity: 1 !important
    }

    .bg-red-1100 {
        background-color: #ff3b30 !important;
        background-color: rgba(255, 59, 48, var(--tw-bg-opacity)) !important
    }

    .group:hover .group-hover\:bg-purple-1300 {
        --tw-bg-opacity: 1 !important;
        background-color: #7150e6 !important;
        background-color: rgba(113, 80, 230, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-gray-50:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #f9fafb !important;
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-gray-100:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #f3f4f6 !important;
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-gray-200:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #e5e7eb !important;
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-gray-800:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #1f2937 !important;
        background-color: rgba(31, 41, 55, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-gray-1200:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #e9ebf1 !important;
        background-color: rgba(233, 235, 241, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-purple-100:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #f3e8ff !important;
        background-color: rgba(243, 232, 255, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-purple-1000:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #ede9fe !important;
        background-color: rgba(237, 233, 254, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-purple-1200:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #8948bc !important;
        background-color: rgba(137, 72, 188, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-purple-1300:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #7150e6 !important;
        background-color: rgba(113, 80, 230, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-purple-1400:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #6243d1 !important;
        background-color: rgba(98, 67, 209, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-purple-1800:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #ede8fb !important;
        background-color: rgba(237, 232, 251, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-purple-2200:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #fbfaff !important;
        background-color: rgba(251, 250, 255, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-purple-2600:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #f1eefd !important;
        background-color: rgba(241, 238, 253, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-blue-1500:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #376ade !important;
        background-color: rgba(55, 106, 222, var(--tw-bg-opacity)) !important
    }

    .hover\:bg-blue-1700:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #f3f7ff !important;
        background-color: rgba(243, 247, 255, var(--tw-bg-opacity)) !important
    }

    .focus\:bg-purple-2300:focus {
        --tw-bg-opacity: 1 !important;
        background-color: #774eef !important;
        background-color: rgba(119, 78, 239, var(--tw-bg-opacity)) !important
    }

    .focus\:bg-blue-1600:focus {
        --tw-bg-opacity: 1 !important;
        background-color: #3461d1 !important;
        background-color: rgba(52, 97, 209, var(--tw-bg-opacity)) !important
    }

    .focus\:bg-blue-1700:focus {
        --tw-bg-opacity: 1 !important;
        background-color: #f3f7ff !important;
        background-color: rgba(243, 247, 255, var(--tw-bg-opacity)) !important
    }

    .bg-opacity-10 {
        --tw-bg-opacity: 0.1 !important
    }

    .bg-opacity-30 {
        --tw-bg-opacity: 0.3 !important
    }

    .bg-opacity-90 {
        --tw-bg-opacity: 0.9 !important
    }

    .hover\:bg-opacity-80:hover {
        --tw-bg-opacity: 0.8 !important
    }

    .object-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }

    .object-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }

    .object-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }

    .p-0 {
        padding: 0 !important
    }

    .p-1 {
        padding: .25rem !important
    }

    .p-2 {
        padding: .5rem !important
    }

    .p-3 {
        padding: .75rem !important
    }

    .p-4 {
        padding: 1rem !important
    }

    .p-5 {
        padding: 1.25rem !important
    }

    .p-6 {
        padding: 1.5rem !important
    }

    .p-0\.5 {
        padding: .125rem !important
    }

    .p-1\.5 {
        padding: .375rem !important
    }

    .px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .px-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .px-7 {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .px-11 {
        padding-left: 2.75rem !important;
        padding-right: 2.75rem !important
    }

    .px-0\.5 {
        padding-left: .125rem !important;
        padding-right: .125rem !important
    }

    .px-1\.5 {
        padding-left: .375rem !important;
        padding-right: .375rem !important
    }

    .px-2\.5 {
        padding-left: .625rem !important;
        padding-right: .625rem !important
    }

    .px-3\.5 {
        padding-left: .875rem !important;
        padding-right: .875rem !important
    }

    .py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .py-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .py-3 {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .py-4 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .py-5 {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .py-6 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .py-7 {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .py-8 {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .py-10 {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .py-12 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .py-14 {
        padding-bottom: 3.5rem !important;
        padding-top: 3.5rem !important
    }

    .py-16 {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .py-20 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important
    }

    .py-44 {
        padding-bottom: 11rem !important;
        padding-top: 11rem !important
    }

    .py-0\.5 {
        padding-bottom: .125rem !important;
        padding-top: .125rem !important
    }

    .py-1\.5 {
        padding-bottom: .375rem !important;
        padding-top: .375rem !important
    }

    .py-2\.5 {
        padding-bottom: .625rem !important;
        padding-top: .625rem !important
    }

    .py-3\.5 {
        padding-bottom: .875rem !important;
        padding-top: .875rem !important
    }

    .pt-1 {
        padding-top: .25rem !important
    }

    .pt-2 {
        padding-top: .5rem !important
    }

    .pt-3 {
        padding-top: .75rem !important
    }

    .pt-4 {
        padding-top: 1rem !important
    }

    .pt-5 {
        padding-top: 1.25rem !important
    }

    .pt-6 {
        padding-top: 1.5rem !important
    }

    .pt-7 {
        padding-top: 1.75rem !important
    }

    .pt-8 {
        padding-top: 2rem !important
    }

    .pt-9 {
        padding-top: 2.25rem !important
    }

    .pt-10 {
        padding-top: 2.5rem !important
    }

    .pt-11 {
        padding-top: 2.75rem !important
    }

    .pt-12 {
        padding-top: 3rem !important
    }

    .pt-14 {
        padding-top: 3.5rem !important
    }

    .pt-16 {
        padding-top: 4rem !important
    }

    .pt-32 {
        padding-top: 8rem !important
    }

    .pt-36 {
        padding-top: 9rem !important
    }

    .pt-2\.5 {
        padding-top: .625rem !important
    }

    .pr-1 {
        padding-right: .25rem !important
    }

    .pr-2 {
        padding-right: .5rem !important
    }

    .pr-3 {
        padding-right: .75rem !important
    }

    .pr-4 {
        padding-right: 1rem !important
    }

    .pr-8 {
        padding-right: 2rem !important
    }

    .pr-10 {
        padding-right: 2.5rem !important
    }

    .pr-14 {
        padding-right: 3.5rem !important
    }

    .pr-20 {
        padding-right: 5rem !important
    }

    .pr-24 {
        padding-right: 6rem !important
    }

    .pb-1 {
        padding-bottom: .25rem !important
    }

    .pb-2 {
        padding-bottom: .5rem !important
    }

    .pb-3 {
        padding-bottom: .75rem !important
    }

    .pb-4 {
        padding-bottom: 1rem !important
    }

    .pb-5 {
        padding-bottom: 1.25rem !important
    }

    .pb-6 {
        padding-bottom: 1.5rem !important
    }

    .pb-7 {
        padding-bottom: 1.75rem !important
    }

    .pb-8 {
        padding-bottom: 2rem !important
    }

    .pb-9 {
        padding-bottom: 2.25rem !important
    }

    .pb-10 {
        padding-bottom: 2.5rem !important
    }

    .pb-11 {
        padding-bottom: 2.75rem !important
    }

    .pb-12 {
        padding-bottom: 3rem !important
    }

    .pb-14 {
        padding-bottom: 3.5rem !important
    }

    .pb-16 {
        padding-bottom: 4rem !important
    }

    .pb-20 {
        padding-bottom: 5rem !important
    }

    .pb-28 {
        padding-bottom: 7rem !important
    }

    .pb-32 {
        padding-bottom: 8rem !important
    }

    .pb-2\.5 {
        padding-bottom: .625rem !important
    }

    .pl-2 {
        padding-left: .5rem !important
    }

    .pl-3 {
        padding-left: .75rem !important
    }

    .pl-4 {
        padding-left: 1rem !important
    }

    .pl-5 {
        padding-left: 1.25rem !important
    }

    .pl-7 {
        padding-left: 1.75rem !important
    }

    .text-left {
        text-align: left !important
    }

    .text-center {
        text-align: center !important
    }

    .text-right {
        text-align: right !important
    }

    .align-middle {
        vertical-align: middle !important
    }

    .text-xs {
        font-size: .75rem !important;
        line-height: 1rem !important
    }

    .text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .text-lg {
        font-size: 1.125rem !important
    }

    .text-lg,
    .text-xl {
        line-height: 1.75rem !important
    }

    .text-xl {
        font-size: 1.25rem !important
    }

    .text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important
    }

    .text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important
    }

    .text-4xl {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important
    }

    .text-5xl {
        font-size: 3rem !important
    }

    .text-5xl,
    .text-6xl {
        line-height: 1 !important
    }

    .text-6xl {
        font-size: 3.75rem !important
    }

    .font-light {
        font-weight: 300 !important
    }

    .font-normal {
        font-weight: 400 !important
    }

    .font-medium {
        font-weight: 500 !important
    }

    .font-semibold {
        font-weight: 600 !important
    }

    .font-bold {
        font-weight: 700 !important
    }

    .font-extrabold {
        font-weight: 800 !important
    }

    .uppercase {
        text-transform: uppercase !important
    }

    .capitalize {
        text-transform: capitalize !important
    }

    .italic {
        font-style: italic !important
    }

    .not-italic {
        font-style: normal !important
    }

    .leading-4 {
        line-height: 1rem !important
    }

    .leading-5 {
        line-height: 1.25rem !important
    }

    .leading-6 {
        line-height: 1.5rem !important
    }

    .leading-7 {
        line-height: 1.75rem !important
    }

    .leading-8 {
        line-height: 2rem !important
    }

    .leading-9 {
        line-height: 2.25rem !important
    }

    .leading-none {
        line-height: 1 !important
    }

    .leading-tight {
        line-height: 1.25 !important
    }

    .leading-normal {
        line-height: 1.5 !important
    }

    .leading-loose {
        line-height: 2 !important
    }

    .tracking-tight {
        letter-spacing: -.025em !important
    }

    .tracking-wider {
        letter-spacing: .05em !important
    }

    .text-black {
        color: #000 !important;
        color: rgba(0, 0, 0, var(--tw-text-opacity)) !important
    }

    .text-black,
    .text-white {
        --tw-text-opacity: 1 !important
    }

    .text-white {
        color: #fff !important;
        color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
    }

    .text-gray-400 {
        --tw-text-opacity: 1 !important;
        color: #9ca3af !important;
        color: rgba(156, 163, 175, var(--tw-text-opacity)) !important
    }

    .text-gray-500 {
        --tw-text-opacity: 1 !important;
        color: #6b7280 !important;
        color: rgba(107, 114, 128, var(--tw-text-opacity)) !important
    }

    .text-gray-600 {
        --tw-text-opacity: 1 !important;
        color: #4b5563 !important;
        color: rgba(75, 85, 99, var(--tw-text-opacity)) !important
    }

    .text-gray-900 {
        --tw-text-opacity: 1 !important;
        color: #111827 !important;
        color: rgba(17, 24, 39, var(--tw-text-opacity)) !important
    }

    .text-gray-1000 {
        --tw-text-opacity: 1 !important;
        color: #191919 !important;
        color: rgba(25, 25, 25, var(--tw-text-opacity)) !important
    }

    .text-gray-1300 {
        --tw-text-opacity: 1 !important;
        color: #ccc !important;
        color: rgba(204, 204, 204, var(--tw-text-opacity)) !important
    }

    .text-gray-1400 {
        --tw-text-opacity: 1 !important;
        color: #7f7f7f !important;
        color: rgba(127, 127, 127, var(--tw-text-opacity)) !important
    }

    .text-gray-1500 {
        --tw-text-opacity: 1 !important;
        color: #666 !important;
        color: rgba(102, 102, 102, var(--tw-text-opacity)) !important
    }

    .text-gray-1800 {
        --tw-text-opacity: 1 !important;
        color: #2f3032 !important;
        color: rgba(47, 48, 50, var(--tw-text-opacity)) !important
    }

    .text-gray-1900 {
        --tw-text-opacity: 1 !important;
        color: #bfbfbf !important;
        color: rgba(191, 191, 191, var(--tw-text-opacity)) !important
    }

    .text-gray-2500 {
        --tw-text-opacity: 1 !important;
        color: #9f9f9f !important;
        color: rgba(159, 159, 159, var(--tw-text-opacity)) !important
    }

    .text-gray-2700 {
        --tw-text-opacity: 1 !important;
        color: #212121 !important;
        color: rgba(33, 33, 33, var(--tw-text-opacity)) !important
    }

    .text-gray-2800 {
        --tw-text-opacity: 1 !important;
        color: #757575 !important;
        color: rgba(117, 117, 117, var(--tw-text-opacity)) !important
    }

    .text-gray-3400 {
        --tw-text-opacity: 1 !important;
        color: #979797 !important;
        color: rgba(151, 151, 151, var(--tw-text-opacity)) !important
    }

    .text-gray-3900 {
        --tw-text-opacity: 1 !important;
        color: #a4a4b4 !important;
        color: rgba(164, 164, 180, var(--tw-text-opacity)) !important
    }

    .text-purple-1300 {
        --tw-text-opacity: 1 !important;
        color: #7150e6 !important;
        color: rgba(113, 80, 230, var(--tw-text-opacity)) !important
    }

    .text-purple-1700 {
        --tw-text-opacity: 1 !important;
        color: #51418c !important;
        color: rgba(81, 65, 140, var(--tw-text-opacity)) !important
    }

    .text-purple-2000 {
        --tw-text-opacity: 1 !important;
        color: #48309d !important;
        color: rgba(72, 48, 157, var(--tw-text-opacity)) !important
    }

    .text-purple-2300 {
        --tw-text-opacity: 1 !important;
        color: #774eef !important;
        color: rgba(119, 78, 239, var(--tw-text-opacity)) !important
    }

    .text-blue-1100 {
        --tw-text-opacity: 1 !important;
        color: #4174f6 !important;
        color: rgba(65, 116, 246, var(--tw-text-opacity)) !important
    }

    .text-blue-1300 {
        --tw-text-opacity: 1 !important;
        color: #3e74ef !important;
        color: rgba(62, 116, 239, var(--tw-text-opacity)) !important
    }

    .text-blue-1800 {
        --tw-text-opacity: 1 !important;
        color: #2d76ff !important;
        color: rgba(45, 118, 255, var(--tw-text-opacity)) !important
    }

    .text-yellow-1300 {
        --tw-text-opacity: 1 !important;
        color: #ff8000 !important;
        color: rgba(255, 128, 0, var(--tw-text-opacity)) !important
    }

    .text-yellow-1400 {
        --tw-text-opacity: 1 !important;
        color: #bb5504 !important;
        color: rgba(187, 85, 4, var(--tw-text-opacity)) !important
    }

    .text-green-500 {
        --tw-text-opacity: 1 !important;
        color: #22c55e !important;
        color: rgba(34, 197, 94, var(--tw-text-opacity)) !important
    }

    .text-green-800 {
        --tw-text-opacity: 1 !important;
        color: #166534 !important;
        color: rgba(22, 101, 52, var(--tw-text-opacity)) !important
    }

    .text-green-1100 {
        --tw-text-opacity: 1 !important;
        color: #11a683 !important;
        color: rgba(17, 166, 131, var(--tw-text-opacity)) !important
    }

    .text-red-500 {
        color: #ef4444 !important;
        color: rgba(239, 68, 68, var(--tw-text-opacity)) !important
    }

    .text-red-1000,
    .text-red-500 {
        --tw-text-opacity: 1 !important
    }

    .text-red-1000 {
        color: #ff4d4f !important;
        color: rgba(255, 77, 79, var(--tw-text-opacity)) !important
    }

    .text-amber-500 {
        --tw-text-opacity: 1 !important;
        color: #f59e0b !important;
        color: rgba(245, 158, 11, var(--tw-text-opacity)) !important
    }

    .group:hover .group-hover\:text-white {
        --tw-text-opacity: 1 !important;
        color: #fff !important;
        color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
    }

    .group:hover .group-hover\:text-gray-900 {
        --tw-text-opacity: 1 !important;
        color: #111827 !important;
        color: rgba(17, 24, 39, var(--tw-text-opacity)) !important
    }

    .group:hover .group-hover\:text-purple-1300 {
        --tw-text-opacity: 1 !important;
        color: #7150e6 !important;
        color: rgba(113, 80, 230, var(--tw-text-opacity)) !important
    }

    .group:hover .group-hover\:text-blue-1400 {
        --tw-text-opacity: 1 !important;
        color: #4277ef !important;
        color: rgba(66, 119, 239, var(--tw-text-opacity)) !important
    }

    .hover\:text-white:hover {
        --tw-text-opacity: 1 !important;
        color: #fff !important;
        color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
    }

    .hover\:text-gray-900:hover {
        --tw-text-opacity: 1 !important;
        color: #111827 !important;
        color: rgba(17, 24, 39, var(--tw-text-opacity)) !important
    }

    .hover\:text-gray-1000:hover {
        --tw-text-opacity: 1 !important;
        color: #191919 !important;
        color: rgba(25, 25, 25, var(--tw-text-opacity)) !important
    }

    .hover\:text-gray-2300:hover {
        --tw-text-opacity: 1 !important;
        color: #b4b4b4 !important;
        color: rgba(180, 180, 180, var(--tw-text-opacity)) !important
    }

    .hover\:text-purple-1100:hover {
        --tw-text-opacity: 1 !important;
        color: #8333c2 !important;
        color: rgba(131, 51, 194, var(--tw-text-opacity)) !important
    }

    .hover\:text-purple-1200:hover {
        --tw-text-opacity: 1 !important;
        color: #8948bc !important;
        color: rgba(137, 72, 188, var(--tw-text-opacity)) !important
    }

    .hover\:text-purple-1300:hover {
        --tw-text-opacity: 1 !important;
        color: #7150e6 !important;
        color: rgba(113, 80, 230, var(--tw-text-opacity)) !important
    }

    .hover\:text-purple-1400:hover {
        --tw-text-opacity: 1 !important;
        color: #6243d1 !important;
        color: rgba(98, 67, 209, var(--tw-text-opacity)) !important
    }

    .hover\:text-blue-1400:hover {
        --tw-text-opacity: 1 !important;
        color: #4277ef !important;
        color: rgba(66, 119, 239, var(--tw-text-opacity)) !important
    }

    .hover\:text-blue-1600:hover {
        --tw-text-opacity: 1 !important;
        color: #3461d1 !important;
        color: rgba(52, 97, 209, var(--tw-text-opacity)) !important
    }

    .hover\:text-blue-1800:hover {
        --tw-text-opacity: 1 !important;
        color: #2d76ff !important;
        color: rgba(45, 118, 255, var(--tw-text-opacity)) !important
    }

    .underline {
        -webkit-text-decoration: underline !important;
        text-decoration: underline !important
    }

    .line-through {
        -webkit-text-decoration: line-through !important;
        text-decoration: line-through !important
    }

    .group:hover .group-hover\:underline,
    .hover\:underline:hover {
        -webkit-text-decoration: underline !important;
        text-decoration: underline !important
    }

    .antialiased {
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important
    }

    .placeholder-gray-1900::-moz-placeholder {
        --tw-placeholder-opacity: 1 !important;
        color: #bfbfbf !important;
        color: rgba(191, 191, 191, var(--tw-placeholder-opacity)) !important
    }

    .placeholder-gray-1900::placeholder {
        --tw-placeholder-opacity: 1 !important;
        color: #bfbfbf !important;
        color: rgba(191, 191, 191, var(--tw-placeholder-opacity)) !important
    }

    .opacity-0 {
        opacity: 0 !important
    }

    .opacity-90 {
        opacity: .9 !important
    }

    .opacity-100 {
        opacity: 1 !important
    }

    .group:hover .group-hover\:opacity-90 {
        opacity: .9 !important
    }

    .hover\:opacity-80:hover {
        opacity: .8 !important
    }

    .hover\:opacity-90:hover {
        opacity: .9 !important
    }

    .hover\:opacity-95:hover {
        opacity: .95 !important
    }

    .focus\:opacity-90:focus {
        opacity: .9 !important
    }

    *,
    :after,
    :before {
        --tw-shadow: 0 0 transparent
    }

    .shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05) !important;
        box-shadow: 0 0 transparent, 0 0 transparent, 0 1px 2px 0 rgba(0, 0, 0, .05) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important;
        box-shadow: 0 0 transparent, 0 0 transparent, 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important;
        box-shadow: 0 0 transparent, 0 0 transparent, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;
        box-shadow: 0 0 transparent, 0 0 transparent, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
    }

    .focus\:outline-none:focus,
    .outline-none {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important
    }

   

    .ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important
    }

    .focus\:ring-2:focus,
    .ring-1 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 transparent !important;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent) !important
    }

    .focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important
    }

    .focus\:ring-inset:focus {
        --tw-ring-inset: inset !important
    }

    .ring-black {
        --tw-ring-opacity: 1 !important;
        --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)) !important
    }

    .focus\:ring-purple-2300:focus {
        --tw-ring-opacity: 1 !important;
        --tw-ring-color: rgba(119, 78, 239, var(--tw-ring-opacity)) !important
    }

    .ring-opacity-5 {
        --tw-ring-opacity: 0.05 !important
    }

    .focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px !important
    }

    .blur {
        --tw-blur: blur(8px) !important
    }

    .transition {
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
    }

    .transition,
    .transition-transform {
        transition-duration: .15s !important
    }

    .transition-transform {
        transition-property: transform !important;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
    }

    .duration-75 {
        transition-duration: 75ms !important
    }

    .duration-100 {
        transition-duration: .1s !important
    }

    .duration-200 {
        transition-duration: .2s !important
    }

    .ease-in {
        transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
    }

    .ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
    }

    @media (min-width: 640px) {
        .sm\:order-1 {
            order: 1 !important
        }

        .sm\:order-2 {
            order: 2 !important
        }

        .sm\:col-span-2 {
            grid-column: span 2/span 2 !important
        }

        .sm\:col-span-4 {
            grid-column: span 4/span 4 !important
        }

        .sm\:mt-0 {
            margin-top: 0 !important
        }

        .sm\:mt-1 {
            margin-top: .25rem !important
        }

        .sm\:mt-3 {
            margin-top: .75rem !important
        }

        .sm\:mt-6 {
            margin-top: 1.5rem !important
        }

        .sm\:mt-7 {
            margin-top: 1.75rem !important
        }

        .sm\:mt-8 {
            margin-top: 2rem !important
        }

        .sm\:mt-12 {
            margin-top: 3rem !important
        }

        .sm\:mt-16 {
            margin-top: 4rem !important
        }

        .sm\:mt-32 {
            margin-top: 8rem !important
        }

        .sm\:mr-0 {
            margin-right: 0 !important
        }

        .sm\:mr-4 {
            margin-right: 1rem !important
        }

        .sm\:mr-5 {
            margin-right: 1.25rem !important
        }

        .sm\:mr-9 {
            margin-right: 2.25rem !important
        }

        .sm\:mb-0 {
            margin-bottom: 0 !important
        }

        .sm\:mb-5 {
            margin-bottom: 1.25rem !important
        }

        .sm\:mb-6 {
            margin-bottom: 1.5rem !important
        }

        .sm\:mb-12 {
            margin-bottom: 3rem !important
        }

        .sm\:mb-14 {
            margin-bottom: 3.5rem !important
        }

        .sm\:ml-6 {
            margin-left: 1.5rem !important
        }

        .sm\:ml-9 {
            margin-left: 2.25rem !important
        }

        .sm\:block {
            display: block !important
        }

        .sm\:inline-block {
            display: inline-block !important
        }

        .sm\:flex {
            display: flex !important
        }

        .sm\:inline-flex {
            display: inline-flex !important
        }

        .sm\:hidden {
            display: none !important
        }

        .sm\:h-5 {
            height: 1.25rem !important
        }

        .sm\:h-7 {
            height: 1.75rem !important
        }

        .sm\:h-9 {
            height: 2.25rem !important
        }

        .sm\:h-10 {
            height: 2.5rem !important
        }

        .sm\:h-11 {
            height: 2.75rem !important
        }

        .sm\:w-0 {
            width: 0 !important
        }

        .sm\:w-5 {
            width: 1.25rem !important
        }

        .sm\:w-9 {
            width: 2.25rem !important
        }

        .sm\:w-36 {
            width: 9rem !important
        }

        .sm\:w-52 {
            width: 13rem !important
        }

        .sm\:w-56 {
            width: 14rem !important
        }

        .sm\:w-60 {
            width: 15rem !important
        }

        .sm\:w-auto {
            width: auto !important
        }

        .sm\:w-2\/5 {
            width: 40% !important
        }

        .sm\:w-full {
            width: 100% !important
        }

        .sm\:max-w-xs {
            max-width: 20rem !important
        }

        .sm\:flex-1 {
            flex: 1 1 0% !important
        }

        .sm\:flex-none {
            flex: none !important
        }

        .sm\:flex-shrink-0 {
            flex-shrink: 0 !important
        }

        .sm\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr)) !important
        }

        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important
        }

        .sm\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important
        }

        .sm\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr)) !important
        }

        .sm\:flex-row {
            flex-direction: row !important
        }

        .sm\:flex-col {
            flex-direction: column !important
        }

        .sm\:flex-nowrap {
            flex-wrap: nowrap !important
        }

        .sm\:items-center {
            align-items: center !important
        }

        .sm\:justify-start {
            justify-content: flex-start !important
        }

        .sm\:justify-center {
            justify-content: center !important
        }

        .sm\:justify-between {
            justify-content: space-between !important
        }

        .sm\:gap-10 {
            gap: 2.5rem !important
        }

        .sm\:gap-14 {
            gap: 3.5rem !important
        }

        .sm\:gap-x-14 {
            -moz-column-gap: 3.5rem !important;
            column-gap: 3.5rem !important
        }

        .sm\:gap-y-3 {
            row-gap: .75rem !important
        }

        .sm\:gap-y-6 {
            row-gap: 1.5rem !important
        }

        .sm\:space-y-0>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-bottom: 0 !important;
            margin-bottom: calc(0px*var(--tw-space-y-reverse)) !important;
            margin-top: 0 !important;
            margin-top: calc(0px*(1 - var(--tw-space-y-reverse))) !important
        }

        .sm\:space-y-3>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-bottom: 0 !important;
            margin-bottom: calc(.75rem*var(--tw-space-y-reverse)) !important;
            margin-top: .75rem !important;
            margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse))) !important
        }

        .sm\:rounded-t-none {
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important
        }

        .sm\:rounded-t-md {
            border-top-left-radius: .375rem !important;
            border-top-right-radius: .375rem !important
        }

        .sm\:rounded-b-none {
            border-bottom-left-radius: 0 !important;
            border-bottom-right-radius: 0 !important
        }

        .sm\:rounded-b-md {
            border-bottom-left-radius: .375rem !important;
            border-bottom-right-radius: .375rem !important
        }

        .sm\:border-t-0 {
            border-top-width: 0 !important
        }

        .sm\:border-l {
            border-left-width: 1px !important
        }

        .sm\:border-transparent {
            border-color: transparent !important
        }

        .sm\:border-gray-1600 {
            --tw-border-opacity: 1 !important;
            border-color: #d5d5d5 !important;
            border-color: rgba(213, 213, 213, var(--tw-border-opacity)) !important
        }

        .sm\:p-5 {
            padding: 1.25rem !important
        }

        .sm\:p-7 {
            padding: 1.75rem !important
        }

        .sm\:p-8 {
            padding: 2rem !important
        }

        .sm\:p-10 {
            padding: 2.5rem !important
        }

        .sm\:px-0 {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .sm\:px-5 {
            padding-left: 1.25rem !important;
            padding-right: 1.25rem !important
        }

        .sm\:px-6 {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important
        }

        .sm\:px-7 {
            padding-left: 1.75rem !important;
            padding-right: 1.75rem !important
        }

        .sm\:px-8 {
            padding-left: 2rem !important;
            padding-right: 2rem !important
        }

        .sm\:px-10 {
            padding-left: 2.5rem !important;
            padding-right: 2.5rem !important
        }

        .sm\:px-14 {
            padding-left: 3.5rem !important;
            padding-right: 3.5rem !important
        }

        .sm\:py-0 {
            padding-bottom: 0 !important;
            padding-top: 0 !important
        }

        .sm\:py-3 {
            padding-bottom: .75rem !important;
            padding-top: .75rem !important
        }

        .sm\:py-5 {
            padding-bottom: 1.25rem !important;
            padding-top: 1.25rem !important
        }

        .sm\:py-7 {
            padding-bottom: 1.75rem !important;
            padding-top: 1.75rem !important
        }

        .sm\:py-8 {
            padding-bottom: 2rem !important;
            padding-top: 2rem !important
        }

        .sm\:py-16 {
            padding-bottom: 4rem !important;
            padding-top: 4rem !important
        }

        .sm\:py-20 {
            padding-bottom: 5rem !important;
            padding-top: 5rem !important
        }

        .sm\:py-28 {
            padding-bottom: 7rem !important;
            padding-top: 7rem !important
        }

        .sm\:py-32 {
            padding-bottom: 8rem !important;
            padding-top: 8rem !important
        }

        .sm\:py-48 {
            padding-bottom: 12rem !important;
            padding-top: 12rem !important
        }

        .sm\:pt-7 {
            padding-top: 1.75rem !important
        }

        .sm\:pt-32 {
            padding-top: 8rem !important
        }

        .sm\:pr-10 {
            padding-right: 2.5rem !important
        }

        .sm\:pb-36 {
            padding-bottom: 9rem !important
        }

        .sm\:pl-6 {
            padding-left: 1.5rem !important
        }

        .sm\:pl-8 {
            padding-left: 2rem !important
        }

        .sm\:pl-14 {
            padding-left: 3.5rem !important
        }

        .sm\:text-left {
            text-align: left !important
        }

        .sm\:text-center {
            text-align: center !important
        }

        .sm\:text-right {
            text-align: right !important
        }

        .sm\:text-base {
            font-size: 1rem !important;
            line-height: 1.5rem !important
        }

        .sm\:text-2xl {
            font-size: 1.5rem !important;
            line-height: 2rem !important
        }

        .sm\:text-3xl {
            font-size: 1.875rem !important;
            line-height: 2.25rem !important
        }

        .sm\:text-4xl {
            font-size: 2.25rem !important;
            line-height: 2.5rem !important
        }

        .sm\:text-5xl {
            font-size: 3rem !important;
            line-height: 1 !important
        }
    }

    @media (min-width: 768px) {
        .md\:mx-1 {
            margin-left: .25rem !important;
            margin-right: .25rem !important
        }

        .md\:mx-5 {
            margin-left: 1.25rem !important;
            margin-right: 1.25rem !important
        }

        .md\:mx-1\.5 {
            margin-left: .375rem !important;
            margin-right: .375rem !important
        }

        .md\:my-0 {
            margin-bottom: 0 !important
        }

        .md\:mt-0,
        .md\:my-0 {
            margin-top: 0 !important
        }

        .md\:mt-8 {
            margin-top: 2rem !important
        }

        .md\:mt-12 {
            margin-top: 3rem !important
        }

        .md\:mb-0 {
            margin-bottom: 0 !important
        }

        .md\:mb-3 {
            margin-bottom: .75rem !important
        }

        .md\:mb-4 {
            margin-bottom: 1rem !important
        }

        .md\:mb-5 {
            margin-bottom: 1.25rem !important
        }

        .md\:mb-8 {
            margin-bottom: 2rem !important
        }

        .md\:ml-4 {
            margin-left: 1rem !important
        }

        .md\:ml-5 {
            margin-left: 1.25rem !important
        }

        .md\:ml-10 {
            margin-left: 2.5rem !important
        }

        .md\:block {
            display: block !important
        }

        .md\:inline-block {
            display: inline-block !important
        }

        .md\:flex {
            display: flex !important
        }

        .md\:inline-flex {
            display: inline-flex !important
        }

        .md\:grid {
            display: grid !important
        }

        .md\:h-5 {
            height: 1.25rem !important
        }

        .md\:w-0 {
            width: 0 !important
        }

        .md\:w-56 {
            width: 14rem !important
        }

        .md\:w-auto {
            width: auto !important
        }

        .md\:w-px {
            width: 1px !important
        }

        .md\:w-3\/5 {
            width: 60% !important
        }

        .md\:flex-1 {
            flex: 1 1 0% !important
        }

        .md\:flex-shrink-0 {
            flex-shrink: 0 !important
        }

        .md\:translate-x-0 {
            --tw-translate-x: 0px !important
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important
        }

        .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important
        }

        .md\:flex-row {
            flex-direction: row !important
        }

        .md\:flex-nowrap {
            flex-wrap: nowrap !important
        }

        .md\:place-items-center {
            align-items: center !important;
            justify-items: center !important;
            place-items: center !important
        }

        .md\:items-center {
            align-items: center !important
        }

        .md\:justify-end {
            justify-content: flex-end !important
        }

        .md\:justify-between {
            justify-content: space-between !important
        }

        .md\:gap-3 {
            gap: .75rem !important
        }

        .md\:gap-4 {
            gap: 1rem !important
        }

        .md\:gap-5 {
            gap: 1.25rem !important
        }

        .md\:gap-x-3 {
            -moz-column-gap: .75rem !important;
            column-gap: .75rem !important
        }

        .md\:gap-y-2 {
            row-gap: .5rem !important
        }

        .md\:space-y-0>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-bottom: 0 !important;
            margin-bottom: calc(0px*var(--tw-space-y-reverse)) !important;
            margin-top: 0 !important;
            margin-top: calc(0px*(1 - var(--tw-space-y-reverse))) !important
        }

        .md\:rounded-lg {
            border-radius: .5rem !important
        }

        .md\:border-t-0 {
            border-top-width: 0 !important
        }

        .md\:border-b-0 {
            border-bottom-width: 0 !important
        }

        .md\:p-6 {
            padding: 1.5rem !important
        }

        .md\:px-4 {
            padding-left: 1rem !important;
            padding-right: 1rem !important
        }

        .md\:px-6 {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important
        }

        .md\:px-7 {
            padding-left: 1.75rem !important;
            padding-right: 1.75rem !important
        }

        .md\:px-8 {
            padding-left: 2rem !important;
            padding-right: 2rem !important
        }

        .md\:px-24 {
            padding-left: 6rem !important;
            padding-right: 6rem !important
        }

        .md\:py-8 {
            padding-bottom: 2rem !important;
            padding-top: 2rem !important
        }

        .md\:py-12 {
            padding-bottom: 3rem !important;
            padding-top: 3rem !important
        }

        .md\:pt-0 {
            padding-top: 0 !important
        }

        .md\:pb-0 {
            padding-bottom: 0 !important
        }

        .md\:text-right {
            text-align: right !important
        }

        .md\:text-3xl {
            font-size: 1.875rem !important;
            line-height: 2.25rem !important
        }
    }

    @media (min-width: 1024px) {
        .lg\:sticky {
            position: sticky !important
        }

        .lg\:top-6 {
            top: 1.5rem !important
        }

        .lg\:top-24 {
            top: 6rem !important
        }

        .lg\:col-span-2 {
            grid-column: span 2/span 2 !important
        }

        .lg\:col-span-3 {
            grid-column: span 3/span 3 !important
        }

        .lg\:col-span-5 {
            grid-column: span 5/span 5 !important
        }

        .lg\:row-span-5 {
            grid-row: span 5/span 5 !important
        }

        .lg\:mx-0 {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .lg\:mt-0 {
            margin-top: 0 !important
        }

        .lg\:mt-4 {
            margin-top: 1rem !important
        }

        .lg\:mt-12 {
            margin-top: 3rem !important
        }

        .lg\:mt-24 {
            margin-top: 6rem !important
        }

        .lg\:mt-28 {
            margin-top: 7rem !important
        }

        .lg\:mt-40 {
            margin-top: 10rem !important
        }

        .lg\:-mt-2 {
            margin-top: -.5rem !important
        }

        .lg\:mb-0 {
            margin-bottom: 0 !important
        }

        .lg\:mb-2 {
            margin-bottom: .5rem !important
        }

        .lg\:mb-4 {
            margin-bottom: 1rem !important
        }

        .lg\:mb-6 {
            margin-bottom: 1.5rem !important
        }

        .lg\:mb-10 {
            margin-bottom: 2.5rem !important
        }

        .lg\:mb-2\.5 {
            margin-bottom: .625rem !important
        }

        .lg\:ml-3 {
            margin-left: .75rem !important
        }

        .lg\:ml-64 {
            margin-left: 16rem !important
        }

        .lg\:block {
            display: block !important
        }

        .lg\:flex {
            display: flex !important
        }

        .lg\:grid {
            display: grid !important
        }

        .lg\:hidden {
            display: none !important
        }

        .lg\:w-0 {
            width: 0 !important
        }

        .lg\:w-44 {
            width: 11rem !important
        }

        .lg\:w-52 {
            width: 13rem !important
        }

        .lg\:w-72 {
            width: 18rem !important
        }

        .lg\:w-80 {
            width: 20rem !important
        }

        .lg\:w-auto {
            width: auto !important
        }

        .lg\:flex-1 {
            flex: 1 1 0% !important
        }

        .lg\:flex-shrink-0 {
            flex-shrink: 0 !important
        }

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important
        }

        .lg\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr)) !important
        }

        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr)) !important
        }

        .lg\:flex-nowrap {
            flex-wrap: nowrap !important
        }

        .lg\:items-center {
            align-items: center !important
        }

        .lg\:justify-start {
            justify-content: flex-start !important
        }

        .lg\:justify-between {
            justify-content: space-between !important
        }

        .lg\:gap-4 {
            gap: 1rem !important
        }

        .lg\:gap-6 {
            gap: 1.5rem !important
        }

        .lg\:gap-10 {
            gap: 2.5rem !important
        }

        .lg\:gap-x-2 {
            -moz-column-gap: .5rem !important;
            column-gap: .5rem !important
        }

        .lg\:gap-x-3 {
            -moz-column-gap: .75rem !important;
            column-gap: .75rem !important
        }

        .lg\:gap-x-5 {
            -moz-column-gap: 1.25rem !important;
            column-gap: 1.25rem !important
        }

        .lg\:gap-y-24 {
            row-gap: 6rem !important
        }

        .lg\:space-y-1>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-bottom: 0 !important;
            margin-bottom: calc(.25rem*var(--tw-space-y-reverse)) !important;
            margin-top: .25rem !important;
            margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse))) !important
        }

        .lg\:space-y-5>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-bottom: 0 !important;
            margin-bottom: calc(1.25rem*var(--tw-space-y-reverse)) !important;
            margin-top: 1.25rem !important;
            margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse))) !important
        }

        .lg\:space-y-6>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-bottom: 0 !important;
            margin-bottom: calc(1.5rem*var(--tw-space-y-reverse)) !important;
            margin-top: 1.5rem !important;
            margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse))) !important
        }

        .lg\:p-6 {
            padding: 1.5rem !important
        }

        .lg\:px-0 {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .lg\:px-2 {
            padding-left: .5rem !important;
            padding-right: .5rem !important
        }

        .lg\:px-4 {
            padding-left: 1rem !important;
            padding-right: 1rem !important
        }

        .lg\:px-5 {
            padding-left: 1.25rem !important;
            padding-right: 1.25rem !important
        }

        .lg\:px-6 {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important
        }

        .lg\:px-8 {
            padding-left: 2rem !important;
            padding-right: 2rem !important
        }

        .lg\:px-20 {
            padding-left: 5rem !important;
            padding-right: 5rem !important
        }

        .lg\:px-2\.5 {
            padding-left: .625rem !important;
            padding-right: .625rem !important
        }

        .lg\:py-12 {
            padding-bottom: 3rem !important;
            padding-top: 3rem !important
        }

        .lg\:pt-10 {
            padding-top: 2.5rem !important
        }

        .lg\:pt-16 {
            padding-top: 4rem !important
        }

        .lg\:pb-6 {
            padding-bottom: 1.5rem !important
        }

        .lg\:pb-7 {
            padding-bottom: 1.75rem !important
        }

        .lg\:pb-10 {
            padding-bottom: 2.5rem !important
        }

        .lg\:pb-20 {
            padding-bottom: 5rem !important
        }

        .lg\:pb-24 {
            padding-bottom: 6rem !important
        }

        .lg\:pb-28 {
            padding-bottom: 7rem !important
        }

        .lg\:text-sm {
            font-size: .875rem !important;
            line-height: 1.25rem !important
        }

        .lg\:text-lg {
            font-size: 1.125rem !important;
            line-height: 1.75rem !important
        }

        .lg\:text-2xl {
            font-size: 1.5rem !important;
            line-height: 2rem !important
        }

        .lg\:text-5xl {
            font-size: 3rem !important;
            line-height: 1 !important
        }
    }

    @media (min-width: 1280px) {
        .xl\:col-span-1 {
            grid-column: span 1/span 1 !important
        }

        .xl\:col-span-3 {
            grid-column: span 3/span 3 !important
        }

        .xl\:col-span-4 {
            grid-column: span 4/span 4 !important
        }

        .xl\:col-span-5 {
            grid-column: span 5/span 5 !important
        }

        .xl\:-mx-4 {
            margin-left: -1rem !important;
            margin-right: -1rem !important
        }

        .xl\:mr-0 {
            margin-right: 0 !important
        }

        .xl\:block {
            display: block !important
        }

        .xl\:grid {
            display: grid !important
        }

        .xl\:max-w-md {
            max-width: 28rem !important
        }

        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important
        }

        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important
        }

        .xl\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr)) !important
        }

        .xl\:gap-5 {
            gap: 1.25rem !important
        }

        .xl\:gap-x-4 {
            -moz-column-gap: 1rem !important;
            column-gap: 1rem !important
        }

        .xl\:px-5 {
            padding-left: 1.25rem !important;
            padding-right: 1.25rem !important
        }

        .xl\:px-20 {
            padding-left: 5rem !important;
            padding-right: 5rem !important
        }

        .xl\:text-base {
            font-size: 1rem !important;
            line-height: 1.5rem !important
        }
    }

    @media (min-width: 1536px) {
        .\32xl\:flex {
            display: flex !important
        }

        .\32xl\:max-w-6xl {
            max-width: 72rem !important
        }

        .\32xl\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr)) !important
        }

        .\32xl\:gap-x-7 {
            -moz-column-gap: 1.75rem !important;
            column-gap: 1.75rem !important
        }
    }

    .top-sponsored[data-v-6fa8552a] {
        background: url(data:image/webp;base64,UklGRgADAABXRUJQVlA4IPQCAADQKACdASqABzIAPp1Onk2iEZRQFLBYCcS0t3CxnSLAP//+M59/qZMTuwPkuX07+ACgYICPIkppO8h0wR5ElNJ3kOmCPIkp7Z9E6xkIe7QR3j46AxTGAvbRUbKCQPLXgsz678SWL2poJCZG2oid5DpgpHWSB5a8LmMe8h0wR5El/D6XpobrGPVAD9AoAQ3RDEVX6wMbk0Ed5iespjAXtoqOcNvWvBZnQGKY1nWio2UEgeWzcamfdPg3WMe8a+Wi4ywNkpgVj3kOmCO6TKX56L2jrSEE7NT95OandaYrECa/t6y1zt/dZP678FRsoJA8teCzOgMUxpKFb1t2mdAYp3KCGijrGPeQ6YGijrGPeQ6YI8iSl9Ph20tDSWhpLRAiy/ez/9iQ0Q7OCLUNYKKkwWXqQL9UszVRtg8sXa7aW/rNFyEff0wR5ElNJ1QBAR44AAD+9kXb/kl6k/KziF/VVPX9cpdcgQQxlepeaahEVHPCFdDwurH5eLtnPlCjr5XzVYGDIitCGUlm2y7T9hSownyopvcAqARKPlEOrhp9HHnFxReFNeluW+Xt7NqabJcW3H+YJKC1U+gSFtL7sepQIHQZj5R7HyvSVRiGUpkNScReHHPA2J95h7Tw8gpIZakSDN1VEx97OnMQtiimFzrJDucNDCQPITaug/pWJrsDBSRv+5qj4EgL6gAAAAACvMR2NJ84teIJjb6L9Ew09ELjcmINJd5hdZ/h/uRCLGyLpwXscyZ3RaCzW6bJBw9dXELJNT4w1qmuK1Q7JhPZW38zgB3Kf1N24q0degTWQb8wwAAABRdrfwWIIAAD8wAAK+W5vLRJsCC2z9ecuJwyHYxDTl9qr+3pFoKy1BncZ06yFD2lMQPWiuJP9+uD89vqAWqsj/ifTMaJeVJypelrrFw2IAAAAAZXRYAsWkAIQBBNhEwpcjA6gcNcZY9YClIxKowXLj0AiOT4U6+qSRtsH6cgbgOdZVO//vOMwlZXycUNnIAAAAAAAAA=);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .top-sponsored a[data-v-6fa8552a] {
        align-items: center;
        color: #000;
        display: flex;
        font-size: 18px;
        font-weight: 500;
        justify-content: center;
        line-height: 24px;
        padding: 10px 20px;
        width: 100%
    }

    .top-sponsored a[data-v-6fa8552a]:hover {
        opacity: .8
    }

    .top-sponsored a .text-hero-magic[data-v-6fa8552a] {
        background: #000;
        border-radius: 4px;
        color: #fff;
        font-weight: 400;
        padding: 3px 6px
    }

    .svg-icon[data-v-31f12e78],
    svg[data-v-31f12e78]:not(:root) {
        overflow: hidden
    }

    .svg-icon[data-v-31f12e78] {
        fill: currentColor;
        stroke: currentColor;
        height: 1em;
        vertical-align: -.15em;
        width: 1em
    }

    .svg-external-icon[data-v-31f12e78] {
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: cover !important;
        mask-size: cover !important
    }

    .search-item[data-v-7559c0f4] {
        position: relative
    }

    .search-item[data-v-7559c0f4]:hover:after {
        background: #7150e6;
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 3px
    }

    .search-item .min-w-90[data-v-7559c0f4] {
        min-width: 90px
    }

    .header-search .search-result[data-v-49d8bd89] {
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
        max-width: 95vw;
        transform: translateX(-50%);
        width: 400px
    }

    .header-search .noUse[data-v-49d8bd89] {
        position: relative
    }

    .header-search .noUse[data-v-49d8bd89]:not(:hover):before {
        background: linear-gradient(to top right, transparent, transparent 48%, #ef4444, transparent 51%, transparent);
        content: " ";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .header-search.max-w-48[data-v-49d8bd89] {
        max-width: 192px
    }

    header[data-v-7c431836] {
        will-change: transform
    }

    header[data-v-7c431836] .el-dropdown {
        color: rgba(0, 0, 0, .8);
        font-size: 16px
    }

    header[data-v-7c431836] .el-dropdown .el-dropdown-link {
        white-space: nowrap
    }

    header[data-v-7c431836] .el-dropdown .el-dropdown-link svg {
        fill: #2f3032;
        font-size: 22px;
        margin-right: 8px
    }

    header[data-v-7c431836] .el-dropdown .el-dropdown-link:hover,
    header[data-v-7c431836] .el-dropdown .el-dropdown-link:hover .el-icon--right {
        color: #7150e6
    }

    header[data-v-7c431836] .el-dropdown .el-dropdown-link:hover svg {
        fill: #7150e6
    }

    header .commonBtn svg[data-v-7c431836] {
        font-size: 22px;
        margin-right: 8px
    }

    header.bg-linear[data-v-7c431836] {
        border: 0 !important
    }

    header .avatar[data-v-7c431836] {
        align-items: center;
        background: #ebe6ff;
        border-radius: 50%;
        color: #7150e6;
        display: inline-flex;
        font-size: 22px;
        font-weight: 600;
        height: 36px;
        justify-content: center;
        margin-right: 6px;
        overflow: hidden;
        vertical-align: middle;
        width: 36px
    }

    header.bg-white .header-search[data-v-7c431836] {
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1)
    }

    header[data-v-7c431836] .el-divider__text {
        background-color: #fafafa
    }

    header .nav-mobile[data-v-7c431836] {
        max-height: 98vh;
        overflow-y: auto
    }

    header .menu-bar .sub-menu[data-v-7c431836] {
        display: none
    }

    header .menu-bar .sub-menu .sub-title svg[data-v-7c431836] {
        transition: .2s
    }

    header .menu-bar.show .sub-menu[data-v-7c431836] {
        display: block
    }

    header .menu-bar.show .sub-title svg[data-v-7c431836] {
        transform: rotate(180deg)
    }

    @media(min-width: 1024px) {
        header.bg-linear[data-v-7c431836] .avatar {
            background: hsla(0, 0%, 100%, .8)
        }
    }

    .menu-bar .sun-menu[data-v-09c16582] {
        display: none
    }

    .menu-bar .sun-menu ul[data-v-09c16582] {
        border-color: #e5e7eb;
        box-shadow: 0 0 0 0 transparent, 0 0 0 1px rgba(17, 24, 39, .05), 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)
    }

    .menu-bar .sun-menu ul li a .icon[data-v-09c16582] {
        height: 36px;
        width: 36px
    }

    .menu-bar .sun-menu ul li a .icon svg[data-v-09c16582] {
        font-size: 20px
    }

    .menu-bar:hover .sun-menu[data-v-09c16582] {
        display: block
    }

    .dropdown svg[data-v-2f40c4cf] {
        transition: .2s
    }

    .dropdown svg.show[data-v-2f40c4cf] {
        transform: rotate(180deg)
    }

    .icon-language[data-v-2f40c4cf] {
        font-size: 22px
    }


    .footer .footer-content[data-v-44cd85b3] {
        font-family: inherit !important
    }

    .footer ul li[data-v-44cd85b3] {
        font-size: 0
    }

    .footer .max-w-8xl[data-v-44cd85b3] {
        max-width: 1376px !important
    }

    .footer .language-list[data-v-44cd85b3] {
        grid-gap: 18px 20px;
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px
    }

    .footer .language-list a[data-v-44cd85b3] {
        color: #191919;
        font-size: 14px;
        line-height: 28px
    }

    .footer .language-list a.language-actived[data-v-44cd85b3] {
        font-family: Metropolis;
        font-weight: 800
    }

    .footer .language-list a.language-actived[data-v-44cd85b3],
    .footer .language-list a[data-v-44cd85b3]:hover {
        color: #7150e6;
        opacity: 1
    }

    .footer .language-list a.language-actived[data-v-44cd85b3]:hover {
        opacity: .85
    }

    .footer[data-v-44cd85b3] .el-loading-spinner .circular {
        margin: 0 auto
    }

    .limit-dialog {
        border-radius: 8px
    }

    .limit-dialog .el-dialog__header {
        text-align: center
    }

    .banner-top .search-result[data-v-08a479a0] {
        box-shadow: 0 4px 23px 0 rgba(0, 0, 0, .12);
        max-height: 480px
    }

    .banner-top input[data-v-08a479a0]::-moz-placeholder {
        font-size: 16px
    }

    .banner-top input[data-v-08a479a0]::placeholder {
        font-size: 16px
    }

    .banner-top input[data-v-08a479a0]:-webkit-autofill,
    .banner-top input[data-v-08a479a0]:-webkit-autofill:focus,
    .banner-top input[data-v-08a479a0]:-webkit-autofill:hover,
    .banner-top select[data-v-08a479a0]:-webkit-autofill,
    .banner-top select[data-v-08a479a0]:-webkit-autofill:focus,
    .banner-top select[data-v-08a479a0]:-webkit-autofill:hover,
    .banner-top textarea[data-v-08a479a0]:-webkit-autofill,
    .banner-top textarea[data-v-08a479a0]:-webkit-autofill:focus,
    .banner-top textarea[data-v-08a479a0]:-webkit-autofill:hover {
        background-color: transparent !important;
        -webkit-box-shadow: inset 0 0 0 1000px transparent !important
    }

    .banner-top .noUse[data-v-08a479a0] {
        position: relative
    }

    .banner-top .noUse[data-v-08a479a0]:not(:hover):before {
        background: linear-gradient(to top right, transparent, transparent 48%, #ef4444, transparent 51%, transparent);
        content: " ";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .index-menu-list .menu-item[data-v-78101b28] {
        border-radius: 4px
    }

    .index-menu-list .menu-item.actived svg[data-v-78101b28] {
        fill: #fff
    }

    .index-menu-list a[data-v-78101b28] {
        border-radius: 4px
    }

    .index-menu-list a svg[data-v-78101b28] {
        fill: #2d2d2d
    }

    .index-menu-list a:hover svg[data-v-78101b28] {
        fill: #7150e6
    }

    .index-menu-list[data-v-78101b28] .common-square-sort .dropdown {
        height: 44px
    }

    .select-item-range>span[data-v-a5e33c0e],
    .select-range[data-v-a5e33c0e] {
        width: 100%
    }

    .list-box[data-v-a5e33c0e] {
        position: relative
    }

    .list-box .list[data-v-a5e33c0e] {
        border-bottom: 1px solid #e5e5e5;
        padding: 16px
    }

    .list-box .list .range-value[data-v-a5e33c0e] {
        margin-bottom: 14px
    }

    .number-range[data-v-a5e33c0e] {
        align-items: center;
        display: flex;
        white-space: nowrap
    }

    .number-range>em[data-v-a5e33c0e] {
        background: #7f7f7f;
        border-radius: 1px;
        display: block;
        height: 1px;
        margin: 0 8px;
        width: 12px
    }

    .number-range[data-v-a5e33c0e] .el-input-number {
        width: 146px
    }

    .number-range[data-v-a5e33c0e] .el-input-number .el-input-number__decrease,
    .number-range[data-v-a5e33c0e] .el-input-number .el-input-number__increase {
        display: none
    }

    .number-range[data-v-a5e33c0e] .el-input-number .el-input__inner {
        font-size: 14px;
        max-width: 146px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left
    }

    .number-range[data-v-a5e33c0e] .el-input-number .el-input__inner::-webkit-input-placeholder {
        color: #7f7f7f
    }

    .fast-select-options[data-v-a5e33c0e] {
        border-bottom: 1px solid #e5e5e5;
        padding: 16px
    }

    .fast-select-options .el-radio-group[data-v-a5e33c0e] {
        width: 100%
    }

    .fast-select-options .f-items+.f-items[data-v-a5e33c0e] {
        margin-top: 16px
    }

    .fast-select-options .f-items[data-v-a5e33c0e] .el-radio {
        align-items: center;
        display: flex
    }

    .fast-select-options .f-items[data-v-a5e33c0e] .el-radio .el-radio__inner {
        height: 16px;
        width: 16px
    }

    .fast-select-options .f-items[data-v-a5e33c0e] .el-radio .el-radio__inner:after {
        border-radius: 50%;
        height: 6px;
        width: 6px
    }

    .fast-select-options .f-items[data-v-a5e33c0e] .el-radio:hover {
        color: #7150e6
    }

    .fast-select-options .f-items[data-v-a5e33c0e] .el-radio:hover .el-radio__inner {
        border: 1px solid #7150e6
    }

    .select-footer .btn-reset[data-v-a5e33c0e] {
        font-size: 14px;
        height: 44px;
        width: 100%
    }

    .select-footer .btn-reset.btn-actived[data-v-a5e33c0e] {
        background-color: #7150e6;
        border-color: #7150e6;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        color: #fff
    }

    .select-footer .btn-reset.btn-actived[data-v-a5e33c0e]:hover {
        color: #fff;
        opacity: .8
    }

    .select-footer .btn-reset.is-disabled[data-v-a5e33c0e] {
        color: #7150e6
    }

    .select-item[data-v-a5e33c0e] {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        width: 100%
    }

    .select-item .el-input[data-v-a5e33c0e] {
        align-items: center;
        display: flex;
        line-height: 36px
    }

    .select-item .el-input .el-input__inner[data-v-a5e33c0e] {
        border-color: #e5e7eb;
        color: #191919;
        height: 36px;
        line-height: 36px
    }

    .select-item .el-input .el-input__inner[data-v-a5e33c0e]::-webkit-input-placeholder {
        color: #191919 !important
    }

    .select-item .el-input .el-input__icon[data-v-a5e33c0e] {
        line-height: 36px
    }

    .select-item .el-input .el-input__icon.el-icon-circle-close[data-v-a5e33c0e] {
        display: none
    }

    .select-item .el-input:hover .el-icon-circle-close[data-v-a5e33c0e] {
        display: block
    }

    .select-item .el-input:hover .el-icon-circle-close+.el-icon-arrow-up[data-v-a5e33c0e] {
        display: none
    }

    .select-item .el-input.is-focus .el-input__inner[data-v-a5e33c0e] {
        border-color: #7150e6
    }

    .select-item .more[data-v-a5e33c0e] {
        color: #b0a3a3;
        display: none;
        line-height: 0;
        position: absolute;
        right: 32px;
        top: 20px
    }

    .select-item-range>span[data-v-cd5cb8cc],
    .select-range[data-v-cd5cb8cc] {
        width: 100%
    }

    .list-box[data-v-cd5cb8cc] {
        position: relative
    }

    .list-box .list[data-v-cd5cb8cc] {
        border-bottom: 1px solid #e5e5e5;
        padding: 16px
    }

    .list-box .list .range-value[data-v-cd5cb8cc] {
        margin-bottom: 14px
    }

    .number-range[data-v-cd5cb8cc] {
        align-items: center;
        display: flex;
        white-space: nowrap
    }

    .number-range>em[data-v-cd5cb8cc] {
        background: #7f7f7f;
        border-radius: 1px;
        display: block;
        height: 1px;
        margin: 0 8px;
        width: 12px
    }

    .number-range .number-range-input[data-v-cd5cb8cc] {
        position: relative
    }

    .number-range .number-range-input .suffix[data-v-cd5cb8cc] {
        position: absolute;
        right: 12px;
        top: 10px
    }

    .number-range[data-v-cd5cb8cc] .el-input-number {
        width: 146px
    }

    .number-range[data-v-cd5cb8cc] .el-input-number .el-input-number__decrease,
    .number-range[data-v-cd5cb8cc] .el-input-number .el-input-number__increase {
        display: none
    }

    .number-range[data-v-cd5cb8cc] .el-input-number .el-input__inner {
        font-size: 14px;
        max-width: 146px;
        padding-left: 10px;
        padding-right: 30px;
        text-align: left
    }

    .number-range[data-v-cd5cb8cc] .el-input-number .el-input__inner::-webkit-input-placeholder {
        color: #7f7f7f
    }

    .fast-select-options[data-v-cd5cb8cc] {
        border-bottom: 1px solid #e5e5e5;
        padding: 16px
    }

    .fast-select-options .el-radio-group[data-v-cd5cb8cc] {
        width: 100%
    }

    .fast-select-options .f-items+.f-items[data-v-cd5cb8cc] {
        margin-top: 16px
    }

    .fast-select-options .f-items[data-v-cd5cb8cc] .el-radio {
        align-items: center;
        display: flex
    }

    .fast-select-options .f-items[data-v-cd5cb8cc] .el-radio .el-radio__inner {
        height: 16px;
        width: 16px
    }

    .fast-select-options .f-items[data-v-cd5cb8cc] .el-radio .el-radio__inner:after {
        border-radius: 50%;
        height: 6px;
        width: 6px
    }

    .fast-select-options .f-items[data-v-cd5cb8cc] .el-radio:hover {
        color: #7150e6
    }

    .fast-select-options .f-items[data-v-cd5cb8cc] .el-radio:hover .el-radio__inner {
        border: 1px solid #7150e6
    }

    .select-footer .btn-reset[data-v-cd5cb8cc] {
        font-size: 14px;
        height: 44px;
        width: 100%
    }

    .select-footer .btn-reset.btn-actived[data-v-cd5cb8cc] {
        background-color: #7150e6;
        border-color: #7150e6;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        color: #fff
    }

    .select-footer .btn-reset.btn-actived[data-v-cd5cb8cc]:hover {
        color: #fff;
        opacity: .8
    }

    .select-footer .btn-reset.is-disabled[data-v-cd5cb8cc] {
        color: #7150e6
    }

    .select-item[data-v-cd5cb8cc] {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        width: 100%
    }

    .select-item .el-input[data-v-cd5cb8cc] {
        align-items: center;
        display: flex;
        line-height: 36px
    }

    .select-item .el-input .el-input__inner[data-v-cd5cb8cc] {
        border-color: #e5e7eb;
        color: #191919;
        height: 36px;
        line-height: 36px
    }

    .select-item .el-input .el-input__inner[data-v-cd5cb8cc]::-webkit-input-placeholder {
        color: #191919 !important
    }

    .select-item .el-input .el-input__icon[data-v-cd5cb8cc] {
        line-height: 36px
    }

    .select-item .el-input .el-input__icon.el-icon-circle-close[data-v-cd5cb8cc] {
        display: none
    }

    .select-item .el-input:hover .el-icon-circle-close[data-v-cd5cb8cc] {
        display: block
    }

    .select-item .el-input:hover .el-icon-circle-close+.el-icon-arrow-up[data-v-cd5cb8cc] {
        display: none
    }

    .select-item .el-input.is-focus .el-input__inner[data-v-cd5cb8cc] {
        border-color: #7150e6
    }

    .select-item .more[data-v-cd5cb8cc] {
        color: #b0a3a3;
        display: none;
        line-height: 0;
        position: absolute;
        right: 32px;
        top: 20px
    }

    @media(max-width: 768.98px) {
        .el-picker-panel {
            max-width: 280px
        }

        .el-picker-panel .el-picker-panel__sidebar {
            display: none
        }

        .el-picker-panel .el-picker-panel__body {
            margin-left: 0;
            min-width: 0;
            min-width: auto
        }

        .el-picker-panel .el-picker-panel__body .el-picker-panel__content {
            width: 100%
        }

        .el-picker-panel .el-picker-panel__body .el-picker-panel__content.is-right {
            display: none
        }
    }

    .el-range-editor {
        width: 100%
    }

    .el-range-editor ::v-deep .el-range__icon {
        color: #666
    }

    .banner-top .search-result[data-v-5e1e2260] {
        box-shadow: 0 4px 23px 0 rgba(0, 0, 0, .12);
        max-height: 480px
    }

    .banner-top input[data-v-5e1e2260]::-moz-placeholder {
        font-size: 16px
    }

    .banner-top input[data-v-5e1e2260]::placeholder {
        font-size: 16px
    }

    .banner-top input[data-v-5e1e2260]:-webkit-autofill,
    .banner-top input[data-v-5e1e2260]:-webkit-autofill:focus,
    .banner-top input[data-v-5e1e2260]:-webkit-autofill:hover,
    .banner-top select[data-v-5e1e2260]:-webkit-autofill,
    .banner-top select[data-v-5e1e2260]:-webkit-autofill:focus,
    .banner-top select[data-v-5e1e2260]:-webkit-autofill:hover,
    .banner-top textarea[data-v-5e1e2260]:-webkit-autofill,
    .banner-top textarea[data-v-5e1e2260]:-webkit-autofill:focus,
    .banner-top textarea[data-v-5e1e2260]:-webkit-autofill:hover {
        background-color: transparent !important;
        -webkit-box-shadow: inset 0 0 0 1000px transparent !important
    }

    .banner-top .noUse[data-v-5e1e2260] {
        position: relative
    }

    .banner-top .noUse[data-v-5e1e2260]:not(:hover):before {
        background: linear-gradient(to top right, transparent, transparent 48%, #ef4444, transparent 51%, transparent);
        content: " ";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .index-menu-list .menu-item[data-v-93ff7f88] {
        border-radius: 21px
    }

    .index-menu-list .menu-item.actived svg[data-v-93ff7f88] {
        fill: #fff
    }

    .index-menu-list a[data-v-93ff7f88] {
        border-radius: 21px
    }

    .index-menu-list a svg[data-v-93ff7f88] {
        fill: #2d2d2d
    }

    .index-menu-list a:hover svg[data-v-93ff7f88] {
        fill: #7150e6
    }

    .top_advertiser[data-v-c1d75a86] {
        width: 100%
    }

    .top_advertiser .top_advertiser-pic[data-v-c1d75a86] {
        height: 68px;
        width: 120px
    }

    @media(min-width: 1024px) {
        .top_advertiser[data-v-c1d75a86] {
            max-width: 100%;
            width: 400px
        }
    }

    .form[data-v-14b23b20] {
        font-size: 0
    }

    .form .search-ipt[data-v-14b23b20] {
        border-radius: 29px;
        height: 58px
    }

    .dropdown[data-v-0121633c] {
        border-radius: 17px;
        height: 34px
    }

    .dropdown svg[data-v-0121633c] {
        transition: .2s
    }

    .dropdown svg.show[data-v-0121633c] {
        transform: rotate(180deg)
    }

    .delBtn[data-v-0121633c] {
        display: none
    }

    .selected[data-v-0121633c] {
        font-size: 0;
        position: relative
    }

    .selected:hover button[data-v-0121633c] {
        padding-right: 36px !important;
        transition: all 0 !important
    }

    .selected:hover .arrow[data-v-0121633c] {
        display: none !important;
        transition: all 0 !important
    }

    .selected:hover .delBtn[data-v-0121633c] {
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 20px;
        position: absolute;
        right: 10px;
        top: 17px;
        transform: translateY(-50%)
    }

    .dropdown[data-v-0d1cfff0] {
        border-radius: 17px;
        height: 34px
    }

    .dropdown svg[data-v-0d1cfff0] {
        transition: .2s
    }

    .dropdown svg.show[data-v-0d1cfff0] {
        transform: rotate(180deg)
    }

    .index-categories-list .categories-list[data-v-7d2766d1] {
        height: 42px;
        overflow: hidden
    }

    .index-categories-list a svg[data-v-7d2766d1] {
        fill: #2d2d2d
    }

    .index-categories-list a:hover svg[data-v-7d2766d1] {
        fill: #7150e6
    }

    .index-categories-list .w-12px[data-v-7d2766d1] {
        width: 12px
    }

    .index-categories-list .h-12px[data-v-7d2766d1] {
        height: 12px
    }

    .index-categories-list .-mt-1px[data-v-7d2766d1] {
        margin-top: -1px
    }

    @media(max-width: 767px) {
        .index-categories-list .categories-list[data-v-7d2766d1] {
            height: 150px
        }
    }

    .search-item[data-v-7ed58e73] {
        position: relative
    }

    .search-item[data-v-7ed58e73]:hover:after {
        background: #7150e6;
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 3px
    }

    .search-item .website[data-v-7ed58e73] {
        font-weight: 400
    }

    .social-listening-filter .search-result[data-v-d0112f2c] {
        box-shadow: 0 4px 23px 0 rgba(0, 0, 0, .12);
        max-height: 480px
    }

    .social-listening-filter input[data-v-d0112f2c]::-moz-placeholder {
        font-size: 16px
    }

    .social-listening-filter input[data-v-d0112f2c]::placeholder {
        font-size: 16px
    }

    .social-listening-filter input[data-v-d0112f2c]:-webkit-autofill,
    .social-listening-filter input[data-v-d0112f2c]:-webkit-autofill:focus,
    .social-listening-filter input[data-v-d0112f2c]:-webkit-autofill:hover,
    .social-listening-filter select[data-v-d0112f2c]:-webkit-autofill,
    .social-listening-filter select[data-v-d0112f2c]:-webkit-autofill:focus,
    .social-listening-filter select[data-v-d0112f2c]:-webkit-autofill:hover,
    .social-listening-filter textarea[data-v-d0112f2c]:-webkit-autofill,
    .social-listening-filter textarea[data-v-d0112f2c]:-webkit-autofill:focus,
    .social-listening-filter textarea[data-v-d0112f2c]:-webkit-autofill:hover {
        background-color: transparent !important;
        -webkit-box-shadow: inset 0 0 0 1000px transparent !important
    }

    .tool-item-content .tool-item-content-text[data-v-0beea4d4] {
        width: 0
    }

    .tool-item-content .tool-pic[data-v-0beea4d4] {
        aspect-ratio: 1;
        border-radius: 50%;
        overflow: hidden;
        width: 40px
    }

    .tool-item-content .tool-pic.default-avatar[data-v-0beea4d4] {
        align-items: center;
        background-color: #ebeafd;
        display: flex;
        justify-content: center
    }

    .tool-item-content .tool-pic.default-avatar .default-avatar-text[data-v-0beea4d4] {
        color: #7150e6 !important;
        font-size: 20px !important;
        font-weight: 700 !important
    }

    .tool-item-content .tool-pic img[data-v-0beea4d4] {
        border-radius: 10px 10px 0 0
    }

    .tool-item-content .tool-item-content-text .tool-desc[data-v-0beea4d4] {
        -webkit-line-clamp: 1
    }

    .tool-item-content .tool-description-wrapper .tooltip-box.tool-description-tooltip-bottom-line[data-v-0beea4d4] {
        bottom: 100%;
        margin-bottom: 5px;
        margin-top: 0;
        top: auto
    }

    .tool-item-content .tool-description-wrapper .tooltip-box.tool-description-tooltip-bottom-line[data-v-0beea4d4]:before {
        bottom: -4px;
        left: 50%;
        top: auto
    }

    .tool-item-content .tool-description-wrapper .tooltip-box.tool-description-tooltip-bottom-line[data-v-0beea4d4]:after {
        bottom: -7px;
        top: auto
    }

    .tool-item-content .tool-name-tooltip[data-v-0beea4d4] {
        cursor: default;
        left: 50%;
        margin-top: 5px;
        transform: translateX(-50%)
    }

    .tool-item-content .tool-name-tooltip[data-v-0beea4d4]:after {
        height: 10px;
        top: -10px
    }

    .tool-item-content .tooltip-box[data-v-0beea4d4] {
        background: #000;
        color: #fff;
        cursor: default;
        margin-top: 5px;
        padding: 10px 12px;
        top: calc(100% + 2px);
        z-index: 1000
    }

    .tool-item-content .tooltip-box.tooltip-box-desc[data-v-0beea4d4] {
        min-width: 200px
    }

    .tool-item-content .tooltip-box[data-v-0beea4d4]:before {
        background-color: #000;
        content: "";
        height: 8px;
        left: 50%;
        position: absolute;
        top: -4px;
        transform: translateX(-50%) rotate(45deg);
        width: 8px
    }

    .tool-item .tool-linear .tool-pic[data-v-6c84e920] {
        height: 100px;
        overflow: hidden;
        width: 150px
    }

    .tool-item .flag[data-v-6c84e920] {
        margin-top: -1px
    }

    .tool-item .flag img[data-v-6c84e920] {
        height: 12px;
        width: 17px
    }

    .tool-recommend[data-v-00e728c0] {
        width: 100%
    }

    .tool-recommend .recommend-pic[data-v-00e728c0] {
        height: 50px;
        width: 110px
    }

    @media(min-width: 640px) {
        .tool-recommend[data-v-00e728c0] {
            max-width: 375px
        }
    }

    .create-request-dialog {
        border-radius: 8px
    }

    .create-request-dialog .el-dialog__header {
        display: none
    }

    .create-request-dialog .el-dialog__body {
        padding: 0
    }

    .create-request-dialog .el-dialog__body .el-form .el-form-item__label {
        font-size: 16px;
        font-weight: 600
    }

    .create-request-dialog .el-dialog__body .el-form .el-radio .el-radio__input .el-radio__inner {
        height: 16px;
        width: 16px
    }

    .create-request-dialog .el-dialog__body .el-form .el-radio .el-radio__input .el-radio__inner.el-radio__inner:after {
        height: 6px;
        width: 6px
    }

    .create-request-dialog .el-dialog__body .el-form .el-radio .el-radio__label {
        font-size: 16px;
        line-height: 24px
    }

    .create-request-dialog .el-dialog__body .el-form .no-label .el-form-item__label {
        display: none
    }

    .create-request-dialog .el-dialog__body .el-form .el-textarea .el-textarea__inner {
        font-size: 16px;
        line-height: 1.75
    }

    .form[data-v-45de5115] {
        font-size: 0
    }

    .form .search-ipt[data-v-45de5115] {
        border-radius: 29px;
        height: 58px
    }

    .answer-content * {
        word-wrap: break-word !important;
        max-width: 100%;
        word-break: normal !important
    }

    .answer-content address,
    .answer-content blockquote,
    .answer-content center,
    .answer-content dd,
    .answer-content dir,
    .answer-content div,
    .answer-content dl,
    .answer-content dt,
    .answer-content fieldset,
    .answer-content form,
    .answer-content frame,
    .answer-content frameset,
    .answer-content h1,
    .answer-content h2,
    .answer-content h3,
    .answer-content h4,
    .answer-content h5,
    .answer-content h6,
    .answer-content hr,
    .answer-content menu,
    .answer-content noframes,
    .answer-content ol,
    .answer-content p,
    .answer-content pre,
    .answer-content ul {
        display: block;
        unicode-bidi: embed
    }

    .answer-content li {
        display: list-item
    }

    .answer-content head {
        display: none
    }

    .answer-content table {
        border-width: 1px;
        display: table
    }

    .answer-content *+table {
        margin-top: 14px
    }

    .answer-content tr {
        display: table-row
    }

    .answer-content thead {
        display: table-header-group
    }

    .answer-content tbody {
        display: table-row-group
    }

    .answer-content tfoot {
        display: table-footer-group
    }

    .answer-content col {
        display: table-column
    }

    .answer-content colgroup {
        display: table-column-group
    }

    .answer-content td,
    .answer-content th {
        border-width: 1px;
        display: table-cell;
        padding: 12px 16px
    }

    .answer-content td p,
    .answer-content th p {
        margin: 0
    }

    .answer-content td p+p,
    .answer-content th p+p {
        margin-top: 10px
    }

    .answer-content caption {
        display: table-caption
    }

    .answer-content th {
        font-weight: bolder;
        text-align: center
    }

    .answer-content caption {
        text-align: center
    }

    .answer-content h1 {
        font-size: 2em;
        margin: .67em 0
    }

    .answer-content h2 {
        font-size: 1.5em;
        margin: .75em 0
    }

    .answer-content h3 {
        font-size: 1.17em;
        margin: .83em 0
    }

    .answer-content blockquote,
    .answer-content dir,
    .answer-content dl,
    .answer-content fieldset,
    .answer-content form,
    .answer-content h4,
    .answer-content menu,
    .answer-content ol,
    .answer-content p,
    .answer-content ul {
        margin: 1.12em 0
    }

    .answer-content h5 {
        font-size: .83em;
        margin: 1.5em 0
    }

    .answer-content h6 {
        font-size: .75em;
        margin: 1.67em 0
    }

    .answer-content b,
    .answer-content h1,
    .answer-content h2,
    .answer-content h3,
    .answer-content h4,
    .answer-content h5,
    .answer-content h6,
    .answer-content strong {
        font-weight: bolder
    }

    .answer-content blockquote {
        margin-left: 40px;
        margin-right: 40px
    }

    .answer-content address,
    .answer-content cite,
    .answer-content em,
    .answer-content i,
    .answer-content var {
        font-style: italic
    }

    .answer-content code,
    .answer-content kbd,
    .answer-content pre,
    .answer-content samp,
    .answer-content tt {
        font-family: monospace
    }

    .answer-content pre {
        white-space: pre
    }

    .answer-content button,
    .answer-content input,
    .answer-content select,
    .answer-content textarea {
        display: inline-block
    }

    .answer-content big {
        font-size: 1.17em
    }

    .answer-content small,
    .answer-content sub,
    .answer-content sup {
        font-size: .83em
    }

    .answer-content sub {
        vertical-align: sub
    }

    .answer-content sup {
        vertical-align: super
    }

    .answer-content table {
        border-spacing: 2px
    }

    .answer-content tbody,
    .answer-content tfoot,
    .answer-content thead {
        vertical-align: middle
    }

    .answer-content td,
    .answer-content th,
    .answer-content tr {
        vertical-align: inherit
    }

    .answer-content del,
    .answer-content s,
    .answer-content strike {
        -webkit-text-decoration: line-through;
        text-decoration: line-through
    }

    .answer-content hr {
        border: 1px inset
    }

    .answer-content dd,
    .answer-content dir,
    .answer-content menu,
    .answer-content ol,
    .answer-content ul {
        margin-left: 40px
    }

    .answer-content ol {
        list-style-type: decimal
    }

    .answer-content ul {
        list-style-type: disc
    }

    .answer-content ol ol,
    .answer-content ol ul,
    .answer-content ul ol,
    .answer-content ul ul {
        margin-bottom: 0;
        margin-top: 0
    }

    .answer-content ins,
    .answer-content u {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .answer-content br:before {
        content: "\a";
        white-space: pre-line
    }

    .answer-content center {
        text-align: center
    }

    .answer-content :link,
    .answer-content :visited {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .answer-content :focus {
        outline: thin dotted invert
    }

    .answer-content BDO[DIR=ltr] {
        direction: ltr;
        unicode-bidi: bidi-override
    }

    .answer-content BDO[DIR=rtl] {
        direction: rtl;
        unicode-bidi: bidi-override
    }

    .answer-content [DIR=ltr] {
        direction: ltr;
        unicode-bidi: embed
    }

    .answer-content [DIR=rtl] {
        direction: rtl;
        unicode-bidi: embed
    }

    .answer-content li,
    .answer-content p {
        color: #191919;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin: 14px 0 0;
        position: relative
    }

    .answer-content p:first-child {
        margin-top: 0
    }

    .answer-content li+li {
        margin-top: 14px
    }

    .answer-content a {
        color: #7150e6
    }

    .answer-content a:hover {
        color: #7150e6;
        opacity: .85;
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .answer-content p {
        color: #191919;
        font-size: 16px;
        line-height: 1.5
    }

    @media print {
        .answer-content h1 {
            page-break-before: always
        }

        .answer-content h1,
        .answer-content h2,
        .answer-content h3,
        .answer-content h4,
        .answer-content h5,
        .answer-content h6 {
            page-break-after: avoid
        }

        .answer-content dl,
        .answer-content ol,
        .answer-content ul {
            page-break-before: avoid
        }
    }

    @media(min-width: 640px) {
        .sm\:h-94px[data-v-41f9d8f0] {
            height: 94px !important
        }
    }

    .answer-question .answerEditor[data-v-09246ac7] .tox-tinymce {
        border: 0 !important;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .answer-question .answerEditor[data-v-09246ac7] .el-textarea__inner {
        border: 0;
        border-bottom: 1px solid #e5e7eb;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .answer-question[data-v-09246ac7] .el-form .el-form-item .el-form-item__label {
        font-size: 16px;
        font-weight: 600
    }

    .answer-question[data-v-09246ac7] .el-form .el-form-item .el-radio .el-radio__input .el-radio__inner {
        height: 16px;
        width: 16px
    }

    .answer-question[data-v-09246ac7] .el-form .el-form-item .el-radio .el-radio__input .el-radio__inner.el-radio__inner:after {
        height: 6px;
        width: 6px
    }

    .answer-question[data-v-09246ac7] .el-form .el-form-item .el-radio .el-radio__label {
        font-size: 16px;
        line-height: 24px
    }

    .answer-question[data-v-09246ac7] .el-form .el-form-item.no-label .el-form-item__label {
        display: none
    }

    .answer-question[data-v-09246ac7] .el-form .el-form-item.is-error.content-box .box {
        padding-bottom: 24px
    }

    .answer-question[data-v-09246ac7] .el-form .el-form-item.is-error.content-box .el-form-item__error {
        margin-top: -24px;
        padding: 4px 14px
    }

    .post-preview-dialog {
        border-radius: 8px;
        max-width: 1000px;
        width: 90% !important
    }

    .post-preview-dialog .el-dialog__header {
        display: none
    }

    .post-preview-dialog .el-dialog__body {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        max-height: calc(80vh - 78px);
        overflow-x: hidden;
        padding: 0;
        width: 100%
    }

    .post-preview-dialog .el-dialog__body::-webkit-scrollbar {
        background: transparent;
        height: 6px;
        width: 6px
    }

    .post-preview-dialog .el-dialog__body::-webkit-scrollbar-thumb {
        background: transparent;
        background: #c3c7d2;
        border-radius: 4px
    }

    .post-preview-dialog .el-dialog__body:hover::-webkit-scrollbar-thumb {
        background: #c3c7d2
    }

    .post-preview-dialog .el-dialog__body::-webkit-scrollbar-track {
        display: none
    }

    .post-preview-dialog .el-dialog__body .dialog-content .t-label {
        padding: 4px 12px
    }

    .post-preview-dialog .el-dialog__footer {
        padding: 15px 20px;
        text-align: center
    }

    .editor-content address,
    .editor-content blockquote,
    .editor-content center,
    .editor-content dd,
    .editor-content dir,
    .editor-content div,
    .editor-content dl,
    .editor-content dt,
    .editor-content fieldset,
    .editor-content form,
    .editor-content frame,
    .editor-content frameset,
    .editor-content h1,
    .editor-content h2,
    .editor-content h3,
    .editor-content h4,
    .editor-content h5,
    .editor-content h6,
    .editor-content hr,
    .editor-content menu,
    .editor-content noframes,
    .editor-content ol,
    .editor-content p,
    .editor-content pre,
    .editor-content ul {
        display: block;
        unicode-bidi: embed
    }

    .editor-content li {
        display: list-item
    }

    .editor-content head {
        display: none
    }

    .editor-content table {
        border-width: 1px;
        display: table
    }

    .editor-content *+table {
        margin-top: 14px
    }

    .editor-content tr {
        display: table-row
    }

    .editor-content thead {
        display: table-header-group
    }

    .editor-content tbody {
        display: table-row-group
    }

    .editor-content tfoot {
        display: table-footer-group
    }

    .editor-content col {
        display: table-column
    }

    .editor-content colgroup {
        display: table-column-group
    }

    .editor-content td,
    .editor-content th {
        border-width: 1px;
        display: table-cell;
        padding: 12px 16px
    }

    .editor-content td p,
    .editor-content th p {
        margin: 0
    }

    .editor-content td p+p,
    .editor-content th p+p {
        margin-top: 10px
    }

    .editor-content caption {
        display: table-caption
    }

    .editor-content th {
        font-weight: bolder;
        text-align: center
    }

    .editor-content caption {
        text-align: center
    }

    .editor-content h1 {
        font-size: 2em;
        margin: .67em 0
    }

    .editor-content h2 {
        font-size: 1.5em;
        margin: .75em 0
    }

    .editor-content h3 {
        font-size: 1.17em;
        margin: .83em 0
    }

    .editor-content blockquote,
    .editor-content dir,
    .editor-content dl,
    .editor-content fieldset,
    .editor-content form,
    .editor-content h4,
    .editor-content menu,
    .editor-content ol,
    .editor-content p,
    .editor-content ul {
        margin: 1.12em 0
    }

    .editor-content h5 {
        font-size: .83em;
        margin: 1.5em 0
    }

    .editor-content h6 {
        font-size: .75em;
        margin: 1.67em 0
    }

    .editor-content b,
    .editor-content h1,
    .editor-content h2,
    .editor-content h3,
    .editor-content h4,
    .editor-content h5,
    .editor-content h6,
    .editor-content strong {
        font-weight: bolder
    }

    .editor-content blockquote {
        margin-left: 40px;
        margin-right: 40px
    }

    .editor-content address,
    .editor-content cite,
    .editor-content em,
    .editor-content i,
    .editor-content var {
        font-style: italic
    }

    .editor-content code,
    .editor-content kbd,
    .editor-content pre,
    .editor-content samp,
    .editor-content tt {
        font-family: monospace
    }

    .editor-content pre {
        white-space: pre
    }

    .editor-content button,
    .editor-content input,
    .editor-content select,
    .editor-content textarea {
        display: inline-block
    }

    .editor-content big {
        font-size: 1.17em
    }

    .editor-content small,
    .editor-content sub,
    .editor-content sup {
        font-size: .83em
    }

    .editor-content sub {
        vertical-align: sub
    }

    .editor-content sup {
        vertical-align: super
    }

    .editor-content table {
        border-spacing: 2px
    }

    .editor-content tbody,
    .editor-content tfoot,
    .editor-content thead {
        vertical-align: middle
    }

    .editor-content td,
    .editor-content th,
    .editor-content tr {
        vertical-align: inherit
    }

    .editor-content del,
    .editor-content s,
    .editor-content strike {
        -webkit-text-decoration: line-through;
        text-decoration: line-through
    }

    .editor-content hr {
        border: 1px inset
    }

    .editor-content dd,
    .editor-content dir,
    .editor-content menu,
    .editor-content ol,
    .editor-content ul {
        margin-left: 40px
    }

    .editor-content ol {
        list-style-type: decimal
    }

    .editor-content ol ol,
    .editor-content ol ul,
    .editor-content ul ol,
    .editor-content ul ul {
        margin-bottom: 0;
        margin-top: 0
    }

    .editor-content ins,
    .editor-content u {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .editor-content br:before {
        content: "\a";
        white-space: pre-line
    }

    .editor-content center {
        text-align: center
    }

    .editor-content :link,
    .editor-content :visited {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .editor-content :focus {
        outline: thin dotted invert
    }

    .editor-content BDO[DIR=ltr] {
        direction: ltr;
        unicode-bidi: bidi-override
    }

    .editor-content BDO[DIR=rtl] {
        direction: rtl;
        unicode-bidi: bidi-override
    }

    .editor-content [DIR=ltr] {
        direction: ltr;
        unicode-bidi: embed
    }

    .editor-content [DIR=rtl] {
        direction: rtl;
        unicode-bidi: embed
    }

    .editor-content li,
    .editor-content p {
        color: #212326;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin: 14px 0 0;
        position: relative
    }

    .editor-content li+li {
        margin-top: 14px
    }

    .editor-content a {
        color: #7150e6
    }

    .editor-content a:hover {
        color: #7150e6;
        opacity: .85;
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .editor-content p {
        color: #212326;
        font-size: 16px;
        line-height: 1.5
    }

    @media print {
        .editor-content h1 {
            page-break-before: always
        }

        .editor-content h1,
        .editor-content h2,
        .editor-content h3,
        .editor-content h4,
        .editor-content h5,
        .editor-content h6 {
            page-break-after: avoid
        }

        .editor-content dl,
        .editor-content ol,
        .editor-content ul {
            page-break-before: avoid
        }
    }

    .preview-dialog {
        background-color: #fafafa;
        border-radius: 8px;
        max-width: 1000px;
        width: 90% !important
    }

    .preview-dialog .el-dialog__header {
        display: none
    }

    .preview-dialog .el-dialog__body {
        max-height: calc(80vh - 78px);
        overflow-x: hidden;
        padding: 0;
        width: 100%
    }

    .preview-dialog .el-dialog__body::-webkit-scrollbar {
        background: transparent;
        height: 6px;
        width: 6px
    }

    .preview-dialog .el-dialog__body::-webkit-scrollbar-thumb {
        background: transparent;
        background: #c3c7d2;
        border-radius: 4px
    }

    .preview-dialog .el-dialog__body:hover::-webkit-scrollbar-thumb {
        background: #c3c7d2
    }

    .preview-dialog .el-dialog__body::-webkit-scrollbar-track {
        display: none
    }

    .preview-dialog .el-dialog__body .dialog-content {
        padding: 24px 20px
    }

    .preview-dialog .el-dialog__body .dialog-content .t-label {
        padding: 4px 12px
    }

    .preview-dialog .el-dialog__footer {
        padding: 15px 20px;
        text-align: center
    }

    .submitATool .box-shadow[data-v-3e0533a7] {
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .06)
    }

    .submitATool .el-button-group .el-button[data-v-3e0533a7] {
        background: none;
        color: #191919;
        font-size: 16px
    }

    .submitATool .el-button-group .el-button.actived[data-v-3e0533a7],
    .submitATool .el-button-group .el-button[data-v-3e0533a7]:hover {
        background: none;
        border-color: #7150e6;
        color: #7150e6
    }

    .submitATool .el-button-group .el-button.actived[data-v-3e0533a7] {
        z-index: 1
    }

    .submitATool[data-v-3e0533a7] .el-form .el-form-item {
        margin-bottom: 24px
    }

    .submitATool[data-v-3e0533a7] .el-form .el-form-item .el-form-item__label {
        color: #191919;
        font-size: 16px;
        font-weight: 700;
        line-height: 21px;
        padding-bottom: 14px
    }

    .submitATool[data-v-3e0533a7] .el-form .el-form-item .choose-radio {
        width: 100%
    }

    .submitATool[data-v-3e0533a7] .el-form .el-form-item .choose-radio .el-radio {
        display: block;
        width: 100%
    }

    .submitATool[data-v-3e0533a7] .el-form .el-form-item .choose-radio .el-radio .el-radio__input {
        display: none
    }

    .submitATool[data-v-3e0533a7] .el-form .el-form-item .choose-radio .el-radio .el-radio__label {
        padding: 0;
        width: 100%
    }

    .submitATool[data-v-3e0533a7] .el-form .el-form-item.is-error .el-radio .el-radio__label>div {
        border-color: #f56c6c !important
    }

    .submitATool[data-v-3e0533a7] .el-form .el-form-item .translate-middle {
        transform: translate(50%, -50%)
    }

    .submitATool .submit-ctrl .el-button[data-v-3e0533a7] {
        font-size: 16px;
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px
    }

    .submitATool .example img[data-v-3e0533a7] {
        width: 100%
    }

    @media(min-width: 768px) {
        .submitATool .tool-pic[data-v-3e0533a7] {
            max-width: 400px;
            width: 37.5234521% !important
        }

        .submitATool .tool-pic img[data-v-3e0533a7] {
            aspect-ratio: 4/5;
            image-rendering: pixelated;
            width: 100%
        }
    }

    .submitAdvertise .box-shadow[data-v-6d5c91ae] {
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .06)
    }

    .submitAdvertise .el-button-group .el-button[data-v-6d5c91ae] {
        background: none;
        color: #191919;
        font-size: 16px
    }

    .submitAdvertise .el-button-group .el-button[data-v-6d5c91ae]:hover {
        background: none;
        border-color: #7150e6;
        color: #7150e6
    }

    .submitAdvertise .el-button-group .el-button.actived[data-v-6d5c91ae] {
        background: none;
        border-color: #7150e6;
        color: #7150e6;
        z-index: 1
    }

    .submitAdvertise .el-form .el-form-item[data-v-6d5c91ae] {
        margin-bottom: 24px
    }

    .submitAdvertise .el-form .el-form-item .el-form-item__label[data-v-6d5c91ae] {
        color: #191919;
        font-size: 16px;
        font-weight: 700;
        line-height: 21px;
        padding-bottom: 14px
    }

    .submitAdvertise .submit-ctrl .el-button[data-v-6d5c91ae] {
        font-size: 16px;
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px
    }

    .submitAdvertise .example img[data-v-6d5c91ae] {
        width: 100%
    }

    .submitAdvertise .tTable[data-v-6d5c91ae] {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        min-width: 700px;
        width: 100%
    }

    .submitAdvertise .tTable table[data-v-6d5c91ae] {
        table-layout: fixed;
        width: 100%
    }

    .submitAdvertise .tTable table td[data-v-6d5c91ae],
    .submitAdvertise .tTable table th[data-v-6d5c91ae] {
        box-sizing: border-box;
        min-width: 0;
        padding: 12px 0;
        position: relative;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .submitAdvertise .tTable table td .cell[data-v-6d5c91ae],
    .submitAdvertise .tTable table th .cell[data-v-6d5c91ae] {
        box-sizing: border-box;
        display: inline-block;
        line-height: 23px;
        overflow: hidden;
        padding-left: 8px;
        padding-right: 8px;
        position: relative;
        text-align: center;
        text-overflow: ellipsis;
        vertical-align: middle;
        width: 100%
    }

    .submitAdvertise .tTable table thead tr th[data-v-6d5c91ae] {
        background: #f8f9fb;
        border-bottom: 1px solid #ebeef5;
        color: #666;
        font-weight: 400
    }

    .submitAdvertise .tTable table tbody tr td[data-v-6d5c91ae] {
        color: #191919;
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 16px;
        padding-top: 16px;
        transition: background-color .25s ease
    }

    @media(min-width: 768px) {
        .submitAdvertise .example-01[data-v-6d5c91ae] {
            width: 41.16331096% !important
        }

        .submitAdvertise .example-01 img[data-v-6d5c91ae] {
            aspect-ratio: 369/262;
            image-rendering: pixelated;
            width: 100%
        }

        .submitAdvertise .example-02[data-v-6d5c91ae] {
            width: 52.237% !important
        }

        .submitAdvertise .example-02 img[data-v-6d5c91ae] {
            aspect-ratio: 468/262;
            image-rendering: pixelated;
            max-height: 262px;
            width: 100%
        }

        .submitAdvertise .example-03[data-v-6d5c91ae] {
            width: 41.16331096% !important
        }

        .submitAdvertise .example-03 img[data-v-6d5c91ae] {
            aspect-ratio: 369/348;
            display: block;
            image-rendering: pixelated;
            margin: 0 auto;
            max-height: 348px;
            max-width: 369px;
            width: 100%
        }

        .submitAdvertise .example-04[data-v-6d5c91ae] {
            width: 52.237% !important
        }

        .submitAdvertise .example-04 img[data-v-6d5c91ae] {
            aspect-ratio: 467/348;
            image-rendering: pixelated;
            width: 100%
        }

        .submitAdvertise .example-05 img[data-v-6d5c91ae] {
            aspect-ratio: 369/348;
            image-rendering: pixelated;
            max-height: 348px;
            max-width: 369px;
            width: 41.16331096% !important
        }

        .submitAdvertise .example-right[data-v-6d5c91ae] {
            width: 53.8083538% !important
        }
    }

    .form-item-label[data-v-6d5c91ae] .el-form-item__label {
        display: flex;
        flex-wrap: wrap;
        font-size: medium;
        line-height: normal;
        padding-bottom: 6px;
        width: 100%
    }

    .sideBar-box[data-v-044b1f0c] .el-tree {
        width: 100%
    }

    .sideBar-box[data-v-044b1f0c] .el-tree .el-tree-node {
        margin: 4px 0
    }

    .sideBar-box[data-v-044b1f0c] .el-tree .el-tree-node__content {
        align-items: center;
        display: flex;
        height: 32px
    }

    .sideBar-box[data-v-044b1f0c] .el-tree .el-tree-node__content .el-tree-node__expand-icon {
        flex-shrink: 0;
        font-size: 20px;
        height: 28px;
        padding: 4px;
        width: 28px
    }

    .sideBar-box[data-v-044b1f0c] .el-tree .el-tree-node__content .custom-tree-node {
        align-items: center;
        display: inline-flex;
        flex: 1;
        max-width: 100%;
        width: 0
    }

    .sideBar-box[data-v-044b1f0c] .el-tree .el-tree-node__content .custom-tree-node a {
        max-width: 100%;
        overflow: hidden;
        padding: 4px 12px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .category-list[data-v-878e289a] {
        box-sizing: border-box;
        line-height: normal;
        position: relative
    }

    .category-list li[data-v-878e289a] {
        font-size: 0
    }

    .category-list li a[data-v-878e289a] {
        border-radius: 18px
    }

    .dTable[data-v-29d3bd76] {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        overflow: hidden
    }

    .dTable table td[data-v-29d3bd76],
    .dTable table th[data-v-29d3bd76] {
        min-width: 0;
        padding: 12px 0;
        text-align: left
    }

    .dTable table td .cell[data-v-29d3bd76],
    .dTable table td[data-v-29d3bd76],
    .dTable table th .cell[data-v-29d3bd76],
    .dTable table th[data-v-29d3bd76] {
        box-sizing: border-box;
        position: relative;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .dTable table td .cell[data-v-29d3bd76],
    .dTable table th .cell[data-v-29d3bd76] {
        display: inline-block;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        width: 100%
    }

    .dTable table td:first-child .cell[data-v-29d3bd76],
    .dTable table th:first-child .cell[data-v-29d3bd76] {
        padding-left: 22px;
        text-align: center
    }

    .dTable table td:last-child .cell[data-v-29d3bd76],
    .dTable table th:last-child .cell[data-v-29d3bd76] {
        padding-right: 22px;
        text-align: center
    }

    .dTable table thead tr th[data-v-29d3bd76] {
        background: #7150e6;
        border-bottom: 1px solid #e5e5e5;
        color: #fff;
        font-weight: 400
    }

    .dTable table thead tr th+th[data-v-29d3bd76] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td[data-v-29d3bd76] {
        border-bottom: 1px solid #e5e5e5;
        color: #191919;
        font-size: 16px;
        padding-bottom: 10px;
        padding-top: 10px
    }

    .dTable table tbody tr td+td[data-v-29d3bd76] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr[data-v-29d3bd76]:nth-child(2n) {
        background: #f8f9fb
    }

    .dTable table tbody tr:last-child td[data-v-29d3bd76] {
        border-bottom: 0
    }

    .dTable[data-v-673713ea] {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        overflow: hidden
    }

    .dTable table td[data-v-673713ea],
    .dTable table th[data-v-673713ea] {
        min-width: 0;
        padding: 12px 0;
        text-align: left
    }

    .dTable table td .cell[data-v-673713ea],
    .dTable table td[data-v-673713ea],
    .dTable table th .cell[data-v-673713ea],
    .dTable table th[data-v-673713ea] {
        box-sizing: border-box;
        position: relative;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .dTable table td .cell[data-v-673713ea],
    .dTable table th .cell[data-v-673713ea] {
        display: inline-block;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        width: 100%
    }

    .dTable table td:first-child .cell[data-v-673713ea],
    .dTable table th:first-child .cell[data-v-673713ea] {
        padding-left: 22px;
        text-align: center
    }

    .dTable table td:last-child .cell[data-v-673713ea],
    .dTable table th:last-child .cell[data-v-673713ea] {
        padding-right: 22px;
        text-align: center
    }

    .dTable table thead tr th[data-v-673713ea] {
        background: #7150e6;
        border-bottom: 1px solid #e5e5e5;
        color: #fff;
        font-weight: 400
    }

    .dTable table thead tr th+th[data-v-673713ea] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td[data-v-673713ea] {
        border-bottom: 1px solid #e5e5e5;
        color: #191919;
        font-size: 16px;
        padding-bottom: 10px;
        padding-top: 10px
    }

    .dTable table tbody tr td+td[data-v-673713ea] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr[data-v-673713ea]:nth-child(2n) {
        background: #f8f9fb
    }

    .dTable table tbody tr:last-child td[data-v-673713ea] {
        border-bottom: 0
    }

    .dTable[data-v-036a52ee] {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        overflow: hidden
    }

    .dTable table td[data-v-036a52ee],
    .dTable table th[data-v-036a52ee] {
        min-width: 0;
        padding: 12px 0;
        text-align: left
    }

    .dTable table td .cell[data-v-036a52ee],
    .dTable table td[data-v-036a52ee],
    .dTable table th .cell[data-v-036a52ee],
    .dTable table th[data-v-036a52ee] {
        box-sizing: border-box;
        position: relative;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .dTable table td .cell[data-v-036a52ee],
    .dTable table th .cell[data-v-036a52ee] {
        display: inline-block;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        width: 100%
    }

    .dTable table td:first-child .cell[data-v-036a52ee],
    .dTable table th:first-child .cell[data-v-036a52ee] {
        padding-left: 22px;
        text-align: center
    }

    .dTable table td:last-child .cell[data-v-036a52ee],
    .dTable table th:last-child .cell[data-v-036a52ee] {
        padding-right: 22px;
        text-align: center
    }

    .dTable table thead tr th[data-v-036a52ee] {
        background: #7150e6;
        border-bottom: 1px solid #e5e5e5;
        color: #fff;
        font-weight: 400
    }

    .dTable table thead tr th+th[data-v-036a52ee] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td[data-v-036a52ee] {
        border-bottom: 1px solid #e5e5e5;
        color: #191919;
        font-size: 16px;
        padding-bottom: 10px;
        padding-top: 10px
    }

    .dTable table tbody tr td+td[data-v-036a52ee] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr[data-v-036a52ee]:nth-child(2n) {
        background: #f8f9fb
    }

    .dTable table tbody tr:last-child td[data-v-036a52ee] {
        border-bottom: 0
    }

    #letters-scroll[data-v-5413ab09] {
        position: fixed;
        right: 10px;
        text-align: center;
        top: 50%;
        transition: transform .4s ease-in-out;
        z-index: 10
    }

    #letters-scroll.fade-out-right[data-v-5413ab09] {
        transform: translate3d(180px, -50%, 0);
        transition-timing-function: ease-in
    }

    #letters-scroll.fade-in-right[data-v-5413ab09] {
        transform: translate3d(0, -50%, 0);
        transition-timing-function: ease-out
    }

    #letters-scroll ul[data-v-5413ab09] {
        transition: all .2s
    }

    #letters-scroll ul li svg[data-v-5413ab09] {
        fill: #2d2d2d
    }

    #letters-scroll ul li:hover svg[data-v-5413ab09] {
        fill: #7150e6
    }

    .nuxt-logo {
        height: 180px
    }

    .search-item[data-v-1691b10d] {
        height: 30px
    }

    .search-item[data-v-1691b10d] .el-checkbox__label {
        padding-left: 10px
    }

    .search-item .checkbox-image[data-v-1691b10d] {
        height: 15px;
        margin-right: 9px;
        vertical-align: middle;
        width: 22px
    }

    .search-item[data-v-1691b10d] .el-checkbox {
        align-items: center;
        display: flex;
        padding: 10px 10px 10px 0;
        width: 100%
    }

    .search-item[data-v-1691b10d] .el-checkbox .el-checkbox__label {
        align-items: center;
        display: flex
    }

    .search-item[data-v-1691b10d] .el-checkbox .el-checkbox__inner {
        height: 16px;
        width: 16px
    }

    .search-item[data-v-1691b10d] .el-checkbox .el-checkbox__inner:after {
        height: 8px;
        left: 4px;
        width: 5px
    }

    .search-item[data-v-1691b10d]:hover {
        cursor: pointer
    }

    .search-item[data-v-1691b10d]:hover .el-checkbox .el-checkbox__inner {
        border-color: #7150e6
    }

    .search-item[data-v-1691b10d]:hover .el-checkbox .el-checkbox__label {
        color: #7150e6
    }

    .el-popper.sameSelect {
        padding: 0
    }

    .el-popper.sameSelect .ipt-box {
        padding: 10px 14px 14px
    }

    .el-popper.sameSelect .ipt-box .el-input__inner {
        height: 36px;
        line-height: 36px
    }

    .el-popper.sameSelect .ipt-box .el-input__icon {
        line-height: 36px
    }

    .el-popper.sameSelect .list {
        padding: 0 0 10px
    }

    .el-popper.sameSelect .list .list-inner {
        height: 280px;
        overflow-x: hidden;
        position: relative
    }

    .el-popper.sameSelect .select-footer {
        padding: 0 10px 10px
    }

    .el-popper.sameSelect .select-footer .el-button--mini {
        padding: 6px 10px
    }

    .el-popper.sameSelect .select-footer .el-button--mini i {
        font-size: 14px;
        vertical-align: -1px
    }

    .el-popper.sameSelect .search-empty {
        padding: 15px;
        text-align: center
    }

    .sameSelect .el-scrollbar .sidebar-wrap-inner {
        height: 100%;
        overflow-x: hidden
    }

    .sameSelect .el-scrollbar .el-scrollbar__wrap {
        overflow-x: hidden
    }

    .select-item-search .el-input__inner[data-v-6ff20a6c] {
        height: 36px;
        padding-left: 15px
    }

    .select-item-search .el-input__inner[data-v-6ff20a6c]::-webkit-input-placeholder {
        color: #7150e6 !important
    }

    .select-item-search[data-v-6ff20a6c]:hover {
        cursor: pointer
    }

    .select-region[data-v-6ff20a6c] {
        width: 100%
    }

    .select-region .el-input[data-v-6ff20a6c] .el-input__icon {
        line-height: 36px
    }

    .select-region .el-input[data-v-6ff20a6c] .el-input__icon.el-icon-circle-close {
        display: none
    }

    .select-region .el-input:hover .el-icon-circle-close[data-v-6ff20a6c] {
        display: block
    }

    .select-region .el-input:hover .el-icon-circle-close+.el-icon-arrow-up[data-v-6ff20a6c] {
        display: none
    }

    .select-item-special[data-v-6ff20a6c]:hover {
        cursor: pointer
    }

    .select-item-special>span[data-v-6ff20a6c] {
        width: 100%
    }

    .select-item-special .el-input[data-v-6ff20a6c] {
        align-items: center;
        display: flex
    }

    .select-item-special .el-input .el-icon-map-location[data-v-6ff20a6c] {
        color: #bbb5b5;
        left: 12px;
        position: absolute;
        top: 9px
    }

    .select-item-special .el-input.hadMore .more[data-v-6ff20a6c] {
        display: block
    }

    .select-item-special .el-input .more[data-v-6ff20a6c] {
        color: #b0a3a3;
        display: none;
        line-height: 0;
        position: absolute;
        right: 32px;
        top: 20px
    }

    .select-item-special .el-input .more span[data-v-6ff20a6c] {
        font-size: 12px
    }

    .el-popper.sameSelect[data-v-6ff20a6c] {
        padding: 0
    }

    .el-popper.sameSelect .list[data-v-6ff20a6c] {
        padding: 0 0 10px 14px
    }

    .el-popper.sameSelect .list .list-inner[data-v-6ff20a6c] {
        height: 280px;
        overflow: hidden;
        position: relative
    }

    .el-popper.sameSelect .list .list-inner[data-v-6ff20a6c] .el-checkbox__input {
        display: none
    }

    .el-popper.sameSelect .list .list-inner[data-v-6ff20a6c] .el-checkbox__label {
        padding-left: 0
    }

    .el-popper.sameSelect .select-footer[data-v-6ff20a6c] {
        padding: 0 10px 10px
    }

    .el-popper.sameSelect .select-footer .el-button--mini[data-v-6ff20a6c] {
        padding: 6px 10px
    }

    .el-popper.sameSelect .select-footer .el-button--mini i[data-v-6ff20a6c] {
        font-size: 14px;
        vertical-align: -1px
    }

    .el-popper.sameSelect .search-empty[data-v-6ff20a6c] {
        padding: 15px;
        text-align: center
    }

    .list-box[data-v-6ff20a6c] {
        position: relative
    }

    .list-box .title[data-v-6ff20a6c] {
        align-items: center;
        background: rgba(209, 218, 244, .729);
        color: #7150e6;
        display: flex;
        font-weight: 700;
        height: 42px;
        padding: 0 20px
    }

    .list-box .title i[data-v-6ff20a6c] {
        color: gray;
        font-size: 20px;
        margin-right: 9px
    }

    .list-box .list[data-v-6ff20a6c] {
        position: relative
    }

    .list-box .list .list-item[data-v-6ff20a6c] {
        color: rgba(0, 0, 0, .52);
        position: relative
    }

    .list-box .list .list-item .list-title[data-v-6ff20a6c] {
        height: 30px;
        line-height: 30px;
        padding: 0 16px
    }

    .list-box[data-v-6ff20a6c] .select-search-input {
        border: 1px solid #d5d5d5;
        border-radius: 4px
    }

    .list-box[data-v-6ff20a6c] .select-search-input input {
        border: 0
    }

    .selected-tags[data-v-6ff20a6c] {
        align-items: center;
        bottom: 0;
        color: #7150e6;
        display: flex;
        font-size: 14px;
        left: 0;
        left: 15px;
        line-height: 36px;
        overflow: hidden;
        position: absolute;
        right: 35px;
        -webkit-text-overflow: ellipsis;
        text-overflow: ellipsis;
        top: 0;
        -webkit-white-space: nowrap;
        white-space: nowrap
    }

    .selected-tags .el-tag[data-v-6ff20a6c] {
        height: 22px;
        line-height: 20px;
        padding: 0 8px
    }

    .selected-tags .el-tag[data-v-6ff20a6c]:first-child {
        margin-left: 0
    }

    .selected-tags .el-tag[data-v-6ff20a6c] .el-icon-close {
        font-size: 10px;
        height: 14px;
        line-height: 14px;
        right: -5px;
        top: 0;
        width: 14px
    }

    .delBtn[data-v-6ff20a6c] {
        display: none
    }

    .selected[data-v-6ff20a6c] {
        font-size: 0;
        position: relative
    }

    .selected:hover button[data-v-6ff20a6c] {
        padding-right: 36px !important;
        transition: all 0 !important
    }

    .selected:hover .arrow[data-v-6ff20a6c] {
        display: none !important;
        transition: all 0 !important
    }

    .selected:hover .delBtn[data-v-6ff20a6c] {
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 20px;
        position: absolute;
        right: 10px;
        top: 17px;
        transform: translateY(-50%)
    }

    .dropdown[data-v-6ff20a6c] {
        border-radius: 17px;
        height: 34px
    }

    .dropdown svg[data-v-6ff20a6c] {
        transition: .2s
    }

    .dropdown svg.show[data-v-6ff20a6c] {
        transform: rotate(180deg)
    }

    .group[data-v-6ff20a6c] {
        height: 34px
    }

    .tools-section[data-v-42a2c8de] .common-square-sort .dropdown {
        height: 42px;
        min-width: 130px
    }

    .tools-section .loading-box[data-v-42a2c8de] {
        height: 1088px
    }

    @media(min-width: 640px) {
        .tools-section .loading-box[data-v-42a2c8de] {
            height: 637px
        }
    }

    @media(min-width: 1024px) {
        .tools-section .loading-box[data-v-42a2c8de] {
            height: 380px
        }
    }

    @media(min-width: 1280px) {
        .tools-section .loading-box[data-v-42a2c8de] {
            height: 288px
        }
    }

    .tool-detail .dot[data-v-41028ead] {
        position: relative
    }

    .tool-detail .dot[data-v-41028ead]:before {
        background: #2f3032;
        border-radius: 50%;
        content: "";
        height: 4px;
        left: -16px;
        position: absolute;
        top: 13px;
        width: 4px
    }

    .tool-detail .min-dot[data-v-41028ead] {
        position: relative
    }

    .tool-detail .min-dot[data-v-41028ead]:before {
        background: #2f3032;
        border-radius: 50%;
        content: "";
        height: 4px;
        left: -12px;
        position: absolute;
        top: 9px;
        width: 4px
    }

    .tool-detail .t-label[data-v-41028ead] {
        padding: 4px 12px
    }

    .tool-detail .questions[data-v-41028ead] {
        border-radius: 50%;
        box-shadow: 0 0 17px 0 rgba(0, 0, 0, .12)
    }

    .tool-detail .more-icon[data-v-41028ead] {
        height: 34px
    }

    .text-left[data-v-0ceccd92] {
        text-align: left
    }

    .text-center[data-v-0ceccd92] {
        text-align: center
    }

    .text-right[data-v-0ceccd92] {
        text-align: right
    }

    .sub-lists[data-v-0ceccd92] {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
        min-height: 380px
    }

    .sub-lists li[data-v-0ceccd92]:first-child {
        min-width: 59.5%
    }

    .page-footer[data-v-0ceccd92] {
        bottom: 30px;
        display: flex;
        justify-content: space-between;
        position: absolute
    }

    .price-lists[data-v-0ceccd92] {
        padding-top: 40px
    }

    .price-lists li[data-v-0ceccd92] {
        border-top: 1px solid #ccc;
        display: flex;
        justify-content: space-between;
        padding: 18px 0
    }

    .download-data[data-v-0ceccd92] {
        color: #191919;
        font-family: Helvetica Neue, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
        font-size: 32px;
        font-weight: 500;
        padding: 50px 60px 0
    }

    .download-data .top[data-v-0ceccd92] {
        display: flex;
        justify-content: space-between
    }

    .download-data .logo[data-v-0ceccd92] {
        height: 80px;
        width: auto
    }

    .download-data .title[data-v-0ceccd92] {
        font-size: 56px;
        font-weight: 700;
        text-align: center
    }

    .download-data .total-amount[data-v-0ceccd92] {
        font-size: 46px;
        font-weight: 700;
        margin-top: 62px
    }

    .download-data .text-bold[data-v-0ceccd92] {
        font-weight: 700
    }

    .download-data .list-main[data-v-0ceccd92] {
        margin-top: 45px
    }

    .download-data .list-main li[data-v-0ceccd92] {
        margin-bottom: 10px
    }

    .download-data .list-main li p[data-v-0ceccd92] {
        font-weight: 500;
        margin-top: 20px
    }

    .download-data .list-main li.list-item[data-v-0ceccd92] {
        margin-bottom: 30px
    }

    .download-data .list-main li span[data-v-0ceccd92] {
        display: inline-block
    }

    .download-data .list-main li ._attr[data-v-0ceccd92] {
        min-width: 256px
    }

    .download-data .list-main li h4[data-v-0ceccd92] {
        font-size: 36px;
        font-weight: bolder;
        margin-bottom: 10px
    }

    .download-data .list-main li h5[data-v-0ceccd92] {
        color: #3a3b42;
        font-size: 32px;
        font-weight: 500
    }

    .download-data table[data-v-0ceccd92] {
        border-collapse: collapse;
        margin-top: 132px;
        width: 100%
    }

    .download-data table thead th[data-v-0ceccd92] {
        border-bottom: 2px solid #3a3b42;
        font-size: 26px;
        padding: 26px 0
    }

    .download-data table .ftd td[data-v-0ceccd92] {
        padding-top: 26px
    }

    .download-data table td[data-v-0ceccd92] {
        font-size: 32px;
        padding: 6px 0;
        vertical-align: top
    }

    .invoice .invice-form[data-v-382733e2] {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .06);
        padding: 26px 20px 30px
    }

    .invoice .invice-form[data-v-382733e2] .el-form .el-form-item {
        margin-bottom: 18px
    }

    .invoice .invice-form[data-v-382733e2] .el-form .el-form-item .el-form-item__label {
        color: #191919;
        font-size: 16px;
        line-height: 24px
    }

    .invoice .invice-form .btn-wrap[data-v-382733e2] {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        margin-top: 30px
    }

    .invoice .invice-form .btn-wrap .btn[data-v-382733e2] {
        font-size: 16px;
        min-width: 147px
    }

    .el-select-dropdown__item.hover[data-v-7ab1689e],
    .el-select-dropdown__item[data-v-7ab1689e]:hover {
        background-color: transparent
    }

    .selected-icon[data-v-7ab1689e] {
        display: none
    }

    .selected .selected-icon[data-v-7ab1689e] {
        display: flex
    }

    .selected .website[data-v-7ab1689e] {
        font-weight: 400
    }

    .status-dialog {
        border-radius: 8px
    }

    .submitPost .box-shadow[data-v-5bcde8f0] {
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .06)
    }

    .submitPost .label[data-v-5bcde8f0] {
        color: #191919;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }

    .submitPost .submit-ctrl .el-button[data-v-5bcde8f0] {
        font-size: 16px;
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px
    }

    .submitPost[data-v-5bcde8f0] .credit-ipt {
        width: 140px
    }

    .submitPost[data-v-5bcde8f0] .credit-ipt .el-input {
        height: 32px
    }

    .submitPost[data-v-5bcde8f0] .credit-ipt .el-input .el-input__inner {
        background-color: transparent;
        border: 0;
        font-size: 20px;
        height: 32px;
        line-height: 32px
    }

    .submitPost[data-v-5bcde8f0] .credit-ipt .el-input-number__decrease,
    .submitPost[data-v-5bcde8f0] .credit-ipt .el-input-number__increase {
        align-items: center;
        background: #fff;
        border: 1px solid #eee !important;
        border-radius: 50%;
        display: flex;
        height: 20px;
        justify-content: center;
        line-height: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px
    }

    .submitPost[data-v-5bcde8f0] .credit-ipt .el-input-number__decrease i,
    .submitPost[data-v-5bcde8f0] .credit-ipt .el-input-number__increase i {
        font-weight: 900
    }

    .submitPost[data-v-5bcde8f0] .credit-ipt .el-input-number__increase {
        padding-left: 1px
    }

    .submitPost[data-v-5bcde8f0] .credit-ipt.actived .el-input .el-input__inner {
        color: #fff
    }

    .submitPost .group[data-v-5bcde8f0]:hover .credit-ipt .el-input .el-input__inner {
        color: #7150e6
    }

    .submitPost .min-w-36[data-v-5bcde8f0] {
        min-width: 144px
    }

    .submitATool .box-shadow[data-v-3fde934c] {
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .06)
    }

    .submitATool .label[data-v-3fde934c] {
        color: #191919;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }

    .submitATool .submit-ctrl .el-button[data-v-3fde934c] {
        font-size: 16px;
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px
    }

    .submitATool .el-form .el-form-item[data-v-3fde934c] {
        margin-bottom: 24px
    }

    .submitATool .el-form .el-form-item .el-form-item__label[data-v-3fde934c] {
        color: #191919;
        font-size: 16px;
        font-weight: 700;
        line-height: 21px;
        padding-bottom: 14px
    }

    .form-item-label[data-v-3fde934c] .el-form-item__label {
        display: flex;
        flex-wrap: wrap;
        font-size: medium;
        line-height: normal;
        padding-bottom: 6px;
        width: 100%
    }

    .submitATool .box-shadow[data-v-4d8d26c7] {
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .06)
    }

    .submitATool .el-button-group .el-button[data-v-4d8d26c7] {
        background: none;
        color: #191919;
        font-size: 16px
    }

    .submitATool .el-button-group .el-button.actived[data-v-4d8d26c7],
    .submitATool .el-button-group .el-button[data-v-4d8d26c7]:hover {
        background: none;
        border-color: #7150e6;
        color: #7150e6
    }

    .submitATool .el-button-group .el-button.actived[data-v-4d8d26c7] {
        z-index: 1
    }

    .submitATool .el-form .el-form-item[data-v-4d8d26c7] {
        margin-bottom: 24px
    }

    .submitATool .el-form .el-form-item .el-form-item__label[data-v-4d8d26c7] {
        color: #191919;
        font-size: 16px;
        font-weight: 700;
        line-height: 21px;
        padding-bottom: 14px
    }

    .submitATool .submit-ctrl .el-button[data-v-4d8d26c7] {
        font-size: 16px;
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px
    }

    .submitATool .box-shadow[data-v-2021a46b] {
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .06)
    }

    .submitATool .el-button-group .el-button[data-v-2021a46b] {
        background: none;
        color: #191919;
        font-size: 16px
    }

    .submitATool .el-button-group .el-button.actived[data-v-2021a46b],
    .submitATool .el-button-group .el-button[data-v-2021a46b]:hover {
        background: none;
        border-color: #7150e6;
        color: #7150e6
    }

    .submitATool .el-button-group .el-button.actived[data-v-2021a46b] {
        z-index: 1
    }

    .submitATool .el-form .el-form-item[data-v-2021a46b] {
        margin-bottom: 24px
    }

    .submitATool .el-form .el-form-item .el-form-item__label[data-v-2021a46b] {
        color: #191919;
        font-size: 16px;
        font-weight: 700;
        line-height: 21px;
        padding-bottom: 14px
    }

    .submitATool .submit-ctrl .el-button[data-v-2021a46b] {
        font-size: 16px;
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px
    }

    .tool-website-traffic svg[data-v-20428591] {
        color: transparent !important
    }

    .functions-list .function-item[data-v-6b58fa0e] {
        padding-left: 14px;
        position: relative
    }

    .functions-list .function-item[data-v-6b58fa0e]:after {
        background: #3e74ef;
        border-radius: 50%;
        content: "";
        height: 6px;
        left: 0;
        position: absolute;
        top: 7px;
        width: 6px
    }

    .w-38[data-v-689eb95e] {
        width: 38px
    }

    .h-38[data-v-689eb95e] {
        height: 38px
    }

    .tool-detail-info[data-v-36d7e13e] .el-rate {
        height: 26px;
        margin-top: -2px
    }

    .tool-detail-info[data-v-36d7e13e] .el-rate .el-rate__icon {
        font-size: 26px;
        margin-right: 2px
    }

    .tool-detail-info[data-v-36d7e13e] .el-rate .el-rate__item+.el-rate__item {
        margin-left: -4px
    }

    .tool-detail-info .t-label[data-v-36d7e13e] {
        padding: 4px 12px
    }

    .tool-detail-info .more-icon[data-v-36d7e13e] {
        height: 30px
    }

    .tool-detail-info .tool-pic[data-v-36d7e13e] {
        box-shadow: 0 0 11px 0 rgba(0, 0, 0, .05)
    }

    .download-data[data-v-5e907d8a] {
        background: #fff;
        font-family: Helvetica, Helvetica Neue, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif !important;
        width: 1000px
    }

    .download-data.pdf[data-v-5e907d8a] {
        width: 1000px !important
    }

    .download-data.pdf .download-page[data-v-5e907d8a] {
        height: 1421px
    }

    .download-data .dTable[data-v-5e907d8a] {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        overflow: hidden
    }

    .download-data .dTable table td[data-v-5e907d8a],
    .download-data .dTable table th[data-v-5e907d8a] {
        box-sizing: border-box;
        min-width: 0;
        padding: 12px 0;
        position: relative;
        text-align: left;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .download-data .dTable table td .cell[data-v-5e907d8a],
    .download-data .dTable table th .cell[data-v-5e907d8a] {
        box-sizing: border-box;
        display: inline-block;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        text-align: center;
        text-overflow: ellipsis;
        vertical-align: middle;
        width: 100%
    }

    .download-data .dTable table td:first-child .cell[data-v-5e907d8a],
    .download-data .dTable table th:first-child .cell[data-v-5e907d8a] {
        padding-left: 22px;
        text-align: center
    }

    .download-data .dTable table td:last-child .cell[data-v-5e907d8a],
    .download-data .dTable table th:last-child .cell[data-v-5e907d8a] {
        padding-right: 22px;
        text-align: center
    }

    .download-data .dTable table thead tr th[data-v-5e907d8a] {
        background: #7150e6;
        border-bottom: 1px solid #e5e5e5;
        color: #fff;
        font-weight: 400
    }

    .download-data .dTable table thead tr th+th[data-v-5e907d8a] {
        border-left: 1px solid #e5e5e5
    }

    .download-data .dTable table tbody tr td[data-v-5e907d8a] {
        border-bottom: 1px solid #e5e5e5;
        color: #191919;
        font-size: 16px;
        padding-bottom: 10px;
        padding-top: 10px
    }

    .download-data .dTable table tbody tr td .no-color[data-v-5e907d8a] {
        color: transparent
    }

    .download-data .dTable table tbody tr td+td[data-v-5e907d8a] {
        border-left: 1px solid #e5e5e5
    }

    .download-data .dTable table tbody tr[data-v-5e907d8a]:nth-child(2n) {
        background: #f8f9fb
    }

    .download-data .dTable table tbody tr:last-child td[data-v-5e907d8a] {
        border-bottom: 0
    }

    .download-data .download_btn[data-v-5e907d8a] {
        left: 50%;
        position: absolute;
        top: 1350px;
        transform: translateX(-50%);
        width: 250px
    }

    .dTable[data-v-54d7d88c] {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        overflow: hidden
    }

    .dTable table[data-v-54d7d88c] {
        table-layout: fixed
    }

    .dTable table td[data-v-54d7d88c],
    .dTable table th[data-v-54d7d88c] {
        min-width: 0;
        padding: 12px 0;
        text-align: left
    }

    .dTable table td .cell[data-v-54d7d88c],
    .dTable table td[data-v-54d7d88c],
    .dTable table th .cell[data-v-54d7d88c],
    .dTable table th[data-v-54d7d88c] {
        box-sizing: border-box;
        position: relative;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .dTable table td .cell[data-v-54d7d88c],
    .dTable table th .cell[data-v-54d7d88c] {
        display: inline-block;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        width: 100%
    }

    .dTable table td:first-child .cell[data-v-54d7d88c],
    .dTable table th:first-child .cell[data-v-54d7d88c] {
        padding-left: 14px;
        text-align: center
    }

    .dTable table td:last-child .cell[data-v-54d7d88c],
    .dTable table th:last-child .cell[data-v-54d7d88c] {
        padding-right: 14px;
        text-align: center
    }

    .dTable table thead tr th[data-v-54d7d88c] {
        background: #7150e6;
        border-bottom: 1px solid #e5e5e5;
        color: #fff;
        font-weight: 400
    }

    .dTable table thead tr th+th[data-v-54d7d88c] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td[data-v-54d7d88c] {
        border-bottom: 1px solid #e5e5e5;
        color: #191919;
        font-size: 16px;
        padding-bottom: 9px;
        padding-top: 9px
    }

    .dTable table tbody tr td .td-limit[data-v-54d7d88c] {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 84px
    }

    .dTable table tbody tr td+td[data-v-54d7d88c] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td .tool-desc[data-v-54d7d88c] {
        word-wrap: break-word !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: normal !important
    }

    .dTable table tbody tr[data-v-54d7d88c]:nth-child(2n) {
        background: #f8f9fb
    }

    .dTable table tbody tr:last-child td[data-v-54d7d88c] {
        border-bottom: 0
    }

    .dTable[data-v-38b70ada] {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        overflow: hidden
    }

    .dTable table[data-v-38b70ada] {
        table-layout: fixed
    }

    .dTable table td[data-v-38b70ada],
    .dTable table th[data-v-38b70ada] {
        min-width: 0;
        padding: 12px 0;
        text-align: left
    }

    .dTable table td .cell[data-v-38b70ada],
    .dTable table td[data-v-38b70ada],
    .dTable table th .cell[data-v-38b70ada],
    .dTable table th[data-v-38b70ada] {
        box-sizing: border-box;
        position: relative;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .dTable table td .cell[data-v-38b70ada],
    .dTable table th .cell[data-v-38b70ada] {
        display: inline-block;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        width: 100%
    }

    .dTable table td:first-child .cell[data-v-38b70ada],
    .dTable table th:first-child .cell[data-v-38b70ada] {
        padding-left: 14px;
        text-align: center
    }

    .dTable table td:last-child .cell[data-v-38b70ada],
    .dTable table th:last-child .cell[data-v-38b70ada] {
        padding-right: 14px;
        text-align: center
    }

    .dTable table thead tr th[data-v-38b70ada] {
        background: #7150e6;
        border-bottom: 1px solid #e5e5e5;
        color: #fff;
        font-weight: 400
    }

    .dTable table thead tr th+th[data-v-38b70ada] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td[data-v-38b70ada] {
        border-bottom: 1px solid #e5e5e5;
        color: #191919;
        font-size: 16px;
        padding-bottom: 9px;
        padding-top: 9px
    }

    .dTable table tbody tr td .td-limit[data-v-38b70ada] {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 84px
    }

    .dTable table tbody tr td+td[data-v-38b70ada] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td .tool-desc[data-v-38b70ada] {
        word-wrap: break-word !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: normal !important
    }

    .dTable table tbody tr[data-v-38b70ada]:nth-child(2n) {
        background: #f8f9fb
    }

    .dTable table tbody tr:last-child td[data-v-38b70ada] {
        border-bottom: 0
    }

    .dTable[data-v-dbd81bfa] {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        overflow: hidden
    }

    .dTable table[data-v-dbd81bfa] {
        table-layout: fixed
    }

    .dTable table td[data-v-dbd81bfa],
    .dTable table th[data-v-dbd81bfa] {
        min-width: 0;
        padding: 12px 0;
        text-align: left
    }

    .dTable table td .cell[data-v-dbd81bfa],
    .dTable table td[data-v-dbd81bfa],
    .dTable table th .cell[data-v-dbd81bfa],
    .dTable table th[data-v-dbd81bfa] {
        box-sizing: border-box;
        position: relative;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .dTable table td .cell[data-v-dbd81bfa],
    .dTable table th .cell[data-v-dbd81bfa] {
        display: inline-block;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        width: 100%
    }

    .dTable table td:first-child .cell[data-v-dbd81bfa],
    .dTable table th:first-child .cell[data-v-dbd81bfa] {
        padding-left: 14px;
        text-align: center
    }

    .dTable table td:last-child .cell[data-v-dbd81bfa],
    .dTable table th:last-child .cell[data-v-dbd81bfa] {
        padding-right: 14px;
        text-align: center
    }

    .dTable table thead tr th[data-v-dbd81bfa] {
        background: #7150e6;
        border-bottom: 1px solid #e5e5e5;
        color: #fff;
        font-weight: 400
    }

    .dTable table thead tr th+th[data-v-dbd81bfa] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td[data-v-dbd81bfa] {
        border-bottom: 1px solid #e5e5e5;
        color: #191919;
        font-size: 16px;
        padding-bottom: 9px;
        padding-top: 9px
    }

    .dTable table tbody tr td .td-limit[data-v-dbd81bfa] {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 84px
    }

    .dTable table tbody tr td+td[data-v-dbd81bfa] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td .tool-desc[data-v-dbd81bfa] {
        word-wrap: break-word !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: normal !important
    }

    .dTable table tbody tr[data-v-dbd81bfa]:nth-child(2n) {
        background: #f8f9fb
    }

    .dTable table tbody tr:last-child td[data-v-dbd81bfa] {
        border-bottom: 0
    }

    .dTable[data-v-543be81d] {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        overflow: hidden
    }

    .dTable table[data-v-543be81d] {
        table-layout: fixed
    }

    .dTable table td[data-v-543be81d],
    .dTable table th[data-v-543be81d] {
        min-width: 0;
        padding: 12px 0;
        text-align: left
    }

    .dTable table td .cell[data-v-543be81d],
    .dTable table td[data-v-543be81d],
    .dTable table th .cell[data-v-543be81d],
    .dTable table th[data-v-543be81d] {
        box-sizing: border-box;
        position: relative;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .dTable table td .cell[data-v-543be81d],
    .dTable table th .cell[data-v-543be81d] {
        display: inline-block;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        width: 100%
    }

    .dTable table td:first-child .cell[data-v-543be81d],
    .dTable table th:first-child .cell[data-v-543be81d] {
        padding-left: 14px;
        text-align: center
    }

    .dTable table td:last-child .cell[data-v-543be81d],
    .dTable table th:last-child .cell[data-v-543be81d] {
        padding-right: 14px;
        text-align: center
    }

    .dTable table thead tr th[data-v-543be81d] {
        background: #7150e6;
        border-bottom: 1px solid #e5e5e5;
        color: #fff;
        font-weight: 400
    }

    .dTable table thead tr th+th[data-v-543be81d] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td[data-v-543be81d] {
        border-bottom: 1px solid #e5e5e5;
        color: #191919;
        font-size: 16px;
        padding-bottom: 9px;
        padding-top: 9px
    }

    .dTable table tbody tr td .td-limit[data-v-543be81d] {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 84px
    }

    .dTable table tbody tr td+td[data-v-543be81d] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td .tool-desc[data-v-543be81d] {
        word-wrap: break-word !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: normal !important
    }

    .dTable table tbody tr[data-v-543be81d]:nth-child(2n) {
        background: #f8f9fb
    }

    .dTable table tbody tr:last-child td[data-v-543be81d] {
        border-bottom: 0
    }

    .dTable[data-v-62899626] {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        overflow: hidden
    }

    .dTable table[data-v-62899626] {
        table-layout: fixed
    }

    .dTable table td[data-v-62899626],
    .dTable table th[data-v-62899626] {
        min-width: 0;
        padding: 12px 0;
        text-align: left
    }

    .dTable table td .cell[data-v-62899626],
    .dTable table td[data-v-62899626],
    .dTable table th .cell[data-v-62899626],
    .dTable table th[data-v-62899626] {
        box-sizing: border-box;
        position: relative;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .dTable table td .cell[data-v-62899626],
    .dTable table th .cell[data-v-62899626] {
        display: inline-block;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        width: 100%
    }

    .dTable table td:first-child .cell[data-v-62899626],
    .dTable table th:first-child .cell[data-v-62899626] {
        padding-left: 14px;
        text-align: center
    }

    .dTable table td:last-child .cell[data-v-62899626],
    .dTable table th:last-child .cell[data-v-62899626] {
        padding-right: 14px;
        text-align: center
    }

    .dTable table thead tr th[data-v-62899626] {
        background: #7150e6;
        border-bottom: 1px solid #e5e5e5;
        color: #fff;
        font-weight: 400
    }

    .dTable table thead tr th+th[data-v-62899626] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td[data-v-62899626] {
        border-bottom: 1px solid #e5e5e5;
        color: #191919;
        font-size: 16px;
        padding-bottom: 9px;
        padding-top: 9px
    }

    .dTable table tbody tr td .td-limit[data-v-62899626] {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 84px
    }

    .dTable table tbody tr td+td[data-v-62899626] {
        border-left: 1px solid #e5e5e5
    }

    .dTable table tbody tr td .tool-desc[data-v-62899626] {
        word-wrap: break-word !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: normal !important
    }

    .dTable table tbody tr[data-v-62899626]:nth-child(2n) {
        background: #f8f9fb
    }

    .dTable table tbody tr:last-child td[data-v-62899626] {
        border-bottom: 0
    }

    .tool-item[data-v-24bad1ac] {
        background: #fff;
        border: 1px solid #e5e5e5;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
        padding: 0 20px
    }

    .tool-item .tool-pic[data-v-24bad1ac] {
        border-radius: 50%;
        height: 80px;
        overflow: hidden;
        width: 80px
    }

    .tool-item .go-gpts-home[data-v-24bad1ac] {
        height: 38px;
        min-width: 120px
    }

    .tool-item .circle[data-v-24bad1ac] {
        background: #000;
        border-radius: 50%;
        display: block;
        height: 4px;
        width: 4px
    }

    .tool-item[data-v-52d4be8a] {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
        height: 106px !important
    }

    .tool-item.history-recommended[data-v-52d4be8a] {
        border: 2px solid #d9d8fc
    }

    .tool-item.history-recommended .free-tag[data-v-52d4be8a] {
        background: #ebeafd;
        color: #7150e6
    }

    .tool-item.history-recommended .free-tag .svg-icon[data-v-52d4be8a] {
        color: #bcb9f9
    }

    .tool-item.history-recommended[data-v-52d4be8a] .tool-item-featured-content {
        padding-top: 14px !important
    }

    .tool-item[data-v-52d4be8a]:hover {
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
    }

    .tool-item .free-tag[data-v-52d4be8a] {
        background: rgba(229, 231, 235, .5);
        border-radius: 3px 3px 0 3px;
        color: #4b5563;
        font-size: 12px;
        height: 18px;
        right: -8px !important;
        top: -8px !important;
        width: 37px
    }

    .tool-item .free-tag .svg-icon[data-v-52d4be8a] {
        stroke: inherit;
        bottom: -7px;
        color: #d1d5db;
        font-size: 9px;
        right: -1px
    }

    .tool-item .t-label[data-v-52d4be8a] {
        padding: 3px 10px
    }

    .tool-item .flag[data-v-52d4be8a] {
        margin-top: -1px
    }

    .tool-item .flag img[data-v-52d4be8a] {
        height: 10px;
        width: 14px
    }

    .tool-item .maxHeight[data-v-52d4be8a] {
        max-height: 24px
    }

    .pros-ul li div[data-v-bb28f5e4] {
        display: inline-block;
        max-width: 100%;
        padding-left: 16px;
        position: relative
    }

    .pros-ul li div[data-v-bb28f5e4]:after {
        background: #191919;
        border-radius: 50%;
        content: "";
        display: block;
        height: 6px;
        left: 0;
        position: absolute;
        top: 9px;
        width: 6px
    }

    .tool-item[data-v-38c7a8e2] {
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08)
    }

    .tool-item .t-label[data-v-38c7a8e2] {
        padding: 3px 10px
    }

    .tool-item .tool-desc[data-v-38c7a8e2] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tool-item .maxHeight[data-v-38c7a8e2] {
        max-height: 76px
    }

    .vs-table tr[data-v-0bd4acdc]:nth-child(2n) {
        background: #f8f9fb
    }

    .vs-table tr td[data-v-0bd4acdc]:last-child {
        border-left: 1px solid #e5e5e5
    }

    .prosBetween-item ul li div[data-v-64478f1a] {
        display: inline-block;
        max-width: 100%;
        padding-left: 16px;
        position: relative
    }

    .prosBetween-item ul li div[data-v-64478f1a]:after {
        background: #191919;
        border-radius: 50%;
        content: "";
        display: block;
        height: 6px;
        left: 0;
        position: absolute;
        top: 9px;
        width: 6px
    }

    .gap-tab[data-v-6d73e4f1] {
        gap: 50px !important
    }

    .vs-table tr[data-v-6d73e4f1]:nth-child(2n) {
        background: #f8f9fb
    }

    .vs-table tr td[data-v-6d73e4f1]:last-child {
        border-left: 1px solid #e5e5e5
    }

    .date[data-v-6d73e4f1] {
        align-items: center;
        display: flex;
        margin-bottom: 12px
    }

    .date svg[data-v-6d73e4f1] {
        font-size: 18px;
        margin-right: 8px;
        margin-top: -2px
    }

    .date span[data-v-6d73e4f1] {
        color: #191919;
        font-size: 16px;
        line-height: 20px
    }

    .traffic-title[data-v-6d73e4f1] {
        color: #191919;
        font-size: 20px;
        line-height: 24px;
        padding-left: 15px;
        position: relative
    }

    .traffic-title[data-v-6d73e4f1]:after {
        background: #8333c2;
        border-radius: 1px;
        content: "";
        height: 24px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 3px
    }

    .tool-detail-information svg[data-v-94c44e16] {
        transition: .2s
    }

    .tool-detail-information svg.show[data-v-94c44e16] {
        transform: rotate(180deg)
    }

    .tool-detail-information .moreInfo ul li[data-v-94c44e16] {
        padding-left: 26px;
        position: relative
    }

    .tool-detail-information .moreInfo ul li[data-v-94c44e16]:before {
        background: #7150e6;
        border-radius: 50%;
        content: "";
        height: 12px;
        left: 0;
        position: absolute;
        top: 7px;
        width: 12px
    }

    .tool-detail-reviews[data-v-2c7e5fda] .el-rate {
        height: 26px;
        margin-top: -2px
    }

    .tool-detail-reviews[data-v-2c7e5fda] .el-rate .el-rate__icon {
        font-size: 26px;
        margin-right: 2px
    }

    .tool-detail-reviews[data-v-2c7e5fda] .el-rate .el-rate__item+.el-rate__item {
        margin-left: -2px
    }

    .tool-detail-reviews .avatar[data-v-2c7e5fda] {
        align-items: center;
        background: #ebe6ff;
        color: #7150e6;
        display: flex;
        font-size: 22px;
        font-weight: 600;
        justify-content: center;
        overflow: hidden;
        vertical-align: middle
    }

    .tool-detail-reviews[data-v-2c7e5fda] .dropdown {
        min-width: 0
    }

    .reviews-list[data-v-caf132f4] .el-rate {
        height: 26px;
        margin-top: -2px
    }

    .reviews-list[data-v-caf132f4] .el-rate .el-rate__icon {
        font-size: 26px;
        margin-right: 2px
    }

    .reviews-list[data-v-caf132f4] .el-rate .el-rate__item+.el-rate__item {
        margin-left: -2px
    }

    .reviews-list[data-v-caf132f4] .el-dropdown-link {
        color: #191919;
        cursor: pointer;
        font-size: 18px;
        font-weight: 600
    }

    .reviews-list .pagination[data-v-caf132f4] {
        margin-top: 20px;
        text-align: center
    }

    .reviews-list .pagination[data-v-caf132f4] .el-pagination {
        padding: 0
    }

    .reviews-list .pagination[data-v-caf132f4] .el-pagination .el-pagination__jump .el-input {
        margin-right: 0
    }

    .reviews-list .avatar[data-v-caf132f4] {
        align-items: center;
        background: #ebe6ff;
        color: #7150e6;
        display: flex;
        font-size: 22px;
        font-weight: 600;
        justify-content: center;
        overflow: hidden;
        vertical-align: middle
    }

    .reviews-list[data-v-caf132f4] .dropdown {
        min-width: 0
    }

    .dropdown[data-v-bd4f4214] {
        height: 48px;
        max-width: 100%;
        min-width: 190px
    }

    .dropdown svg[data-v-bd4f4214] {
        transition: .2s
    }

    .dropdown svg.show[data-v-bd4f4214] {
        transform: rotate(180deg)
    }

    .tool-item .t-label[data-v-5e35b4ae] {
        padding: 3px 10px
    }

    .tool-item .tool-desc[data-v-5e35b4ae] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tool-item .maxHeight[data-v-5e35b4ae] {
        max-height: 76px
    }

    .tool-item+.tool-item[data-v-5e35b4ae] {
        border-top: 1px solid #e5e5e5
    }

    .text-ellipsis[data-v-67777aaa] {
        word-wrap: break-word;
        white-space: pre-wrap
    }

    .text-ellipsis .btn-ellipsis[data-v-67777aaa] {
        color: #7150e6;
        cursor: pointer;
        white-space: nowrap
    }

    .index-sub-categories-list .more-category[data-v-7dfd3e08],
    .index-sub-categories-list .sub-categories-list .sub-category-item[data-v-7dfd3e08] {
        height: 34px
    }

    .index-sub-categories-list a svg[data-v-7dfd3e08] {
        fill: #2d2d2d
    }

    .index-sub-categories-list a:hover svg[data-v-7dfd3e08] {
        fill: #7150e6
    }

    .index-sub-categories-list .w-12px[data-v-7dfd3e08] {
        width: 12px
    }

    .index-sub-categories-list .h-12px[data-v-7dfd3e08] {
        height: 12px
    }

    .index-sub-categories-list .-mt-1px[data-v-7dfd3e08] {
        margin-top: -1px
    }

    .index-sub-categories-list .active-name[data-v-7dfd3e08] {
        color: #fff !important
    }

    @media(max-width: 767px) {
        .index-categories-list .categories-list[data-v-7dfd3e08] {
            height: 150px
        }
    }

    .tool-item[data-v-bfb0db44] {
        border-radius: 11px;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
        height: 106px !important
    }

    .tool-item.history-recommended[data-v-bfb0db44] {
        border: 2px solid #d9d8fc
    }

    .tool-item.history-recommended .free-tag[data-v-bfb0db44] {
        background: #ebeafd;
        color: #7150e6
    }

    .tool-item.history-recommended .free-tag .svg-icon[data-v-bfb0db44] {
        color: #bcb9f9
    }

    .tool-item[data-v-bfb0db44]:hover {
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
    }

    .tool-item .free-tag[data-v-bfb0db44] {
        background: rgba(229, 231, 235, .5);
        border-radius: 3px 3px 0 3px;
        color: #4b5563;
        font-size: 12px;
        height: 18px;
        right: -8px !important;
        top: -8px !important;
        width: 37px
    }

    .tool-item .free-tag .svg-icon[data-v-bfb0db44] {
        stroke: inherit;
        bottom: -7px;
        color: #d1d5db;
        font-size: 9px;
        right: -1px
    }

    .tool-item .t-label[data-v-bfb0db44] {
        padding: 3px 10px
    }

    .tool-item .flag[data-v-bfb0db44] {
        margin-top: -1px
    }

    .tool-item .flag img[data-v-bfb0db44] {
        height: 10px;
        width: 14px
    }

    .tool-item .maxHeight[data-v-bfb0db44] {
        max-height: 24px
    }

    .tool-item-featured-content .tool-item-featured-content-text[data-v-44330c37] {
        gap: 10px
    }

    .tool-item-featured-content .tool-pic[data-v-44330c37] {
        aspect-ratio: 1;
        border-radius: 50%;
        overflow: hidden;
        width: 32px
    }

    .tool-item-featured-content .tool-pic.default-avatar[data-v-44330c37] {
        align-items: center;
        background-color: #ebeafd;
        display: flex;
        justify-content: center
    }

    .tool-item-featured-content .tool-pic.default-avatar .default-avatar-text[data-v-44330c37] {
        color: #7150e6 !important;
        font-size: 16px !important;
        font-weight: 700 !important
    }

    .tool-item-featured-content .tool-pic img[data-v-44330c37] {
        border-radius: 10px 10px 0 0
    }

    .tool-item-featured-content .tool-item-featured-content-desc[data-v-44330c37] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        line-height: 17px !important;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tool-item-featured-content .tool-description-wrapper .tooltip-box.tool-description-tooltip-bottom-line[data-v-44330c37] {
        bottom: 100%;
        margin-bottom: 5px;
        margin-top: 0;
        top: auto
    }

    .tool-item-featured-content .tool-description-wrapper .tooltip-box.tool-description-tooltip-bottom-line[data-v-44330c37]:before {
        bottom: -4px;
        left: 50%;
        top: auto
    }

    .tool-item-featured-content .tool-description-wrapper .tooltip-box.tool-description-tooltip-bottom-line[data-v-44330c37]:after {
        bottom: -7px;
        top: auto
    }

    .tool-item-featured-content .tool-description-wrapper .tool-desc[data-v-44330c37] {
        -webkit-line-clamp: 2
    }

    .tool-item-featured-content .tool-name-tooltip[data-v-44330c37] {
        cursor: default;
        left: 50%;
        margin-top: 5px;
        transform: translateX(-50%)
    }

    .tool-item-featured-content .tool-name-tooltip[data-v-44330c37]:after {
        height: 10px;
        top: -10px
    }

    .tool-item-featured-content .tooltip-box[data-v-44330c37] {
        background: #000;
        border-radius: 10px;
        color: #fff;
        cursor: default;
        margin-top: 5px;
        padding: 10px;
        top: calc(100% + 2px);
        z-index: 1000
    }

    .tool-item-featured-content .tooltip-box[data-v-44330c37]:before {
        background-color: #000;
        content: "";
        height: 8px;
        left: 50%;
        position: absolute;
        top: -4px;
        transform: translateX(-50%) rotate(45deg);
        width: 8px
    }

    .tool-website-traffic svg[data-v-2d5c9fed] {
        color: transparent !important
    }

    .gap-tab[data-v-6786b68a] {
        gap: 50px !important
    }

    .vs-table tr[data-v-6786b68a]:nth-child(2n) {
        background: #f8f9fb
    }

    .vs-table tr td[data-v-6786b68a]:last-child {
        border-left: 1px solid #e5e5e5
    }

    .traffic-title[data-v-6786b68a] {
        color: #191919;
        font-size: 20px;
        line-height: 24px;
        padding-left: 15px;
        position: relative
    }

    .traffic-title[data-v-6786b68a]:after {
        background: #8333c2;
        border-radius: 1px;
        content: "";
        height: 24px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 3px
    }

    .gap-tab[data-v-3203ee2c] {
        gap: 50px !important
    }

    .date[data-v-3203ee2c] {
        align-items: center;
        display: flex;
        margin-bottom: 12px
    }

    .date svg[data-v-3203ee2c] {
        font-size: 18px;
        margin-right: 8px;
        margin-top: -2px
    }

    .date span[data-v-3203ee2c] {
        color: #191919;
        font-size: 16px;
        line-height: 20px
    }

    .vs-table tr[data-v-3203ee2c]:nth-child(2n) {
        background: #f8f9fb
    }

    .vs-table tr td[data-v-3203ee2c]:last-child {
        border-left: 1px solid #e5e5e5
    }

    .dot[data-v-3203ee2c] {
        border-radius: 50%;
        display: block;
        height: 12px;
        margin-right: 12px;
        width: 12px
    }

    .traffic-title[data-v-3203ee2c] {
        color: #191919;
        font-size: 20px;
        line-height: 24px;
        padding-left: 15px;
        position: relative
    }

    .traffic-title[data-v-3203ee2c]:after {
        background: #8333c2;
        border-radius: 1px;
        content: "";
        height: 24px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 3px
    }

    .traffic-chart[data-v-68c56ce4] {
        margin-top: 30px
    }

    .index-container[data-v-1c923558] {
        background: #f8f9fb
    }

    .index-container .title[data-v-1c923558] {
        font-size: 48px;
        line-height: 56px
    }

    .index-container .desc[data-v-1c923558] {
        color: #6339d6;
        font-size: 16px;
        line-height: 20px
    }

    .tTable .media-item[data-v-57cd9868] {
        min-width: 1130px;
        padding-bottom: 24px;
        padding-top: 24px
    }

    .tTable .media-item .platform[data-v-57cd9868] {
        width: 32px
    }

    .tTable .media-item .support[data-v-57cd9868] {
        width: 120px
    }

    .tTable .media-item .date[data-v-57cd9868] {
        width: 110px
    }

    .tTable .media-item .like[data-v-57cd9868],
    .tTable .media-item .message[data-v-57cd9868],
    .tTable .media-item .share[data-v-57cd9868],
    .tTable .media-item .view[data-v-57cd9868] {
        width: 66px
    }

    .tTable .media-item .link[data-v-57cd9868] {
        width: 228px
    }

    .tTable .el-skeleton .media-item+.media-item[data-v-57cd9868] {
        margin-top: 12px
    }

    .lock[data-v-57cd9868] {
        background: linear-gradient(180deg, rgba(232, 232, 255, 0), #e8e8ff)
    }

    .lock .lock-icon[data-v-57cd9868] {
        color: transparent;
        height: 120px;
        width: 120px
    }

    .tTable .media-item[data-v-2b2d7d31] {
        min-width: 1130px;
        padding-bottom: 24px;
        padding-top: 24px
    }

    .tTable .media-item .platform[data-v-2b2d7d31] {
        width: 32px
    }

    .tTable .media-item .support[data-v-2b2d7d31] {
        width: 120px
    }

    .tTable .media-item .date[data-v-2b2d7d31] {
        width: 110px
    }

    .tTable .media-item .like[data-v-2b2d7d31],
    .tTable .media-item .message[data-v-2b2d7d31],
    .tTable .media-item .share[data-v-2b2d7d31],
    .tTable .media-item .view[data-v-2b2d7d31] {
        width: 66px
    }

    .tTable .media-item .link[data-v-2b2d7d31] {
        width: 228px
    }

    .tTable .el-skeleton .media-item+.media-item[data-v-2b2d7d31],
    .tTable[data-v-2b2d7d31] .el-empty .el-empty__bottom {
        margin-top: 12px
    }

    .tTable[data-v-2b2d7d31] .el-empty p {
        color: #909399;
        font-size: 14px
    }

    .el-image[data-v-0c114aba] {
        align-items: center;
        display: flex
    }

    .tTable .media-item[data-v-3a4e8e36] {
        min-width: 1130px;
        padding-bottom: 24px;
        padding-top: 24px
    }

    .tTable .media-item .platform[data-v-3a4e8e36] {
        width: 32px
    }

    .tTable .media-item .support[data-v-3a4e8e36] {
        width: 120px
    }

    .tTable .media-item .date[data-v-3a4e8e36] {
        width: 110px
    }

    .tTable .media-item .like[data-v-3a4e8e36],
    .tTable .media-item .message[data-v-3a4e8e36],
    .tTable .media-item .share[data-v-3a4e8e36],
    .tTable .media-item .view[data-v-3a4e8e36] {
        width: 66px
    }

    .tTable .media-item .link[data-v-3a4e8e36] {
        width: 228px
    }

    .tTable .el-skeleton .media-item+.media-item[data-v-3a4e8e36] {
        margin-top: 12px
    }

    .tTable .media-item[data-v-4004d213] {
        min-width: 1130px;
        padding-bottom: 24px;
        padding-top: 24px
    }

    .tTable .media-item .platform[data-v-4004d213] {
        width: 32px
    }

    .tTable .media-item .support[data-v-4004d213] {
        width: 120px
    }

    .tTable .media-item .date[data-v-4004d213] {
        width: 110px
    }

    .tTable .media-item .like[data-v-4004d213],
    .tTable .media-item .message[data-v-4004d213],
    .tTable .media-item .share[data-v-4004d213],
    .tTable .media-item .view[data-v-4004d213] {
        width: 66px
    }

    .tTable .media-item .link[data-v-4004d213] {
        width: 228px
    }

    .tTable .el-skeleton .media-item+.media-item[data-v-4004d213] {
        margin-top: 12px
    }

    .lock[data-v-4004d213] {
        background: linear-gradient(180deg, rgba(232, 232, 255, 0), #e8e8ff)
    }

    .lock .lock-icon[data-v-4004d213] {
        color: transparent;
        height: 120px;
        width: 120px
    }

    .social-media-pay-dialog {
        background: linear-gradient(90deg, #f5f6ff, #e8e8ff) !important;
        border-radius: 32px 32px 32px 32px !important;
        height: 90vh !important;
        margin-bottom: 5vh !important;
        margin-top: 5vh !important;
        max-width: 95% !important;
        padding: 0 !important;
        width: 1000px !important
    }

    .social-media-pay-dialog .el-dialog__header {
        padding: 0
    }

    .social-media-pay-dialog .el-dialog__header .el-dialog__headerbtn {
        height: 30px;
        right: 15px;
        top: 15px;
        width: 30px
    }

    .social-media-pay-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
        color: #ff3b30;
        font-weight: 900
    }

    .social-media-pay-dialog .el-dialog__header .el-dialog__headerbtn:hover {
        opacity: .8
    }

    .social-media-pay-dialog .el-dialog__body {
        padding: 0 !important
    }

    .social-media-pay-dialog .el-dialog__body .social-media-pay-main {
        height: 90vh
    }

    .social-media-pay-dialog .el-dialog__body .pay-content {
        flex: 1;
        overflow-y: auto;
        scroll-behavior: smooth;
        width: 100%
    }

    .social-media-pay-dialog .el-dialog__body .pay-content::-webkit-scrollbar {
        background: transparent;
        height: 4px;
        width: 4px
    }

    .social-media-pay-dialog .el-dialog__body .pay-content::-webkit-scrollbar-thumb {
        background: transparent;
        background: #dcd3ff;
        border-radius: 4px
    }

    .social-media-pay-dialog .el-dialog__body .pay-content:hover::-webkit-scrollbar-thumb {
        background: #dcd3ff
    }

    .social-media-pay-dialog .el-dialog__body .pay-content::-webkit-scrollbar-track {
        display: none
    }

    .social-media-pay-dialog .el-dialog__body .pay-content .tTable .media-item {
        min-width: 800px;
        padding-bottom: 24px;
        padding-top: 24px
    }

    .social-media-pay-dialog .el-dialog__body .pay-content .tTable .media-item .platform {
        width: 32px
    }

    .social-media-pay-dialog .el-dialog__body .pay-content .tTable .media-item .support {
        width: 120px
    }

    .social-media-pay-dialog .el-dialog__body .pay-content .tTable .media-item .date {
        width: 110px
    }

    .social-media-pay-dialog .el-dialog__body .pay-content .tTable .media-item .link {
        width: 180px
    }

    .social-media-pay-dialog .el-dialog__body .pay-content .tTable .el-skeleton .media-item+.media-item {
        margin-top: 12px
    }

    .social-media-pay-dialog .el-dialog__body .pay-content .lock {
        background: linear-gradient(180deg, rgba(232, 232, 255, 0), #e8e8ff)
    }

    .social-media-pay-dialog .el-dialog__body .pay-content .lock .lock-icon {
        color: transparent;
        height: 120px;
        width: 120px
    }

    .tool-traffic-box .sub-title[data-v-0bc41cfd] {
        padding-left: 26px;
        position: relative
    }

    .tool-traffic-box .sub-title[data-v-0bc41cfd]:before {
        background: #7150e6;
        border-radius: 50%;
        content: "";
        height: 12px;
        left: 0;
        position: absolute;
        top: 7px;
        width: 12px
    }

    .traffic-chart[data-v-18a4a000] {
        height: 310px;
        margin-top: 30px
    }

    .tool-detail .dot[data-v-5eeb2e22] {
        position: relative
    }

    .tool-detail .dot[data-v-5eeb2e22]:before {
        background: #2f3032;
        border-radius: 50%;
        content: "";
        height: 4px;
        left: -16px;
        position: absolute;
        top: 13px;
        width: 4px
    }

    .tool-detail .min-dot[data-v-5eeb2e22] {
        position: relative
    }

    .tool-detail .min-dot[data-v-5eeb2e22]:before {
        background: #2f3032;
        border-radius: 50%;
        content: "";
        height: 4px;
        left: -12px;
        position: absolute;
        top: 9px;
        width: 4px
    }

    .tool-detail .t-label[data-v-5eeb2e22] {
        padding: 4px 12px
    }

    .tool-detail .more-icon[data-v-5eeb2e22] {
        height: 34px
    }

    .tool-detail .tool-categories[data-v-5eeb2e22] h2,
    .tool-detail .tool-comparisons[data-v-5eeb2e22] h2,
    .tool-detail .tool-faq[data-v-5eeb2e22] h2,
    .tool-detail .tool-prices[data-v-5eeb2e22] h2,
    .tool-detail .tool-traffic[data-v-5eeb2e22] h2 {
        text-align: center
    }

    .tool-detail .tool-categories[data-v-5eeb2e22] .categories-list {
        grid-gap: 20px !important;
        display: grid !important;
        gap: 20px !important;
        margin-top: 40px !important;
        padding: 0
    }

    .tool-detail .tool-prices[data-v-5eeb2e22] .prices-flex {
        align-items: stretch;
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center
    }

    .tool-detail .tool-prices[data-v-5eeb2e22] .prices-flex .price-item {
        max-width: 100%;
        width: 366px
    }

    @media(min-width: 640px) {
        .tool-detail .tool-categories[data-v-5eeb2e22] .categories-list {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            margin-top: 18px !important;
            padding: 0 20px
        }
    }

    @media(min-width: 768px) {
        .tool-detail .tool-categories[data-v-5eeb2e22] .categories-list {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            margin-top: 24px !important;
            padding: 0 40px
        }
    }

    @media(min-width: 1024px) {
        .tool-detail .tool-prices[data-v-5eeb2e22] .grid {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important
        }
    }

    .tool-detail-traffic-analysis .traffic-chart[data-v-0eb851b0] {
        margin-top: 0
    }

    .tool-core-features .case-list .case-item[data-v-4101e476] {
        position: relative
    }

    .tool-item[data-v-1ef2b028] {
        box-shadow: 0 3px 6px rgba(14, 30, 62, .08)
    }

    .tool-item.history-recommended[data-v-1ef2b028] {
        border: 2px solid #a9b0ff
    }

    .tool-item[data-v-1ef2b028]:hover {
        box-shadow: 0 18px 34px rgba(14, 30, 62, .12)
    }

    .tool-item .tool-desc[data-v-1ef2b028] {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tool-item .tool-linear[data-v-1ef2b028] {
        background: linear-gradient(1turn, #eaeaff, #c2c2ff)
    }

    .tool-item .tool-linear .tool-pic[data-v-1ef2b028] {
        border-radius: 10px 10px 0 0;
        height: 186px;
        overflow: hidden
    }

    .tool-item .tool-pic img[data-v-1ef2b028] {
        border-radius: 10px 10px 0 0
    }

    .tool-item .t-label[data-v-1ef2b028] {
        padding: 3px 10px
    }

    .tool-item .view-btn[data-v-1ef2b028] {
        max-width: 139px
    }

    .tool-item .flag[data-v-1ef2b028] {
        margin-top: -1px
    }

    .tool-item .flag img[data-v-1ef2b028] {
        height: 13px;
        width: 19px
    }

    .tool-item .progress-country[data-v-1ef2b028] {
        justify-content: space-between;
        margin-top: 12px;
        min-height: 14px;
        overflow: hidden;
        width: 100%
    }

    .tool-item .progress-country .progress-item .country[data-v-1ef2b028] {
        font-size: 12px;
        line-height: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .tool-item .maxHeight[data-v-1ef2b028] {
        max-height: 64px
    }

    .tool-item .progress[data-v-1ef2b028] {
        border-radius: 3px;
        margin-top: 12px;
        min-height: 6px;
        overflow: hidden;
        width: 100%
    }

    .tool-item .progress .progress-item .progress-item-bar[data-v-1ef2b028] {
        background: #195afe;
        height: 6px
    }

    .tool-item .progress .progress-item:first-child .progress-item-bar[data-v-1ef2b028] {
        border-radius: 3px 0 0 3px
    }

    .tool-item .progress .progress-item:last-child .progress-item-bar[data-v-1ef2b028] {
        border-radius: 0 3px 3px 0
    }

    .tool-item .progress .progress-item:first-child .progress-item-bar[data-v-1ef2b028] {
        background: #195afe
    }

    .tool-item .progress .progress-item:nth-child(2) .progress-item-bar[data-v-1ef2b028] {
        background: #1dcdf5
    }

    .tool-item .progress .progress-item:nth-child(3) .progress-item-bar[data-v-1ef2b028] {
        background: #fc3771
    }

    .tool-use-cases .tTable[data-v-426ddf70] {
        background: #f7f5fe;
        border: 1px solid #bfbfbf;
        border-radius: 6px;
        max-width: 810px;
        width: 100%
    }

    .tool-use-cases .tTable table[data-v-426ddf70] {
        width: 100%
    }

    .tool-use-cases .tTable table tbody tr td[data-v-426ddf70] {
        border: 0;
        border-bottom: 1px solid #bfbfbf;
        padding: 15px 20px
    }

    .tool-use-cases .tTable table tbody tr td+td[data-v-426ddf70] {
        border-left: 1px solid #bfbfbf
    }

    .tool-use-cases .tTable table tbody tr td[data-v-426ddf70]:first-child {
        min-width: 60px;
        padding: 15px 10px
    }

    .tool-use-cases .tTable table tbody tr:last-child td[data-v-426ddf70] {
        border-bottom: 0
    }

    .tool-use-tags .case-item[data-v-df2bd7b0] {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
        font-size: 0
    }

    .tool-use-tags .case-item i[data-v-df2bd7b0] {
        background: #fff url(/3.3.2/img/triangle.6caad1a.png);
        background-size: 100% 100%;
        height: 100%;
        width: 15px
    }

    @font-face {
        font-display: "auto";
        font-family: element-icons;
        font-style: normal;
        font-weight: 400;
        src: url(/3.3.2/fonts/element-icons.313f7da.woff) format("woff"), url(/3.3.2/fonts/element-icons.4520188.ttf) format("truetype")
    }

    [class*=" el-icon-"],
    [class^=el-icon-] {
        speak: none;
        font-feature-settings: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-family: element-icons !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
        vertical-align: baseline
    }

    .el-icon-ice-cream-round:before {
        content: ""
    }

    .el-icon-ice-cream-square:before {
        content: ""
    }

    .el-icon-lollipop:before {
        content: ""
    }

    .el-icon-potato-strips:before {
        content: ""
    }

    .el-icon-milk-tea:before {
        content: ""
    }

    .el-icon-ice-drink:before {
        content: ""
    }

    .el-icon-ice-tea:before {
        content: ""
    }

    .el-icon-coffee:before {
        content: ""
    }

    .el-icon-orange:before {
        content: ""
    }

    .el-icon-pear:before {
        content: ""
    }

    .el-icon-apple:before {
        content: ""
    }

    .el-icon-cherry:before {
        content: ""
    }

    .el-icon-watermelon:before {
        content: ""
    }

    .el-icon-grape:before {
        content: ""
    }

    .el-icon-refrigerator:before {
        content: ""
    }

    .el-icon-goblet-square-full:before {
        content: ""
    }

    .el-icon-goblet-square:before {
        content: ""
    }

    .el-icon-goblet-full:before {
        content: ""
    }

    .el-icon-goblet:before {
        content: ""
    }

    .el-icon-cold-drink:before {
        content: ""
    }

    .el-icon-coffee-cup:before {
        content: ""
    }

    .el-icon-water-cup:before {
        content: ""
    }

    .el-icon-hot-water:before {
        content: ""
    }

    .el-icon-ice-cream:before {
        content: ""
    }

    .el-icon-dessert:before {
        content: ""
    }

    .el-icon-sugar:before {
        content: ""
    }

    .el-icon-tableware:before {
        content: ""
    }

    .el-icon-burger:before {
        content: ""
    }

    .el-icon-knife-fork:before {
        content: ""
    }

    .el-icon-fork-spoon:before {
        content: ""
    }

    .el-icon-chicken:before {
        content: ""
    }

    .el-icon-food:before {
        content: ""
    }

    .el-icon-dish-1:before {
        content: ""
    }

    .el-icon-dish:before {
        content: ""
    }

    .el-icon-moon-night:before {
        content: ""
    }

    .el-icon-moon:before {
        content: ""
    }

    .el-icon-cloudy-and-sunny:before {
        content: ""
    }

    .el-icon-partly-cloudy:before {
        content: ""
    }

    .el-icon-cloudy:before {
        content: ""
    }

    .el-icon-sunny:before {
        content: ""
    }

    .el-icon-sunset:before {
        content: ""
    }

    .el-icon-sunrise-1:before {
        content: ""
    }

    .el-icon-sunrise:before {
        content: ""
    }

    .el-icon-heavy-rain:before {
        content: ""
    }

    .el-icon-lightning:before {
        content: ""
    }

    .el-icon-light-rain:before {
        content: ""
    }

    .el-icon-wind-power:before {
        content: ""
    }

    .el-icon-baseball:before {
        content: ""
    }

    .el-icon-soccer:before {
        content: ""
    }

    .el-icon-football:before {
        content: ""
    }

    .el-icon-basketball:before {
        content: ""
    }

    .el-icon-ship:before {
        content: ""
    }

    .el-icon-truck:before {
        content: ""
    }

    .el-icon-bicycle:before {
        content: ""
    }

    .el-icon-mobile-phone:before {
        content: ""
    }

    .el-icon-service:before {
        content: ""
    }

    .el-icon-key:before {
        content: ""
    }

    .el-icon-unlock:before {
        content: ""
    }

    .el-icon-lock:before {
        content: ""
    }

    .el-icon-watch:before {
        content: ""
    }

    .el-icon-watch-1:before {
        content: ""
    }

    .el-icon-timer:before {
        content: ""
    }

    .el-icon-alarm-clock:before {
        content: ""
    }

    .el-icon-map-location:before {
        content: ""
    }

    .el-icon-delete-location:before {
        content: ""
    }

    .el-icon-add-location:before {
        content: ""
    }

    .el-icon-location-information:before {
        content: ""
    }

    .el-icon-location-outline:before {
        content: ""
    }

    .el-icon-location:before {
        content: ""
    }

    .el-icon-place:before {
        content: ""
    }

    .el-icon-discover:before {
        content: ""
    }

    .el-icon-first-aid-kit:before {
        content: ""
    }

    .el-icon-trophy-1:before {
        content: ""
    }

    .el-icon-trophy:before {
        content: ""
    }

    .el-icon-medal:before {
        content: ""
    }

    .el-icon-medal-1:before {
        content: ""
    }

    .el-icon-stopwatch:before {
        content: ""
    }

    .el-icon-mic:before {
        content: ""
    }

    .el-icon-copy-document:before {
        content: ""
    }

    .el-icon-full-screen:before {
        content: ""
    }

    .el-icon-switch-button:before {
        content: ""
    }

    .el-icon-aim:before {
        content: ""
    }

    .el-icon-crop:before {
        content: ""
    }

    .el-icon-odometer:before {
        content: ""
    }

    .el-icon-time:before {
        content: ""
    }

    .el-icon-bangzhu:before {
        content: ""
    }

    .el-icon-close-notification:before {
        content: ""
    }

    .el-icon-microphone:before {
        content: ""
    }

    .el-icon-turn-off-microphone:before {
        content: ""
    }

    .el-icon-position:before {
        content: ""
    }

    .el-icon-postcard:before {
        content: ""
    }

    .el-icon-message:before {
        content: ""
    }

    .el-icon-chat-line-square:before {
        content: ""
    }

    .el-icon-chat-dot-square:before {
        content: ""
    }

    .el-icon-chat-dot-round:before {
        content: ""
    }

    .el-icon-chat-square:before {
        content: ""
    }

    .el-icon-chat-line-round:before {
        content: ""
    }

    .el-icon-chat-round:before {
        content: ""
    }

    .el-icon-set-up:before {
        content: ""
    }

    .el-icon-turn-off:before {
        content: ""
    }

    .el-icon-open:before {
        content: ""
    }

    .el-icon-connection:before {
        content: ""
    }

    .el-icon-link:before {
        content: ""
    }

    .el-icon-cpu:before {
        content: ""
    }

    .el-icon-thumb:before {
        content: ""
    }

    .el-icon-female:before {
        content: ""
    }

    .el-icon-male:before {
        content: ""
    }

    .el-icon-guide:before {
        content: ""
    }

    .el-icon-news:before {
        content: ""
    }

    .el-icon-price-tag:before {
        content: ""
    }

    .el-icon-discount:before {
        content: ""
    }

    .el-icon-wallet:before {
        content: ""
    }

    .el-icon-coin:before {
        content: ""
    }

    .el-icon-money:before {
        content: ""
    }

    .el-icon-bank-card:before {
        content: ""
    }

    .el-icon-box:before {
        content: ""
    }

    .el-icon-present:before {
        content: ""
    }

    .el-icon-sell:before {
        content: ""
    }

    .el-icon-sold-out:before {
        content: ""
    }

    .el-icon-shopping-bag-2:before {
        content: ""
    }

    .el-icon-shopping-bag-1:before {
        content: ""
    }

    .el-icon-shopping-cart-2:before {
        content: ""
    }

    .el-icon-shopping-cart-1:before {
        content: ""
    }

    .el-icon-shopping-cart-full:before {
        content: ""
    }

    .el-icon-smoking:before {
        content: ""
    }

    .el-icon-no-smoking:before {
        content: ""
    }

    .el-icon-house:before {
        content: ""
    }

    .el-icon-table-lamp:before {
        content: ""
    }

    .el-icon-school:before {
        content: ""
    }

    .el-icon-office-building:before {
        content: ""
    }

    .el-icon-toilet-paper:before {
        content: ""
    }

    .el-icon-notebook-2:before {
        content: ""
    }

    .el-icon-notebook-1:before {
        content: ""
    }

    .el-icon-files:before {
        content: ""
    }

    .el-icon-collection:before {
        content: ""
    }

    .el-icon-receiving:before {
        content: ""
    }

    .el-icon-suitcase-1:before {
        content: ""
    }

    .el-icon-suitcase:before {
        content: ""
    }

    .el-icon-film:before {
        content: ""
    }

    .el-icon-collection-tag:before {
        content: ""
    }

    .el-icon-data-analysis:before {
        content: ""
    }

    .el-icon-pie-chart:before {
        content: ""
    }

    .el-icon-data-board:before {
        content: ""
    }

    .el-icon-data-line:before {
        content: ""
    }

    .el-icon-reading:before {
        content: ""
    }

    .el-icon-magic-stick:before {
        content: ""
    }

    .el-icon-coordinate:before {
        content: ""
    }

    .el-icon-mouse:before {
        content: ""
    }

    .el-icon-brush:before {
        content: ""
    }

    .el-icon-headset:before {
        content: ""
    }

    .el-icon-umbrella:before {
        content: ""
    }

    .el-icon-scissors:before {
        content: ""
    }

    .el-icon-mobile:before {
        content: ""
    }

    .el-icon-attract:before {
        content: ""
    }

    .el-icon-monitor:before {
        content: ""
    }

    .el-icon-search:before {
        content: ""
    }

    .el-icon-takeaway-box:before {
        content: ""
    }

    .el-icon-paperclip:before {
        content: ""
    }

    .el-icon-printer:before {
        content: ""
    }

    .el-icon-document-add:before {
        content: ""
    }

    .el-icon-document:before {
        content: ""
    }

    .el-icon-document-checked:before {
        content: ""
    }

    .el-icon-document-copy:before {
        content: ""
    }

    .el-icon-document-delete:before {
        content: ""
    }

    .el-icon-document-remove:before {
        content: ""
    }

    .el-icon-tickets:before {
        content: ""
    }

    .el-icon-folder-checked:before {
        content: ""
    }

    .el-icon-folder-delete:before {
        content: ""
    }

    .el-icon-folder-remove:before {
        content: ""
    }

    .el-icon-folder-add:before {
        content: ""
    }

    .el-icon-folder-opened:before {
        content: ""
    }

    .el-icon-folder:before {
        content: ""
    }

    .el-icon-edit-outline:before {
        content: ""
    }

    .el-icon-edit:before {
        content: ""
    }

    .el-icon-date:before {
        content: ""
    }

    .el-icon-c-scale-to-original:before {
        content: ""
    }

    .el-icon-view:before {
        content: ""
    }

    .el-icon-loading:before {
        content: ""
    }

    .el-icon-rank:before {
        content: ""
    }

    .el-icon-sort-down:before {
        content: ""
    }

    .el-icon-sort-up:before {
        content: ""
    }

    .el-icon-sort:before {
        content: ""
    }

    .el-icon-finished:before {
        content: ""
    }

    .el-icon-refresh-left:before {
        content: ""
    }

    .el-icon-refresh-right:before {
        content: ""
    }

    .el-icon-refresh:before {
        content: ""
    }

    .el-icon-video-play:before {
        content: ""
    }

    .el-icon-video-pause:before {
        content: ""
    }

    .el-icon-d-arrow-right:before {
        content: ""
    }

    .el-icon-d-arrow-left:before {
        content: ""
    }

    .el-icon-arrow-up:before {
        content: ""
    }

    .el-icon-arrow-down:before {
        content: ""
    }

    .el-icon-arrow-right:before {
        content: ""
    }

    .el-icon-arrow-left:before {
        content: ""
    }

    .el-icon-top-right:before {
        content: ""
    }

    .el-icon-top-left:before {
        content: ""
    }

    .el-icon-top:before {
        content: ""
    }

    .el-icon-bottom:before {
        content: ""
    }

    .el-icon-right:before {
        content: ""
    }

    .el-icon-back:before {
        content: ""
    }

    .el-icon-bottom-right:before {
        content: ""
    }

    .el-icon-bottom-left:before {
        content: ""
    }

    .el-icon-caret-top:before {
        content: ""
    }

    .el-icon-caret-bottom:before {
        content: ""
    }

    .el-icon-caret-right:before {
        content: ""
    }

    .el-icon-caret-left:before {
        content: ""
    }

    .el-icon-d-caret:before {
        content: ""
    }

    .el-icon-share:before {
        content: ""
    }

    .el-icon-menu:before {
        content: ""
    }

    .el-icon-s-grid:before {
        content: ""
    }

    .el-icon-s-check:before {
        content: ""
    }

    .el-icon-s-data:before {
        content: ""
    }

    .el-icon-s-opportunity:before {
        content: ""
    }

    .el-icon-s-custom:before {
        content: ""
    }

    .el-icon-s-claim:before {
        content: ""
    }

    .el-icon-s-finance:before {
        content: ""
    }

    .el-icon-s-comment:before {
        content: ""
    }

    .el-icon-s-flag:before {
        content: ""
    }

    .el-icon-s-marketing:before {
        content: ""
    }

    .el-icon-s-shop:before {
        content: ""
    }

    .el-icon-s-open:before {
        content: ""
    }

    .el-icon-s-management:before {
        content: ""
    }

    .el-icon-s-ticket:before {
        content: ""
    }

    .el-icon-s-release:before {
        content: ""
    }

    .el-icon-s-home:before {
        content: ""
    }

    .el-icon-s-promotion:before {
        content: ""
    }

    .el-icon-s-operation:before {
        content: ""
    }

    .el-icon-s-unfold:before {
        content: ""
    }

    .el-icon-s-fold:before {
        content: ""
    }

    .el-icon-s-platform:before {
        content: ""
    }

    .el-icon-s-order:before {
        content: ""
    }

    .el-icon-s-cooperation:before {
        content: ""
    }

    .el-icon-bell:before {
        content: ""
    }

    .el-icon-message-solid:before {
        content: ""
    }

    .el-icon-video-camera:before {
        content: ""
    }

    .el-icon-video-camera-solid:before {
        content: ""
    }

    .el-icon-camera:before {
        content: ""
    }

    .el-icon-camera-solid:before {
        content: ""
    }

    .el-icon-download:before {
        content: ""
    }

    .el-icon-upload2:before {
        content: ""
    }

    .el-icon-upload:before {
        content: ""
    }

    .el-icon-picture-outline-round:before {
        content: ""
    }

    .el-icon-picture-outline:before {
        content: ""
    }

    .el-icon-picture:before {
        content: ""
    }

    .el-icon-close:before {
        content: ""
    }

    .el-icon-check:before {
        content: ""
    }

    .el-icon-plus:before {
        content: ""
    }

    .el-icon-minus:before {
        content: ""
    }

    .el-icon-help:before {
        content: ""
    }

    .el-icon-s-help:before {
        content: ""
    }

    .el-icon-circle-close:before {
        content: ""
    }

    .el-icon-circle-check:before {
        content: ""
    }

    .el-icon-circle-plus-outline:before {
        content: ""
    }

    .el-icon-remove-outline:before {
        content: ""
    }

    .el-icon-zoom-out:before {
        content: ""
    }

    .el-icon-zoom-in:before {
        content: ""
    }

    .el-icon-error:before {
        content: ""
    }

    .el-icon-success:before {
        content: ""
    }

    .el-icon-circle-plus:before {
        content: ""
    }

    .el-icon-remove:before {
        content: ""
    }

    .el-icon-info:before {
        content: ""
    }

    .el-icon-question:before {
        content: ""
    }

    .el-icon-warning-outline:before {
        content: ""
    }

    .el-icon-warning:before {
        content: ""
    }

    .el-icon-goods:before {
        content: ""
    }

    .el-icon-s-goods:before {
        content: ""
    }

    .el-icon-star-off:before {
        content: ""
    }

    .el-icon-star-on:before {
        content: ""
    }

    .el-icon-more-outline:before {
        content: ""
    }

    .el-icon-more:before {
        content: ""
    }

    .el-icon-phone-outline:before {
        content: ""
    }

    .el-icon-phone:before {
        content: ""
    }

    .el-icon-user:before {
        content: ""
    }

    .el-icon-user-solid:before {
        content: ""
    }

    .el-icon-setting:before {
        content: ""
    }

    .el-icon-s-tools:before {
        content: ""
    }

    .el-icon-delete:before {
        content: ""
    }

    .el-icon-delete-solid:before {
        content: ""
    }

    .el-icon-eleme:before {
        content: ""
    }

    .el-icon-platform-eleme:before {
        content: ""
    }

    .el-icon-loading {
        animation: rotating 2s linear infinite
    }

    .el-icon--right {
        margin-left: 5px
    }

    .el-icon--left {
        margin-right: 5px
    }

    @keyframes rotating {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .el-pagination {
        color: #313131;
        font-weight: 700;
        padding: 2px 5px;
        white-space: nowrap
    }

    .el-pagination:after,
    .el-pagination:before {
        content: "";
        display: table
    }

    .el-pagination:after {
        clear: both
    }

    .el-pagination button,
    .el-pagination span:not([class*=suffix]) {
        box-sizing: border-box;
        display: inline-block;
        font-size: 13px;
        height: 28px;
        line-height: 28px;
        min-width: 35.5px;
        vertical-align: top
    }

    .el-pagination .el-input__inner {
        -moz-appearance: textfield;
        line-height: normal;
        text-align: center
    }

    .el-pagination .el-input__suffix {
        right: 0;
        transform: scale(.8)
    }

    .el-pagination .el-select .el-input {
        margin: 0 5px;
        width: 100px
    }

    .el-pagination .el-select .el-input .el-input__inner {
        border-radius: 3px;
        padding-right: 25px
    }

    .el-pagination button {
        background: transparent;
        border: none;
        padding: 0 6px
    }

    .el-pagination button:focus {
        outline: none
    }

    .el-pagination button:hover {
        color: #7150e6
    }

    .el-pagination button:disabled {
        background-color: #fff;
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-pagination .btn-next,
    .el-pagination .btn-prev {
        background: 50% no-repeat;
        background-color: #fff;
        background-size: 16px;
        color: #313131;
        cursor: pointer;
        margin: 0
    }

    .el-pagination .btn-next .el-icon,
    .el-pagination .btn-prev .el-icon {
        display: block;
        font-size: 12px;
        font-weight: 700
    }

    .el-pagination .btn-prev {
        padding-right: 12px
    }

    .el-pagination .btn-next {
        padding-left: 12px
    }

    .el-pagination .el-pager li.disabled {
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-pagination--small .btn-next,
    .el-pagination--small .btn-prev,
    .el-pagination--small .el-pager li,
    .el-pagination--small .el-pager li.btn-quicknext,
    .el-pagination--small .el-pager li.btn-quickprev,
    .el-pagination--small .el-pager li:last-child {
        border-color: transparent;
        font-size: 12px;
        height: 22px;
        line-height: 22px;
        min-width: 22px
    }

    .el-pagination--small .arrow.disabled {
        visibility: hidden
    }

    .el-pagination--small .more:before,
    .el-pagination--small li.more:before {
        line-height: 24px
    }

    .el-pagination--small button,
    .el-pagination--small span:not([class*=suffix]) {
        height: 22px;
        line-height: 22px
    }

    .el-pagination--small .el-pagination__editor,
    .el-pagination--small .el-pagination__editor.el-input .el-input__inner {
        height: 22px
    }

    .el-pagination__sizes {
        color: #2f3032;
        font-weight: 400;
        margin: 0 10px 0 0
    }

    .el-pagination__sizes .el-input .el-input__inner {
        font-size: 13px;
        padding-left: 8px
    }

    .el-pagination__sizes .el-input .el-input__inner:hover {
        border-color: #7150e6
    }

    .el-pagination__total {
        color: #2f3032;
        font-weight: 400;
        margin-right: 10px
    }

    .el-pagination__jump {
        color: #2f3032;
        font-weight: 400;
        margin-left: 24px
    }

    .el-pagination__jump .el-input__inner {
        padding: 0 3px
    }

    .el-pagination__rightwrapper {
        float: right
    }

    .el-pagination__editor {
        border-radius: 3px;
        box-sizing: border-box;
        height: 28px;
        line-height: 18px;
        margin: 0 2px;
        padding: 0 2px;
        text-align: center
    }

    .el-pagination__editor.el-input {
        width: 50px
    }

    .el-pagination__editor.el-input .el-input__inner {
        height: 28px
    }

    .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
    .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev,
    .el-pagination.is-background .el-pager li {
        background-color: #f4f4f5;
        border-radius: 2px;
        color: #2f3032;
        margin: 0 5px;
        min-width: 30px
    }

    .el-pagination.is-background .btn-next.disabled,
    .el-pagination.is-background .btn-prev.disabled,
    .el-pagination.is-background .el-pager li.disabled {
        color: #c0c4cc
    }

    .el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev {
        padding: 0
    }

    .el-pagination.is-background .btn-next:disabled,
    .el-pagination.is-background .btn-prev:disabled {
        color: #c0c4cc
    }

    .el-pagination.is-background .el-pager li:not(.disabled):hover {
        color: #7150e6
    }

    .el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #7150e6;
        color: #fff
    }

    .el-pagination.is-background.el-pagination--small .btn-next,
    .el-pagination.is-background.el-pagination--small .btn-prev,
    .el-pagination.is-background.el-pagination--small .el-pager li {
        margin: 0 3px;
        min-width: 22px
    }

    .el-pager {
        display: inline-block;
        font-size: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        vertical-align: top
    }

    .el-pager .more:before {
        line-height: 30px
    }

    .el-pager li {
        background: #fff;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        font-size: 13px;
        height: 28px;
        line-height: 28px;
        margin: 0;
        min-width: 35.5px;
        padding: 0 4px;
        text-align: center;
        vertical-align: top
    }

    .el-pager li.btn-quicknext,
    .el-pager li.btn-quickprev {
        color: #313131;
        line-height: 28px
    }

    .el-pager li.btn-quicknext.disabled,
    .el-pager li.btn-quickprev.disabled {
        color: #c0c4cc
    }

    .el-pager li.btn-quicknext:hover,
    .el-pager li.btn-quickprev:hover {
        cursor: pointer
    }

    .el-pager li.active+li {
        border-left: 0
    }

    .el-pager li:hover {
        color: #7150e6
    }

    .el-pager li.active {
        color: #7150e6;
        cursor: default
    }

    .el-dialog {
        background: #fff;
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
        box-sizing: border-box;
        margin: 0 auto 50px;
        position: relative;
        width: 50%
    }

    .el-dialog.is-fullscreen {
        height: 100%;
        margin-bottom: 0;
        margin-top: 0;
        overflow: auto;
        width: 100%
    }

    .el-dialog__wrapper {
        bottom: 0;
        left: 0;
        margin: 0;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 0
    }

    .el-dialog__header {
        padding: 20px 20px 10px
    }

    .el-dialog__headerbtn {
        background: transparent;
        border: none;
        cursor: pointer;
        font-size: 16px;
        outline: none;
        padding: 0;
        position: absolute;
        right: 20px;
        top: 20px
    }

    .el-dialog__headerbtn .el-dialog__close {
        color: #909399
    }

    .el-dialog__headerbtn:focus .el-dialog__close,
    .el-dialog__headerbtn:hover .el-dialog__close {
        color: #7150e6
    }

    .el-dialog__title {
        color: #313131;
        font-size: 18px;
        line-height: 24px
    }

    .el-dialog__body {
        color: #2f3032;
        font-size: 14px;
        padding: 30px 20px;
        word-break: break-all
    }

    .el-dialog__footer {
        box-sizing: border-box;
        padding: 10px 20px 20px;
        text-align: right
    }

    .el-dialog--center {
        text-align: center
    }

    .el-dialog--center .el-dialog__body {
        padding: 25px 25px 30px;
        text-align: left;
        text-align: initial
    }

    .el-dialog--center .el-dialog__footer {
        text-align: inherit
    }

    .dialog-fade-enter-active {
        animation: dialog-fade-in .3s
    }

    .dialog-fade-leave-active {
        animation: dialog-fade-out .3s
    }

    @keyframes dialog-fade-in {
        0% {
            opacity: 0;
            transform: translate3d(0, -20px, 0)
        }

        to {
            opacity: 1;
            transform: translateZ(0)
        }
    }

    @keyframes dialog-fade-out {
        0% {
            opacity: 1;
            transform: translateZ(0)
        }

        to {
            opacity: 0;
            transform: translate3d(0, -20px, 0)
        }
    }

    .el-autocomplete {
        display: inline-block;
        position: relative
    }

    .el-autocomplete-suggestion {
        background-color: #fff;
        border: 1px solid #e4e7ed;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        box-sizing: border-box;
        margin: 5px 0
    }

    .el-autocomplete-suggestion__wrap {
        box-sizing: border-box;
        max-height: 280px;
        padding: 10px 0
    }

    .el-autocomplete-suggestion__list {
        margin: 0;
        padding: 0
    }

    .el-autocomplete-suggestion li {
        color: #2f3032;
        cursor: pointer;
        font-size: 14px;
        line-height: 34px;
        list-style: none;
        margin: 0;
        overflow: hidden;
        padding: 0 20px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .el-autocomplete-suggestion li.highlighted,
    .el-autocomplete-suggestion li:hover {
        background-color: #f5f7fa
    }

    .el-autocomplete-suggestion li.divider {
        border-top: 1px solid #000;
        margin-top: 6px
    }

    .el-autocomplete-suggestion li.divider:last-child {
        margin-bottom: -6px
    }

    .el-autocomplete-suggestion.is-loading li {
        color: #999;
        font-size: 20px;
        height: 100px;
        line-height: 100px;
        text-align: center
    }

    .el-autocomplete-suggestion.is-loading li:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .el-autocomplete-suggestion.is-loading li:hover {
        background-color: #fff
    }

    .el-autocomplete-suggestion.is-loading .el-icon-loading {
        vertical-align: middle
    }

    .el-dropdown {
        color: #2f3032;
        display: inline-block;
        font-size: 14px;
        position: relative
    }

    .el-dropdown .el-button-group {
        display: block
    }

    .el-dropdown .el-button-group .el-button {
        float: none
    }

    .el-dropdown .el-dropdown__caret-button {
        border-left: none;
        padding-left: 5px;
        padding-right: 5px;
        position: relative
    }

    .el-dropdown .el-dropdown__caret-button:before {
        background: hsla(0, 0%, 100%, .5);
        bottom: 5px;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: 5px;
        width: 1px
    }

    .el-dropdown .el-dropdown__caret-button.el-button--default:before {
        background: hsla(0, 0%, 84%, .5)
    }

    .el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled):before {
        bottom: 0;
        top: 0
    }

    .el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
        padding-left: 0
    }

    .el-dropdown__icon {
        font-size: 12px;
        margin: 0 3px
    }

    .el-dropdown .el-dropdown-selfdefine:focus:active,
    .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
        outline-width: 0
    }

    .el-dropdown [disabled] {
        color: #bbb;
        cursor: not-allowed
    }

    .el-dropdown-menu {
        background-color: #fff;
        border: 1px solid #ebeef5;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        left: 0;
        margin: 5px 0;
        padding: 10px 0;
        position: absolute;
        top: 0;
        z-index: 10
    }

    .el-dropdown-menu__item {
        color: #2f3032;
        cursor: pointer;
        font-size: 14px;
        line-height: 36px;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 0 20px
    }

    .el-dropdown-menu__item:focus,
    .el-dropdown-menu__item:not(.is-disabled):hover {
        background-color: #f1eefd;
        color: #8d73eb
    }

    .el-dropdown-menu__item i {
        margin-right: 5px
    }

    .el-dropdown-menu__item--divided {
        border-top: 1px solid #ebeef5;
        margin-top: 6px;
        position: relative
    }

    .el-dropdown-menu__item--divided:before {
        background-color: #fff;
        content: "";
        display: block;
        height: 6px;
        margin: 0 -20px
    }

    .el-dropdown-menu__item.is-disabled {
        color: #bbb;
        cursor: default;
        pointer-events: none
    }

    .el-dropdown-menu--medium {
        padding: 6px 0
    }

    .el-dropdown-menu--medium .el-dropdown-menu__item {
        font-size: 14px;
        line-height: 30px;
        padding: 0 17px
    }

    .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
        margin-top: 6px
    }

    .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
        height: 6px;
        margin: 0 -17px
    }

    .el-dropdown-menu--small {
        padding: 6px 0
    }

    .el-dropdown-menu--small .el-dropdown-menu__item {
        font-size: 13px;
        line-height: 27px;
        padding: 0 15px
    }

    .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
        margin-top: 4px
    }

    .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
        height: 4px;
        margin: 0 -15px
    }

    .el-dropdown-menu--mini {
        padding: 3px 0
    }

    .el-dropdown-menu--mini .el-dropdown-menu__item {
        font-size: 12px;
        line-height: 24px;
        padding: 0 10px
    }

    .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
        margin-top: 3px
    }

    .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
        height: 3px;
        margin: 0 -10px
    }

    .el-menu {
        background-color: #fff;
        border-right: 1px solid #e6e6e6;
        list-style: none;
        margin: 0;
        padding-left: 0;
        position: relative
    }

    .el-menu:after,
    .el-menu:before {
        content: "";
        display: table
    }

    .el-menu:after {
        clear: both
    }

    .el-menu.el-menu--horizontal {
        border-bottom: 1px solid #e6e6e6
    }

    .el-menu--horizontal {
        border-right: none
    }

    .el-menu--horizontal>.el-menu-item {
        border-bottom: 2px solid transparent;
        color: #909399;
        float: left;
        height: 60px;
        line-height: 60px;
        margin: 0
    }

    .el-menu--horizontal>.el-menu-item a,
    .el-menu--horizontal>.el-menu-item a:hover {
        color: inherit
    }

    .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
    .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
        background-color: #fff
    }

    .el-menu--horizontal>.el-submenu {
        float: left
    }

    .el-menu--horizontal>.el-submenu:focus,
    .el-menu--horizontal>.el-submenu:hover {
        outline: none
    }

    .el-menu--horizontal>.el-submenu:focus .el-submenu__title,
    .el-menu--horizontal>.el-submenu:hover .el-submenu__title {
        color: #313131
    }

    .el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
        border-bottom: 2px solid #7150e6;
        color: #313131
    }

    .el-menu--horizontal>.el-submenu .el-submenu__title {
        border-bottom: 2px solid transparent;
        color: #909399;
        height: 60px;
        line-height: 60px
    }

    .el-menu--horizontal>.el-submenu .el-submenu__title:hover {
        background-color: #fff
    }

    .el-menu--horizontal>.el-submenu .el-submenu__icon-arrow {
        margin-left: 8px;
        margin-top: -3px;
        position: static;
        vertical-align: middle
    }

    .el-menu--horizontal .el-menu .el-menu-item,
    .el-menu--horizontal .el-menu .el-submenu__title {
        background-color: #fff;
        color: #909399;
        float: none;
        height: 36px;
        line-height: 36px;
        padding: 0 10px
    }

    .el-menu--horizontal .el-menu .el-menu-item.is-active,
    .el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
        color: #313131
    }

    .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
    .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
        color: #313131;
        outline: none
    }

    .el-menu--horizontal>.el-menu-item.is-active {
        border-bottom: 2px solid #7150e6;
        color: #313131
    }

    .el-menu--collapse {
        width: 64px
    }

    .el-menu--collapse>.el-menu-item [class^=el-icon-],
    .el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] {
        margin: 0;
        text-align: center;
        vertical-align: middle;
        width: 24px
    }

    .el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,
    .el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
        display: none
    }

    .el-menu--collapse>.el-menu-item span,
    .el-menu--collapse>.el-submenu>.el-submenu__title span {
        display: inline-block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        width: 0
    }

    .el-menu--collapse>.el-menu-item.is-active i {
        color: inherit
    }

    .el-menu--collapse .el-menu .el-submenu {
        min-width: 200px
    }

    .el-menu--collapse .el-submenu {
        position: relative
    }

    .el-menu--collapse .el-submenu .el-menu {
        border: 1px solid #e4e7ed;
        border-radius: 2px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        left: 100%;
        margin-left: 5px;
        position: absolute;
        top: 0;
        z-index: 10
    }

    .el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
        transform: none
    }

    .el-menu--popup {
        border: none;
        border-radius: 2px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        min-width: 200px;
        padding: 5px 0;
        z-index: 100
    }

    .el-menu--popup-bottom-start {
        margin-top: 5px
    }

    .el-menu--popup-right-start {
        margin-left: 5px;
        margin-right: 5px
    }

    .el-menu-item {
        box-sizing: border-box;
        color: #313131;
        cursor: pointer;
        font-size: 14px;
        height: 56px;
        line-height: 56px;
        list-style: none;
        padding: 0 20px;
        position: relative;
        transition: border-color .3s, background-color .3s, color .3s;
        white-space: nowrap
    }

    .el-menu-item * {
        vertical-align: middle
    }

    .el-menu-item i {
        color: #909399
    }

    .el-menu-item:focus,
    .el-menu-item:hover {
        background-color: #f1eefd;
        outline: none
    }

    .el-menu-item.is-disabled {
        background: none !important;
        cursor: not-allowed;
        opacity: .25
    }

    .el-menu-item [class^=el-icon-] {
        font-size: 18px;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
        width: 24px
    }

    .el-menu-item.is-active {
        color: #7150e6
    }

    .el-menu-item.is-active i {
        color: inherit
    }

    .el-submenu {
        list-style: none;
        margin: 0;
        padding-left: 0
    }

    .el-submenu__title {
        box-sizing: border-box;
        color: #313131;
        cursor: pointer;
        font-size: 14px;
        height: 56px;
        line-height: 56px;
        list-style: none;
        padding: 0 20px;
        position: relative;
        transition: border-color .3s, background-color .3s, color .3s;
        white-space: nowrap
    }

    .el-submenu__title * {
        vertical-align: middle
    }

    .el-submenu__title i {
        color: #909399
    }

    .el-submenu__title:focus,
    .el-submenu__title:hover {
        background-color: #f1eefd;
        outline: none
    }

    .el-submenu__title.is-disabled {
        background: none !important;
        cursor: not-allowed;
        opacity: .25
    }

    .el-submenu__title:hover {
        background-color: #f1eefd
    }

    .el-submenu .el-menu {
        border: none
    }

    .el-submenu .el-menu-item {
        height: 50px;
        line-height: 50px;
        min-width: 200px;
        padding: 0 45px
    }

    .el-submenu__icon-arrow {
        font-size: 12px;
        margin-top: -7px;
        position: absolute;
        right: 20px;
        top: 50%;
        transition: transform .3s
    }

    .el-submenu.is-active .el-submenu__title {
        border-bottom-color: #7150e6
    }

    .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
        transform: rotate(180deg)
    }

    .el-submenu.is-disabled .el-menu-item,
    .el-submenu.is-disabled .el-submenu__title {
        background: none !important;
        cursor: not-allowed;
        opacity: .25
    }

    .el-submenu [class^=el-icon-] {
        font-size: 18px;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
        width: 24px
    }

    .el-menu-item-group>ul {
        padding: 0
    }

    .el-menu-item-group__title {
        color: #909399;
        font-size: 12px;
        line-height: normal;
        padding: 7px 0 7px 20px
    }

    .horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
        opacity: 0;
        transition: .2s
    }

    .el-radio-group {
        display: inline-block;
        font-size: 0;
        line-height: 1;
        vertical-align: middle
    }

    .el-radio-button,
    .el-radio-button__inner {
        display: inline-block;
        outline: none;
        position: relative
    }

    .el-radio-button__inner {
        -webkit-appearance: none;
        background: #fff;
        border: 1px solid #d5d5d5;
        border-left: 0;
        border-radius: 0;
        box-sizing: border-box;
        color: #2f3032;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        margin: 0;
        padding: 12px 20px;
        text-align: center;
        transition: all .3s cubic-bezier(.645, .045, .355, 1);
        vertical-align: middle;
        white-space: nowrap
    }

    .el-radio-button__inner.is-round {
        padding: 12px 20px
    }

    .el-radio-button__inner:hover {
        color: #7150e6
    }

    .el-radio-button__inner [class*=el-icon-] {
        line-height: .9
    }

    .el-radio-button__inner [class*=el-icon-]+span {
        margin-left: 5px
    }

    .el-radio-button:first-child .el-radio-button__inner {
        border-left: 1px solid #d5d5d5;
        border-radius: 4px 0 0 4px;
        box-shadow: none !important
    }

    .el-radio-button__orig-radio {
        opacity: 0;
        outline: none;
        position: absolute;
        z-index: -1
    }

    .el-radio-button__orig-radio:checked+.el-radio-button__inner {
        background-color: #7150e6;
        border-color: #7150e6;
        box-shadow: -1px 0 0 0 #7150e6;
        color: #fff
    }

    .el-radio-button__orig-radio:disabled+.el-radio-button__inner {
        background-color: #fff;
        background-image: none;
        border-color: #ebeef5;
        box-shadow: none;
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner {
        background-color: #f2f6fc
    }

    .el-radio-button:last-child .el-radio-button__inner {
        border-radius: 0 4px 4px 0
    }

    .el-radio-button:first-child:last-child .el-radio-button__inner {
        border-radius: 4px
    }

    .el-radio-button--medium .el-radio-button__inner {
        border-radius: 0;
        font-size: 14px;
        padding: 10px 20px
    }

    .el-radio-button--medium .el-radio-button__inner.is-round {
        padding: 10px 20px
    }

    .el-radio-button--small .el-radio-button__inner {
        border-radius: 0;
        font-size: 12px;
        padding: 9px 15px
    }

    .el-radio-button--small .el-radio-button__inner.is-round {
        padding: 9px 15px
    }

    .el-radio-button--mini .el-radio-button__inner {
        border-radius: 0;
        font-size: 12px;
        padding: 7px 15px
    }

    .el-radio-button--mini .el-radio-button__inner.is-round {
        padding: 7px 15px
    }

    .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
        box-shadow: 0 0 2px 2px #7150e6
    }

    .el-switch {
        align-items: center;
        display: inline-flex;
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        position: relative;
        vertical-align: middle
    }

    .el-switch.is-disabled .el-switch__core,
    .el-switch.is-disabled .el-switch__label {
        cursor: not-allowed
    }

    .el-switch__label {
        color: #313131;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        height: 20px;
        transition: .2s;
        vertical-align: middle
    }

    .el-switch__label.is-active {
        color: #7150e6
    }

    .el-switch__label--left {
        margin-right: 10px
    }

    .el-switch__label--right {
        margin-left: 10px
    }

    .el-switch__label * {
        display: inline-block;
        font-size: 14px;
        line-height: 1
    }

    .el-switch__input {
        height: 0;
        margin: 0;
        opacity: 0;
        position: absolute;
        width: 0
    }

    .el-switch__core {
        background: #d5d5d5;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        margin: 0;
        outline: none;
        position: relative;
        transition: border-color .3s, background-color .3s;
        vertical-align: middle;
        width: 40px
    }

    .el-switch__core:after {
        background-color: #fff;
        border-radius: 100%;
        content: "";
        height: 16px;
        left: 1px;
        position: absolute;
        top: 1px;
        transition: all .3s;
        width: 16px
    }

    .el-switch.is-checked .el-switch__core {
        background-color: #7150e6;
        border-color: #7150e6
    }

    .el-switch.is-checked .el-switch__core:after {
        left: 100%;
        margin-left: -17px
    }

    .el-switch.is-disabled {
        opacity: .6
    }

    .el-switch--wide .el-switch__label.el-switch__label--left span {
        left: 10px
    }

    .el-switch--wide .el-switch__label.el-switch__label--right span {
        right: 10px
    }

    .el-switch .label-fade-enter,
    .el-switch .label-fade-leave-active {
        opacity: 0
    }

    .el-select-dropdown {
        background-color: #fff;
        border: 1px solid #e4e7ed;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        box-sizing: border-box;
        margin: 5px 0;
        position: absolute;
        z-index: 1001
    }

    .el-select-dropdown.is-multiple .el-select-dropdown__item {
        padding-right: 40px
    }

    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
        background-color: #fff;
        color: #7150e6
    }

    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
        background-color: #f5f7fa
    }

    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        font-family: element-icons;
        font-size: 12px;
        font-weight: 700;
        position: absolute;
        right: 20px
    }

    .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
        padding: 0
    }

    .el-select-dropdown__empty {
        color: #999;
        font-size: 14px;
        margin: 0;
        padding: 10px 0;
        text-align: center
    }

    .el-select-dropdown__wrap {
        max-height: 274px
    }

    .el-select-dropdown__list {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 6px 0
    }

    .el-select-dropdown__item {
        box-sizing: border-box;
        color: #2f3032;
        cursor: pointer;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        overflow: hidden;
        padding: 0 20px;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .el-select-dropdown__item.is-disabled {
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-select-dropdown__item.is-disabled:hover {
        background-color: #fff
    }

    .el-select-dropdown__item.hover,
    .el-select-dropdown__item:hover {
        background-color: #f5f7fa
    }

    .el-select-dropdown__item.selected {
        color: #7150e6;
        font-weight: 700
    }

    .el-select-group {
        margin: 0;
        padding: 0
    }

    .el-select-group__wrap {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative
    }

    .el-select-group__wrap:not(:last-of-type) {
        padding-bottom: 24px
    }

    .el-select-group__wrap:not(:last-of-type):after {
        background: #e4e7ed;
        bottom: 12px;
        content: "";
        display: block;
        height: 1px;
        left: 20px;
        position: absolute;
        right: 20px
    }

    .el-select-group__title {
        color: #909399;
        font-size: 12px;
        line-height: 30px;
        padding-left: 20px
    }

    .el-select-group .el-select-dropdown__item {
        padding-left: 20px
    }

    .el-select {
        display: inline-block;
        position: relative
    }

    .el-select .el-select__tags>span {
        display: contents
    }

    .el-select:hover .el-input__inner {
        border-color: #c0c4cc
    }

    .el-select .el-input__inner {
        cursor: pointer;
        padding-right: 35px
    }

    .el-select .el-input__inner:focus {
        border-color: #7150e6
    }

    .el-select .el-input .el-select__caret {
        color: #c0c4cc;
        cursor: pointer;
        font-size: 14px;
        transform: rotate(180deg);
        transition: transform .3s
    }

    .el-select .el-input .el-select__caret.is-reverse {
        transform: rotate(0deg)
    }

    .el-select .el-input .el-select__caret.is-show-close {
        border-radius: 100%;
        color: #c0c4cc;
        font-size: 14px;
        text-align: center;
        transform: rotate(180deg);
        transition: color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-select .el-input .el-select__caret.is-show-close:hover {
        color: #909399
    }

    .el-select .el-input.is-disabled .el-input__inner {
        cursor: not-allowed
    }

    .el-select .el-input.is-disabled .el-input__inner:hover {
        border-color: #e4e7ed
    }

    .el-select .el-input.is-focus .el-input__inner {
        border-color: #7150e6
    }

    .el-select>.el-input {
        display: block
    }

    .el-select__input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: none;
        color: #666;
        font-size: 14px;
        height: 28px;
        margin-left: 15px;
        outline: none;
        padding: 0
    }

    .el-select__input.is-mini {
        height: 14px
    }

    .el-select__close {
        color: #c0c4cc;
        cursor: pointer;
        font-size: 14px;
        line-height: 18px;
        position: absolute;
        right: 25px;
        top: 8px;
        z-index: 1000
    }

    .el-select__close:hover {
        color: #909399
    }

    .el-select__tags {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        line-height: normal;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        white-space: normal;
        z-index: 1
    }

    .el-select__tags-text {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .el-select .el-tag {
        align-items: center;
        background-color: #f0f2f5;
        border-color: transparent;
        box-sizing: border-box;
        display: flex;
        margin: 2px 0 2px 6px;
        max-width: 100%
    }

    .el-select .el-tag__close.el-icon-close {
        background-color: #c0c4cc;
        color: #fff;
        flex-shrink: 0;
        top: 0
    }

    .el-select .el-tag__close.el-icon-close:hover {
        background-color: #909399
    }

    .el-select .el-tag__close.el-icon-close:before {
        display: block;
        transform: translateY(.5px)
    }

    .el-table {
        background-color: #fff;
        box-sizing: border-box;
        color: #2f3032;
        flex: 1;
        font-size: 14px;
        max-width: 100%;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .el-table__empty-block {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 60px;
        text-align: center;
        width: 100%
    }

    .el-table__empty-text {
        color: #909399;
        line-height: 60px;
        width: 50%
    }

    .el-table__expand-column .cell {
        padding: 0;
        text-align: center
    }

    .el-table__expand-icon {
        color: #666;
        cursor: pointer;
        font-size: 12px;
        height: 20px;
        position: relative;
        transition: transform .2s ease-in-out
    }

    .el-table__expand-icon--expanded {
        transform: rotate(90deg)
    }

    .el-table__expand-icon>.el-icon {
        left: 50%;
        margin-left: -5px;
        margin-top: -5px;
        position: absolute;
        top: 50%
    }

    .el-table__expanded-cell {
        background-color: #fff
    }

    .el-table__expanded-cell[class*=cell] {
        padding: 20px 50px
    }

    .el-table__expanded-cell:hover {
        background-color: transparent !important
    }

    .el-table__placeholder {
        display: inline-block;
        width: 20px
    }

    .el-table__append-wrapper {
        overflow: hidden
    }

    .el-table--fit {
        border-bottom: 0;
        border-right: 0
    }

    .el-table--fit .el-table__cell.gutter {
        border-right-width: 1px
    }

    .el-table--scrollable-x .el-table__body-wrapper {
        overflow-x: auto
    }

    .el-table--scrollable-y .el-table__body-wrapper {
        overflow-y: auto
    }

    .el-table thead {
        color: #909399;
        font-weight: 500
    }

    .el-table thead.is-group th.el-table__cell {
        background: #f5f7fa
    }

    .el-table .el-table__cell {
        box-sizing: border-box;
        min-width: 0;
        padding: 12px 0;
        position: relative;
        text-align: left;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .el-table .el-table__cell.is-center {
        text-align: center
    }

    .el-table .el-table__cell.is-right {
        text-align: right
    }

    .el-table .el-table__cell.gutter {
        border-bottom-width: 0;
        border-right-width: 0;
        padding: 0;
        width: 15px
    }

    .el-table .el-table__cell.is-hidden>* {
        visibility: hidden
    }

    .el-table--medium .el-table__cell {
        padding: 10px 0
    }

    .el-table--small {
        font-size: 12px
    }

    .el-table--small .el-table__cell {
        padding: 8px 0
    }

    .el-table--mini {
        font-size: 12px
    }

    .el-table--mini .el-table__cell {
        padding: 6px 0
    }

    .el-table tr {
        background-color: #fff
    }

    .el-table tr input[type=checkbox] {
        margin: 0
    }

    .el-table td.el-table__cell,
    .el-table th.el-table__cell.is-leaf {
        border-bottom: 1px solid #ebeef5
    }

    .el-table th.el-table__cell.is-sortable {
        cursor: pointer
    }

    .el-table th.el-table__cell {
        background-color: #fff;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .el-table th.el-table__cell>.cell {
        box-sizing: border-box;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        vertical-align: middle;
        width: 100%
    }

    .el-table th.el-table__cell>.cell.highlight {
        color: #7150e6
    }

    .el-table th.el-table__cell.required>div:before {
        background: #ff4d51;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: 8px;
        margin-right: 5px;
        vertical-align: middle;
        width: 8px
    }

    .el-table td.el-table__cell div {
        box-sizing: border-box
    }

    .el-table td.el-table__cell.gutter {
        width: 0
    }

    .el-table .cell {
        box-sizing: border-box;
        line-height: 23px;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-all
    }

    .el-table .cell.el-tooltip {
        min-width: 50px;
        white-space: nowrap
    }

    .el-table--border,
    .el-table--group {
        border: 1px solid #ebeef5
    }

    .el-table--border:after,
    .el-table--group:after,
    .el-table:before {
        background-color: #ebeef5;
        content: "";
        position: absolute;
        z-index: 1
    }

    .el-table--border:after,
    .el-table--group:after {
        height: 100%;
        right: 0;
        top: 0;
        width: 1px
    }

    .el-table:before {
        bottom: 0;
        height: 1px;
        left: 0;
        width: 100%
    }

    .el-table--border {
        border-bottom: none;
        border-right: none
    }

    .el-table--border.el-loading-parent--relative {
        border-color: transparent
    }

    .el-table--border .el-table__cell {
        border-right: 1px solid #ebeef5
    }

    .el-table--border .el-table__cell:first-child .cell {
        padding-left: 10px
    }

    .el-table--border th.el-table__cell,
    .el-table--border th.el-table__cell.gutter:last-of-type {
        border-bottom: 1px solid #ebeef5
    }

    .el-table--hidden {
        visibility: hidden
    }

    .el-table__fixed,
    .el-table__fixed-right {
        box-shadow: 0 0 10px rgba(0, 0, 0, .12);
        left: 0;
        overflow-x: hidden;
        overflow-y: hidden;
        position: absolute;
        top: 0
    }

    .el-table__fixed-right:before,
    .el-table__fixed:before {
        background-color: #ebeef5;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 4
    }

    .el-table__fixed-right-patch {
        background-color: #fff;
        border-bottom: 1px solid #ebeef5;
        position: absolute;
        right: 0;
        top: -1px
    }

    .el-table__fixed-right {
        left: auto;
        right: 0;
        top: 0
    }

    .el-table__fixed-right .el-table__fixed-body-wrapper,
    .el-table__fixed-right .el-table__fixed-footer-wrapper,
    .el-table__fixed-right .el-table__fixed-header-wrapper {
        left: auto;
        right: 0
    }

    .el-table__fixed-header-wrapper {
        left: 0;
        position: absolute;
        top: 0;
        z-index: 3
    }

    .el-table__fixed-footer-wrapper {
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: 3
    }

    .el-table__fixed-footer-wrapper tbody td.el-table__cell {
        background-color: #f5f7fa;
        border-top: 1px solid #ebeef5;
        color: #2f3032
    }

    .el-table__fixed-body-wrapper {
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 37px;
        z-index: 3
    }

    .el-table__body-wrapper,
    .el-table__footer-wrapper,
    .el-table__header-wrapper {
        width: 100%
    }

    .el-table__footer-wrapper {
        margin-top: -1px
    }

    .el-table__footer-wrapper td.el-table__cell {
        border-top: 1px solid #ebeef5
    }

    .el-table__body,
    .el-table__footer,
    .el-table__header {
        border-collapse: separate;
        table-layout: fixed
    }

    .el-table__footer-wrapper,
    .el-table__header-wrapper {
        overflow: hidden
    }

    .el-table__footer-wrapper tbody td.el-table__cell,
    .el-table__header-wrapper tbody td.el-table__cell {
        background-color: #f5f7fa;
        color: #2f3032
    }

    .el-table__body-wrapper {
        overflow: hidden;
        position: relative
    }

    .el-table__body-wrapper.is-scrolling-left~.el-table__fixed,
    .el-table__body-wrapper.is-scrolling-none~.el-table__fixed,
    .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,
    .el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
        box-shadow: none
    }

    .el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
        border-left: 1px solid #ebeef5
    }

    .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
        border-right: 1px solid #ebeef5
    }

    .el-table .caret-wrapper {
        align-items: center;
        cursor: pointer;
        display: inline-flex;
        flex-direction: column;
        height: 34px;
        overflow: visible;
        overflow: initial;
        position: relative;
        vertical-align: middle;
        width: 24px
    }

    .el-table .sort-caret {
        border: 5px solid transparent;
        height: 0;
        left: 7px;
        position: absolute;
        width: 0
    }

    .el-table .sort-caret.ascending {
        border-bottom-color: #c0c4cc;
        top: 5px
    }

    .el-table .sort-caret.descending {
        border-top-color: #c0c4cc;
        bottom: 7px
    }

    .el-table .ascending .sort-caret.ascending {
        border-bottom-color: #7150e6
    }

    .el-table .descending .sort-caret.descending {
        border-top-color: #7150e6
    }

    .el-table .hidden-columns {
        position: absolute;
        visibility: hidden;
        z-index: -1
    }

    .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
        background: #fafafa
    }

    .el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell,
    .el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell {
        background-color: #f1eefd
    }

    .el-table__body tr.hover-row.current-row>td.el-table__cell,
    .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
    .el-table__body tr.hover-row.el-table__row--striped.selection-row>td.el-table__cell,
    .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
    .el-table__body tr.hover-row.selection-row>td.el-table__cell,
    .el-table__body tr.hover-row>td.el-table__cell {
        background-color: #f5f7fa
    }

    .el-table__body tr.current-row>td.el-table__cell,
    .el-table__body tr.selection-row>td.el-table__cell {
        background-color: #f1eefd
    }

    .el-table__column-resize-proxy {
        border-left: 1px solid #ebeef5;
        bottom: 0;
        left: 200px;
        position: absolute;
        top: 0;
        width: 0;
        z-index: 10
    }

    .el-table__column-filter-trigger {
        cursor: pointer;
        display: inline-block;
        line-height: 34px
    }

    .el-table__column-filter-trigger i {
        color: #909399;
        font-size: 12px;
        transform: scale(.75)
    }

    .el-table--enable-row-transition .el-table__body td.el-table__cell {
        transition: background-color .25s ease
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
        background-color: #f5f7fa
    }

    .el-table--fluid-height .el-table__fixed,
    .el-table--fluid-height .el-table__fixed-right {
        bottom: 0;
        overflow: hidden
    }

    .el-table [class*=el-table__row--level] .el-table__expand-icon {
        display: inline-block;
        height: 20px;
        line-height: 20px;
        margin-right: 3px;
        text-align: center;
        width: 20px
    }

    .el-table-column--selection .cell {
        padding-left: 14px;
        padding-right: 14px
    }

    .el-table-filter {
        background-color: #fff;
        border: 1px solid #ebeef5;
        border-radius: 2px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        box-sizing: border-box;
        margin: 2px 0
    }

    .el-table-filter__list {
        list-style: none;
        margin: 0;
        min-width: 100px;
        padding: 5px 0
    }

    .el-table-filter__list-item {
        cursor: pointer;
        font-size: 14px;
        line-height: 36px;
        padding: 0 10px
    }

    .el-table-filter__list-item:hover {
        background-color: #f1eefd;
        color: #8d73eb
    }

    .el-table-filter__list-item.is-active {
        background-color: #7150e6;
        color: #fff
    }

    .el-table-filter__content {
        min-width: 100px
    }

    .el-table-filter__bottom {
        border-top: 1px solid #ebeef5;
        padding: 8px
    }

    .el-table-filter__bottom button {
        background: transparent;
        border: none;
        color: #2f3032;
        cursor: pointer;
        font-size: 13px;
        padding: 0 3px
    }

    .el-table-filter__bottom button:hover {
        color: #7150e6
    }

    .el-table-filter__bottom button:focus {
        outline: none
    }

    .el-table-filter__bottom button.is-disabled {
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-table-filter__wrap {
        max-height: 280px
    }

    .el-table-filter__checkbox-group {
        padding: 10px
    }

    .el-table-filter__checkbox-group label.el-checkbox {
        display: block;
        margin-bottom: 8px;
        margin-left: 5px;
        margin-right: 5px
    }

    .el-table-filter__checkbox-group .el-checkbox:last-child {
        margin-bottom: 0
    }

    .el-date-table {
        font-size: 12px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .el-date-table.is-week-mode .el-date-table__row:hover div {
        background-color: #f2f6fc
    }

    .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
        color: #2f3032
    }

    .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
        border-bottom-left-radius: 15px;
        border-top-left-radius: 15px;
        margin-left: 5px
    }

    .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        margin-right: 5px
    }

    .el-date-table.is-week-mode .el-date-table__row.current div {
        background-color: #f2f6fc
    }

    .el-date-table td {
        box-sizing: border-box;
        cursor: pointer;
        height: 30px;
        padding: 4px 0;
        position: relative;
        text-align: center;
        width: 32px
    }

    .el-date-table td div {
        box-sizing: border-box;
        height: 30px;
        padding: 3px 0
    }

    .el-date-table td span {
        border-radius: 50%;
        display: block;
        height: 24px;
        left: 50%;
        line-height: 24px;
        margin: 0 auto;
        position: absolute;
        transform: translateX(-50%);
        width: 24px
    }

    .el-date-table td.next-month,
    .el-date-table td.prev-month {
        color: #c0c4cc
    }

    .el-date-table td.today {
        position: relative
    }

    .el-date-table td.today span {
        color: #7150e6;
        font-weight: 700
    }

    .el-date-table td.today.end-date span,
    .el-date-table td.today.start-date span {
        color: #fff
    }

    .el-date-table td.available:hover {
        color: #7150e6
    }

    .el-date-table td.in-range div,
    .el-date-table td.in-range div:hover {
        background-color: #f2f6fc
    }

    .el-date-table td.current:not(.disabled) span {
        background-color: #7150e6;
        color: #fff
    }

    .el-date-table td.end-date div,
    .el-date-table td.start-date div {
        color: #fff
    }

    .el-date-table td.end-date span,
    .el-date-table td.start-date span {
        background-color: #7150e6
    }

    .el-date-table td.start-date div {
        border-bottom-left-radius: 15px;
        border-top-left-radius: 15px;
        margin-left: 5px
    }

    .el-date-table td.end-date div {
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        margin-right: 5px
    }

    .el-date-table td.disabled div {
        background-color: #f5f7fa;
        color: #c0c4cc;
        cursor: not-allowed;
        opacity: 1
    }

    .el-date-table td.selected div {
        background-color: #f2f6fc;
        border-radius: 15px;
        margin-left: 5px;
        margin-right: 5px
    }

    .el-date-table td.selected div:hover {
        background-color: #f2f6fc
    }

    .el-date-table td.selected span {
        background-color: #7150e6;
        border-radius: 15px;
        color: #fff
    }

    .el-date-table td.week {
        color: #2f3032;
        font-size: 80%
    }

    .el-date-table th {
        border-bottom: 1px solid #ebeef5;
        color: #2f3032;
        font-weight: 400;
        padding: 5px
    }

    .el-month-table {
        border-collapse: collapse;
        font-size: 12px;
        margin: -1px
    }

    .el-month-table td {
        cursor: pointer;
        padding: 8px 0;
        text-align: center
    }

    .el-month-table td div {
        box-sizing: border-box;
        height: 48px;
        padding: 6px 0
    }

    .el-month-table td.today .cell {
        color: #7150e6;
        font-weight: 700
    }

    .el-month-table td.today.end-date .cell,
    .el-month-table td.today.start-date .cell {
        color: #fff
    }

    .el-month-table td.disabled .cell {
        background-color: #f5f7fa;
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-month-table td.disabled .cell:hover {
        color: #c0c4cc
    }

    .el-month-table td .cell {
        border-radius: 18px;
        color: #2f3032;
        display: block;
        height: 36px;
        line-height: 36px;
        margin: 0 auto;
        width: 60px
    }

    .el-month-table td .cell:hover {
        color: #7150e6
    }

    .el-month-table td.in-range div,
    .el-month-table td.in-range div:hover {
        background-color: #f2f6fc
    }

    .el-month-table td.end-date div,
    .el-month-table td.start-date div {
        color: #fff
    }

    .el-month-table td.end-date .cell,
    .el-month-table td.start-date .cell {
        background-color: #7150e6;
        color: #fff
    }

    .el-month-table td.start-date div {
        border-bottom-left-radius: 24px;
        border-top-left-radius: 24px
    }

    .el-month-table td.end-date div {
        border-bottom-right-radius: 24px;
        border-top-right-radius: 24px
    }

    .el-month-table td.current:not(.disabled) .cell {
        color: #7150e6
    }

    .el-year-table {
        border-collapse: collapse;
        font-size: 12px;
        margin: -1px
    }

    .el-year-table .el-icon {
        color: #313131
    }

    .el-year-table td {
        cursor: pointer;
        padding: 20px 3px;
        text-align: center
    }

    .el-year-table td.today .cell {
        color: #7150e6;
        font-weight: 700
    }

    .el-year-table td.disabled .cell {
        background-color: #f5f7fa;
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-year-table td.disabled .cell:hover {
        color: #c0c4cc
    }

    .el-year-table td .cell {
        color: #2f3032;
        display: block;
        height: 32px;
        line-height: 32px;
        margin: 0 auto;
        width: 48px
    }

    .el-year-table td .cell:hover,
    .el-year-table td.current:not(.disabled) .cell {
        color: #7150e6
    }

    .el-date-range-picker {
        width: 646px
    }

    .el-date-range-picker.has-sidebar {
        width: 756px
    }

    .el-date-range-picker table {
        table-layout: fixed;
        width: 100%
    }

    .el-date-range-picker .el-picker-panel__body {
        min-width: 513px
    }

    .el-date-range-picker .el-picker-panel__content {
        margin: 0
    }

    .el-date-range-picker__header {
        height: 28px;
        position: relative;
        text-align: center
    }

    .el-date-range-picker__header [class*=arrow-left] {
        float: left
    }

    .el-date-range-picker__header [class*=arrow-right] {
        float: right
    }

    .el-date-range-picker__header div {
        font-size: 16px;
        font-weight: 500;
        margin-right: 50px
    }

    .el-date-range-picker__content {
        box-sizing: border-box;
        float: left;
        margin: 0;
        padding: 16px;
        width: 50%
    }

    .el-date-range-picker__content.is-left {
        border-right: 1px solid #e4e4e4
    }

    .el-date-range-picker__content .el-date-range-picker__header div {
        margin-left: 50px;
        margin-right: 50px
    }

    .el-date-range-picker__editors-wrap {
        box-sizing: border-box;
        display: table-cell
    }

    .el-date-range-picker__editors-wrap.is-right {
        text-align: right
    }

    .el-date-range-picker__time-header {
        border-bottom: 1px solid #e4e4e4;
        box-sizing: border-box;
        display: table;
        font-size: 12px;
        padding: 8px 5px 5px;
        position: relative;
        width: 100%
    }

    .el-date-range-picker__time-header>.el-icon-arrow-right {
        color: #313131;
        display: table-cell;
        font-size: 20px;
        vertical-align: middle
    }

    .el-date-range-picker__time-picker-wrap {
        display: table-cell;
        padding: 0 5px;
        position: relative
    }

    .el-date-range-picker__time-picker-wrap .el-picker-panel {
        background: #fff;
        position: absolute;
        right: 0;
        top: 13px;
        z-index: 1
    }

    .el-date-picker {
        width: 322px
    }

    .el-date-picker.has-sidebar.has-time {
        width: 434px
    }

    .el-date-picker.has-sidebar {
        width: 438px
    }

    .el-date-picker.has-time .el-picker-panel__body-wrapper {
        position: relative
    }

    .el-date-picker .el-picker-panel__content {
        width: 292px
    }

    .el-date-picker table {
        table-layout: fixed;
        width: 100%
    }

    .el-date-picker__editor-wrap {
        display: table-cell;
        padding: 0 5px;
        position: relative
    }

    .el-date-picker__time-header {
        border-bottom: 1px solid #e4e4e4;
        box-sizing: border-box;
        display: table;
        font-size: 12px;
        padding: 8px 5px 5px;
        position: relative;
        width: 100%
    }

    .el-date-picker__header {
        margin: 12px;
        text-align: center
    }

    .el-date-picker__header--bordered {
        border-bottom: 1px solid #ebeef5;
        margin-bottom: 0;
        padding-bottom: 12px
    }

    .el-date-picker__header--bordered+.el-picker-panel__content {
        margin-top: 0
    }

    .el-date-picker__header-label {
        color: #2f3032;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        padding: 0 5px;
        text-align: center
    }

    .el-date-picker__header-label.active,
    .el-date-picker__header-label:hover {
        color: #7150e6
    }

    .el-date-picker__prev-btn {
        float: left
    }

    .el-date-picker__next-btn {
        float: right
    }

    .el-date-picker__time-wrap {
        padding: 10px;
        text-align: center
    }

    .el-date-picker__time-label {
        cursor: pointer;
        float: left;
        line-height: 30px;
        margin-left: 10px
    }

    .time-select {
        margin: 5px 0;
        min-width: 0
    }

    .time-select .el-picker-panel__content {
        margin: 0;
        max-height: 200px
    }

    .time-select-item {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 10px
    }

    .time-select-item.selected:not(.disabled) {
        color: #7150e6;
        font-weight: 700
    }

    .time-select-item.disabled {
        color: #e4e7ed;
        cursor: not-allowed
    }

    .time-select-item:hover {
        background-color: #f5f7fa;
        cursor: pointer;
        font-weight: 700
    }

    .el-date-editor {
        display: inline-block;
        position: relative;
        text-align: left
    }

    .el-date-editor.el-input,
    .el-date-editor.el-input__inner {
        width: 220px
    }

    .el-date-editor--monthrange.el-input,
    .el-date-editor--monthrange.el-input__inner {
        width: 300px
    }

    .el-date-editor--daterange.el-input,
    .el-date-editor--daterange.el-input__inner,
    .el-date-editor--timerange.el-input,
    .el-date-editor--timerange.el-input__inner {
        width: 350px
    }

    .el-date-editor--datetimerange.el-input,
    .el-date-editor--datetimerange.el-input__inner {
        width: 400px
    }

    .el-date-editor--dates .el-input__inner {
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .el-date-editor .el-icon-circle-close {
        cursor: pointer
    }

    .el-date-editor .el-range__icon {
        color: #c0c4cc;
        float: left;
        font-size: 14px;
        line-height: 32px;
        margin-left: -5px
    }

    .el-date-editor .el-range-input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        color: #2f3032;
        display: inline-block;
        font-size: 14px;
        height: 100%;
        margin: 0;
        outline: none;
        padding: 0;
        text-align: center;
        width: 39%
    }

    .el-date-editor .el-range-input::-moz-placeholder {
        color: #c0c4cc
    }

    .el-date-editor .el-range-input::placeholder {
        color: #c0c4cc
    }

    .el-date-editor .el-range-separator {
        color: #313131;
        display: inline-block;
        font-size: 14px;
        height: 100%;
        line-height: 32px;
        margin: 0;
        padding: 0 5px;
        text-align: center;
        width: 5%
    }

    .el-date-editor .el-range__close-icon {
        color: #c0c4cc;
        display: inline-block;
        float: right;
        font-size: 14px;
        line-height: 32px;
        width: 25px
    }

    .el-range-editor.el-input__inner {
        align-items: center;
        display: inline-flex;
        padding: 3px 10px
    }

    .el-range-editor .el-range-input {
        line-height: 1
    }

    .el-range-editor.is-active,
    .el-range-editor.is-active:hover {
        border-color: #7150e6
    }

    .el-range-editor--medium.el-input__inner {
        height: 36px
    }

    .el-range-editor--medium .el-range-separator {
        font-size: 14px;
        line-height: 28px
    }

    .el-range-editor--medium .el-range-input {
        font-size: 14px
    }

    .el-range-editor--medium .el-range__close-icon,
    .el-range-editor--medium .el-range__icon {
        line-height: 28px
    }

    .el-range-editor--small.el-input__inner {
        height: 32px
    }

    .el-range-editor--small .el-range-separator {
        font-size: 13px;
        line-height: 24px
    }

    .el-range-editor--small .el-range-input {
        font-size: 13px
    }

    .el-range-editor--small .el-range__close-icon,
    .el-range-editor--small .el-range__icon {
        line-height: 24px
    }

    .el-range-editor--mini.el-input__inner {
        height: 28px
    }

    .el-range-editor--mini .el-range-separator {
        font-size: 12px;
        line-height: 20px
    }

    .el-range-editor--mini .el-range-input {
        font-size: 12px
    }

    .el-range-editor--mini .el-range__close-icon,
    .el-range-editor--mini .el-range__icon {
        line-height: 20px
    }

    .el-range-editor.is-disabled {
        background-color: #f5f7fa;
        border-color: #e4e7ed;
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-range-editor.is-disabled:focus,
    .el-range-editor.is-disabled:hover {
        border-color: #e4e7ed
    }

    .el-range-editor.is-disabled input {
        background-color: #f5f7fa;
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-range-editor.is-disabled input::-moz-placeholder {
        color: #c0c4cc
    }

    .el-range-editor.is-disabled input::placeholder {
        color: #c0c4cc
    }

    .el-range-editor.is-disabled .el-range-separator {
        color: #c0c4cc
    }

    .el-picker-panel {
        background: #fff;
        border: 1px solid #e4e7ed;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        color: #2f3032;
        line-height: 30px;
        margin: 5px 0
    }

    .el-picker-panel__body-wrapper:after,
    .el-picker-panel__body:after {
        clear: both;
        content: "";
        display: table
    }

    .el-picker-panel__content {
        margin: 15px;
        position: relative
    }

    .el-picker-panel__footer {
        background-color: #fff;
        border-top: 1px solid #e4e4e4;
        font-size: 0;
        padding: 4px;
        position: relative;
        text-align: right
    }

    .el-picker-panel__shortcut {
        background-color: transparent;
        border: 0;
        color: #2f3032;
        cursor: pointer;
        display: block;
        font-size: 14px;
        line-height: 28px;
        outline: none;
        padding-left: 12px;
        text-align: left;
        width: 100%
    }

    .el-picker-panel__shortcut:hover {
        color: #7150e6
    }

    .el-picker-panel__shortcut.active {
        background-color: #e6f1fe;
        color: #7150e6
    }

    .el-picker-panel__btn {
        background-color: transparent;
        border: 1px solid #dcdcdc;
        border-radius: 2px;
        color: #333;
        cursor: pointer;
        font-size: 12px;
        line-height: 24px;
        outline: none;
        padding: 0 20px
    }

    .el-picker-panel__btn[disabled] {
        color: #ccc;
        cursor: not-allowed
    }

    .el-picker-panel__icon-btn {
        background: transparent;
        border: 0;
        color: #313131;
        cursor: pointer;
        font-size: 12px;
        margin-top: 8px;
        outline: none
    }

    .el-picker-panel__icon-btn:hover {
        color: #7150e6
    }

    .el-picker-panel__icon-btn.is-disabled {
        color: #bbb
    }

    .el-picker-panel__icon-btn.is-disabled:hover {
        cursor: not-allowed
    }

    .el-picker-panel__link-btn {
        vertical-align: middle
    }

    .el-picker-panel [slot=sidebar],
    .el-picker-panel__sidebar {
        background-color: #fff;
        border-right: 1px solid #e4e4e4;
        bottom: 0;
        box-sizing: border-box;
        overflow: auto;
        padding-top: 6px;
        position: absolute;
        top: 0;
        width: 110px
    }

    .el-picker-panel [slot=sidebar]+.el-picker-panel__body,
    .el-picker-panel__sidebar+.el-picker-panel__body {
        margin-left: 110px
    }

    .el-time-spinner.has-seconds .el-time-spinner__wrapper {
        width: 33.3%
    }

    .el-time-spinner__wrapper {
        display: inline-block;
        max-height: 190px;
        overflow: auto;
        position: relative;
        vertical-align: top;
        width: 50%
    }

    .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
        padding-bottom: 15px
    }

    .el-time-spinner__wrapper.is-arrow {
        box-sizing: border-box;
        overflow: hidden;
        text-align: center
    }

    .el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
        transform: translateY(-32px)
    }

    .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
        background: #fff;
        cursor: default
    }

    .el-time-spinner__arrow {
        color: #909399;
        cursor: pointer;
        font-size: 12px;
        height: 30px;
        left: 0;
        line-height: 30px;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 1
    }

    .el-time-spinner__arrow:hover {
        color: #7150e6
    }

    .el-time-spinner__arrow.el-icon-arrow-up {
        top: 10px
    }

    .el-time-spinner__arrow.el-icon-arrow-down {
        bottom: 10px
    }

    .el-time-spinner__input.el-input {
        width: 70%
    }

    .el-time-spinner__input.el-input .el-input__inner,
    .el-time-spinner__list {
        padding: 0;
        text-align: center
    }

    .el-time-spinner__list {
        list-style: none;
        margin: 0
    }

    .el-time-spinner__list:after,
    .el-time-spinner__list:before {
        content: "";
        display: block;
        height: 80px;
        width: 100%
    }

    .el-time-spinner__item {
        color: #2f3032;
        font-size: 12px;
        height: 32px;
        line-height: 32px
    }

    .el-time-spinner__item:hover:not(.disabled):not(.active) {
        background: #f5f7fa;
        cursor: pointer
    }

    .el-time-spinner__item.active:not(.disabled) {
        color: #313131;
        font-weight: 700
    }

    .el-time-spinner__item.disabled {
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-time-panel {
        background-color: #fff;
        border: 1px solid #e4e7ed;
        border-radius: 2px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        box-sizing: content-box;
        left: 0;
        margin: 5px 0;
        position: absolute;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 180px;
        z-index: 1000
    }

    .el-time-panel__content {
        font-size: 0;
        overflow: hidden;
        position: relative
    }

    .el-time-panel__content:after,
    .el-time-panel__content:before {
        border-bottom: 1px solid #e4e7ed;
        border-top: 1px solid #e4e7ed;
        box-sizing: border-box;
        content: "";
        height: 32px;
        left: 0;
        margin-top: -15px;
        padding-top: 6px;
        position: absolute;
        right: 0;
        text-align: left;
        top: 50%;
        z-index: -1
    }

    .el-time-panel__content:after {
        left: 50%;
        margin-left: 12%;
        margin-right: 12%
    }

    .el-time-panel__content:before {
        margin-left: 12%;
        margin-right: 12%;
        padding-left: 50%
    }

    .el-time-panel__content.has-seconds:after {
        left: 66.66667%
    }

    .el-time-panel__content.has-seconds:before {
        padding-left: 33.33333%
    }

    .el-time-panel__footer {
        border-top: 1px solid #e4e4e4;
        box-sizing: border-box;
        height: 36px;
        line-height: 25px;
        padding: 4px;
        text-align: right
    }

    .el-time-panel__btn {
        background-color: transparent;
        border: none;
        color: #313131;
        cursor: pointer;
        font-size: 12px;
        line-height: 28px;
        margin: 0 5px;
        outline: none;
        padding: 0 5px
    }

    .el-time-panel__btn.confirm {
        color: #7150e6;
        font-weight: 800
    }

    .el-time-range-picker {
        overflow: visible;
        width: 354px
    }

    .el-time-range-picker__content {
        padding: 10px;
        position: relative;
        text-align: center
    }

    .el-time-range-picker__cell {
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        padding: 4px 7px 7px;
        width: 50%
    }

    .el-time-range-picker__header {
        font-size: 14px;
        margin-bottom: 5px;
        text-align: center
    }

    .el-time-range-picker__body {
        border: 1px solid #e4e7ed;
        border-radius: 2px
    }

    .el-popover {
        background: #fff;
        border: 1px solid #ebeef5;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        color: #2f3032;
        font-size: 14px;
        line-height: 1.4;
        min-width: 150px;
        padding: 12px;
        position: absolute;
        text-align: justify;
        word-break: break-all;
        z-index: 2000
    }

    .el-popover--plain {
        padding: 18px 20px
    }

    .el-popover__title {
        color: #313131;
        font-size: 16px;
        line-height: 1;
        margin-bottom: 12px
    }

    .el-popover:focus,
    .el-popover:focus:active,
    .el-popover__reference:focus:hover,
    .el-popover__reference:focus:not(.focusing) {
        outline-width: 0
    }

    .v-modal-enter {
        animation: v-modal-in .2s ease
    }

    .v-modal-leave {
        animation: v-modal-out .2s ease forwards
    }

    @keyframes v-modal-in {
        0% {
            opacity: 0
        }
    }

    @keyframes v-modal-out {
        to {
            opacity: 0
        }
    }

    .v-modal {
        background: #000;
        height: 100%;
        left: 0;
        opacity: .5;
        position: fixed;
        top: 0;
        width: 100%
    }

    .el-popup-parent--hidden {
        overflow: hidden
    }

    .el-message-box {
        backface-visibility: hidden;
        background-color: #fff;
        border: 1px solid #ebeef5;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        display: inline-block;
        font-size: 18px;
        overflow: hidden;
        padding-bottom: 10px;
        text-align: left;
        vertical-align: middle;
        width: 420px
    }

    .el-message-box__wrapper {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0
    }

    .el-message-box__wrapper:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

    .el-message-box__header {
        padding: 15px 15px 10px;
        position: relative
    }

    .el-message-box__title {
        color: #313131;
        font-size: 18px;
        line-height: 1;
        margin-bottom: 0;
        padding-left: 0
    }

    .el-message-box__headerbtn {
        background: transparent;
        border: none;
        cursor: pointer;
        font-size: 16px;
        outline: none;
        padding: 0;
        position: absolute;
        right: 15px;
        top: 15px
    }

    .el-message-box__headerbtn .el-message-box__close {
        color: #909399
    }

    .el-message-box__headerbtn:focus .el-message-box__close,
    .el-message-box__headerbtn:hover .el-message-box__close {
        color: #7150e6
    }

    .el-message-box__content {
        color: #2f3032;
        font-size: 14px;
        padding: 10px 15px
    }

    .el-message-box__container {
        position: relative
    }

    .el-message-box__input {
        padding-top: 15px
    }

    .el-message-box__input input.invalid,
    .el-message-box__input input.invalid:focus {
        border-color: #f56c6c
    }

    .el-message-box__status {
        font-size: 24px !important;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .el-message-box__status:before {
        padding-left: 1px
    }

    .el-message-box__status+.el-message-box__message {
        padding-left: 36px;
        padding-right: 12px
    }

    .el-message-box__status.el-icon-success {
        color: #67c23a
    }

    .el-message-box__status.el-icon-info {
        color: #909399
    }

    .el-message-box__status.el-icon-warning {
        color: #e6a23c
    }

    .el-message-box__status.el-icon-error {
        color: #f56c6c
    }

    .el-message-box__message {
        margin: 0
    }

    .el-message-box__message p {
        line-height: 24px;
        margin: 0
    }

    .el-message-box__errormsg {
        color: #f56c6c;
        font-size: 12px;
        margin-top: 2px;
        min-height: 18px
    }

    .el-message-box__btns {
        padding: 5px 15px 0;
        text-align: right
    }

    .el-message-box__btns button:nth-child(2) {
        margin-left: 10px
    }

    .el-message-box__btns-reverse {
        flex-direction: row-reverse
    }

    .el-message-box--center {
        padding-bottom: 30px
    }

    .el-message-box--center .el-message-box__header {
        padding-top: 30px
    }

    .el-message-box--center .el-message-box__title {
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative
    }

    .el-message-box--center .el-message-box__status {
        padding-right: 5px;
        position: relative;
        text-align: center;
        top: auto;
        transform: translateY(-1px)
    }

    .el-message-box--center .el-message-box__message {
        margin-left: 0
    }

    .el-message-box--center .el-message-box__btns,
    .el-message-box--center .el-message-box__content {
        text-align: center
    }

    .el-message-box--center .el-message-box__content {
        padding-left: 27px;
        padding-right: 27px
    }

    .msgbox-fade-enter-active {
        animation: msgbox-fade-in .3s
    }

    .msgbox-fade-leave-active {
        animation: msgbox-fade-out .3s
    }

    @keyframes msgbox-fade-in {
        0% {
            opacity: 0;
            transform: translate3d(0, -20px, 0)
        }

        to {
            opacity: 1;
            transform: translateZ(0)
        }
    }

    @keyframes msgbox-fade-out {
        0% {
            opacity: 1;
            transform: translateZ(0)
        }

        to {
            opacity: 0;
            transform: translate3d(0, -20px, 0)
        }
    }

    .el-breadcrumb {
        font-size: 14px;
        line-height: 1
    }

    .el-breadcrumb:after,
    .el-breadcrumb:before {
        content: "";
        display: table
    }

    .el-breadcrumb:after {
        clear: both
    }

    .el-breadcrumb__separator {
        color: #c0c4cc;
        font-weight: 700;
        margin: 0 9px
    }

    .el-breadcrumb__separator[class*=icon] {
        font-weight: 400;
        margin: 0 6px
    }

    .el-breadcrumb__item {
        float: left
    }

    .el-breadcrumb__inner {
        color: #2f3032
    }

    .el-breadcrumb__inner a,
    .el-breadcrumb__inner.is-link {
        color: #313131;
        font-weight: 700;
        -webkit-text-decoration: none;
        text-decoration: none;
        transition: color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-breadcrumb__inner a:hover,
    .el-breadcrumb__inner.is-link:hover {
        color: #7150e6;
        cursor: pointer
    }

    .el-breadcrumb__item:last-child .el-breadcrumb__inner,
    .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
    .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
    .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
        color: #2f3032;
        cursor: text;
        font-weight: 400
    }

    .el-breadcrumb__item:last-child .el-breadcrumb__separator {
        display: none
    }

    .el-form--label-left .el-form-item__label {
        text-align: left
    }

    .el-form--label-top .el-form-item__label {
        display: inline-block;
        float: none;
        padding: 0 0 10px;
        text-align: left
    }

    .el-form--inline .el-form-item {
        display: inline-block;
        margin-right: 10px;
        vertical-align: top
    }

    .el-form--inline .el-form-item__label {
        display: inline-block;
        float: none
    }

    .el-form--inline .el-form-item__content {
        display: inline-block;
        vertical-align: top
    }

    .el-form--inline.el-form--label-top .el-form-item__content {
        display: block
    }

    .el-form-item {
        margin-bottom: 22px
    }

    .el-form-item:after,
    .el-form-item:before {
        content: "";
        display: table
    }

    .el-form-item:after {
        clear: both
    }

    .el-form-item .el-form-item {
        margin-bottom: 0
    }

    .el-form-item .el-input__validateIcon {
        display: none
    }

    .el-form-item--medium .el-form-item__content,
    .el-form-item--medium .el-form-item__label {
        line-height: 36px
    }

    .el-form-item--small .el-form-item__content,
    .el-form-item--small .el-form-item__label {
        line-height: 32px
    }

    .el-form-item--small.el-form-item {
        margin-bottom: 18px
    }

    .el-form-item--small .el-form-item__error {
        padding-top: 2px
    }

    .el-form-item--mini .el-form-item__content,
    .el-form-item--mini .el-form-item__label {
        line-height: 28px
    }

    .el-form-item--mini.el-form-item {
        margin-bottom: 18px
    }

    .el-form-item--mini .el-form-item__error {
        padding-top: 1px
    }

    .el-form-item__label-wrap {
        float: left
    }

    .el-form-item__label-wrap .el-form-item__label {
        display: inline-block;
        float: none
    }

    .el-form-item__label {
        box-sizing: border-box;
        color: #2f3032;
        float: left;
        font-size: 14px;
        line-height: 40px;
        padding: 0 12px 0 0;
        text-align: right;
        vertical-align: middle
    }

    .el-form-item__content {
        font-size: 14px;
        line-height: 40px;
        position: relative
    }

    .el-form-item__content:after,
    .el-form-item__content:before {
        content: "";
        display: table
    }

    .el-form-item__content:after {
        clear: both
    }

    .el-form-item__content .el-input-group {
        vertical-align: top
    }

    .el-form-item__error {
        color: #f56c6c;
        font-size: 12px;
        left: 0;
        line-height: 1;
        padding-top: 4px;
        position: absolute;
        top: 100%
    }

    .el-form-item__error--inline {
        display: inline-block;
        left: auto;
        margin-left: 10px;
        position: relative;
        top: auto
    }

    .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
    .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
        color: #f56c6c;
        content: "*";
        margin-right: 4px
    }

    .el-form-item.is-error .el-input__inner,
    .el-form-item.is-error .el-input__inner:focus,
    .el-form-item.is-error .el-textarea__inner,
    .el-form-item.is-error .el-textarea__inner:focus {
        border-color: #f56c6c
    }

    .el-form-item.is-error .el-input-group__append .el-input__inner,
    .el-form-item.is-error .el-input-group__prepend .el-input__inner {
        border-color: transparent
    }

    .el-form-item.is-error .el-input__validateIcon {
        color: #f56c6c
    }

    .el-form-item--feedback .el-input__validateIcon {
        display: inline-block
    }

    .el-tabs__header {
        margin: 0 0 15px;
        padding: 0;
        position: relative
    }

    .el-tabs__active-bar {
        background-color: #7150e6;
        bottom: 0;
        height: 2px;
        left: 0;
        list-style: none;
        position: absolute;
        transition: transform .3s cubic-bezier(.645, .045, .355, 1);
        z-index: 1
    }

    .el-tabs__new-tab {
        border: 1px solid #d3dce6;
        border-radius: 3px;
        color: #d3dce6;
        cursor: pointer;
        float: right;
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        margin: 12px 0 9px 10px;
        text-align: center;
        transition: all .15s;
        width: 18px
    }

    .el-tabs__new-tab .el-icon-plus {
        transform: scale(.8)
    }

    .el-tabs__new-tab:hover {
        color: #7150e6
    }

    .el-tabs__nav-wrap {
        margin-bottom: -1px;
        overflow: hidden;
        position: relative
    }

    .el-tabs__nav-wrap:after {
        background-color: #e4e7ed;
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .el-tabs__nav-wrap.is-scrollable {
        box-sizing: border-box;
        padding: 0 20px
    }

    .el-tabs__nav-scroll {
        overflow: hidden
    }

    .el-tabs__nav-next,
    .el-tabs__nav-prev {
        color: #909399;
        cursor: pointer;
        font-size: 12px;
        line-height: 44px;
        position: absolute
    }

    .el-tabs__nav-next {
        right: 0
    }

    .el-tabs__nav-prev {
        left: 0
    }

    .el-tabs__nav {
        float: left;
        position: relative;
        transition: transform .3s;
        white-space: nowrap;
        z-index: 2
    }

    .el-tabs__nav.is-stretch {
        display: flex;
        min-width: 100%
    }

    .el-tabs__nav.is-stretch>* {
        flex: 1;
        text-align: center
    }

    .el-tabs__item {
        box-sizing: border-box;
        color: #313131;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        height: 40px;
        line-height: 40px;
        list-style: none;
        padding: 0 20px;
        position: relative
    }

    .el-tabs__item:focus,
    .el-tabs__item:focus:active {
        outline: none
    }

    .el-tabs__item:focus.is-active.is-focus:not(:active) {
        border-radius: 3px;
        box-shadow: inset 0 0 2px 2px #7150e6
    }

    .el-tabs__item .el-icon-close {
        border-radius: 50%;
        margin-left: 5px;
        text-align: center;
        transition: all .3s cubic-bezier(.645, .045, .355, 1)
    }

    .el-tabs__item .el-icon-close:before {
        display: inline-block;
        transform: scale(.9)
    }

    .el-tabs__item .el-icon-close:hover {
        background-color: #c0c4cc;
        color: #fff
    }

    .el-tabs__item.is-active {
        color: #7150e6
    }

    .el-tabs__item:hover {
        color: #7150e6;
        cursor: pointer
    }

    .el-tabs__item.is-disabled {
        color: #c0c4cc;
        cursor: default
    }

    .el-tabs__content {
        overflow: hidden;
        position: relative
    }

    .el-tabs--card>.el-tabs__header {
        border-bottom: 1px solid #e4e7ed
    }

    .el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
        content: none
    }

    .el-tabs--card>.el-tabs__header .el-tabs__nav {
        border: 1px solid #e4e7ed;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
        box-sizing: border-box
    }

    .el-tabs--card>.el-tabs__header .el-tabs__active-bar {
        display: none
    }

    .el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close {
        font-size: 12px;
        height: 14px;
        line-height: 15px;
        overflow: hidden;
        position: relative;
        right: -2px;
        top: -1px;
        transform-origin: 100% 50%;
        vertical-align: middle;
        width: 0
    }

    .el-tabs--card>.el-tabs__header .el-tabs__item {
        border-bottom: 1px solid transparent;
        border-left: 1px solid #e4e7ed;
        transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1)
    }

    .el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
        border-left: none
    }

    .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
        padding-left: 13px;
        padding-right: 13px
    }

    .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
        width: 14px
    }

    .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
        border-bottom-color: #fff
    }

    .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
        padding-left: 20px;
        padding-right: 20px
    }

    .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
        width: 14px
    }

    .el-tabs--border-card {
        background: #fff;
        border: 1px solid #d5d5d5;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04)
    }

    .el-tabs--border-card>.el-tabs__content {
        padding: 15px
    }

    .el-tabs--border-card>.el-tabs__header {
        background-color: #f5f7fa;
        border-bottom: 1px solid #e4e7ed;
        margin: 0
    }

    .el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
        content: none
    }

    .el-tabs--border-card>.el-tabs__header .el-tabs__item {
        border: 1px solid transparent;
        color: #909399;
        margin-top: -1px;
        transition: all .3s cubic-bezier(.645, .045, .355, 1)
    }

    .el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,
    .el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
        margin-left: -1px
    }

    .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
        background-color: #fff;
        border-left-color: #d5d5d5;
        border-right-color: #d5d5d5;
        color: #7150e6
    }

    .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
        color: #7150e6
    }

    .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
        color: #c0c4cc
    }

    .el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
        margin-left: 0
    }

    .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
    .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
    .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
    .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
        padding-left: 0
    }

    .el-tabs--bottom .el-tabs__item.is-bottom:last-child,
    .el-tabs--bottom .el-tabs__item.is-top:last-child,
    .el-tabs--top .el-tabs__item.is-bottom:last-child,
    .el-tabs--top .el-tabs__item.is-top:last-child {
        padding-right: 0
    }

    .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
    .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
    .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
    .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
    .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
    .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
    .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
    .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
        padding-left: 20px
    }

    .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
    .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
    .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
    .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
    .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
    .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
    .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
    .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
        padding-right: 20px
    }

    .el-tabs--bottom .el-tabs__header.is-bottom {
        margin-bottom: 0;
        margin-top: 10px
    }

    .el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
        border-bottom: 0;
        border-top: 1px solid #d5d5d5
    }

    .el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
        margin-bottom: 0;
        margin-top: -1px
    }

    .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
        border: 1px solid transparent
    }

    .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
        margin: 0 -1px -1px
    }

    .el-tabs--left,
    .el-tabs--right {
        overflow: hidden
    }

    .el-tabs--left .el-tabs__header.is-left,
    .el-tabs--left .el-tabs__header.is-right,
    .el-tabs--left .el-tabs__nav-scroll,
    .el-tabs--left .el-tabs__nav-wrap.is-left,
    .el-tabs--left .el-tabs__nav-wrap.is-right,
    .el-tabs--right .el-tabs__header.is-left,
    .el-tabs--right .el-tabs__header.is-right,
    .el-tabs--right .el-tabs__nav-scroll,
    .el-tabs--right .el-tabs__nav-wrap.is-left,
    .el-tabs--right .el-tabs__nav-wrap.is-right {
        height: 100%
    }

    .el-tabs--left .el-tabs__active-bar.is-left,
    .el-tabs--left .el-tabs__active-bar.is-right,
    .el-tabs--right .el-tabs__active-bar.is-left,
    .el-tabs--right .el-tabs__active-bar.is-right {
        bottom: auto;
        height: auto;
        top: 0;
        width: 2px
    }

    .el-tabs--left .el-tabs__nav-wrap.is-left,
    .el-tabs--left .el-tabs__nav-wrap.is-right,
    .el-tabs--right .el-tabs__nav-wrap.is-left,
    .el-tabs--right .el-tabs__nav-wrap.is-right {
        margin-bottom: 0
    }

    .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
    .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
    .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
    .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
    .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
    .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
    .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
    .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
        cursor: pointer;
        height: 30px;
        line-height: 30px;
        text-align: center;
        width: 100%
    }

    .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
    .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
    .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
    .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
    .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
    .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
    .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
    .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
        transform: rotate(90deg)
    }

    .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
    .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
    .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
    .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
        left: auto;
        top: 0
    }

    .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
    .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
    .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
    .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
        bottom: 0;
        right: auto
    }

    .el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
    .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
    .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
    .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
        padding: 30px 0
    }

    .el-tabs--left .el-tabs__nav-wrap.is-left:after,
    .el-tabs--left .el-tabs__nav-wrap.is-right:after,
    .el-tabs--right .el-tabs__nav-wrap.is-left:after,
    .el-tabs--right .el-tabs__nav-wrap.is-right:after {
        bottom: auto;
        height: 100%;
        top: 0;
        width: 2px
    }

    .el-tabs--left .el-tabs__nav.is-left,
    .el-tabs--left .el-tabs__nav.is-right,
    .el-tabs--right .el-tabs__nav.is-left,
    .el-tabs--right .el-tabs__nav.is-right {
        float: none
    }

    .el-tabs--left .el-tabs__item.is-left,
    .el-tabs--left .el-tabs__item.is-right,
    .el-tabs--right .el-tabs__item.is-left,
    .el-tabs--right .el-tabs__item.is-right {
        display: block
    }

    .el-tabs--left .el-tabs__header.is-left {
        float: left;
        margin-bottom: 0;
        margin-right: 10px
    }

    .el-tabs--left .el-tabs__nav-wrap.is-left {
        margin-right: -1px
    }

    .el-tabs--left .el-tabs__active-bar.is-left,
    .el-tabs--left .el-tabs__nav-wrap.is-left:after {
        left: auto;
        right: 0
    }

    .el-tabs--left .el-tabs__item.is-left {
        text-align: right
    }

    .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
        display: none
    }

    .el-tabs--left.el-tabs--card .el-tabs__item.is-left {
        border: 1px solid #e4e7ed;
        border-bottom: none;
        border-left: none;
        text-align: left
    }

    .el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
        border-right: 1px solid #e4e7ed;
        border-top: none
    }

    .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
        border: none;
        border-right: 1px solid #fff;
        border-top: 1px solid #e4e7ed
    }

    .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
        border-top: none
    }

    .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
        border-bottom: none
    }

    .el-tabs--left.el-tabs--card .el-tabs__nav {
        border-bottom: 1px solid #e4e7ed;
        border-radius: 4px 0 0 4px;
        border-right: none
    }

    .el-tabs--left.el-tabs--card .el-tabs__new-tab {
        float: none
    }

    .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
        border-right: 1px solid #dfe4ed
    }

    .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
        border: 1px solid transparent;
        margin: -1px 0 -1px -1px
    }

    .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
        border-color: #d1dbe5 transparent
    }

    .el-tabs--right .el-tabs__header.is-right {
        float: right;
        margin-bottom: 0;
        margin-left: 10px
    }

    .el-tabs--right .el-tabs__nav-wrap.is-right {
        margin-left: -1px
    }

    .el-tabs--right .el-tabs__nav-wrap.is-right:after {
        left: 0;
        right: auto
    }

    .el-tabs--right .el-tabs__active-bar.is-right {
        left: 0
    }

    .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
        display: none
    }

    .el-tabs--right.el-tabs--card .el-tabs__item.is-right {
        border-bottom: none;
        border-top: 1px solid #e4e7ed
    }

    .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
        border-left: 1px solid #e4e7ed;
        border-top: none
    }

    .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
        border: none;
        border-left: 1px solid #fff;
        border-top: 1px solid #e4e7ed
    }

    .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
        border-top: none
    }

    .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
        border-bottom: none
    }

    .el-tabs--right.el-tabs--card .el-tabs__nav {
        border-bottom: 1px solid #e4e7ed;
        border-left: none;
        border-radius: 0 4px 4px 0
    }

    .el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
        border-left: 1px solid #dfe4ed
    }

    .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
        border: 1px solid transparent;
        margin: -1px -1px -1px 0
    }

    .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
        border-color: #d1dbe5 transparent
    }

    .slideInLeft-transition,
    .slideInRight-transition {
        display: inline-block
    }

    .slideInRight-enter {
        animation: slideInRight-enter .3s
    }

    .slideInRight-leave {
        animation: slideInRight-leave .3s;
        left: 0;
        position: absolute;
        right: 0
    }

    .slideInLeft-enter {
        animation: slideInLeft-enter .3s
    }

    .slideInLeft-leave {
        animation: slideInLeft-leave .3s;
        left: 0;
        position: absolute;
        right: 0
    }

    @keyframes slideInRight-enter {
        0% {
            opacity: 0;
            transform: translateX(100%);
            transform-origin: 0 0
        }

        to {
            opacity: 1;
            transform: translateX(0);
            transform-origin: 0 0
        }
    }

    @keyframes slideInRight-leave {
        0% {
            opacity: 1;
            transform: translateX(0);
            transform-origin: 0 0
        }

        to {
            opacity: 0;
            transform: translateX(100%);
            transform-origin: 0 0
        }
    }

    @keyframes slideInLeft-enter {
        0% {
            opacity: 0;
            transform: translateX(-100%);
            transform-origin: 0 0
        }

        to {
            opacity: 1;
            transform: translateX(0);
            transform-origin: 0 0
        }
    }

    @keyframes slideInLeft-leave {
        0% {
            opacity: 1;
            transform: translateX(0);
            transform-origin: 0 0
        }

        to {
            opacity: 0;
            transform: translateX(-100%);
            transform-origin: 0 0
        }
    }

    .el-tree {
        background: #fff;
        color: #2f3032;
        cursor: default;
        position: relative
    }

    .el-tree__empty-block {
        height: 100%;
        min-height: 60px;
        position: relative;
        text-align: center;
        width: 100%
    }

    .el-tree__empty-text {
        color: #909399;
        font-size: 14px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .el-tree__drop-indicator {
        background-color: #7150e6;
        height: 1px;
        left: 0;
        position: absolute;
        right: 0
    }

    .el-tree-node {
        outline: none;
        white-space: nowrap
    }

    .el-tree-node:focus>.el-tree-node__content {
        background-color: #f5f7fa
    }

    .el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
        background-color: #7150e6;
        color: #fff
    }

    .el-tree-node__content {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 26px
    }

    .el-tree-node__content>.el-tree-node__expand-icon {
        padding: 6px
    }

    .el-tree-node__content>label.el-checkbox {
        margin-right: 8px
    }

    .el-tree-node__content:hover {
        background-color: #f5f7fa
    }

    .el-tree.is-dragging .el-tree-node__content {
        cursor: move
    }

    .el-tree.is-dragging .el-tree-node__content * {
        pointer-events: none
    }

    .el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
        cursor: not-allowed
    }

    .el-tree-node__expand-icon {
        color: #c0c4cc;
        cursor: pointer;
        font-size: 12px;
        transform: rotate(0deg);
        transition: transform .3s ease-in-out
    }

    .el-tree-node__expand-icon.expanded {
        transform: rotate(90deg)
    }

    .el-tree-node__expand-icon.is-leaf {
        color: transparent;
        cursor: default
    }

    .el-tree-node__label {
        font-size: 14px
    }

    .el-tree-node__loading-icon {
        color: #c0c4cc;
        font-size: 14px;
        margin-right: 8px
    }

    .el-tree-node>.el-tree-node__children {
        background-color: transparent;
        overflow: hidden
    }

    .el-tree-node.is-expanded>.el-tree-node__children {
        display: block
    }

    .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
        background-color: #f4f1fd
    }

    .el-alert {
        align-items: center;
        background-color: #fff;
        border-radius: 4px;
        box-sizing: border-box;
        display: flex;
        margin: 0;
        opacity: 1;
        overflow: hidden;
        padding: 8px 16px;
        position: relative;
        transition: opacity .2s;
        width: 100%
    }

    .el-alert.is-light .el-alert__closebtn {
        color: #c0c4cc
    }

    .el-alert.is-dark .el-alert__closebtn,
    .el-alert.is-dark .el-alert__description {
        color: #fff
    }

    .el-alert.is-center {
        justify-content: center
    }

    .el-alert--success.is-light {
        background-color: #f0f9eb;
        color: #67c23a
    }

    .el-alert--success.is-light .el-alert__description {
        color: #67c23a
    }

    .el-alert--success.is-dark {
        background-color: #67c23a;
        color: #fff
    }

    .el-alert--info.is-light {
        background-color: #f4f4f5;
        color: #909399
    }

    .el-alert--info.is-dark {
        background-color: #909399;
        color: #fff
    }

    .el-alert--info .el-alert__description {
        color: #909399
    }

    .el-alert--warning.is-light {
        background-color: #fdf6ec;
        color: #e6a23c
    }

    .el-alert--warning.is-light .el-alert__description {
        color: #e6a23c
    }

    .el-alert--warning.is-dark {
        background-color: #e6a23c;
        color: #fff
    }

    .el-alert--error.is-light {
        background-color: #fef0f0;
        color: #f56c6c
    }

    .el-alert--error.is-light .el-alert__description {
        color: #f56c6c
    }

    .el-alert--error.is-dark {
        background-color: #f56c6c;
        color: #fff
    }

    .el-alert__content {
        display: table-cell;
        padding: 0 8px
    }

    .el-alert__icon {
        font-size: 16px;
        width: 16px
    }

    .el-alert__icon.is-big {
        font-size: 28px;
        width: 28px
    }

    .el-alert__title {
        font-size: 13px;
        line-height: 18px
    }

    .el-alert__title.is-bold {
        font-weight: 700
    }

    .el-alert .el-alert__description {
        font-size: 12px;
        margin: 5px 0 0
    }

    .el-alert__closebtn {
        cursor: pointer;
        font-size: 12px;
        opacity: 1;
        position: absolute;
        right: 15px;
        top: 12px
    }

    .el-alert__closebtn.is-customed {
        font-size: 13px;
        font-style: normal;
        top: 9px
    }

    .el-alert-fade-enter,
    .el-alert-fade-leave-active {
        opacity: 0
    }

    .el-notification {
        background-color: #fff;
        border: 1px solid #ebeef5;
        border-radius: 8px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        box-sizing: border-box;
        display: flex;
        overflow: hidden;
        padding: 14px 26px 14px 13px;
        position: fixed;
        transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
        width: 330px
    }

    .el-notification.right {
        right: 16px
    }

    .el-notification.left {
        left: 16px
    }

    .el-notification__group {
        margin-left: 13px;
        margin-right: 8px
    }

    .el-notification__title {
        color: #313131;
        font-size: 16px;
        font-weight: 700;
        margin: 0
    }

    .el-notification__content {
        color: #2f3032;
        font-size: 14px;
        line-height: 21px;
        margin: 6px 0 0;
        text-align: justify
    }

    .el-notification__content p {
        margin: 0
    }

    .el-notification__icon {
        font-size: 24px;
        height: 24px;
        width: 24px
    }

    .el-notification__closeBtn {
        color: #909399;
        cursor: pointer;
        font-size: 16px;
        position: absolute;
        right: 15px;
        top: 18px
    }

    .el-notification__closeBtn:hover {
        color: #2f3032
    }

    .el-notification .el-icon-success {
        color: #67c23a
    }

    .el-notification .el-icon-error {
        color: #f56c6c
    }

    .el-notification .el-icon-info {
        color: #909399
    }

    .el-notification .el-icon-warning {
        color: #e6a23c
    }

    .el-notification-fade-enter.right {
        right: 0;
        transform: translateX(100%)
    }

    .el-notification-fade-enter.left {
        left: 0;
        transform: translateX(-100%)
    }

    .el-notification-fade-leave-active {
        opacity: 0
    }

    .el-input-number {
        display: inline-block;
        line-height: 38px;
        position: relative;
        width: 180px
    }

    .el-input-number .el-input {
        display: block
    }

    .el-input-number .el-input__inner {
        -webkit-appearance: none;
        padding-left: 50px;
        padding-right: 50px;
        text-align: center
    }

    .el-input-number__decrease,
    .el-input-number__increase {
        background: #f5f7fa;
        color: #2f3032;
        cursor: pointer;
        font-size: 13px;
        height: auto;
        position: absolute;
        text-align: center;
        top: 1px;
        width: 40px;
        z-index: 1
    }

    .el-input-number__decrease:hover,
    .el-input-number__increase:hover {
        color: #7150e6
    }

    .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
    .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
        border-color: #7150e6
    }

    .el-input-number__decrease.is-disabled,
    .el-input-number__increase.is-disabled {
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-input-number__increase {
        border-left: 1px solid #d5d5d5;
        border-radius: 0 4px 4px 0;
        right: 1px
    }

    .el-input-number__decrease {
        border-radius: 4px 0 0 4px;
        border-right: 1px solid #d5d5d5;
        left: 1px
    }

    .el-input-number.is-disabled .el-input-number__decrease,
    .el-input-number.is-disabled .el-input-number__increase {
        border-color: #e4e7ed;
        color: #e4e7ed
    }

    .el-input-number.is-disabled .el-input-number__decrease:hover,
    .el-input-number.is-disabled .el-input-number__increase:hover {
        color: #e4e7ed;
        cursor: not-allowed
    }

    .el-input-number--medium {
        line-height: 34px;
        width: 200px
    }

    .el-input-number--medium .el-input-number__decrease,
    .el-input-number--medium .el-input-number__increase {
        font-size: 14px;
        width: 36px
    }

    .el-input-number--medium .el-input__inner {
        padding-left: 43px;
        padding-right: 43px
    }

    .el-input-number--small {
        line-height: 30px;
        width: 130px
    }

    .el-input-number--small .el-input-number__decrease,
    .el-input-number--small .el-input-number__increase {
        font-size: 13px;
        width: 32px
    }

    .el-input-number--small .el-input-number__decrease [class*=el-icon],
    .el-input-number--small .el-input-number__increase [class*=el-icon] {
        transform: scale(.9)
    }

    .el-input-number--small .el-input__inner {
        padding-left: 39px;
        padding-right: 39px
    }

    .el-input-number--mini {
        line-height: 26px;
        width: 130px
    }

    .el-input-number--mini .el-input-number__decrease,
    .el-input-number--mini .el-input-number__increase {
        font-size: 12px;
        width: 28px
    }

    .el-input-number--mini .el-input-number__decrease [class*=el-icon],
    .el-input-number--mini .el-input-number__increase [class*=el-icon] {
        transform: scale(.8)
    }

    .el-input-number--mini .el-input__inner {
        padding-left: 35px;
        padding-right: 35px
    }

    .el-input-number.is-without-controls .el-input__inner {
        padding-left: 15px;
        padding-right: 15px
    }

    .el-input-number.is-controls-right .el-input__inner {
        padding-left: 15px;
        padding-right: 50px
    }

    .el-input-number.is-controls-right .el-input-number__decrease,
    .el-input-number.is-controls-right .el-input-number__increase {
        height: auto;
        line-height: 19px
    }

    .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
    .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
        transform: scale(.8)
    }

    .el-input-number.is-controls-right .el-input-number__increase {
        border-bottom: 1px solid #d5d5d5;
        border-radius: 0 4px 0 0
    }

    .el-input-number.is-controls-right .el-input-number__decrease {
        border-left: 1px solid #d5d5d5;
        border-radius: 0 0 4px 0;
        border-right: none;
        bottom: 1px;
        left: auto;
        right: 1px;
        top: auto
    }

    .el-input-number.is-controls-right[class*=medium] [class*=decrease],
    .el-input-number.is-controls-right[class*=medium] [class*=increase] {
        line-height: 17px
    }

    .el-input-number.is-controls-right[class*=small] [class*=decrease],
    .el-input-number.is-controls-right[class*=small] [class*=increase] {
        line-height: 15px
    }

    .el-input-number.is-controls-right[class*=mini] [class*=decrease],
    .el-input-number.is-controls-right[class*=mini] [class*=increase] {
        line-height: 13px
    }

    .el-tooltip:focus:hover,
    .el-tooltip:focus:not(.focusing) {
        outline-width: 0
    }

    .el-tooltip__popper {
        word-wrap: break-word;
        border-radius: 4px;
        font-size: 12px;
        line-height: 1.2;
        min-width: 10px;
        padding: 10px;
        position: absolute;
        z-index: 2000
    }

    .el-tooltip__popper .popper__arrow,
    .el-tooltip__popper .popper__arrow:after {
        border-color: transparent;
        border-style: solid;
        display: block;
        height: 0;
        position: absolute;
        width: 0
    }

    .el-tooltip__popper .popper__arrow {
        border-width: 6px
    }

    .el-tooltip__popper .popper__arrow:after {
        border-width: 5px;
        content: " "
    }

    .el-tooltip__popper[x-placement^=top] {
        margin-bottom: 12px
    }

    .el-tooltip__popper[x-placement^=top] .popper__arrow {
        border-bottom-width: 0;
        border-top-color: #313131;
        bottom: -6px
    }

    .el-tooltip__popper[x-placement^=top] .popper__arrow:after {
        border-bottom-width: 0;
        border-top-color: #313131;
        bottom: 1px;
        margin-left: -5px
    }

    .el-tooltip__popper[x-placement^=bottom] {
        margin-top: 12px
    }

    .el-tooltip__popper[x-placement^=bottom] .popper__arrow {
        border-bottom-color: #313131;
        border-top-width: 0;
        top: -6px
    }

    .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
        border-bottom-color: #313131;
        border-top-width: 0;
        margin-left: -5px;
        top: 1px
    }

    .el-tooltip__popper[x-placement^=right] {
        margin-left: 12px
    }

    .el-tooltip__popper[x-placement^=right] .popper__arrow {
        border-left-width: 0;
        border-right-color: #313131;
        left: -6px
    }

    .el-tooltip__popper[x-placement^=right] .popper__arrow:after {
        border-left-width: 0;
        border-right-color: #313131;
        bottom: -5px;
        left: 1px
    }

    .el-tooltip__popper[x-placement^=left] {
        margin-right: 12px
    }

    .el-tooltip__popper[x-placement^=left] .popper__arrow {
        border-left-color: #313131;
        border-right-width: 0;
        right: -6px
    }

    .el-tooltip__popper[x-placement^=left] .popper__arrow:after {
        border-left-color: #313131;
        border-right-width: 0;
        bottom: -5px;
        margin-left: -5px;
        right: 1px
    }

    .el-tooltip__popper.is-dark {
        background: #313131;
        color: #fff
    }

    .el-tooltip__popper.is-light {
        background: #fff;
        border: 1px solid #313131
    }

    .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
        border-top-color: #313131
    }

    .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
        border-top-color: #fff
    }

    .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
        border-bottom-color: #313131
    }

    .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
        border-bottom-color: #fff
    }

    .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
        border-left-color: #313131
    }

    .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
        border-left-color: #fff
    }

    .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
        border-right-color: #313131
    }

    .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
        border-right-color: #fff
    }

    .el-slider:after,
    .el-slider:before {
        content: "";
        display: table
    }

    .el-slider:after {
        clear: both
    }

    .el-slider__runway {
        background-color: #e4e7ed;
        border-radius: 3px;
        cursor: pointer;
        height: 6px;
        margin: 16px 0;
        position: relative;
        vertical-align: middle;
        width: 100%
    }

    .el-slider__runway.show-input {
        margin-right: 160px;
        width: auto
    }

    .el-slider__runway.disabled {
        cursor: default
    }

    .el-slider__runway.disabled .el-slider__bar {
        background-color: #c0c4cc
    }

    .el-slider__runway.disabled .el-slider__button {
        border-color: #c0c4cc
    }

    .el-slider__runway.disabled .el-slider__button-wrapper.dragging,
    .el-slider__runway.disabled .el-slider__button-wrapper.hover,
    .el-slider__runway.disabled .el-slider__button-wrapper:hover {
        cursor: not-allowed
    }

    .el-slider__runway.disabled .el-slider__button.dragging,
    .el-slider__runway.disabled .el-slider__button.hover,
    .el-slider__runway.disabled .el-slider__button:hover {
        cursor: not-allowed;
        transform: scale(1)
    }

    .el-slider__input {
        float: right;
        margin-top: 3px;
        width: 130px
    }

    .el-slider__input.el-input-number--mini {
        margin-top: 5px
    }

    .el-slider__input.el-input-number--medium {
        margin-top: 0
    }

    .el-slider__input.el-input-number--large {
        margin-top: -2px
    }

    .el-slider__bar {
        background-color: #7150e6;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        height: 6px;
        position: absolute
    }

    .el-slider__button-wrapper {
        background-color: transparent;
        height: 36px;
        line-height: normal;
        position: absolute;
        text-align: center;
        top: -15px;
        transform: translateX(-50%);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 36px;
        z-index: 1001
    }

    .el-slider__button-wrapper:after {
        content: "";
        height: 100%
    }

    .el-slider__button-wrapper .el-tooltip,
    .el-slider__button-wrapper:after {
        display: inline-block;
        vertical-align: middle
    }

    .el-slider__button-wrapper.hover,
    .el-slider__button-wrapper:hover {
        cursor: grab
    }

    .el-slider__button-wrapper.dragging {
        cursor: grabbing
    }

    .el-slider__button {
        background-color: #fff;
        border: 2px solid #7150e6;
        border-radius: 50%;
        height: 16px;
        transition: .2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 16px
    }

    .el-slider__button.dragging,
    .el-slider__button.hover,
    .el-slider__button:hover {
        transform: scale(1.2)
    }

    .el-slider__button.hover,
    .el-slider__button:hover {
        cursor: grab
    }

    .el-slider__button.dragging {
        cursor: grabbing
    }

    .el-slider__stop {
        background-color: #fff;
        border-radius: 100%;
        height: 6px;
        position: absolute;
        transform: translateX(-50%);
        width: 6px
    }

    .el-slider__marks {
        height: 100%;
        left: 12px;
        top: 0;
        width: 18px
    }

    .el-slider__marks-text {
        color: #909399;
        font-size: 14px;
        margin-top: 15px;
        position: absolute;
        transform: translateX(-50%)
    }

    .el-slider.is-vertical {
        position: relative
    }

    .el-slider.is-vertical .el-slider__runway {
        height: 100%;
        margin: 0 16px;
        width: 6px
    }

    .el-slider.is-vertical .el-slider__bar {
        border-radius: 0 0 3px 3px;
        height: auto;
        width: 6px
    }

    .el-slider.is-vertical .el-slider__button-wrapper {
        left: -15px;
        top: auto;
        transform: translateY(50%)
    }

    .el-slider.is-vertical .el-slider__stop {
        transform: translateY(50%)
    }

    .el-slider.is-vertical.el-slider--with-input {
        padding-bottom: 58px
    }

    .el-slider.is-vertical.el-slider--with-input .el-slider__input {
        bottom: 22px;
        float: none;
        margin-top: 15px;
        overflow: visible;
        position: absolute;
        width: 36px
    }

    .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center
    }

    .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
    .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
        border: 1px solid #d5d5d5;
        box-sizing: border-box;
        line-height: 20px;
        margin-top: -1px;
        top: 32px;
        transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
        border-bottom-left-radius: 4px;
        right: 18px;
        width: 18px
    }

    .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
        border-bottom-right-radius: 4px;
        width: 19px
    }

    .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
    .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
        border-color: #c0c4cc
    }

    .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
    .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
        border-color: #7150e6
    }

    .el-slider.is-vertical .el-slider__marks-text {
        left: 15px;
        margin-top: 0;
        transform: translateY(50%)
    }

    .el-loading-parent--relative {
        position: relative !important
    }

    .el-loading-parent--hidden {
        overflow: hidden !important
    }

    .el-loading-mask {
        background-color: hsla(0, 0%, 100%, .9);
        bottom: 0;
        left: 0;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .3s;
        z-index: 2000
    }

    .el-loading-mask.is-fullscreen {
        position: fixed
    }

    .el-loading-mask.is-fullscreen .el-loading-spinner {
        margin-top: -25px
    }

    .el-loading-mask.is-fullscreen .el-loading-spinner .circular {
        height: 50px;
        width: 50px
    }

    .el-loading-spinner {
        margin-top: -21px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%
    }

    .el-loading-spinner .el-loading-text {
        color: #7150e6;
        font-size: 14px;
        margin: 3px 0
    }

    .el-loading-spinner .circular {
        animation: loading-rotate 2s linear infinite;
        height: 42px;
        width: 42px
    }

    .el-loading-spinner .path {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        stroke-width: 2;
        stroke: #7150e6;
        stroke-linecap: round;
        animation: loading-dash 1.5s ease-in-out infinite
    }

    .el-loading-spinner i {
        color: #7150e6
    }

    .el-loading-fade-enter,
    .el-loading-fade-leave-active {
        opacity: 0
    }

    @keyframes loading-rotate {
        to {
            transform: rotate(1turn)
        }
    }

    @keyframes loading-dash {
        0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0
        }

        50% {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -40px
        }

        to {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -120px
        }
    }

    .el-row {
        box-sizing: border-box;
        position: relative
    }

    .el-row:after,
    .el-row:before {
        content: "";
        display: table
    }

    .el-row:after {
        clear: both
    }

    .el-row--flex {
        display: flex
    }

    .el-row--flex:after,
    .el-row--flex:before {
        display: none
    }

    .el-row--flex.is-justify-center {
        justify-content: center
    }

    .el-row--flex.is-justify-end {
        justify-content: flex-end
    }

    .el-row--flex.is-justify-space-between {
        justify-content: space-between
    }

    .el-row--flex.is-justify-space-around {
        justify-content: space-around
    }

    .el-row--flex.is-align-top {
        align-items: flex-start
    }

    .el-row--flex.is-align-middle {
        align-items: center
    }

    .el-row--flex.is-align-bottom {
        align-items: flex-end
    }

    [class*=el-col-] {
        box-sizing: border-box;
        float: left
    }

    .el-col-0 {
        display: none;
        width: 0
    }

    .el-col-offset-0 {
        margin-left: 0
    }

    .el-col-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-push-0 {
        left: 0;
        position: relative
    }

    .el-col-1 {
        width: 4.1666666667%
    }

    .el-col-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-push-1 {
        left: 4.1666666667%;
        position: relative
    }

    .el-col-2 {
        width: 8.3333333333%
    }

    .el-col-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-push-2 {
        left: 8.3333333333%;
        position: relative
    }

    .el-col-3 {
        width: 12.5%
    }

    .el-col-offset-3 {
        margin-left: 12.5%
    }

    .el-col-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-4 {
        width: 16.6666666667%
    }

    .el-col-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-push-4 {
        left: 16.6666666667%;
        position: relative
    }

    .el-col-5 {
        width: 20.8333333333%
    }

    .el-col-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-push-5 {
        left: 20.8333333333%;
        position: relative
    }

    .el-col-6 {
        width: 25%
    }

    .el-col-offset-6 {
        margin-left: 25%
    }

    .el-col-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-7 {
        width: 29.1666666667%
    }

    .el-col-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-push-7 {
        left: 29.1666666667%;
        position: relative
    }

    .el-col-8 {
        width: 33.3333333333%
    }

    .el-col-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-push-8 {
        left: 33.3333333333%;
        position: relative
    }

    .el-col-9 {
        width: 37.5%
    }

    .el-col-offset-9 {
        margin-left: 37.5%
    }

    .el-col-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-10 {
        width: 41.6666666667%
    }

    .el-col-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-push-10 {
        left: 41.6666666667%;
        position: relative
    }

    .el-col-11 {
        width: 45.8333333333%
    }

    .el-col-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-push-11 {
        left: 45.8333333333%;
        position: relative
    }

    .el-col-12 {
        width: 50%
    }

    .el-col-offset-12 {
        margin-left: 50%
    }

    .el-col-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-13 {
        width: 54.1666666667%
    }

    .el-col-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-push-13 {
        left: 54.1666666667%;
        position: relative
    }

    .el-col-14 {
        width: 58.3333333333%
    }

    .el-col-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-push-14 {
        left: 58.3333333333%;
        position: relative
    }

    .el-col-15 {
        width: 62.5%
    }

    .el-col-offset-15 {
        margin-left: 62.5%
    }

    .el-col-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-16 {
        width: 66.6666666667%
    }

    .el-col-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-push-16 {
        left: 66.6666666667%;
        position: relative
    }

    .el-col-17 {
        width: 70.8333333333%
    }

    .el-col-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-push-17 {
        left: 70.8333333333%;
        position: relative
    }

    .el-col-18 {
        width: 75%
    }

    .el-col-offset-18 {
        margin-left: 75%
    }

    .el-col-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-19 {
        width: 79.1666666667%
    }

    .el-col-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-push-19 {
        left: 79.1666666667%;
        position: relative
    }

    .el-col-20 {
        width: 83.3333333333%
    }

    .el-col-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-push-20 {
        left: 83.3333333333%;
        position: relative
    }

    .el-col-21 {
        width: 87.5%
    }

    .el-col-offset-21 {
        margin-left: 87.5%
    }

    .el-col-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-22 {
        width: 91.6666666667%
    }

    .el-col-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-push-22 {
        left: 91.6666666667%;
        position: relative
    }

    .el-col-23 {
        width: 95.8333333333%
    }

    .el-col-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-push-23 {
        left: 95.8333333333%;
        position: relative
    }

    .el-col-24 {
        width: 100%
    }

    .el-col-offset-24 {
        margin-left: 100%
    }

    .el-col-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-push-24 {
        left: 100%;
        position: relative
    }

    @media only screen and (max-width: 767px) {
        .el-col-xs-0 {
            display: none;
            width: 0
        }

        .el-col-xs-offset-0 {
            margin-left: 0
        }

        .el-col-xs-pull-0 {
            position: relative;
            right: 0
        }

        .el-col-xs-push-0 {
            left: 0;
            position: relative
        }

        .el-col-xs-1 {
            width: 4.1666666667%
        }

        .el-col-xs-offset-1 {
            margin-left: 4.1666666667%
        }

        .el-col-xs-pull-1 {
            position: relative;
            right: 4.1666666667%
        }

        .el-col-xs-push-1 {
            left: 4.1666666667%;
            position: relative
        }

        .el-col-xs-2 {
            width: 8.3333333333%
        }

        .el-col-xs-offset-2 {
            margin-left: 8.3333333333%
        }

        .el-col-xs-pull-2 {
            position: relative;
            right: 8.3333333333%
        }

        .el-col-xs-push-2 {
            left: 8.3333333333%;
            position: relative
        }

        .el-col-xs-3 {
            width: 12.5%
        }

        .el-col-xs-offset-3 {
            margin-left: 12.5%
        }

        .el-col-xs-pull-3 {
            position: relative;
            right: 12.5%
        }

        .el-col-xs-push-3 {
            left: 12.5%;
            position: relative
        }

        .el-col-xs-4 {
            width: 16.6666666667%
        }

        .el-col-xs-offset-4 {
            margin-left: 16.6666666667%
        }

        .el-col-xs-pull-4 {
            position: relative;
            right: 16.6666666667%
        }

        .el-col-xs-push-4 {
            left: 16.6666666667%;
            position: relative
        }

        .el-col-xs-5 {
            width: 20.8333333333%
        }

        .el-col-xs-offset-5 {
            margin-left: 20.8333333333%
        }

        .el-col-xs-pull-5 {
            position: relative;
            right: 20.8333333333%
        }

        .el-col-xs-push-5 {
            left: 20.8333333333%;
            position: relative
        }

        .el-col-xs-6 {
            width: 25%
        }

        .el-col-xs-offset-6 {
            margin-left: 25%
        }

        .el-col-xs-pull-6 {
            position: relative;
            right: 25%
        }

        .el-col-xs-push-6 {
            left: 25%;
            position: relative
        }

        .el-col-xs-7 {
            width: 29.1666666667%
        }

        .el-col-xs-offset-7 {
            margin-left: 29.1666666667%
        }

        .el-col-xs-pull-7 {
            position: relative;
            right: 29.1666666667%
        }

        .el-col-xs-push-7 {
            left: 29.1666666667%;
            position: relative
        }

        .el-col-xs-8 {
            width: 33.3333333333%
        }

        .el-col-xs-offset-8 {
            margin-left: 33.3333333333%
        }

        .el-col-xs-pull-8 {
            position: relative;
            right: 33.3333333333%
        }

        .el-col-xs-push-8 {
            left: 33.3333333333%;
            position: relative
        }

        .el-col-xs-9 {
            width: 37.5%
        }

        .el-col-xs-offset-9 {
            margin-left: 37.5%
        }

        .el-col-xs-pull-9 {
            position: relative;
            right: 37.5%
        }

        .el-col-xs-push-9 {
            left: 37.5%;
            position: relative
        }

        .el-col-xs-10 {
            width: 41.6666666667%
        }

        .el-col-xs-offset-10 {
            margin-left: 41.6666666667%
        }

        .el-col-xs-pull-10 {
            position: relative;
            right: 41.6666666667%
        }

        .el-col-xs-push-10 {
            left: 41.6666666667%;
            position: relative
        }

        .el-col-xs-11 {
            width: 45.8333333333%
        }

        .el-col-xs-offset-11 {
            margin-left: 45.8333333333%
        }

        .el-col-xs-pull-11 {
            position: relative;
            right: 45.8333333333%
        }

        .el-col-xs-push-11 {
            left: 45.8333333333%;
            position: relative
        }

        .el-col-xs-12 {
            width: 50%
        }

        .el-col-xs-offset-12 {
            margin-left: 50%
        }

        .el-col-xs-pull-12 {
            position: relative;
            right: 50%
        }

        .el-col-xs-push-12 {
            left: 50%;
            position: relative
        }

        .el-col-xs-13 {
            width: 54.1666666667%
        }

        .el-col-xs-offset-13 {
            margin-left: 54.1666666667%
        }

        .el-col-xs-pull-13 {
            position: relative;
            right: 54.1666666667%
        }

        .el-col-xs-push-13 {
            left: 54.1666666667%;
            position: relative
        }

        .el-col-xs-14 {
            width: 58.3333333333%
        }

        .el-col-xs-offset-14 {
            margin-left: 58.3333333333%
        }

        .el-col-xs-pull-14 {
            position: relative;
            right: 58.3333333333%
        }

        .el-col-xs-push-14 {
            left: 58.3333333333%;
            position: relative
        }

        .el-col-xs-15 {
            width: 62.5%
        }

        .el-col-xs-offset-15 {
            margin-left: 62.5%
        }

        .el-col-xs-pull-15 {
            position: relative;
            right: 62.5%
        }

        .el-col-xs-push-15 {
            left: 62.5%;
            position: relative
        }

        .el-col-xs-16 {
            width: 66.6666666667%
        }

        .el-col-xs-offset-16 {
            margin-left: 66.6666666667%
        }

        .el-col-xs-pull-16 {
            position: relative;
            right: 66.6666666667%
        }

        .el-col-xs-push-16 {
            left: 66.6666666667%;
            position: relative
        }

        .el-col-xs-17 {
            width: 70.8333333333%
        }

        .el-col-xs-offset-17 {
            margin-left: 70.8333333333%
        }

        .el-col-xs-pull-17 {
            position: relative;
            right: 70.8333333333%
        }

        .el-col-xs-push-17 {
            left: 70.8333333333%;
            position: relative
        }

        .el-col-xs-18 {
            width: 75%
        }

        .el-col-xs-offset-18 {
            margin-left: 75%
        }

        .el-col-xs-pull-18 {
            position: relative;
            right: 75%
        }

        .el-col-xs-push-18 {
            left: 75%;
            position: relative
        }

        .el-col-xs-19 {
            width: 79.1666666667%
        }

        .el-col-xs-offset-19 {
            margin-left: 79.1666666667%
        }

        .el-col-xs-pull-19 {
            position: relative;
            right: 79.1666666667%
        }

        .el-col-xs-push-19 {
            left: 79.1666666667%;
            position: relative
        }

        .el-col-xs-20 {
            width: 83.3333333333%
        }

        .el-col-xs-offset-20 {
            margin-left: 83.3333333333%
        }

        .el-col-xs-pull-20 {
            position: relative;
            right: 83.3333333333%
        }

        .el-col-xs-push-20 {
            left: 83.3333333333%;
            position: relative
        }

        .el-col-xs-21 {
            width: 87.5%
        }

        .el-col-xs-offset-21 {
            margin-left: 87.5%
        }

        .el-col-xs-pull-21 {
            position: relative;
            right: 87.5%
        }

        .el-col-xs-push-21 {
            left: 87.5%;
            position: relative
        }

        .el-col-xs-22 {
            width: 91.6666666667%
        }

        .el-col-xs-offset-22 {
            margin-left: 91.6666666667%
        }

        .el-col-xs-pull-22 {
            position: relative;
            right: 91.6666666667%
        }

        .el-col-xs-push-22 {
            left: 91.6666666667%;
            position: relative
        }

        .el-col-xs-23 {
            width: 95.8333333333%
        }

        .el-col-xs-offset-23 {
            margin-left: 95.8333333333%
        }

        .el-col-xs-pull-23 {
            position: relative;
            right: 95.8333333333%
        }

        .el-col-xs-push-23 {
            left: 95.8333333333%;
            position: relative
        }

        .el-col-xs-24 {
            width: 100%
        }

        .el-col-xs-offset-24 {
            margin-left: 100%
        }

        .el-col-xs-pull-24 {
            position: relative;
            right: 100%
        }

        .el-col-xs-push-24 {
            left: 100%;
            position: relative
        }
    }

    @media only screen and (min-width: 768px) {
        .el-col-sm-0 {
            display: none;
            width: 0
        }

        .el-col-sm-offset-0 {
            margin-left: 0
        }

        .el-col-sm-pull-0 {
            position: relative;
            right: 0
        }

        .el-col-sm-push-0 {
            left: 0;
            position: relative
        }

        .el-col-sm-1 {
            width: 4.1666666667%
        }

        .el-col-sm-offset-1 {
            margin-left: 4.1666666667%
        }

        .el-col-sm-pull-1 {
            position: relative;
            right: 4.1666666667%
        }

        .el-col-sm-push-1 {
            left: 4.1666666667%;
            position: relative
        }

        .el-col-sm-2 {
            width: 8.3333333333%
        }

        .el-col-sm-offset-2 {
            margin-left: 8.3333333333%
        }

        .el-col-sm-pull-2 {
            position: relative;
            right: 8.3333333333%
        }

        .el-col-sm-push-2 {
            left: 8.3333333333%;
            position: relative
        }

        .el-col-sm-3 {
            width: 12.5%
        }

        .el-col-sm-offset-3 {
            margin-left: 12.5%
        }

        .el-col-sm-pull-3 {
            position: relative;
            right: 12.5%
        }

        .el-col-sm-push-3 {
            left: 12.5%;
            position: relative
        }

        .el-col-sm-4 {
            width: 16.6666666667%
        }

        .el-col-sm-offset-4 {
            margin-left: 16.6666666667%
        }

        .el-col-sm-pull-4 {
            position: relative;
            right: 16.6666666667%
        }

        .el-col-sm-push-4 {
            left: 16.6666666667%;
            position: relative
        }

        .el-col-sm-5 {
            width: 20.8333333333%
        }

        .el-col-sm-offset-5 {
            margin-left: 20.8333333333%
        }

        .el-col-sm-pull-5 {
            position: relative;
            right: 20.8333333333%
        }

        .el-col-sm-push-5 {
            left: 20.8333333333%;
            position: relative
        }

        .el-col-sm-6 {
            width: 25%
        }

        .el-col-sm-offset-6 {
            margin-left: 25%
        }

        .el-col-sm-pull-6 {
            position: relative;
            right: 25%
        }

        .el-col-sm-push-6 {
            left: 25%;
            position: relative
        }

        .el-col-sm-7 {
            width: 29.1666666667%
        }

        .el-col-sm-offset-7 {
            margin-left: 29.1666666667%
        }

        .el-col-sm-pull-7 {
            position: relative;
            right: 29.1666666667%
        }

        .el-col-sm-push-7 {
            left: 29.1666666667%;
            position: relative
        }

        .el-col-sm-8 {
            width: 33.3333333333%
        }

        .el-col-sm-offset-8 {
            margin-left: 33.3333333333%
        }

        .el-col-sm-pull-8 {
            position: relative;
            right: 33.3333333333%
        }

        .el-col-sm-push-8 {
            left: 33.3333333333%;
            position: relative
        }

        .el-col-sm-9 {
            width: 37.5%
        }

        .el-col-sm-offset-9 {
            margin-left: 37.5%
        }

        .el-col-sm-pull-9 {
            position: relative;
            right: 37.5%
        }

        .el-col-sm-push-9 {
            left: 37.5%;
            position: relative
        }

        .el-col-sm-10 {
            width: 41.6666666667%
        }

        .el-col-sm-offset-10 {
            margin-left: 41.6666666667%
        }

        .el-col-sm-pull-10 {
            position: relative;
            right: 41.6666666667%
        }

        .el-col-sm-push-10 {
            left: 41.6666666667%;
            position: relative
        }

        .el-col-sm-11 {
            width: 45.8333333333%
        }

        .el-col-sm-offset-11 {
            margin-left: 45.8333333333%
        }

        .el-col-sm-pull-11 {
            position: relative;
            right: 45.8333333333%
        }

        .el-col-sm-push-11 {
            left: 45.8333333333%;
            position: relative
        }

        .el-col-sm-12 {
            width: 50%
        }

        .el-col-sm-offset-12 {
            margin-left: 50%
        }

        .el-col-sm-pull-12 {
            position: relative;
            right: 50%
        }

        .el-col-sm-push-12 {
            left: 50%;
            position: relative
        }

        .el-col-sm-13 {
            width: 54.1666666667%
        }

        .el-col-sm-offset-13 {
            margin-left: 54.1666666667%
        }

        .el-col-sm-pull-13 {
            position: relative;
            right: 54.1666666667%
        }

        .el-col-sm-push-13 {
            left: 54.1666666667%;
            position: relative
        }

        .el-col-sm-14 {
            width: 58.3333333333%
        }

        .el-col-sm-offset-14 {
            margin-left: 58.3333333333%
        }

        .el-col-sm-pull-14 {
            position: relative;
            right: 58.3333333333%
        }

        .el-col-sm-push-14 {
            left: 58.3333333333%;
            position: relative
        }

        .el-col-sm-15 {
            width: 62.5%
        }

        .el-col-sm-offset-15 {
            margin-left: 62.5%
        }

        .el-col-sm-pull-15 {
            position: relative;
            right: 62.5%
        }

        .el-col-sm-push-15 {
            left: 62.5%;
            position: relative
        }

        .el-col-sm-16 {
            width: 66.6666666667%
        }

        .el-col-sm-offset-16 {
            margin-left: 66.6666666667%
        }

        .el-col-sm-pull-16 {
            position: relative;
            right: 66.6666666667%
        }

        .el-col-sm-push-16 {
            left: 66.6666666667%;
            position: relative
        }

        .el-col-sm-17 {
            width: 70.8333333333%
        }

        .el-col-sm-offset-17 {
            margin-left: 70.8333333333%
        }

        .el-col-sm-pull-17 {
            position: relative;
            right: 70.8333333333%
        }

        .el-col-sm-push-17 {
            left: 70.8333333333%;
            position: relative
        }

        .el-col-sm-18 {
            width: 75%
        }

        .el-col-sm-offset-18 {
            margin-left: 75%
        }

        .el-col-sm-pull-18 {
            position: relative;
            right: 75%
        }

        .el-col-sm-push-18 {
            left: 75%;
            position: relative
        }

        .el-col-sm-19 {
            width: 79.1666666667%
        }

        .el-col-sm-offset-19 {
            margin-left: 79.1666666667%
        }

        .el-col-sm-pull-19 {
            position: relative;
            right: 79.1666666667%
        }

        .el-col-sm-push-19 {
            left: 79.1666666667%;
            position: relative
        }

        .el-col-sm-20 {
            width: 83.3333333333%
        }

        .el-col-sm-offset-20 {
            margin-left: 83.3333333333%
        }

        .el-col-sm-pull-20 {
            position: relative;
            right: 83.3333333333%
        }

        .el-col-sm-push-20 {
            left: 83.3333333333%;
            position: relative
        }

        .el-col-sm-21 {
            width: 87.5%
        }

        .el-col-sm-offset-21 {
            margin-left: 87.5%
        }

        .el-col-sm-pull-21 {
            position: relative;
            right: 87.5%
        }

        .el-col-sm-push-21 {
            left: 87.5%;
            position: relative
        }

        .el-col-sm-22 {
            width: 91.6666666667%
        }

        .el-col-sm-offset-22 {
            margin-left: 91.6666666667%
        }

        .el-col-sm-pull-22 {
            position: relative;
            right: 91.6666666667%
        }

        .el-col-sm-push-22 {
            left: 91.6666666667%;
            position: relative
        }

        .el-col-sm-23 {
            width: 95.8333333333%
        }

        .el-col-sm-offset-23 {
            margin-left: 95.8333333333%
        }

        .el-col-sm-pull-23 {
            position: relative;
            right: 95.8333333333%
        }

        .el-col-sm-push-23 {
            left: 95.8333333333%;
            position: relative
        }

        .el-col-sm-24 {
            width: 100%
        }

        .el-col-sm-offset-24 {
            margin-left: 100%
        }

        .el-col-sm-pull-24 {
            position: relative;
            right: 100%
        }

        .el-col-sm-push-24 {
            left: 100%;
            position: relative
        }
    }

    @media only screen and (min-width: 992px) {
        .el-col-md-0 {
            display: none;
            width: 0
        }

        .el-col-md-offset-0 {
            margin-left: 0
        }

        .el-col-md-pull-0 {
            position: relative;
            right: 0
        }

        .el-col-md-push-0 {
            left: 0;
            position: relative
        }

        .el-col-md-1 {
            width: 4.1666666667%
        }

        .el-col-md-offset-1 {
            margin-left: 4.1666666667%
        }

        .el-col-md-pull-1 {
            position: relative;
            right: 4.1666666667%
        }

        .el-col-md-push-1 {
            left: 4.1666666667%;
            position: relative
        }

        .el-col-md-2 {
            width: 8.3333333333%
        }

        .el-col-md-offset-2 {
            margin-left: 8.3333333333%
        }

        .el-col-md-pull-2 {
            position: relative;
            right: 8.3333333333%
        }

        .el-col-md-push-2 {
            left: 8.3333333333%;
            position: relative
        }

        .el-col-md-3 {
            width: 12.5%
        }

        .el-col-md-offset-3 {
            margin-left: 12.5%
        }

        .el-col-md-pull-3 {
            position: relative;
            right: 12.5%
        }

        .el-col-md-push-3 {
            left: 12.5%;
            position: relative
        }

        .el-col-md-4 {
            width: 16.6666666667%
        }

        .el-col-md-offset-4 {
            margin-left: 16.6666666667%
        }

        .el-col-md-pull-4 {
            position: relative;
            right: 16.6666666667%
        }

        .el-col-md-push-4 {
            left: 16.6666666667%;
            position: relative
        }

        .el-col-md-5 {
            width: 20.8333333333%
        }

        .el-col-md-offset-5 {
            margin-left: 20.8333333333%
        }

        .el-col-md-pull-5 {
            position: relative;
            right: 20.8333333333%
        }

        .el-col-md-push-5 {
            left: 20.8333333333%;
            position: relative
        }

        .el-col-md-6 {
            width: 25%
        }

        .el-col-md-offset-6 {
            margin-left: 25%
        }

        .el-col-md-pull-6 {
            position: relative;
            right: 25%
        }

        .el-col-md-push-6 {
            left: 25%;
            position: relative
        }

        .el-col-md-7 {
            width: 29.1666666667%
        }

        .el-col-md-offset-7 {
            margin-left: 29.1666666667%
        }

        .el-col-md-pull-7 {
            position: relative;
            right: 29.1666666667%
        }

        .el-col-md-push-7 {
            left: 29.1666666667%;
            position: relative
        }

        .el-col-md-8 {
            width: 33.3333333333%
        }

        .el-col-md-offset-8 {
            margin-left: 33.3333333333%
        }

        .el-col-md-pull-8 {
            position: relative;
            right: 33.3333333333%
        }

        .el-col-md-push-8 {
            left: 33.3333333333%;
            position: relative
        }

        .el-col-md-9 {
            width: 37.5%
        }

        .el-col-md-offset-9 {
            margin-left: 37.5%
        }

        .el-col-md-pull-9 {
            position: relative;
            right: 37.5%
        }

        .el-col-md-push-9 {
            left: 37.5%;
            position: relative
        }

        .el-col-md-10 {
            width: 41.6666666667%
        }

        .el-col-md-offset-10 {
            margin-left: 41.6666666667%
        }

        .el-col-md-pull-10 {
            position: relative;
            right: 41.6666666667%
        }

        .el-col-md-push-10 {
            left: 41.6666666667%;
            position: relative
        }

        .el-col-md-11 {
            width: 45.8333333333%
        }

        .el-col-md-offset-11 {
            margin-left: 45.8333333333%
        }

        .el-col-md-pull-11 {
            position: relative;
            right: 45.8333333333%
        }

        .el-col-md-push-11 {
            left: 45.8333333333%;
            position: relative
        }

        .el-col-md-12 {
            width: 50%
        }

        .el-col-md-offset-12 {
            margin-left: 50%
        }

        .el-col-md-pull-12 {
            position: relative;
            right: 50%
        }

        .el-col-md-push-12 {
            left: 50%;
            position: relative
        }

        .el-col-md-13 {
            width: 54.1666666667%
        }

        .el-col-md-offset-13 {
            margin-left: 54.1666666667%
        }

        .el-col-md-pull-13 {
            position: relative;
            right: 54.1666666667%
        }

        .el-col-md-push-13 {
            left: 54.1666666667%;
            position: relative
        }

        .el-col-md-14 {
            width: 58.3333333333%
        }

        .el-col-md-offset-14 {
            margin-left: 58.3333333333%
        }

        .el-col-md-pull-14 {
            position: relative;
            right: 58.3333333333%
        }

        .el-col-md-push-14 {
            left: 58.3333333333%;
            position: relative
        }

        .el-col-md-15 {
            width: 62.5%
        }

        .el-col-md-offset-15 {
            margin-left: 62.5%
        }

        .el-col-md-pull-15 {
            position: relative;
            right: 62.5%
        }

        .el-col-md-push-15 {
            left: 62.5%;
            position: relative
        }

        .el-col-md-16 {
            width: 66.6666666667%
        }

        .el-col-md-offset-16 {
            margin-left: 66.6666666667%
        }

        .el-col-md-pull-16 {
            position: relative;
            right: 66.6666666667%
        }

        .el-col-md-push-16 {
            left: 66.6666666667%;
            position: relative
        }

        .el-col-md-17 {
            width: 70.8333333333%
        }

        .el-col-md-offset-17 {
            margin-left: 70.8333333333%
        }

        .el-col-md-pull-17 {
            position: relative;
            right: 70.8333333333%
        }

        .el-col-md-push-17 {
            left: 70.8333333333%;
            position: relative
        }

        .el-col-md-18 {
            width: 75%
        }

        .el-col-md-offset-18 {
            margin-left: 75%
        }

        .el-col-md-pull-18 {
            position: relative;
            right: 75%
        }

        .el-col-md-push-18 {
            left: 75%;
            position: relative
        }

        .el-col-md-19 {
            width: 79.1666666667%
        }

        .el-col-md-offset-19 {
            margin-left: 79.1666666667%
        }

        .el-col-md-pull-19 {
            position: relative;
            right: 79.1666666667%
        }

        .el-col-md-push-19 {
            left: 79.1666666667%;
            position: relative
        }

        .el-col-md-20 {
            width: 83.3333333333%
        }

        .el-col-md-offset-20 {
            margin-left: 83.3333333333%
        }

        .el-col-md-pull-20 {
            position: relative;
            right: 83.3333333333%
        }

        .el-col-md-push-20 {
            left: 83.3333333333%;
            position: relative
        }

        .el-col-md-21 {
            width: 87.5%
        }

        .el-col-md-offset-21 {
            margin-left: 87.5%
        }

        .el-col-md-pull-21 {
            position: relative;
            right: 87.5%
        }

        .el-col-md-push-21 {
            left: 87.5%;
            position: relative
        }

        .el-col-md-22 {
            width: 91.6666666667%
        }

        .el-col-md-offset-22 {
            margin-left: 91.6666666667%
        }

        .el-col-md-pull-22 {
            position: relative;
            right: 91.6666666667%
        }

        .el-col-md-push-22 {
            left: 91.6666666667%;
            position: relative
        }

        .el-col-md-23 {
            width: 95.8333333333%
        }

        .el-col-md-offset-23 {
            margin-left: 95.8333333333%
        }

        .el-col-md-pull-23 {
            position: relative;
            right: 95.8333333333%
        }

        .el-col-md-push-23 {
            left: 95.8333333333%;
            position: relative
        }

        .el-col-md-24 {
            width: 100%
        }

        .el-col-md-offset-24 {
            margin-left: 100%
        }

        .el-col-md-pull-24 {
            position: relative;
            right: 100%
        }

        .el-col-md-push-24 {
            left: 100%;
            position: relative
        }
    }

    @media only screen and (min-width: 1200px) {
        .el-col-lg-0 {
            display: none;
            width: 0
        }

        .el-col-lg-offset-0 {
            margin-left: 0
        }

        .el-col-lg-pull-0 {
            position: relative;
            right: 0
        }

        .el-col-lg-push-0 {
            left: 0;
            position: relative
        }

        .el-col-lg-1 {
            width: 4.1666666667%
        }

        .el-col-lg-offset-1 {
            margin-left: 4.1666666667%
        }

        .el-col-lg-pull-1 {
            position: relative;
            right: 4.1666666667%
        }

        .el-col-lg-push-1 {
            left: 4.1666666667%;
            position: relative
        }

        .el-col-lg-2 {
            width: 8.3333333333%
        }

        .el-col-lg-offset-2 {
            margin-left: 8.3333333333%
        }

        .el-col-lg-pull-2 {
            position: relative;
            right: 8.3333333333%
        }

        .el-col-lg-push-2 {
            left: 8.3333333333%;
            position: relative
        }

        .el-col-lg-3 {
            width: 12.5%
        }

        .el-col-lg-offset-3 {
            margin-left: 12.5%
        }

        .el-col-lg-pull-3 {
            position: relative;
            right: 12.5%
        }

        .el-col-lg-push-3 {
            left: 12.5%;
            position: relative
        }

        .el-col-lg-4 {
            width: 16.6666666667%
        }

        .el-col-lg-offset-4 {
            margin-left: 16.6666666667%
        }

        .el-col-lg-pull-4 {
            position: relative;
            right: 16.6666666667%
        }

        .el-col-lg-push-4 {
            left: 16.6666666667%;
            position: relative
        }

        .el-col-lg-5 {
            width: 20.8333333333%
        }

        .el-col-lg-offset-5 {
            margin-left: 20.8333333333%
        }

        .el-col-lg-pull-5 {
            position: relative;
            right: 20.8333333333%
        }

        .el-col-lg-push-5 {
            left: 20.8333333333%;
            position: relative
        }

        .el-col-lg-6 {
            width: 25%
        }

        .el-col-lg-offset-6 {
            margin-left: 25%
        }

        .el-col-lg-pull-6 {
            position: relative;
            right: 25%
        }

        .el-col-lg-push-6 {
            left: 25%;
            position: relative
        }

        .el-col-lg-7 {
            width: 29.1666666667%
        }

        .el-col-lg-offset-7 {
            margin-left: 29.1666666667%
        }

        .el-col-lg-pull-7 {
            position: relative;
            right: 29.1666666667%
        }

        .el-col-lg-push-7 {
            left: 29.1666666667%;
            position: relative
        }

        .el-col-lg-8 {
            width: 33.3333333333%
        }

        .el-col-lg-offset-8 {
            margin-left: 33.3333333333%
        }

        .el-col-lg-pull-8 {
            position: relative;
            right: 33.3333333333%
        }

        .el-col-lg-push-8 {
            left: 33.3333333333%;
            position: relative
        }

        .el-col-lg-9 {
            width: 37.5%
        }

        .el-col-lg-offset-9 {
            margin-left: 37.5%
        }

        .el-col-lg-pull-9 {
            position: relative;
            right: 37.5%
        }

        .el-col-lg-push-9 {
            left: 37.5%;
            position: relative
        }

        .el-col-lg-10 {
            width: 41.6666666667%
        }

        .el-col-lg-offset-10 {
            margin-left: 41.6666666667%
        }

        .el-col-lg-pull-10 {
            position: relative;
            right: 41.6666666667%
        }

        .el-col-lg-push-10 {
            left: 41.6666666667%;
            position: relative
        }

        .el-col-lg-11 {
            width: 45.8333333333%
        }

        .el-col-lg-offset-11 {
            margin-left: 45.8333333333%
        }

        .el-col-lg-pull-11 {
            position: relative;
            right: 45.8333333333%
        }

        .el-col-lg-push-11 {
            left: 45.8333333333%;
            position: relative
        }

        .el-col-lg-12 {
            width: 50%
        }

        .el-col-lg-offset-12 {
            margin-left: 50%
        }

        .el-col-lg-pull-12 {
            position: relative;
            right: 50%
        }

        .el-col-lg-push-12 {
            left: 50%;
            position: relative
        }

        .el-col-lg-13 {
            width: 54.1666666667%
        }

        .el-col-lg-offset-13 {
            margin-left: 54.1666666667%
        }

        .el-col-lg-pull-13 {
            position: relative;
            right: 54.1666666667%
        }

        .el-col-lg-push-13 {
            left: 54.1666666667%;
            position: relative
        }

        .el-col-lg-14 {
            width: 58.3333333333%
        }

        .el-col-lg-offset-14 {
            margin-left: 58.3333333333%
        }

        .el-col-lg-pull-14 {
            position: relative;
            right: 58.3333333333%
        }

        .el-col-lg-push-14 {
            left: 58.3333333333%;
            position: relative
        }

        .el-col-lg-15 {
            width: 62.5%
        }

        .el-col-lg-offset-15 {
            margin-left: 62.5%
        }

        .el-col-lg-pull-15 {
            position: relative;
            right: 62.5%
        }

        .el-col-lg-push-15 {
            left: 62.5%;
            position: relative
        }

        .el-col-lg-16 {
            width: 66.6666666667%
        }

        .el-col-lg-offset-16 {
            margin-left: 66.6666666667%
        }

        .el-col-lg-pull-16 {
            position: relative;
            right: 66.6666666667%
        }

        .el-col-lg-push-16 {
            left: 66.6666666667%;
            position: relative
        }

        .el-col-lg-17 {
            width: 70.8333333333%
        }

        .el-col-lg-offset-17 {
            margin-left: 70.8333333333%
        }

        .el-col-lg-pull-17 {
            position: relative;
            right: 70.8333333333%
        }

        .el-col-lg-push-17 {
            left: 70.8333333333%;
            position: relative
        }

        .el-col-lg-18 {
            width: 75%
        }

        .el-col-lg-offset-18 {
            margin-left: 75%
        }

        .el-col-lg-pull-18 {
            position: relative;
            right: 75%
        }

        .el-col-lg-push-18 {
            left: 75%;
            position: relative
        }

        .el-col-lg-19 {
            width: 79.1666666667%
        }

        .el-col-lg-offset-19 {
            margin-left: 79.1666666667%
        }

        .el-col-lg-pull-19 {
            position: relative;
            right: 79.1666666667%
        }

        .el-col-lg-push-19 {
            left: 79.1666666667%;
            position: relative
        }

        .el-col-lg-20 {
            width: 83.3333333333%
        }

        .el-col-lg-offset-20 {
            margin-left: 83.3333333333%
        }

        .el-col-lg-pull-20 {
            position: relative;
            right: 83.3333333333%
        }

        .el-col-lg-push-20 {
            left: 83.3333333333%;
            position: relative
        }

        .el-col-lg-21 {
            width: 87.5%
        }

        .el-col-lg-offset-21 {
            margin-left: 87.5%
        }

        .el-col-lg-pull-21 {
            position: relative;
            right: 87.5%
        }

        .el-col-lg-push-21 {
            left: 87.5%;
            position: relative
        }

        .el-col-lg-22 {
            width: 91.6666666667%
        }

        .el-col-lg-offset-22 {
            margin-left: 91.6666666667%
        }

        .el-col-lg-pull-22 {
            position: relative;
            right: 91.6666666667%
        }

        .el-col-lg-push-22 {
            left: 91.6666666667%;
            position: relative
        }

        .el-col-lg-23 {
            width: 95.8333333333%
        }

        .el-col-lg-offset-23 {
            margin-left: 95.8333333333%
        }

        .el-col-lg-pull-23 {
            position: relative;
            right: 95.8333333333%
        }

        .el-col-lg-push-23 {
            left: 95.8333333333%;
            position: relative
        }

        .el-col-lg-24 {
            width: 100%
        }

        .el-col-lg-offset-24 {
            margin-left: 100%
        }

        .el-col-lg-pull-24 {
            position: relative;
            right: 100%
        }

        .el-col-lg-push-24 {
            left: 100%;
            position: relative
        }
    }

    @media only screen and (min-width: 1920px) {
        .el-col-xl-0 {
            display: none;
            width: 0
        }

        .el-col-xl-offset-0 {
            margin-left: 0
        }

        .el-col-xl-pull-0 {
            position: relative;
            right: 0
        }

        .el-col-xl-push-0 {
            left: 0;
            position: relative
        }

        .el-col-xl-1 {
            width: 4.1666666667%
        }

        .el-col-xl-offset-1 {
            margin-left: 4.1666666667%
        }

        .el-col-xl-pull-1 {
            position: relative;
            right: 4.1666666667%
        }

        .el-col-xl-push-1 {
            left: 4.1666666667%;
            position: relative
        }

        .el-col-xl-2 {
            width: 8.3333333333%
        }

        .el-col-xl-offset-2 {
            margin-left: 8.3333333333%
        }

        .el-col-xl-pull-2 {
            position: relative;
            right: 8.3333333333%
        }

        .el-col-xl-push-2 {
            left: 8.3333333333%;
            position: relative
        }

        .el-col-xl-3 {
            width: 12.5%
        }

        .el-col-xl-offset-3 {
            margin-left: 12.5%
        }

        .el-col-xl-pull-3 {
            position: relative;
            right: 12.5%
        }

        .el-col-xl-push-3 {
            left: 12.5%;
            position: relative
        }

        .el-col-xl-4 {
            width: 16.6666666667%
        }

        .el-col-xl-offset-4 {
            margin-left: 16.6666666667%
        }

        .el-col-xl-pull-4 {
            position: relative;
            right: 16.6666666667%
        }

        .el-col-xl-push-4 {
            left: 16.6666666667%;
            position: relative
        }

        .el-col-xl-5 {
            width: 20.8333333333%
        }

        .el-col-xl-offset-5 {
            margin-left: 20.8333333333%
        }

        .el-col-xl-pull-5 {
            position: relative;
            right: 20.8333333333%
        }

        .el-col-xl-push-5 {
            left: 20.8333333333%;
            position: relative
        }

        .el-col-xl-6 {
            width: 25%
        }

        .el-col-xl-offset-6 {
            margin-left: 25%
        }

        .el-col-xl-pull-6 {
            position: relative;
            right: 25%
        }

        .el-col-xl-push-6 {
            left: 25%;
            position: relative
        }

        .el-col-xl-7 {
            width: 29.1666666667%
        }

        .el-col-xl-offset-7 {
            margin-left: 29.1666666667%
        }

        .el-col-xl-pull-7 {
            position: relative;
            right: 29.1666666667%
        }

        .el-col-xl-push-7 {
            left: 29.1666666667%;
            position: relative
        }

        .el-col-xl-8 {
            width: 33.3333333333%
        }

        .el-col-xl-offset-8 {
            margin-left: 33.3333333333%
        }

        .el-col-xl-pull-8 {
            position: relative;
            right: 33.3333333333%
        }

        .el-col-xl-push-8 {
            left: 33.3333333333%;
            position: relative
        }

        .el-col-xl-9 {
            width: 37.5%
        }

        .el-col-xl-offset-9 {
            margin-left: 37.5%
        }

        .el-col-xl-pull-9 {
            position: relative;
            right: 37.5%
        }

        .el-col-xl-push-9 {
            left: 37.5%;
            position: relative
        }

        .el-col-xl-10 {
            width: 41.6666666667%
        }

        .el-col-xl-offset-10 {
            margin-left: 41.6666666667%
        }

        .el-col-xl-pull-10 {
            position: relative;
            right: 41.6666666667%
        }

        .el-col-xl-push-10 {
            left: 41.6666666667%;
            position: relative
        }

        .el-col-xl-11 {
            width: 45.8333333333%
        }

        .el-col-xl-offset-11 {
            margin-left: 45.8333333333%
        }

        .el-col-xl-pull-11 {
            position: relative;
            right: 45.8333333333%
        }

        .el-col-xl-push-11 {
            left: 45.8333333333%;
            position: relative
        }

        .el-col-xl-12 {
            width: 50%
        }

        .el-col-xl-offset-12 {
            margin-left: 50%
        }

        .el-col-xl-pull-12 {
            position: relative;
            right: 50%
        }

        .el-col-xl-push-12 {
            left: 50%;
            position: relative
        }

        .el-col-xl-13 {
            width: 54.1666666667%
        }

        .el-col-xl-offset-13 {
            margin-left: 54.1666666667%
        }

        .el-col-xl-pull-13 {
            position: relative;
            right: 54.1666666667%
        }

        .el-col-xl-push-13 {
            left: 54.1666666667%;
            position: relative
        }

        .el-col-xl-14 {
            width: 58.3333333333%
        }

        .el-col-xl-offset-14 {
            margin-left: 58.3333333333%
        }

        .el-col-xl-pull-14 {
            position: relative;
            right: 58.3333333333%
        }

        .el-col-xl-push-14 {
            left: 58.3333333333%;
            position: relative
        }

        .el-col-xl-15 {
            width: 62.5%
        }

        .el-col-xl-offset-15 {
            margin-left: 62.5%
        }

        .el-col-xl-pull-15 {
            position: relative;
            right: 62.5%
        }

        .el-col-xl-push-15 {
            left: 62.5%;
            position: relative
        }

        .el-col-xl-16 {
            width: 66.6666666667%
        }

        .el-col-xl-offset-16 {
            margin-left: 66.6666666667%
        }

        .el-col-xl-pull-16 {
            position: relative;
            right: 66.6666666667%
        }

        .el-col-xl-push-16 {
            left: 66.6666666667%;
            position: relative
        }

        .el-col-xl-17 {
            width: 70.8333333333%
        }

        .el-col-xl-offset-17 {
            margin-left: 70.8333333333%
        }

        .el-col-xl-pull-17 {
            position: relative;
            right: 70.8333333333%
        }

        .el-col-xl-push-17 {
            left: 70.8333333333%;
            position: relative
        }

        .el-col-xl-18 {
            width: 75%
        }

        .el-col-xl-offset-18 {
            margin-left: 75%
        }

        .el-col-xl-pull-18 {
            position: relative;
            right: 75%
        }

        .el-col-xl-push-18 {
            left: 75%;
            position: relative
        }

        .el-col-xl-19 {
            width: 79.1666666667%
        }

        .el-col-xl-offset-19 {
            margin-left: 79.1666666667%
        }

        .el-col-xl-pull-19 {
            position: relative;
            right: 79.1666666667%
        }

        .el-col-xl-push-19 {
            left: 79.1666666667%;
            position: relative
        }

        .el-col-xl-20 {
            width: 83.3333333333%
        }

        .el-col-xl-offset-20 {
            margin-left: 83.3333333333%
        }

        .el-col-xl-pull-20 {
            position: relative;
            right: 83.3333333333%
        }

        .el-col-xl-push-20 {
            left: 83.3333333333%;
            position: relative
        }

        .el-col-xl-21 {
            width: 87.5%
        }

        .el-col-xl-offset-21 {
            margin-left: 87.5%
        }

        .el-col-xl-pull-21 {
            position: relative;
            right: 87.5%
        }

        .el-col-xl-push-21 {
            left: 87.5%;
            position: relative
        }

        .el-col-xl-22 {
            width: 91.6666666667%
        }

        .el-col-xl-offset-22 {
            margin-left: 91.6666666667%
        }

        .el-col-xl-pull-22 {
            position: relative;
            right: 91.6666666667%
        }

        .el-col-xl-push-22 {
            left: 91.6666666667%;
            position: relative
        }

        .el-col-xl-23 {
            width: 95.8333333333%
        }

        .el-col-xl-offset-23 {
            margin-left: 95.8333333333%
        }

        .el-col-xl-pull-23 {
            position: relative;
            right: 95.8333333333%
        }

        .el-col-xl-push-23 {
            left: 95.8333333333%;
            position: relative
        }

        .el-col-xl-24 {
            width: 100%
        }

        .el-col-xl-offset-24 {
            margin-left: 100%
        }

        .el-col-xl-pull-24 {
            position: relative;
            right: 100%
        }

        .el-col-xl-push-24 {
            left: 100%;
            position: relative
        }
    }

    .el-upload {
        cursor: pointer;
        display: inline-block;
        outline: none;
        text-align: center
    }

    .el-upload__input {
        display: none
    }

    .el-upload__tip {
        color: #2f3032;
        font-size: 12px;
        margin-top: 7px
    }

    .el-upload iframe {
        filter: alpha(opacity=0);
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: -1
    }

    .el-upload--picture-card {
        background-color: #fbfdff;
        border: 1px dashed #c0ccda;
        border-radius: 6px;
        box-sizing: border-box;
        cursor: pointer;
        height: 148px;
        line-height: 146px;
        vertical-align: top;
        width: 148px
    }

    .el-upload--picture-card i {
        color: #8c939d;
        font-size: 28px
    }

    .el-upload--picture-card:hover,
    .el-upload:focus {
        border-color: #7150e6;
        color: #7150e6
    }

    .el-upload:focus .el-upload-dragger {
        border-color: #7150e6
    }

    .el-upload-dragger {
        background-color: #fff;
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        box-sizing: border-box;
        cursor: pointer;
        height: 180px;
        overflow: hidden;
        position: relative;
        text-align: center;
        width: 360px
    }

    .el-upload-dragger .el-icon-upload {
        color: #c0c4cc;
        font-size: 67px;
        line-height: 50px;
        margin: 40px 0 16px
    }

    .el-upload-dragger+.el-upload__tip {
        text-align: center
    }

    .el-upload-dragger~.el-upload__files {
        border-top: 1px solid #d5d5d5;
        margin-top: 7px;
        padding-top: 5px
    }

    .el-upload-dragger .el-upload__text {
        color: #2f3032;
        font-size: 14px;
        text-align: center
    }

    .el-upload-dragger .el-upload__text em {
        color: #7150e6;
        font-style: normal
    }

    .el-upload-dragger:hover {
        border-color: #7150e6
    }

    .el-upload-dragger.is-dragover {
        background-color: rgba(32, 159, 255, .06);
        border: 2px dashed #7150e6
    }

    .el-upload-list {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .el-upload-list__item {
        border-radius: 4px;
        box-sizing: border-box;
        color: #2f3032;
        font-size: 14px;
        line-height: 1.8;
        margin-top: 5px;
        position: relative;
        transition: all .5s cubic-bezier(.55, 0, .1, 1);
        width: 100%
    }

    .el-upload-list__item .el-progress {
        position: absolute;
        top: 20px;
        width: 100%
    }

    .el-upload-list__item .el-progress__text {
        position: absolute;
        right: 0;
        top: -13px
    }

    .el-upload-list__item .el-progress-bar {
        margin-right: 0;
        padding-right: 0
    }

    .el-upload-list__item:first-child {
        margin-top: 10px
    }

    .el-upload-list__item .el-icon-upload-success {
        color: #67c23a
    }

    .el-upload-list__item .el-icon-close {
        color: #2f3032;
        cursor: pointer;
        display: none;
        opacity: .75;
        position: absolute;
        right: 5px;
        top: 5px
    }

    .el-upload-list__item .el-icon-close:hover {
        opacity: 1
    }

    .el-upload-list__item .el-icon-close-tip {
        color: #7150e6;
        cursor: pointer;
        display: none;
        font-size: 12px;
        opacity: 1;
        position: absolute;
        right: 5px;
        top: 5px
    }

    .el-upload-list__item:hover {
        background-color: #f5f7fa
    }

    .el-upload-list__item:hover .el-icon-close {
        display: inline-block
    }

    .el-upload-list__item:hover .el-progress__text {
        display: none
    }

    .el-upload-list__item.is-success .el-upload-list__item-status-label {
        display: block
    }

    .el-upload-list__item.is-success .el-upload-list__item-name:focus,
    .el-upload-list__item.is-success .el-upload-list__item-name:hover {
        color: #7150e6;
        cursor: pointer
    }

    .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
        display: inline-block
    }

    .el-upload-list__item.is-success:active,
    .el-upload-list__item.is-success:not(.focusing):focus {
        outline-width: 0
    }

    .el-upload-list__item.is-success:active .el-icon-close-tip,
    .el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
    .el-upload-list__item.is-success:hover .el-upload-list__item-status-label,
    .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
        display: none
    }

    .el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
        display: block
    }

    .el-upload-list__item-name {
        color: #2f3032;
        display: block;
        margin-right: 40px;
        overflow: hidden;
        padding-left: 4px;
        text-overflow: ellipsis;
        transition: color .3s;
        white-space: nowrap
    }

    .el-upload-list__item-name [class^=el-icon] {
        color: #909399;
        height: 100%;
        line-height: inherit;
        margin-right: 7px
    }

    .el-upload-list__item-status-label {
        display: none;
        line-height: inherit;
        position: absolute;
        right: 5px;
        top: 0
    }

    .el-upload-list__item-delete {
        color: #2f3032;
        display: none;
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 0
    }

    .el-upload-list__item-delete:hover {
        color: #7150e6
    }

    .el-upload-list--picture-card {
        display: inline;
        margin: 0;
        vertical-align: top
    }

    .el-upload-list--picture-card .el-upload-list__item {
        background-color: #fff;
        border: 1px solid #c0ccda;
        border-radius: 6px;
        box-sizing: border-box;
        display: inline-block;
        height: 148px;
        margin: 0 8px 8px 0;
        overflow: hidden;
        width: 148px
    }

    .el-upload-list--picture-card .el-upload-list__item .el-icon-check,
    .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
        color: #fff
    }

    .el-upload-list--picture-card .el-upload-list__item .el-icon-close,
    .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
        display: none
    }

    .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
        display: block
    }

    .el-upload-list--picture-card .el-upload-list__item-name {
        display: none
    }

    .el-upload-list--picture-card .el-upload-list__item-thumbnail {
        height: 100%;
        width: 100%
    }

    .el-upload-list--picture-card .el-upload-list__item-status-label {
        background: #13ce66;
        box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
        height: 24px;
        position: absolute;
        right: -15px;
        text-align: center;
        top: -6px;
        transform: rotate(45deg);
        width: 40px
    }

    .el-upload-list--picture-card .el-upload-list__item-status-label i {
        font-size: 12px;
        margin-top: 11px;
        transform: rotate(-45deg)
    }

    .el-upload-list--picture-card .el-upload-list__item-actions {
        background-color: rgba(0, 0, 0, .5);
        color: #fff;
        cursor: default;
        font-size: 20px;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        text-align: center;
        top: 0;
        transition: opacity .3s;
        width: 100%
    }

    .el-upload-list--picture-card .el-upload-list__item-actions:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .el-upload-list--picture-card .el-upload-list__item-actions span {
        cursor: pointer;
        display: none
    }

    .el-upload-list--picture-card .el-upload-list__item-actions span+span {
        margin-left: 15px
    }

    .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
        color: inherit;
        font-size: inherit;
        position: static
    }

    .el-upload-list--picture-card .el-upload-list__item-actions:hover {
        opacity: 1
    }

    .el-upload-list--picture-card .el-upload-list__item-actions:hover span {
        display: inline-block
    }

    .el-upload-list--picture-card .el-progress {
        bottom: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 126px
    }

    .el-upload-list--picture-card .el-progress .el-progress__text {
        top: 50%
    }

    .el-upload-list--picture .el-upload-list__item {
        background-color: #fff;
        border: 1px solid #c0ccda;
        border-radius: 6px;
        box-sizing: border-box;
        height: 92px;
        margin-top: 10px;
        overflow: hidden;
        padding: 10px 10px 10px 90px;
        z-index: 0
    }

    .el-upload-list--picture .el-upload-list__item .el-icon-check,
    .el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
        color: #fff
    }

    .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
        background: transparent;
        box-shadow: none;
        right: -12px;
        top: -2px
    }

    .el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
        display: block
    }

    .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
        line-height: 70px;
        margin-top: 0
    }

    .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
        display: none
    }

    .el-upload-list--picture .el-upload-list__item-thumbnail {
        background-color: #fff;
        display: inline-block;
        float: left;
        height: 70px;
        margin-left: -80px;
        position: relative;
        vertical-align: middle;
        width: 70px;
        z-index: 1
    }

    .el-upload-list--picture .el-upload-list__item-name {
        display: block;
        margin-top: 20px
    }

    .el-upload-list--picture .el-upload-list__item-name i {
        font-size: 70px;
        left: 9px;
        line-height: 1;
        position: absolute;
        top: 10px
    }

    .el-upload-list--picture .el-upload-list__item-status-label {
        background: #13ce66;
        box-shadow: 0 1px 1px #ccc;
        height: 26px;
        position: absolute;
        right: -17px;
        text-align: center;
        top: -7px;
        transform: rotate(45deg);
        width: 46px
    }

    .el-upload-list--picture .el-upload-list__item-status-label i {
        font-size: 12px;
        margin-top: 12px;
        transform: rotate(-45deg)
    }

    .el-upload-list--picture .el-progress {
        position: relative;
        top: -7px
    }

    .el-upload-cover {
        cursor: default;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10
    }

    .el-upload-cover:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .el-upload-cover img {
        display: block;
        height: 100%;
        width: 100%
    }

    .el-upload-cover__label {
        background: #13ce66;
        box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
        height: 24px;
        position: absolute;
        right: -15px;
        text-align: center;
        top: -6px;
        transform: rotate(45deg);
        width: 40px
    }

    .el-upload-cover__label i {
        color: #fff;
        font-size: 12px;
        margin-top: 11px;
        transform: rotate(-45deg)
    }

    .el-upload-cover__progress {
        display: inline-block;
        position: static;
        vertical-align: middle;
        width: 243px
    }

    .el-upload-cover__progress+.el-upload__inner {
        opacity: 0
    }

    .el-upload-cover__content {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .el-upload-cover__interact {
        background-color: rgba(0, 0, 0, .72);
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%
    }

    .el-upload-cover__interact .btn {
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        margin-top: 60px;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
        vertical-align: middle
    }

    .el-upload-cover__interact .btn i {
        margin-top: 0
    }

    .el-upload-cover__interact .btn span {
        opacity: 0;
        transition: opacity .15s linear
    }

    .el-upload-cover__interact .btn:not(:first-child) {
        margin-left: 35px
    }

    .el-upload-cover__interact .btn:hover {
        transform: translateY(-13px)
    }

    .el-upload-cover__interact .btn:hover span {
        opacity: 1
    }

    .el-upload-cover__interact .btn i {
        color: #fff;
        display: block;
        font-size: 24px;
        line-height: inherit;
        margin: 0 auto 5px
    }

    .el-upload-cover__title {
        background-color: #fff;
        bottom: 0;
        color: #313131;
        font-size: 14px;
        font-weight: 400;
        height: 36px;
        left: 0;
        line-height: 36px;
        margin: 0;
        overflow: hidden;
        padding: 0 10px;
        position: absolute;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }

    .el-upload-cover+.el-upload__inner {
        opacity: 0;
        position: relative;
        z-index: 1
    }

    .el-progress {
        line-height: 1;
        position: relative
    }

    .el-progress__text {
        color: #2f3032;
        display: inline-block;
        font-size: 14px;
        line-height: 1;
        margin-left: 10px;
        vertical-align: middle
    }

    .el-progress__text i {
        display: block;
        vertical-align: middle
    }

    .el-progress--circle,
    .el-progress--dashboard {
        display: inline-block
    }

    .el-progress--circle .el-progress__text,
    .el-progress--dashboard .el-progress__text {
        left: 0;
        margin: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        width: 100%
    }

    .el-progress--circle .el-progress__text i,
    .el-progress--dashboard .el-progress__text i {
        display: inline-block;
        vertical-align: middle
    }

    .el-progress--without-text .el-progress__text {
        display: none
    }

    .el-progress--without-text .el-progress-bar {
        display: block;
        margin-right: 0;
        padding-right: 0
    }

    .el-progress--text-inside .el-progress-bar {
        margin-right: 0;
        padding-right: 0
    }

    .el-progress.is-success .el-progress-bar__inner {
        background-color: #67c23a
    }

    .el-progress.is-success .el-progress__text {
        color: #67c23a
    }

    .el-progress.is-warning .el-progress-bar__inner {
        background-color: #e6a23c
    }

    .el-progress.is-warning .el-progress__text {
        color: #e6a23c
    }

    .el-progress.is-exception .el-progress-bar__inner {
        background-color: #f56c6c
    }

    .el-progress.is-exception .el-progress__text {
        color: #f56c6c
    }

    .el-progress-bar {
        box-sizing: border-box;
        display: inline-block;
        margin-right: -55px;
        padding-right: 50px;
        vertical-align: middle;
        width: 100%
    }

    .el-progress-bar__outer {
        background-color: #ebeef5;
        border-radius: 100px;
        height: 6px;
        overflow: hidden;
        position: relative;
        vertical-align: middle
    }

    .el-progress-bar__inner {
        background-color: #7150e6;
        border-radius: 100px;
        height: 100%;
        left: 0;
        line-height: 1;
        position: absolute;
        text-align: right;
        top: 0;
        transition: width .6s ease;
        white-space: nowrap
    }

    .el-progress-bar__inner:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .el-progress-bar__innerText {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        margin: 0 5px;
        vertical-align: middle
    }

    @keyframes progress {
        0% {
            background-position: 0 0
        }

        to {
            background-position: 32px 0
        }
    }

    .el-time-spinner {
        white-space: nowrap;
        width: 100%
    }

    .el-spinner {
        display: inline-block;
        vertical-align: middle
    }

    .el-spinner-inner {
        animation: rotate 2s linear infinite;
        height: 50px;
        width: 50px
    }

    .el-spinner-inner .path {
        stroke: #ececec;
        stroke-linecap: round;
        animation: dash 1.5s ease-in-out infinite
    }

    @keyframes rotate {
        to {
            transform: rotate(1turn)
        }
    }

    @keyframes dash {
        0% {
            stroke-dasharray: 1, 150;
            stroke-dashoffset: 0
        }

        50% {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -35
        }

        to {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -124
        }
    }

    .el-message {
        align-items: center;
        background-color: #edf2fc;
        border: 1px solid #ebeef5;
        border-radius: 4px;
        box-sizing: border-box;
        display: flex;
        left: 50%;
        min-width: 380px;
        overflow: hidden;
        padding: 15px 15px 15px 20px;
        position: fixed;
        top: 20px;
        transform: translateX(-50%);
        transition: opacity .3s, transform .4s, top .4s
    }

    .el-message.is-center {
        justify-content: center
    }

    .el-message.is-closable .el-message__content {
        padding-right: 16px
    }

    .el-message p {
        margin: 0
    }

    .el-message--info .el-message__content {
        color: #909399
    }

    .el-message--success {
        background-color: #f0f9eb;
        border-color: #e1f3d8
    }

    .el-message--success .el-message__content {
        color: #67c23a
    }

    .el-message--warning {
        background-color: #fdf6ec;
        border-color: #faecd8
    }

    .el-message--warning .el-message__content {
        color: #e6a23c
    }

    .el-message--error {
        background-color: #fef0f0;
        border-color: #fde2e2
    }

    .el-message--error .el-message__content {
        color: #f56c6c
    }

    .el-message__icon {
        margin-right: 10px
    }

    .el-message__content {
        font-size: 14px;
        line-height: 1;
        padding: 0
    }

    .el-message__content:focus {
        outline-width: 0
    }

    .el-message__closeBtn {
        color: #c0c4cc;
        cursor: pointer;
        font-size: 16px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%)
    }

    .el-message__closeBtn:focus {
        outline-width: 0
    }

    .el-message__closeBtn:hover {
        color: #909399
    }

    .el-message .el-icon-success {
        color: #67c23a
    }

    .el-message .el-icon-error {
        color: #f56c6c
    }

    .el-message .el-icon-info {
        color: #909399
    }

    .el-message .el-icon-warning {
        color: #e6a23c
    }

    .el-message-fade-enter,
    .el-message-fade-leave-active {
        opacity: 0;
        transform: translate(-50%, -100%)
    }

    .el-badge {
        display: inline-block;
        position: relative;
        vertical-align: middle
    }

    .el-badge__content {
        background-color: #f56c6c;
        border: 1px solid #fff;
        border-radius: 10px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        padding: 0 6px;
        text-align: center;
        white-space: nowrap
    }

    .el-badge__content.is-fixed {
        position: absolute;
        right: 10px;
        top: 0;
        transform: translateY(-50%) translateX(100%)
    }

    .el-badge__content.is-fixed.is-dot {
        right: 5px
    }

    .el-badge__content.is-dot {
        border-radius: 50%;
        height: 8px;
        padding: 0;
        right: 0;
        width: 8px
    }

    .el-badge__content--primary {
        background-color: #7150e6
    }

    .el-badge__content--success {
        background-color: #67c23a
    }

    .el-badge__content--warning {
        background-color: #e6a23c
    }

    .el-badge__content--info {
        background-color: #909399
    }

    .el-badge__content--danger {
        background-color: #f56c6c
    }

    .el-card {
        background-color: #fff;
        border: 1px solid #ebeef5;
        border-radius: 4px;
        color: #313131;
        overflow: hidden;
        transition: .3s
    }

    .el-card.is-always-shadow,
    .el-card.is-hover-shadow:focus,
    .el-card.is-hover-shadow:hover {
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
    }

    .el-card__header {
        border-bottom: 1px solid #ebeef5;
        box-sizing: border-box;
        padding: 18px 20px
    }

    .el-card__body {
        padding: 20px
    }

    .el-rate {
        height: 20px;
        line-height: 1
    }

    .el-rate:active,
    .el-rate:focus {
        outline-width: 0
    }

    .el-rate__item {
        font-size: 0;
        vertical-align: middle
    }

    .el-rate__icon,
    .el-rate__item {
        display: inline-block;
        position: relative
    }

    .el-rate__icon {
        color: #c0c4cc;
        font-size: 18px;
        margin-right: 6px;
        transition: .3s
    }

    .el-rate__icon.hover {
        transform: scale(1.15)
    }

    .el-rate__decimal,
    .el-rate__icon .path2 {
        left: 0;
        position: absolute;
        top: 0
    }

    .el-rate__decimal {
        display: inline-block;
        overflow: hidden
    }

    .el-rate__text {
        font-size: 14px;
        vertical-align: middle
    }

    .el-steps {
        display: flex
    }

    .el-steps--simple {
        background: #f5f7fa;
        border-radius: 4px;
        padding: 13px 8%
    }

    .el-steps--horizontal {
        white-space: nowrap
    }

    .el-steps--vertical {
        flex-flow: column;
        height: 100%
    }

    .el-step {
        flex-shrink: 1;
        position: relative
    }

    .el-step:last-of-type .el-step__line {
        display: none
    }

    .el-step:last-of-type.is-flex {
        flex-basis: auto !important;
        flex-grow: 0;
        flex-shrink: 0
    }

    .el-step:last-of-type .el-step__description,
    .el-step:last-of-type .el-step__main {
        padding-right: 0
    }

    .el-step__head {
        position: relative;
        width: 100%
    }

    .el-step__head.is-process {
        border-color: #313131;
        color: #313131
    }

    .el-step__head.is-wait {
        border-color: #c0c4cc;
        color: #c0c4cc
    }

    .el-step__head.is-success {
        border-color: #67c23a;
        color: #67c23a
    }

    .el-step__head.is-error {
        border-color: #f56c6c;
        color: #f56c6c
    }

    .el-step__head.is-finish {
        border-color: #7150e6;
        color: #7150e6
    }

    .el-step__icon {
        align-items: center;
        background: #fff;
        box-sizing: border-box;
        display: inline-flex;
        font-size: 14px;
        height: 24px;
        justify-content: center;
        position: relative;
        transition: .15s ease-out;
        width: 24px;
        z-index: 1
    }

    .el-step__icon.is-text {
        border: 2px solid;
        border-color: inherit;
        border-radius: 50%
    }

    .el-step__icon.is-icon {
        width: 40px
    }

    .el-step__icon-inner {
        color: inherit;
        display: inline-block;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .el-step__icon-inner[class*=el-icon]:not(.is-status) {
        font-size: 25px;
        font-weight: 400
    }

    .el-step__icon-inner.is-status {
        transform: translateY(1px)
    }

    .el-step__line {
        background-color: #c0c4cc;
        border-color: inherit;
        position: absolute
    }

    .el-step__line-inner {
        border: 1px solid;
        border-color: inherit;
        box-sizing: border-box;
        display: block;
        height: 0;
        transition: .15s ease-out;
        width: 0
    }

    .el-step__main {
        text-align: left;
        white-space: normal
    }

    .el-step__title {
        font-size: 16px;
        line-height: 38px
    }

    .el-step__title.is-process {
        color: #313131;
        font-weight: 700
    }

    .el-step__title.is-wait {
        color: #c0c4cc
    }

    .el-step__title.is-success {
        color: #67c23a
    }

    .el-step__title.is-error {
        color: #f56c6c
    }

    .el-step__title.is-finish {
        color: #7150e6
    }

    .el-step__description {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        margin-top: -5px;
        padding-right: 10%
    }

    .el-step__description.is-process {
        color: #313131
    }

    .el-step__description.is-wait {
        color: #c0c4cc
    }

    .el-step__description.is-success {
        color: #67c23a
    }

    .el-step__description.is-error {
        color: #f56c6c
    }

    .el-step__description.is-finish {
        color: #7150e6
    }

    .el-step.is-horizontal {
        display: inline-block
    }

    .el-step.is-horizontal .el-step__line {
        height: 2px;
        left: 0;
        right: 0;
        top: 11px
    }

    .el-step.is-vertical {
        display: flex
    }

    .el-step.is-vertical .el-step__head {
        flex-grow: 0;
        width: 24px
    }

    .el-step.is-vertical .el-step__main {
        flex-grow: 1;
        padding-left: 10px
    }

    .el-step.is-vertical .el-step__title {
        line-height: 24px;
        padding-bottom: 8px
    }

    .el-step.is-vertical .el-step__line {
        bottom: 0;
        left: 11px;
        top: 0;
        width: 2px
    }

    .el-step.is-vertical .el-step__icon.is-icon {
        width: 24px
    }

    .el-step.is-center .el-step__head,
    .el-step.is-center .el-step__main {
        text-align: center
    }

    .el-step.is-center .el-step__description {
        padding-left: 20%;
        padding-right: 20%
    }

    .el-step.is-center .el-step__line {
        left: 50%;
        right: -50%
    }

    .el-step.is-simple {
        align-items: center;
        display: flex
    }

    .el-step.is-simple .el-step__head {
        font-size: 0;
        padding-right: 10px;
        width: auto
    }

    .el-step.is-simple .el-step__icon {
        background: transparent;
        font-size: 12px;
        height: 16px;
        width: 16px
    }

    .el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
        font-size: 18px
    }

    .el-step.is-simple .el-step__icon-inner.is-status {
        transform: scale(.8) translateY(1px)
    }

    .el-step.is-simple .el-step__main {
        align-items: stretch;
        display: flex;
        flex-grow: 1;
        position: relative
    }

    .el-step.is-simple .el-step__title {
        font-size: 16px;
        line-height: 20px
    }

    .el-step.is-simple:not(:last-of-type) .el-step__title {
        max-width: 50%;
        word-break: break-all
    }

    .el-step.is-simple .el-step__arrow {
        align-items: center;
        display: flex;
        flex-grow: 1;
        justify-content: center
    }

    .el-step.is-simple .el-step__arrow:after,
    .el-step.is-simple .el-step__arrow:before {
        background: #c0c4cc;
        content: "";
        display: inline-block;
        height: 15px;
        position: absolute;
        width: 1px
    }

    .el-step.is-simple .el-step__arrow:before {
        transform: rotate(-45deg) translateY(-4px);
        transform-origin: 0 0
    }

    .el-step.is-simple .el-step__arrow:after {
        transform: rotate(45deg) translateY(4px);
        transform-origin: 100% 100%
    }

    .el-step.is-simple:last-of-type .el-step__arrow {
        display: none
    }

    .el-carousel {
        position: relative
    }

    .el-carousel--horizontal {
        overflow-x: hidden
    }

    .el-carousel--vertical {
        overflow-y: hidden
    }

    .el-carousel__container {
        height: 300px;
        position: relative
    }

    .el-carousel__arrow {
        background-color: rgba(31, 45, 61, .11);
        border: none;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        height: 36px;
        margin: 0;
        outline: none;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        transition: .3s;
        width: 36px;
        z-index: 10
    }

    .el-carousel__arrow--left {
        left: 16px
    }

    .el-carousel__arrow--right {
        right: 16px
    }

    .el-carousel__arrow:hover {
        background-color: rgba(31, 45, 61, .23)
    }

    .el-carousel__arrow i {
        cursor: pointer
    }

    .el-carousel__indicators {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 2
    }

    .el-carousel__indicators--horizontal {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    .el-carousel__indicators--vertical {
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .el-carousel__indicators--outside {
        bottom: 26px;
        position: static;
        text-align: center;
        transform: none
    }

    .el-carousel__indicators--outside .el-carousel__indicator:hover button {
        opacity: .64
    }

    .el-carousel__indicators--outside button {
        background-color: #c0c4cc;
        opacity: .24
    }

    .el-carousel__indicators--labels {
        left: 0;
        right: 0;
        text-align: center;
        transform: none
    }

    .el-carousel__indicators--labels .el-carousel__button {
        font-size: 12px;
        height: auto;
        padding: 2px 18px;
        width: auto
    }

    .el-carousel__indicators--labels .el-carousel__indicator {
        padding: 6px 4px
    }

    .el-carousel__indicator {
        background-color: transparent;
        cursor: pointer
    }

    .el-carousel__indicator:hover button {
        opacity: .72
    }

    .el-carousel__indicator--horizontal {
        display: inline-block;
        padding: 12px 4px
    }

    .el-carousel__indicator--vertical {
        padding: 4px 12px
    }

    .el-carousel__indicator--vertical .el-carousel__button {
        height: 15px;
        width: 2px
    }

    .el-carousel__indicator.is-active button {
        opacity: 1
    }

    .el-carousel__button {
        background-color: #fff;
        border: none;
        cursor: pointer;
        display: block;
        height: 2px;
        margin: 0;
        opacity: .48;
        outline: none;
        padding: 0;
        transition: .3s;
        width: 30px
    }

    .carousel-arrow-left-enter,
    .carousel-arrow-left-leave-active {
        opacity: 0;
        transform: translateY(-50%) translateX(-10px)
    }

    .carousel-arrow-right-enter,
    .carousel-arrow-right-leave-active {
        opacity: 0;
        transform: translateY(-50%) translateX(10px)
    }

    .el-carousel__item {
        display: inline-block;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0
    }

    .el-carousel__item.is-active {
        z-index: 2
    }

    .el-carousel__item--card,
    .el-carousel__item.is-animating {
        transition: transform .4s ease-in-out
    }

    .el-carousel__item--card {
        width: 50%
    }

    .el-carousel__item--card.is-in-stage {
        cursor: pointer;
        z-index: 1
    }

    .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
    .el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
        opacity: .12
    }

    .el-carousel__item--card.is-active {
        z-index: 2
    }

    .el-carousel__mask {
        background-color: #fff;
        height: 100%;
        left: 0;
        opacity: .24;
        position: absolute;
        top: 0;
        transition: .2s;
        width: 100%
    }

    .fade-in-linear-enter-active,
    .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter,
    .fade-in-linear-leave,
    .fade-in-linear-leave-active {
        opacity: 0
    }

    .el-fade-in-linear-enter-active,
    .el-fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .el-fade-in-linear-enter,
    .el-fade-in-linear-leave,
    .el-fade-in-linear-leave-active {
        opacity: 0
    }

    .el-fade-in-enter-active,
    .el-fade-in-leave-active {
        transition: all .3s cubic-bezier(.55, 0, .1, 1)
    }

    .el-fade-in-enter,
    .el-fade-in-leave-active {
        opacity: 0
    }

    .el-zoom-in-center-enter-active,
    .el-zoom-in-center-leave-active {
        transition: all .3s cubic-bezier(.55, 0, .1, 1)
    }

    .el-zoom-in-center-enter,
    .el-zoom-in-center-leave-active {
        opacity: 0;
        transform: scaleX(0)
    }

    .el-zoom-in-top-enter-active,
    .el-zoom-in-top-leave-active {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: center top;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
    }

    .el-zoom-in-top-enter,
    .el-zoom-in-top-leave-active {
        opacity: 0;
        transform: scaleY(0)
    }

    .el-zoom-in-bottom-enter-active,
    .el-zoom-in-bottom-leave-active {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: center bottom;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
    }

    .el-zoom-in-bottom-enter,
    .el-zoom-in-bottom-leave-active {
        opacity: 0;
        transform: scaleY(0)
    }

    .el-zoom-in-left-enter-active,
    .el-zoom-in-left-leave-active {
        opacity: 1;
        transform: scale(1);
        transform-origin: top left;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
    }

    .el-zoom-in-left-enter,
    .el-zoom-in-left-leave-active {
        opacity: 0;
        transform: scale(.45)
    }

    .collapse-transition {
        transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
    }

    .horizontal-collapse-transition {
        transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out
    }

    .el-list-enter-active,
    .el-list-leave-active {
        transition: all 1s
    }

    .el-list-enter,
    .el-list-leave-active {
        opacity: 0;
        transform: translateY(-30px)
    }

    .el-opacity-transition {
        transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
    }

    .el-collapse {
        border-bottom: 1px solid #ebeef5;
        border-top: 1px solid #ebeef5
    }

    .el-collapse-item.is-disabled .el-collapse-item__header {
        color: #bbb;
        cursor: not-allowed
    }

    .el-collapse-item__header {
        align-items: center;
        background-color: #fff;
        border-bottom: 1px solid #ebeef5;
        color: #313131;
        cursor: pointer;
        display: flex;
        font-size: 13px;
        font-weight: 500;
        height: 48px;
        line-height: 48px;
        outline: none;
        transition: border-bottom-color .3s
    }

    .el-collapse-item__arrow {
        font-weight: 300;
        margin: 0 8px 0 auto;
        transition: transform .3s
    }

    .el-collapse-item__arrow.is-active {
        transform: rotate(90deg)
    }

    .el-collapse-item__header.focusing:focus:not(:hover) {
        color: #7150e6
    }

    .el-collapse-item__header.is-active {
        border-bottom-color: transparent
    }

    .el-collapse-item__wrap {
        background-color: #fff;
        border-bottom: 1px solid #ebeef5;
        box-sizing: border-box;
        overflow: hidden;
        will-change: height
    }

    .el-collapse-item__content {
        color: #313131;
        font-size: 13px;
        line-height: 1.7692307692;
        padding-bottom: 25px
    }

    .el-collapse-item:last-child {
        margin-bottom: -1px
    }

    .el-popper .popper__arrow,
    .el-popper .popper__arrow:after {
        border-color: transparent;
        border-style: solid;
        display: block;
        height: 0;
        position: absolute;
        width: 0
    }

    .el-popper .popper__arrow {
        border-width: 6px;
        filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
    }

    .el-popper .popper__arrow:after {
        border-width: 6px;
        content: " "
    }

    .el-popper[x-placement^=top] {
        margin-bottom: 12px
    }

    .el-popper[x-placement^=top] .popper__arrow {
        border-bottom-width: 0;
        border-top-color: #ebeef5;
        bottom: -6px;
        left: 50%;
        margin-right: 3px
    }

    .el-popper[x-placement^=top] .popper__arrow:after {
        border-bottom-width: 0;
        border-top-color: #fff;
        bottom: 1px;
        margin-left: -6px
    }

    .el-popper[x-placement^=bottom] {
        margin-top: 12px
    }

    .el-popper[x-placement^=bottom] .popper__arrow {
        border-bottom-color: #ebeef5;
        border-top-width: 0;
        left: 50%;
        margin-right: 3px;
        top: -6px
    }

    .el-popper[x-placement^=bottom] .popper__arrow:after {
        border-bottom-color: #fff;
        border-top-width: 0;
        margin-left: -6px;
        top: 1px
    }

    .el-popper[x-placement^=right] {
        margin-left: 12px
    }

    .el-popper[x-placement^=right] .popper__arrow {
        border-left-width: 0;
        border-right-color: #ebeef5;
        left: -6px;
        margin-bottom: 3px;
        top: 50%
    }

    .el-popper[x-placement^=right] .popper__arrow:after {
        border-left-width: 0;
        border-right-color: #fff;
        bottom: -6px;
        left: 1px
    }

    .el-popper[x-placement^=left] {
        margin-right: 12px
    }

    .el-popper[x-placement^=left] .popper__arrow {
        border-left-color: #ebeef5;
        border-right-width: 0;
        margin-bottom: 3px;
        right: -6px;
        top: 50%
    }

    .el-popper[x-placement^=left] .popper__arrow:after {
        border-left-color: #fff;
        border-right-width: 0;
        bottom: -6px;
        margin-left: -6px;
        right: 1px
    }

    .el-tag {
        background-color: #f1eefd;
        border: 1px solid #e3dcfa;
        border-radius: 4px;
        box-sizing: border-box;
        color: #7150e6;
        display: inline-block;
        font-size: 12px;
        height: 32px;
        line-height: 30px;
        padding: 0 10px;
        white-space: nowrap
    }

    .el-tag.is-hit {
        border-color: #7150e6
    }

    .el-tag .el-tag__close {
        color: #7150e6
    }

    .el-tag .el-tag__close:hover {
        background-color: #7150e6;
        color: #fff
    }

    .el-tag.el-tag--info {
        background-color: #f4f4f5;
        border-color: #e9e9eb;
        color: #909399
    }

    .el-tag.el-tag--info.is-hit {
        border-color: #909399
    }

    .el-tag.el-tag--info .el-tag__close {
        color: #909399
    }

    .el-tag.el-tag--info .el-tag__close:hover {
        background-color: #909399;
        color: #fff
    }

    .el-tag.el-tag--success {
        background-color: #f0f9eb;
        border-color: #e1f3d8;
        color: #67c23a
    }

    .el-tag.el-tag--success.is-hit {
        border-color: #67c23a
    }

    .el-tag.el-tag--success .el-tag__close {
        color: #67c23a
    }

    .el-tag.el-tag--success .el-tag__close:hover {
        background-color: #67c23a;
        color: #fff
    }

    .el-tag.el-tag--warning {
        background-color: #fdf6ec;
        border-color: #faecd8;
        color: #e6a23c
    }

    .el-tag.el-tag--warning.is-hit {
        border-color: #e6a23c
    }

    .el-tag.el-tag--warning .el-tag__close {
        color: #e6a23c
    }

    .el-tag.el-tag--warning .el-tag__close:hover {
        background-color: #e6a23c;
        color: #fff
    }

    .el-tag.el-tag--danger {
        background-color: #fef0f0;
        border-color: #fde2e2;
        color: #f56c6c
    }

    .el-tag.el-tag--danger.is-hit {
        border-color: #f56c6c
    }

    .el-tag.el-tag--danger .el-tag__close {
        color: #f56c6c
    }

    .el-tag.el-tag--danger .el-tag__close:hover {
        background-color: #f56c6c;
        color: #fff
    }

    .el-tag .el-icon-close {
        border-radius: 50%;
        cursor: pointer;
        font-size: 12px;
        height: 16px;
        line-height: 16px;
        position: relative;
        right: -5px;
        text-align: center;
        top: -1px;
        vertical-align: middle;
        width: 16px
    }

    .el-tag .el-icon-close:before {
        display: block
    }

    .el-tag--dark {
        background-color: #7150e6;
        color: #fff
    }

    .el-tag--dark,
    .el-tag--dark.is-hit {
        border-color: #7150e6
    }

    .el-tag--dark .el-tag__close {
        color: #fff
    }

    .el-tag--dark .el-tag__close:hover {
        background-color: #8d73eb;
        color: #fff
    }

    .el-tag--dark.el-tag--info {
        background-color: #909399;
        border-color: #909399;
        color: #fff
    }

    .el-tag--dark.el-tag--info.is-hit {
        border-color: #909399
    }

    .el-tag--dark.el-tag--info .el-tag__close {
        color: #fff
    }

    .el-tag--dark.el-tag--info .el-tag__close:hover {
        background-color: #a6a9ad;
        color: #fff
    }

    .el-tag--dark.el-tag--success {
        background-color: #67c23a;
        border-color: #67c23a;
        color: #fff
    }

    .el-tag--dark.el-tag--success.is-hit {
        border-color: #67c23a
    }

    .el-tag--dark.el-tag--success .el-tag__close {
        color: #fff
    }

    .el-tag--dark.el-tag--success .el-tag__close:hover {
        background-color: #85ce61;
        color: #fff
    }

    .el-tag--dark.el-tag--warning {
        background-color: #e6a23c;
        border-color: #e6a23c;
        color: #fff
    }

    .el-tag--dark.el-tag--warning.is-hit {
        border-color: #e6a23c
    }

    .el-tag--dark.el-tag--warning .el-tag__close {
        color: #fff
    }

    .el-tag--dark.el-tag--warning .el-tag__close:hover {
        background-color: #ebb563;
        color: #fff
    }

    .el-tag--dark.el-tag--danger {
        background-color: #f56c6c;
        border-color: #f56c6c;
        color: #fff
    }

    .el-tag--dark.el-tag--danger.is-hit {
        border-color: #f56c6c
    }

    .el-tag--dark.el-tag--danger .el-tag__close {
        color: #fff
    }

    .el-tag--dark.el-tag--danger .el-tag__close:hover {
        background-color: #f78989;
        color: #fff
    }

    .el-tag--plain {
        background-color: #fff;
        border-color: #c6b9f5;
        color: #7150e6
    }

    .el-tag--plain.is-hit {
        border-color: #7150e6
    }

    .el-tag--plain .el-tag__close {
        color: #7150e6
    }

    .el-tag--plain .el-tag__close:hover {
        background-color: #7150e6;
        color: #fff
    }

    .el-tag--plain.el-tag--info {
        background-color: #fff;
        border-color: #d3d4d6;
        color: #909399
    }

    .el-tag--plain.el-tag--info.is-hit {
        border-color: #909399
    }

    .el-tag--plain.el-tag--info .el-tag__close {
        color: #909399
    }

    .el-tag--plain.el-tag--info .el-tag__close:hover {
        background-color: #909399;
        color: #fff
    }

    .el-tag--plain.el-tag--success {
        background-color: #fff;
        border-color: #c2e7b0;
        color: #67c23a
    }

    .el-tag--plain.el-tag--success.is-hit {
        border-color: #67c23a
    }

    .el-tag--plain.el-tag--success .el-tag__close {
        color: #67c23a
    }

    .el-tag--plain.el-tag--success .el-tag__close:hover {
        background-color: #67c23a;
        color: #fff
    }

    .el-tag--plain.el-tag--warning {
        background-color: #fff;
        border-color: #f5dab1;
        color: #e6a23c
    }

    .el-tag--plain.el-tag--warning.is-hit {
        border-color: #e6a23c
    }

    .el-tag--plain.el-tag--warning .el-tag__close {
        color: #e6a23c
    }

    .el-tag--plain.el-tag--warning .el-tag__close:hover {
        background-color: #e6a23c;
        color: #fff
    }

    .el-tag--plain.el-tag--danger {
        background-color: #fff;
        border-color: #fbc4c4;
        color: #f56c6c
    }

    .el-tag--plain.el-tag--danger.is-hit {
        border-color: #f56c6c
    }

    .el-tag--plain.el-tag--danger .el-tag__close {
        color: #f56c6c
    }

    .el-tag--plain.el-tag--danger .el-tag__close:hover {
        background-color: #f56c6c;
        color: #fff
    }

    .el-tag--medium {
        height: 28px;
        line-height: 26px
    }

    .el-tag--medium .el-icon-close {
        transform: scale(.8)
    }

    .el-tag--small {
        height: 24px;
        line-height: 22px;
        padding: 0 8px
    }

    .el-tag--small .el-icon-close {
        transform: scale(.8)
    }

    .el-tag--mini {
        height: 20px;
        line-height: 19px;
        padding: 0 5px
    }

    .el-tag--mini .el-icon-close {
        margin-left: -3px;
        transform: scale(.7)
    }

    .el-cascader {
        display: inline-block;
        font-size: 14px;
        line-height: 40px;
        position: relative
    }

    .el-cascader:not(.is-disabled):hover .el-input__inner {
        border-color: #c0c4cc;
        cursor: pointer
    }

    .el-cascader .el-input {
        cursor: pointer
    }

    .el-cascader .el-input .el-input__inner {
        text-overflow: ellipsis
    }

    .el-cascader .el-input .el-input__inner:focus {
        border-color: #7150e6
    }

    .el-cascader .el-input .el-icon-arrow-down {
        font-size: 14px;
        transition: transform .3s
    }

    .el-cascader .el-input .el-icon-arrow-down.is-reverse {
        transform: rotate(180deg)
    }

    .el-cascader .el-input .el-icon-circle-close:hover {
        color: #909399
    }

    .el-cascader .el-input.is-focus .el-input__inner {
        border-color: #7150e6
    }

    .el-cascader--medium {
        font-size: 14px;
        line-height: 36px
    }

    .el-cascader--small {
        font-size: 13px;
        line-height: 32px
    }

    .el-cascader--mini {
        font-size: 12px;
        line-height: 28px
    }

    .el-cascader.is-disabled .el-cascader__label {
        color: #c0c4cc;
        z-index: 2
    }

    .el-cascader__dropdown {
        background: #fff;
        border: 1px solid #e4e7ed;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        font-size: 14px;
        margin: 5px 0
    }

    .el-cascader__tags {
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        left: 0;
        line-height: normal;
        position: absolute;
        right: 30px;
        text-align: left;
        top: 50%;
        transform: translateY(-50%)
    }

    .el-cascader__tags .el-tag {
        align-items: center;
        background: #f0f2f5;
        display: inline-flex;
        margin: 2px 0 2px 6px;
        max-width: 100%;
        text-overflow: ellipsis
    }

    .el-cascader__tags .el-tag:not(.is-hit) {
        border-color: transparent
    }

    .el-cascader__tags .el-tag>span {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .el-cascader__tags .el-tag .el-icon-close {
        background-color: #c0c4cc;
        color: #fff;
        flex: none
    }

    .el-cascader__tags .el-tag .el-icon-close:hover {
        background-color: #909399
    }

    .el-cascader__suggestion-panel {
        border-radius: 4px
    }

    .el-cascader__suggestion-list {
        color: #2f3032;
        font-size: 14px;
        margin: 0;
        max-height: 204px;
        padding: 6px 0;
        text-align: center
    }

    .el-cascader__suggestion-item {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 34px;
        justify-content: space-between;
        outline: none;
        padding: 0 15px;
        text-align: left
    }

    .el-cascader__suggestion-item:focus,
    .el-cascader__suggestion-item:hover {
        background: #f5f7fa
    }

    .el-cascader__suggestion-item.is-checked {
        color: #7150e6;
        font-weight: 700
    }

    .el-cascader__suggestion-item>span {
        margin-right: 10px
    }

    .el-cascader__empty-text {
        color: #c0c4cc;
        margin: 10px 0
    }

    .el-cascader__search-input {
        border: none;
        box-sizing: border-box;
        color: #2f3032;
        flex: 1;
        height: 24px;
        margin: 2px 0 2px 15px;
        min-width: 60px;
        outline: none;
        padding: 0
    }

    .el-cascader__search-input::-moz-placeholder {
        color: #c0c4cc
    }

    .el-cascader__search-input::placeholder {
        color: #c0c4cc
    }

    .el-color-predefine {
        display: flex;
        font-size: 12px;
        margin-top: 8px;
        width: 280px
    }

    .el-color-predefine__colors {
        display: flex;
        flex: 1;
        flex-wrap: wrap
    }

    .el-color-predefine__color-selector {
        border-radius: 4px;
        cursor: pointer;
        height: 20px;
        margin: 0 0 8px 8px;
        width: 20px
    }

    .el-color-predefine__color-selector:nth-child(10n+1) {
        margin-left: 0
    }

    .el-color-predefine__color-selector.selected {
        box-shadow: 0 0 3px 2px #7150e6
    }

    .el-color-predefine__color-selector>div {
        border-radius: 3px;
        display: flex;
        height: 100%
    }

    .el-color-predefine__color-selector.is-alpha {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
    }

    .el-color-hue-slider {
        background-color: red;
        box-sizing: border-box;
        height: 12px;
        padding: 0 2px;
        position: relative;
        width: 280px
    }

    .el-color-hue-slider__bar {
        background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
        height: 100%;
        position: relative
    }

    .el-color-hue-slider__thumb {
        background: #fff;
        border: 1px solid #f0f0f0;
        border-radius: 1px;
        box-shadow: 0 0 2px rgba(0, 0, 0, .6);
        box-sizing: border-box;
        cursor: pointer;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 4px;
        z-index: 1
    }

    .el-color-hue-slider.is-vertical {
        height: 180px;
        padding: 2px 0;
        width: 12px
    }

    .el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
        background: linear-gradient(180deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
    }

    .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
        height: 4px;
        left: 0;
        top: 0;
        width: 100%
    }

    .el-color-svpanel {
        height: 180px;
        position: relative;
        width: 280px
    }

    .el-color-svpanel__black,
    .el-color-svpanel__white {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .el-color-svpanel__white {
        background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
    }

    .el-color-svpanel__black {
        background: linear-gradient(0deg, #000, transparent)
    }

    .el-color-svpanel__cursor {
        position: absolute
    }

    .el-color-svpanel__cursor>div {
        border-radius: 50%;
        box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
        cursor: head;
        height: 4px;
        transform: translate(-2px, -2px);
        width: 4px
    }

    .el-color-alpha-slider {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
        box-sizing: border-box;
        height: 12px;
        position: relative;
        width: 280px
    }

    .el-color-alpha-slider__bar {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
        height: 100%;
        position: relative
    }

    .el-color-alpha-slider__thumb {
        background: #fff;
        border: 1px solid #f0f0f0;
        border-radius: 1px;
        box-shadow: 0 0 2px rgba(0, 0, 0, .6);
        box-sizing: border-box;
        cursor: pointer;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 4px;
        z-index: 1
    }

    .el-color-alpha-slider.is-vertical {
        height: 180px;
        width: 20px
    }

    .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
    }

    .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
        height: 4px;
        left: 0;
        top: 0;
        width: 100%
    }

    .el-color-dropdown {
        width: 300px
    }

    .el-color-dropdown__main-wrapper {
        margin-bottom: 6px
    }

    .el-color-dropdown__main-wrapper:after {
        clear: both;
        content: "";
        display: table
    }

    .el-color-dropdown__btns {
        margin-top: 6px;
        text-align: right
    }

    .el-color-dropdown__value {
        color: #000;
        float: left;
        font-size: 12px;
        line-height: 26px;
        width: 160px
    }

    .el-color-dropdown__btn {
        background-color: transparent;
        border: 1px solid #dcdcdc;
        border-radius: 2px;
        color: #333;
        cursor: pointer;
        font-size: 12px;
        line-height: 24px;
        outline: none;
        padding: 0 20px
    }

    .el-color-dropdown__btn[disabled] {
        color: #ccc;
        cursor: not-allowed
    }

    .el-color-dropdown__btn:hover {
        border-color: #7150e6;
        color: #7150e6
    }

    .el-color-dropdown__link-btn {
        color: #7150e6;
        cursor: pointer;
        font-size: 12px;
        padding: 15px;
        -webkit-text-decoration: none;
        text-decoration: none
    }

    .el-color-dropdown__link-btn:hover {
        color: tint(#7150e6, 20%)
    }

    .el-color-picker {
        display: inline-block;
        height: 40px;
        line-height: normal;
        position: relative
    }

    .el-color-picker.is-disabled .el-color-picker__trigger {
        cursor: not-allowed
    }

    .el-color-picker--medium {
        height: 36px
    }

    .el-color-picker--medium .el-color-picker__trigger {
        height: 36px;
        width: 36px
    }

    .el-color-picker--medium .el-color-picker__mask {
        height: 34px;
        width: 34px
    }

    .el-color-picker--small {
        height: 32px
    }

    .el-color-picker--small .el-color-picker__trigger {
        height: 32px;
        width: 32px
    }

    .el-color-picker--small .el-color-picker__mask {
        height: 30px;
        width: 30px
    }

    .el-color-picker--small .el-color-picker__empty,
    .el-color-picker--small .el-color-picker__icon {
        transform: translate3d(-50%, -50%, 0) scale(.8)
    }

    .el-color-picker--mini {
        height: 28px
    }

    .el-color-picker--mini .el-color-picker__trigger {
        height: 28px;
        width: 28px
    }

    .el-color-picker--mini .el-color-picker__mask {
        height: 26px;
        width: 26px
    }

    .el-color-picker--mini .el-color-picker__empty,
    .el-color-picker--mini .el-color-picker__icon {
        transform: translate3d(-50%, -50%, 0) scale(.8)
    }

    .el-color-picker__mask {
        background-color: hsla(0, 0%, 100%, .7);
        border-radius: 4px;
        cursor: not-allowed;
        height: 38px;
        left: 1px;
        position: absolute;
        top: 1px;
        width: 38px;
        z-index: 1
    }

    .el-color-picker__trigger {
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        font-size: 0;
        height: 40px;
        padding: 4px;
        position: relative;
        width: 40px
    }

    .el-color-picker__color {
        border: 1px solid #999;
        border-radius: 2px;
        box-sizing: border-box;
        display: block;
        height: 100%;
        position: relative;
        text-align: center;
        width: 100%
    }

    .el-color-picker__color.is-alpha {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
    }

    .el-color-picker__color-inner {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .el-color-picker__empty {
        color: #999
    }

    .el-color-picker__empty,
    .el-color-picker__icon {
        font-size: 12px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%, -50%, 0)
    }

    .el-color-picker__icon {
        color: #fff;
        display: inline-block;
        text-align: center;
        width: 100%
    }

    .el-color-picker__panel {
        background-color: #fff;
        border: 1px solid #ebeef5;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        box-sizing: content-box;
        padding: 6px;
        position: absolute;
        z-index: 10
    }

    .el-textarea {
        display: inline-block;
        font-size: 14px;
        position: relative;
        vertical-align: bottom;
        width: 100%
    }

    .el-textarea__inner {
        background-color: #fff;
        background-image: none;
        border: 1px solid #d5d5d5;
        border-radius: 4px;
        box-sizing: border-box;
        color: #2f3032;
        display: block;
        font-size: inherit;
        line-height: 1.5;
        padding: 5px 15px;
        resize: vertical;
        transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
        width: 100%
    }

    .el-textarea__inner::-moz-placeholder {
        color: #c0c4cc
    }

    .el-textarea__inner::placeholder {
        color: #c0c4cc
    }

    .el-textarea__inner:hover {
        border-color: #c0c4cc
    }

    .el-textarea__inner:focus {
        border-color: #7150e6;
        outline: none
    }

    .el-textarea .el-input__count {
        background: #fff;
        bottom: 5px;
        color: #909399;
        font-size: 12px;
        position: absolute;
        right: 10px
    }

    .el-textarea.is-disabled .el-textarea__inner {
        background-color: #f5f7fa;
        border-color: #e4e7ed;
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
        color: #c0c4cc
    }

    .el-textarea.is-disabled .el-textarea__inner::placeholder {
        color: #c0c4cc
    }

    .el-textarea.is-exceed .el-textarea__inner {
        border-color: #f56c6c
    }

    .el-textarea.is-exceed .el-input__count {
        color: #f56c6c
    }

    .el-input {
        display: inline-block;
        font-size: 14px;
        position: relative;
        width: 100%
    }

    .el-input::-webkit-scrollbar {
        width: 6px;
        z-index: 11
    }

    .el-input::-webkit-scrollbar:horizontal {
        height: 6px
    }

    .el-input::-webkit-scrollbar-thumb {
        background: #b4bccc;
        border-radius: 5px;
        width: 6px
    }

    .el-input::-webkit-scrollbar-corner,
    .el-input::-webkit-scrollbar-track {
        background: #fff
    }

    .el-input::-webkit-scrollbar-track-piece {
        background: #fff;
        width: 6px
    }

    .el-input .el-input__clear {
        color: #c0c4cc;
        cursor: pointer;
        font-size: 14px;
        transition: color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-input .el-input__clear:hover {
        color: #909399
    }

    .el-input .el-input__count {
        align-items: center;
        color: #909399;
        display: inline-flex;
        font-size: 12px;
        height: 100%
    }

    .el-input .el-input__count .el-input__count-inner {
        background: #fff;
        display: inline-block;
        line-height: normal;
        padding: 0 5px
    }

    .el-input__inner {
        -webkit-appearance: none;
        background-color: #fff;
        background-image: none;
        border: 1px solid #d5d5d5;
        border-radius: 4px;
        box-sizing: border-box;
        color: #2f3032;
        display: inline-block;
        font-size: inherit;
        height: 40px;
        line-height: 40px;
        outline: none;
        padding: 0 15px;
        transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
        width: 100%
    }

    .el-input__inner::-ms-reveal {
        display: none
    }

    .el-input__inner::-moz-placeholder {
        color: #c0c4cc
    }

    .el-input__inner::placeholder {
        color: #c0c4cc
    }

    .el-input__inner:hover {
        border-color: #c0c4cc
    }

    .el-input__inner:focus {
        border-color: #7150e6;
        outline: none
    }

    .el-input__suffix {
        color: #c0c4cc;
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 5px;
        text-align: center;
        top: 0;
        transition: all .3s
    }

    .el-input__suffix-inner {
        pointer-events: all
    }

    .el-input__prefix {
        color: #c0c4cc;
        left: 5px;
        position: absolute;
        top: 0
    }

    .el-input__icon,
    .el-input__prefix {
        height: 100%;
        text-align: center;
        transition: all .3s
    }

    .el-input__icon {
        line-height: 40px;
        width: 25px
    }

    .el-input__icon:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

    .el-input__validateIcon {
        pointer-events: none
    }

    .el-input.is-active .el-input__inner {
        border-color: #7150e6;
        outline: none
    }

    .el-input.is-disabled .el-input__inner {
        background-color: #f5f7fa;
        border-color: #e4e7ed;
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-input.is-disabled .el-input__inner::-moz-placeholder {
        color: #c0c4cc
    }

    .el-input.is-disabled .el-input__inner::placeholder {
        color: #c0c4cc
    }

    .el-input.is-disabled .el-input__icon {
        cursor: not-allowed
    }

    .el-input.is-exceed .el-input__inner {
        border-color: #f56c6c
    }

    .el-input.is-exceed .el-input__suffix .el-input__count {
        color: #f56c6c
    }

    .el-input--suffix .el-input__inner {
        padding-right: 30px
    }

    .el-input--prefix .el-input__inner {
        padding-left: 30px
    }

    .el-input--medium {
        font-size: 14px
    }

    .el-input--medium .el-input__inner {
        height: 36px;
        line-height: 36px
    }

    .el-input--medium .el-input__icon {
        line-height: 36px
    }

    .el-input--small {
        font-size: 13px
    }

    .el-input--small .el-input__inner {
        height: 32px;
        line-height: 32px
    }

    .el-input--small .el-input__icon {
        line-height: 32px
    }

    .el-input--mini {
        font-size: 12px
    }

    .el-input--mini .el-input__inner {
        height: 28px;
        line-height: 28px
    }

    .el-input--mini .el-input__icon {
        line-height: 28px
    }

    .el-input-group {
        border-collapse: separate;
        border-spacing: 0;
        display: inline-table;
        line-height: normal;
        width: 100%
    }

    .el-input-group>.el-input__inner {
        display: table-cell;
        vertical-align: middle
    }

    .el-input-group__append,
    .el-input-group__prepend {
        background-color: #f5f7fa;
        border: 1px solid #d5d5d5;
        border-radius: 4px;
        color: #909399;
        display: table-cell;
        padding: 0 20px;
        position: relative;
        vertical-align: middle;
        white-space: nowrap;
        width: 1px
    }

    .el-input-group__append:focus,
    .el-input-group__prepend:focus {
        outline: none
    }

    .el-input-group__append .el-button,
    .el-input-group__append .el-select,
    .el-input-group__prepend .el-button,
    .el-input-group__prepend .el-select {
        display: inline-block;
        margin: -10px -20px
    }

    .el-input-group__append button.el-button,
    .el-input-group__append div.el-select .el-input__inner,
    .el-input-group__append div.el-select:hover .el-input__inner,
    .el-input-group__prepend button.el-button,
    .el-input-group__prepend div.el-select .el-input__inner,
    .el-input-group__prepend div.el-select:hover .el-input__inner {
        background-color: transparent;
        border-color: transparent;
        border-bottom: 0;
        border-top: 0;
        color: inherit
    }

    .el-input-group__append .el-button,
    .el-input-group__append .el-input,
    .el-input-group__prepend .el-button,
    .el-input-group__prepend .el-input {
        font-size: inherit
    }

    .el-input-group__prepend {
        border-bottom-right-radius: 0;
        border-right: 0;
        border-top-right-radius: 0
    }

    .el-input-group__append {
        border-left: 0
    }

    .el-input-group--prepend .el-input__inner,
    .el-input-group__append {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
        border-color: transparent
    }

    .el-input-group--append .el-input__inner {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .el-input-group--append .el-select .el-input.is-focus .el-input__inner {
        border-color: transparent
    }

    .el-input__inner::-ms-clear {
        display: none;
        height: 0;
        width: 0
    }

    .el-transfer {
        font-size: 14px
    }

    .el-transfer__buttons {
        display: inline-block;
        padding: 0 30px;
        vertical-align: middle
    }

    .el-transfer__button {
        background-color: #7150e6;
        border-radius: 50%;
        color: #fff;
        display: block;
        font-size: 0;
        margin: 0 auto;
        padding: 10px
    }

    .el-transfer__button.is-with-texts {
        border-radius: 4px
    }

    .el-transfer__button.is-disabled,
    .el-transfer__button.is-disabled:hover {
        background-color: #f5f7fa;
        border: 1px solid #d5d5d5;
        color: #c0c4cc
    }

    .el-transfer__button:first-child {
        margin-bottom: 10px
    }

    .el-transfer__button:nth-child(2) {
        margin: 0
    }

    .el-transfer__button i,
    .el-transfer__button span {
        font-size: 14px
    }

    .el-transfer__button [class*=el-icon-]+span {
        margin-left: 0
    }

    .el-transfer-panel {
        background: #fff;
        border: 1px solid #ebeef5;
        border-radius: 4px;
        box-sizing: border-box;
        display: inline-block;
        max-height: 100%;
        overflow: hidden;
        position: relative;
        vertical-align: middle;
        width: 200px
    }

    .el-transfer-panel__body {
        height: 246px
    }

    .el-transfer-panel__body.is-with-footer {
        padding-bottom: 40px
    }

    .el-transfer-panel__list {
        box-sizing: border-box;
        height: 246px;
        list-style: none;
        margin: 0;
        overflow: auto;
        padding: 6px 0
    }

    .el-transfer-panel__list.is-filterable {
        height: 194px;
        padding-top: 0
    }

    .el-transfer-panel__item {
        display: block !important;
        height: 30px;
        line-height: 30px;
        padding-left: 15px
    }

    .el-transfer-panel__item+.el-transfer-panel__item {
        margin-left: 0
    }

    .el-transfer-panel__item.el-checkbox {
        color: #2f3032
    }

    .el-transfer-panel__item:hover {
        color: #7150e6
    }

    .el-transfer-panel__item.el-checkbox .el-checkbox__label {
        box-sizing: border-box;
        display: block;
        line-height: 30px;
        overflow: hidden;
        padding-left: 24px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }

    .el-transfer-panel__item .el-checkbox__input {
        position: absolute;
        top: 8px
    }

    .el-transfer-panel__filter {
        box-sizing: border-box;
        display: block;
        margin: 15px;
        text-align: center;
        width: auto
    }

    .el-transfer-panel__filter .el-input__inner {
        border-radius: 16px;
        box-sizing: border-box;
        display: inline-block;
        font-size: 12px;
        height: 32px;
        padding-left: 30px;
        padding-right: 10px;
        width: 100%
    }

    .el-transfer-panel__filter .el-input__icon {
        margin-left: 5px
    }

    .el-transfer-panel__filter .el-icon-circle-close {
        cursor: pointer
    }

    .el-transfer-panel .el-transfer-panel__header {
        background: #f5f7fa;
        border-bottom: 1px solid #ebeef5;
        box-sizing: border-box;
        color: #000;
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding-left: 15px
    }

    .el-transfer-panel .el-transfer-panel__header .el-checkbox {
        display: block;
        line-height: 40px
    }

    .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
        color: #313131;
        font-size: 16px;
        font-weight: 400
    }

    .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
        color: #909399;
        font-size: 12px;
        font-weight: 400;
        position: absolute;
        right: 15px
    }

    .el-transfer-panel .el-transfer-panel__footer {
        background: #fff;
        border-top: 1px solid #ebeef5;
        bottom: 0;
        height: 40px;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .el-transfer-panel .el-transfer-panel__footer:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .el-transfer-panel .el-transfer-panel__footer .el-checkbox {
        color: #2f3032;
        padding-left: 20px
    }

    .el-transfer-panel .el-transfer-panel__empty {
        color: #909399;
        height: 30px;
        line-height: 30px;
        margin: 0;
        padding: 6px 15px 0;
        text-align: center
    }

    .el-transfer-panel .el-checkbox__label {
        padding-left: 8px
    }

    .el-transfer-panel .el-checkbox__inner {
        border-radius: 3px;
        height: 14px;
        width: 14px
    }

    .el-transfer-panel .el-checkbox__inner:after {
        height: 6px;
        left: 4px;
        width: 3px
    }

    .el-container {
        box-sizing: border-box;
        display: flex;
        flex: 1;
        flex-basis: auto;
        flex-direction: row;
        min-width: 0
    }

    .el-container.is-vertical {
        flex-direction: column
    }

    .el-header {
        padding: 0 20px
    }

    .el-aside,
    .el-header {
        box-sizing: border-box;
        flex-shrink: 0
    }

    .el-aside,
    .el-main {
        overflow: auto
    }

    .el-main {
        display: block;
        flex: 1;
        flex-basis: auto;
        padding: 20px
    }

    .el-footer,
    .el-main {
        box-sizing: border-box
    }

    .el-footer {
        flex-shrink: 0;
        padding: 0 20px
    }

    .el-timeline {
        font-size: 14px;
        list-style: none;
        margin: 0
    }

    .el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
        display: none
    }

    .el-timeline-item {
        padding-bottom: 20px;
        position: relative
    }

    .el-timeline-item__wrapper {
        padding-left: 28px;
        position: relative;
        top: -3px
    }

    .el-timeline-item__tail {
        border-left: 2px solid #e4e7ed;
        height: 100%;
        left: 4px;
        position: absolute
    }

    .el-timeline-item__icon {
        color: #fff;
        font-size: 13px
    }

    .el-timeline-item__node {
        align-items: center;
        background-color: #e4e7ed;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        position: absolute
    }

    .el-timeline-item__node--normal {
        height: 12px;
        left: -1px;
        width: 12px
    }

    .el-timeline-item__node--large {
        height: 14px;
        left: -2px;
        width: 14px
    }

    .el-timeline-item__node--primary {
        background-color: #7150e6
    }

    .el-timeline-item__node--success {
        background-color: #67c23a
    }

    .el-timeline-item__node--warning {
        background-color: #e6a23c
    }

    .el-timeline-item__node--danger {
        background-color: #f56c6c
    }

    .el-timeline-item__node--info {
        background-color: #909399
    }

    .el-timeline-item__dot {
        align-items: center;
        display: flex;
        justify-content: center;
        position: absolute
    }

    .el-timeline-item__content {
        color: #313131
    }

    .el-timeline-item__timestamp {
        color: #909399;
        font-size: 13px;
        line-height: 1
    }

    .el-timeline-item__timestamp.is-top {
        margin-bottom: 8px;
        padding-top: 4px
    }

    .el-timeline-item__timestamp.is-bottom {
        margin-top: 8px
    }

    .el-link {
        align-items: center;
        cursor: pointer;
        display: inline-flex;
        flex-direction: row;
        font-size: 14px;
        font-weight: 500;
        justify-content: center;
        outline: none;
        padding: 0;
        position: relative;
        -webkit-text-decoration: none;
        text-decoration: none;
        vertical-align: middle
    }

    .el-link.is-underline:hover:after {
        border-bottom: 1px solid #7150e6;
        bottom: 0;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        right: 0
    }

    .el-link.is-disabled {
        cursor: not-allowed
    }

    .el-link [class*=el-icon-]+span {
        margin-left: 5px
    }

    .el-link.el-link--default {
        color: #2f3032
    }

    .el-link.el-link--default:hover {
        color: #7150e6
    }

    .el-link.el-link--default:after {
        border-color: #7150e6
    }

    .el-link.el-link--default.is-disabled {
        color: #c0c4cc
    }

    .el-link.el-link--primary {
        color: #7150e6
    }

    .el-link.el-link--primary:hover {
        color: #8d73eb
    }

    .el-link.el-link--primary:after {
        border-color: #7150e6
    }

    .el-link.el-link--primary.is-disabled {
        color: #b8a8f3
    }

    .el-link.el-link--primary.is-underline:hover:after {
        border-color: #7150e6
    }

    .el-link.el-link--danger {
        color: #f56c6c
    }

    .el-link.el-link--danger:hover {
        color: #f78989
    }

    .el-link.el-link--danger:after {
        border-color: #f56c6c
    }

    .el-link.el-link--danger.is-disabled {
        color: #fab6b6
    }

    .el-link.el-link--danger.is-underline:hover:after {
        border-color: #f56c6c
    }

    .el-link.el-link--success {
        color: #67c23a
    }

    .el-link.el-link--success:hover {
        color: #85ce61
    }

    .el-link.el-link--success:after {
        border-color: #67c23a
    }

    .el-link.el-link--success.is-disabled {
        color: #b3e19d
    }

    .el-link.el-link--success.is-underline:hover:after {
        border-color: #67c23a
    }

    .el-link.el-link--warning {
        color: #e6a23c
    }

    .el-link.el-link--warning:hover {
        color: #ebb563
    }

    .el-link.el-link--warning:after {
        border-color: #e6a23c
    }

    .el-link.el-link--warning.is-disabled {
        color: #f3d19e
    }

    .el-link.el-link--warning.is-underline:hover:after {
        border-color: #e6a23c
    }

    .el-link.el-link--info {
        color: #909399
    }

    .el-link.el-link--info:hover {
        color: #a6a9ad
    }

    .el-link.el-link--info:after {
        border-color: #909399
    }

    .el-link.el-link--info.is-disabled {
        color: #c8c9cc
    }

    .el-link.el-link--info.is-underline:hover:after {
        border-color: #909399
    }

    .el-divider {
        background-color: #d5d5d5;
        position: relative
    }

    .el-divider--horizontal {
        display: block;
        height: 1px;
        margin: 24px 0;
        width: 100%
    }

    .el-divider--vertical {
        display: inline-block;
        height: 1em;
        margin: 0 8px;
        position: relative;
        vertical-align: middle;
        width: 1px
    }

    .el-divider__text {
        background-color: #fff;
        color: #313131;
        font-size: 14px;
        font-weight: 500;
        padding: 0 20px;
        position: absolute
    }

    .el-divider__text.is-left {
        left: 20px;
        transform: translateY(-50%)
    }

    .el-divider__text.is-center {
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

    .el-divider__text.is-right {
        right: 20px;
        transform: translateY(-50%)
    }

    .el-image__error,
    .el-image__inner,
    .el-image__placeholder {
        height: 100%;
        width: 100%
    }

    .el-image {
        display: inline-block;
        overflow: hidden;
        position: relative
    }

    .el-image__inner {
        vertical-align: top
    }

    .el-image__inner--center {
        display: block;
        left: 50%;
        position: relative;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .el-image__error,
    .el-image__placeholder {
        background: #f5f7fa
    }

    .el-image__error {
        align-items: center;
        color: #c0c4cc;
        display: flex;
        font-size: 14px;
        justify-content: center;
        vertical-align: middle
    }

    .el-image__preview {
        cursor: pointer
    }

    .el-image-viewer__wrapper {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0
    }

    .el-image-viewer__btn {
        align-items: center;
        border-radius: 50%;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        justify-content: center;
        opacity: .8;
        position: absolute;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 1
    }

    .el-image-viewer__close {
        background-color: #606266;
        color: #fff;
        font-size: 24px;
        height: 40px;
        right: 40px;
        top: 40px;
        width: 40px
    }

    .el-image-viewer__canvas {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        width: 100%
    }

    .el-image-viewer__actions {
        background-color: #606266;
        border-color: #fff;
        border-radius: 22px;
        bottom: 30px;
        height: 44px;
        left: 50%;
        padding: 0 23px;
        transform: translateX(-50%);
        width: 282px
    }

    .el-image-viewer__actions__inner {
        align-items: center;
        color: #fff;
        cursor: default;
        display: flex;
        font-size: 23px;
        height: 100%;
        justify-content: space-around;
        text-align: justify;
        width: 100%
    }

    .el-image-viewer__prev {
        left: 40px
    }

    .el-image-viewer__next,
    .el-image-viewer__prev {
        background-color: #606266;
        border-color: #fff;
        color: #fff;
        font-size: 24px;
        height: 44px;
        top: 50%;
        transform: translateY(-50%);
        width: 44px
    }

    .el-image-viewer__next {
        right: 40px;
        text-indent: 2px
    }

    .el-image-viewer__mask {
        background: #000;
        height: 100%;
        left: 0;
        opacity: .5;
        position: absolute;
        top: 0;
        width: 100%
    }

    .viewer-fade-enter-active {
        animation: viewer-fade-in .3s
    }

    .viewer-fade-leave-active {
        animation: viewer-fade-out .3s
    }

    @keyframes viewer-fade-in {
        0% {
            opacity: 0;
            transform: translate3d(0, -20px, 0)
        }

        to {
            opacity: 1;
            transform: translateZ(0)
        }
    }

    @keyframes viewer-fade-out {
        0% {
            opacity: 1;
            transform: translateZ(0)
        }

        to {
            opacity: 0;
            transform: translate3d(0, -20px, 0)
        }
    }

    .el-button {
        -webkit-appearance: none;
        background: #fff;
        border: 1px solid #d5d5d5;
        border-radius: 4px;
        box-sizing: border-box;
        color: #2f3032;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        margin: 0;
        outline: none;
        padding: 12px 20px;
        text-align: center;
        transition: .1s;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        white-space: nowrap
    }

    .el-button+.el-button {
        margin-left: 10px
    }

    .el-button.is-round {
        padding: 12px 20px
    }

    .el-button:focus,
    .el-button:hover {
        background-color: #f1eefd;
        border-color: #d4cbf8;
        color: #7150e6
    }

    .el-button:active {
        border-color: #6648cf;
        color: #6648cf;
        outline: none
    }

    .el-button::-moz-focus-inner {
        border: 0
    }

    .el-button [class*=el-icon-]+span {
        margin-left: 5px
    }

    .el-button.is-plain:focus,
    .el-button.is-plain:hover {
        background: #fff;
        border-color: #7150e6;
        color: #7150e6
    }

    .el-button.is-plain:active {
        background: #fff;
        outline: none
    }

    .el-button.is-active,
    .el-button.is-plain:active {
        border-color: #6648cf;
        color: #6648cf
    }

    .el-button.is-disabled,
    .el-button.is-disabled:focus,
    .el-button.is-disabled:hover {
        background-color: #fff;
        background-image: none;
        border-color: #ebeef5;
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-button.is-disabled.el-button--text {
        background-color: transparent
    }

    .el-button.is-disabled.is-plain,
    .el-button.is-disabled.is-plain:focus,
    .el-button.is-disabled.is-plain:hover {
        background-color: #fff;
        border-color: #ebeef5;
        color: #c0c4cc
    }

    .el-button.is-loading {
        pointer-events: none;
        position: relative
    }

    .el-button.is-loading:before {
        background-color: hsla(0, 0%, 100%, .35);
        border-radius: inherit;
        bottom: -1px;
        content: "";
        left: -1px;
        pointer-events: none;
        position: absolute;
        right: -1px;
        top: -1px
    }

    .el-button.is-round {
        border-radius: 20px;
        padding: 12px 23px
    }

    .el-button.is-circle {
        border-radius: 50%;
        padding: 12px
    }

    .el-button--primary {
        background-color: #7150e6;
        border-color: #7150e6;
        color: #fff
    }

    .el-button--primary:focus,
    .el-button--primary:hover {
        background: #8d73eb;
        border-color: #8d73eb;
        color: #fff
    }

    .el-button--primary:active {
        outline: none
    }

    .el-button--primary.is-active,
    .el-button--primary:active {
        background: #6648cf;
        border-color: #6648cf;
        color: #fff
    }

    .el-button--primary.is-disabled,
    .el-button--primary.is-disabled:active,
    .el-button--primary.is-disabled:focus,
    .el-button--primary.is-disabled:hover {
        background-color: #b8a8f3;
        border-color: #b8a8f3;
        color: #fff
    }

    .el-button--primary.is-plain {
        background: #f1eefd;
        border-color: #c6b9f5;
        color: #7150e6
    }

    .el-button--primary.is-plain:focus,
    .el-button--primary.is-plain:hover {
        background: #7150e6;
        border-color: #7150e6;
        color: #fff
    }

    .el-button--primary.is-plain:active {
        background: #6648cf;
        border-color: #6648cf;
        color: #fff;
        outline: none
    }

    .el-button--primary.is-plain.is-disabled,
    .el-button--primary.is-plain.is-disabled:active,
    .el-button--primary.is-plain.is-disabled:focus,
    .el-button--primary.is-plain.is-disabled:hover {
        background-color: #f1eefd;
        border-color: #e3dcfa;
        color: #aa96f0
    }

    .el-button--success {
        background-color: #67c23a;
        border-color: #67c23a;
        color: #fff
    }

    .el-button--success:focus,
    .el-button--success:hover {
        background: #85ce61;
        border-color: #85ce61;
        color: #fff
    }

    .el-button--success:active {
        outline: none
    }

    .el-button--success.is-active,
    .el-button--success:active {
        background: #5daf34;
        border-color: #5daf34;
        color: #fff
    }

    .el-button--success.is-disabled,
    .el-button--success.is-disabled:active,
    .el-button--success.is-disabled:focus,
    .el-button--success.is-disabled:hover {
        background-color: #b3e19d;
        border-color: #b3e19d;
        color: #fff
    }

    .el-button--success.is-plain {
        background: #f0f9eb;
        border-color: #c2e7b0;
        color: #67c23a
    }

    .el-button--success.is-plain:focus,
    .el-button--success.is-plain:hover {
        background: #67c23a;
        border-color: #67c23a;
        color: #fff
    }

    .el-button--success.is-plain:active {
        background: #5daf34;
        border-color: #5daf34;
        color: #fff;
        outline: none
    }

    .el-button--success.is-plain.is-disabled,
    .el-button--success.is-plain.is-disabled:active,
    .el-button--success.is-plain.is-disabled:focus,
    .el-button--success.is-plain.is-disabled:hover {
        background-color: #f0f9eb;
        border-color: #e1f3d8;
        color: #a4da89
    }

    .el-button--warning {
        background-color: #e6a23c;
        border-color: #e6a23c;
        color: #fff
    }

    .el-button--warning:focus,
    .el-button--warning:hover {
        background: #ebb563;
        border-color: #ebb563;
        color: #fff
    }

    .el-button--warning:active {
        outline: none
    }

    .el-button--warning.is-active,
    .el-button--warning:active {
        background: #cf9236;
        border-color: #cf9236;
        color: #fff
    }

    .el-button--warning.is-disabled,
    .el-button--warning.is-disabled:active,
    .el-button--warning.is-disabled:focus,
    .el-button--warning.is-disabled:hover {
        background-color: #f3d19e;
        border-color: #f3d19e;
        color: #fff
    }

    .el-button--warning.is-plain {
        background: #fdf6ec;
        border-color: #f5dab1;
        color: #e6a23c
    }

    .el-button--warning.is-plain:focus,
    .el-button--warning.is-plain:hover {
        background: #e6a23c;
        border-color: #e6a23c;
        color: #fff
    }

    .el-button--warning.is-plain:active {
        background: #cf9236;
        border-color: #cf9236;
        color: #fff;
        outline: none
    }

    .el-button--warning.is-plain.is-disabled,
    .el-button--warning.is-plain.is-disabled:active,
    .el-button--warning.is-plain.is-disabled:focus,
    .el-button--warning.is-plain.is-disabled:hover {
        background-color: #fdf6ec;
        border-color: #faecd8;
        color: #f0c78a
    }

    .el-button--danger {
        background-color: #f56c6c;
        border-color: #f56c6c;
        color: #fff
    }

    .el-button--danger:focus,
    .el-button--danger:hover {
        background: #f78989;
        border-color: #f78989;
        color: #fff
    }

    .el-button--danger:active {
        outline: none
    }

    .el-button--danger.is-active,
    .el-button--danger:active {
        background: #dd6161;
        border-color: #dd6161;
        color: #fff
    }

    .el-button--danger.is-disabled,
    .el-button--danger.is-disabled:active,
    .el-button--danger.is-disabled:focus,
    .el-button--danger.is-disabled:hover {
        background-color: #fab6b6;
        border-color: #fab6b6;
        color: #fff
    }

    .el-button--danger.is-plain {
        background: #fef0f0;
        border-color: #fbc4c4;
        color: #f56c6c
    }

    .el-button--danger.is-plain:focus,
    .el-button--danger.is-plain:hover {
        background: #f56c6c;
        border-color: #f56c6c;
        color: #fff
    }

    .el-button--danger.is-plain:active {
        background: #dd6161;
        border-color: #dd6161;
        color: #fff;
        outline: none
    }

    .el-button--danger.is-plain.is-disabled,
    .el-button--danger.is-plain.is-disabled:active,
    .el-button--danger.is-plain.is-disabled:focus,
    .el-button--danger.is-plain.is-disabled:hover {
        background-color: #fef0f0;
        border-color: #fde2e2;
        color: #f9a7a7
    }

    .el-button--info {
        background-color: #909399;
        border-color: #909399;
        color: #fff
    }

    .el-button--info:focus,
    .el-button--info:hover {
        background: #a6a9ad;
        border-color: #a6a9ad;
        color: #fff
    }

    .el-button--info:active {
        outline: none
    }

    .el-button--info.is-active,
    .el-button--info:active {
        background: #82848a;
        border-color: #82848a;
        color: #fff
    }

    .el-button--info.is-disabled,
    .el-button--info.is-disabled:active,
    .el-button--info.is-disabled:focus,
    .el-button--info.is-disabled:hover {
        background-color: #c8c9cc;
        border-color: #c8c9cc;
        color: #fff
    }

    .el-button--info.is-plain {
        background: #f4f4f5;
        border-color: #d3d4d6;
        color: #909399
    }

    .el-button--info.is-plain:focus,
    .el-button--info.is-plain:hover {
        background: #909399;
        border-color: #909399;
        color: #fff
    }

    .el-button--info.is-plain:active {
        background: #82848a;
        border-color: #82848a;
        color: #fff;
        outline: none
    }

    .el-button--info.is-plain.is-disabled,
    .el-button--info.is-plain.is-disabled:active,
    .el-button--info.is-plain.is-disabled:focus,
    .el-button--info.is-plain.is-disabled:hover {
        background-color: #f4f4f5;
        border-color: #e9e9eb;
        color: #bcbec2
    }

    .el-button--medium {
        border-radius: 4px;
        font-size: 14px;
        padding: 10px 20px
    }

    .el-button--medium.is-round {
        padding: 10px 20px
    }

    .el-button--medium.is-circle {
        padding: 10px
    }

    .el-button--small {
        border-radius: 3px;
        font-size: 12px;
        padding: 9px 15px
    }

    .el-button--small.is-round {
        padding: 9px 15px
    }

    .el-button--small.is-circle {
        padding: 9px
    }

    .el-button--mini {
        border-radius: 3px;
        font-size: 12px;
        padding: 7px 15px
    }

    .el-button--mini.is-round {
        padding: 7px 15px
    }

    .el-button--mini.is-circle {
        padding: 7px
    }

    .el-button--text {
        background: transparent;
        border-color: transparent;
        color: #7150e6;
        padding-left: 0;
        padding-right: 0
    }

    .el-button--text:focus,
    .el-button--text:hover {
        background-color: transparent;
        border-color: transparent;
        color: #8d73eb
    }

    .el-button--text:active {
        background-color: transparent;
        color: #6648cf
    }

    .el-button--text.is-disabled,
    .el-button--text.is-disabled:focus,
    .el-button--text.is-disabled:hover,
    .el-button--text:active {
        border-color: transparent
    }

    .el-button-group {
        display: inline-block;
        vertical-align: middle
    }

    .el-button-group:after,
    .el-button-group:before {
        content: "";
        display: table
    }

    .el-button-group:after {
        clear: both
    }

    .el-button-group>.el-button {
        float: left;
        position: relative
    }

    .el-button-group>.el-button+.el-button {
        margin-left: 0
    }

    .el-button-group>.el-button.is-disabled {
        z-index: 1
    }

    .el-button-group>.el-button:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .el-button-group>.el-button:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .el-button-group>.el-button:first-child:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .el-button-group>.el-button:first-child:last-child.is-round {
        border-radius: 20px
    }

    .el-button-group>.el-button:first-child:last-child.is-circle {
        border-radius: 50%
    }

    .el-button-group>.el-button:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .el-button-group>.el-button:not(:last-child) {
        margin-right: -1px
    }

    .el-button-group>.el-button.is-active,
    .el-button-group>.el-button:not(.is-disabled):active,
    .el-button-group>.el-button:not(.is-disabled):focus,
    .el-button-group>.el-button:not(.is-disabled):hover {
        z-index: 1
    }

    .el-button-group>.el-dropdown>.el-button {
        border-bottom-left-radius: 0;
        border-left-color: hsla(0, 0%, 100%, .5);
        border-top-left-radius: 0
    }

    .el-button-group .el-button--primary:first-child {
        border-right-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--primary:last-child {
        border-left-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
        border-left-color: hsla(0, 0%, 100%, .5);
        border-right-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--success:first-child {
        border-right-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--success:last-child {
        border-left-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--success:not(:first-child):not(:last-child) {
        border-left-color: hsla(0, 0%, 100%, .5);
        border-right-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--warning:first-child {
        border-right-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--warning:last-child {
        border-left-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
        border-left-color: hsla(0, 0%, 100%, .5);
        border-right-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--danger:first-child {
        border-right-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--danger:last-child {
        border-left-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
        border-left-color: hsla(0, 0%, 100%, .5);
        border-right-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--info:first-child {
        border-right-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--info:last-child {
        border-left-color: hsla(0, 0%, 100%, .5)
    }

    .el-button-group .el-button--info:not(:first-child):not(:last-child) {
        border-left-color: hsla(0, 0%, 100%, .5);
        border-right-color: hsla(0, 0%, 100%, .5)
    }

    .el-calendar {
        background-color: #fff
    }

    .el-calendar__header {
        border-bottom: 1px solid #ebeef5;
        display: flex;
        justify-content: space-between;
        padding: 12px 20px
    }

    .el-calendar__title {
        align-self: center;
        color: #000
    }

    .el-calendar__body {
        padding: 12px 20px 35px
    }

    .el-calendar-table {
        table-layout: fixed;
        width: 100%
    }

    .el-calendar-table thead th {
        color: #2f3032;
        font-weight: 400;
        padding: 12px 0
    }

    .el-calendar-table:not(.is-range) td.next,
    .el-calendar-table:not(.is-range) td.prev {
        color: #c0c4cc
    }

    .el-calendar-table td {
        border-bottom: 1px solid #ebeef5;
        border-right: 1px solid #ebeef5;
        transition: background-color .2s ease;
        vertical-align: top
    }

    .el-calendar-table td.is-selected {
        background-color: #f2f8fe
    }

    .el-calendar-table td.is-today {
        color: #7150e6
    }

    .el-calendar-table tr:first-child td {
        border-top: 1px solid #ebeef5
    }

    .el-calendar-table tr td:first-child {
        border-left: 1px solid #ebeef5
    }

    .el-calendar-table tr.el-calendar-table__row--hide-border td {
        border-top: none
    }

    .el-calendar-table .el-calendar-day {
        box-sizing: border-box;
        height: 85px;
        padding: 8px
    }

    .el-calendar-table .el-calendar-day:hover {
        background-color: #f2f8fe;
        cursor: pointer
    }

    .el-backtop {
        align-items: center;
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0 0 6px rgba(0, 0, 0, .12);
        color: #7150e6;
        cursor: pointer;
        display: flex;
        font-size: 20px;
        height: 40px;
        justify-content: center;
        position: fixed;
        width: 40px;
        z-index: 5
    }

    .el-backtop:hover {
        background-color: #f2f6fc
    }

    .el-page-header {
        display: flex;
        line-height: 24px
    }

    .el-page-header__left {
        cursor: pointer;
        display: flex;
        margin-right: 40px;
        position: relative
    }

    .el-page-header__left:after {
        background-color: #d5d5d5;
        content: "";
        height: 16px;
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }

    .el-page-header__left .el-icon-back {
        align-self: center;
        font-size: 18px;
        margin-right: 6px
    }

    .el-page-header__title {
        font-size: 14px;
        font-weight: 500
    }

    .el-page-header__content {
        color: #313131;
        font-size: 18px
    }

    .el-checkbox {
        color: #2f3032;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        margin-right: 30px;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        white-space: nowrap
    }

    .el-checkbox.is-bordered {
        border: 1px solid #d5d5d5;
        border-radius: 4px;
        box-sizing: border-box;
        height: 40px;
        line-height: normal;
        padding: 9px 20px 9px 10px
    }

    .el-checkbox.is-bordered.is-checked {
        border-color: #7150e6
    }

    .el-checkbox.is-bordered.is-disabled {
        border-color: #ebeef5;
        cursor: not-allowed
    }

    .el-checkbox.is-bordered+.el-checkbox.is-bordered {
        margin-left: 10px
    }

    .el-checkbox.is-bordered.el-checkbox--medium {
        border-radius: 4px;
        height: 36px;
        padding: 7px 20px 7px 10px
    }

    .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
        font-size: 14px;
        line-height: 17px
    }

    .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
        height: 14px;
        width: 14px
    }

    .el-checkbox.is-bordered.el-checkbox--small {
        border-radius: 3px;
        height: 32px;
        padding: 5px 15px 5px 10px
    }

    .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
        font-size: 12px;
        line-height: 15px
    }

    .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
        height: 12px;
        width: 12px
    }

    .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
        height: 6px;
        width: 2px
    }

    .el-checkbox.is-bordered.el-checkbox--mini {
        border-radius: 3px;
        height: 28px;
        padding: 3px 15px 3px 10px
    }

    .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
        font-size: 12px;
        line-height: 12px
    }

    .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
        height: 12px;
        width: 12px
    }

    .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
        height: 6px;
        width: 2px
    }

    .el-checkbox__input {
        cursor: pointer;
        display: inline-block;
        line-height: 1;
        outline: none;
        position: relative;
        vertical-align: middle;
        white-space: nowrap
    }

    .el-checkbox__input.is-disabled .el-checkbox__inner {
        background-color: #edf2fc;
        border-color: #d5d5d5;
        cursor: not-allowed
    }

    .el-checkbox__input.is-disabled .el-checkbox__inner:after {
        border-color: #c0c4cc;
        cursor: not-allowed
    }

    .el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
        cursor: not-allowed
    }

    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
        background-color: #f2f6fc;
        border-color: #d5d5d5
    }

    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
        border-color: #c0c4cc
    }

    .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
        background-color: #f2f6fc;
        border-color: #d5d5d5
    }

    .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
        background-color: #c0c4cc;
        border-color: #c0c4cc
    }

    .el-checkbox__input.is-disabled+span.el-checkbox__label {
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-checkbox__input.is-checked .el-checkbox__inner {
        background-color: #7150e6;
        border-color: #7150e6
    }

    .el-checkbox__input.is-checked .el-checkbox__inner:after {
        transform: rotate(45deg) scaleY(1)
    }

    .el-checkbox__input.is-checked+.el-checkbox__label {
        color: #7150e6
    }

    .el-checkbox__input.is-focus .el-checkbox__inner {
        border-color: #7150e6
    }

    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
        background-color: #7150e6;
        border-color: #7150e6
    }

    .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
        background-color: #fff;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        top: 5px;
        transform: scale(.5)
    }

    .el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
        display: none
    }

    .el-checkbox__inner {
        background-color: #fff;
        border: 1px solid #d5d5d5;
        border-radius: 2px;
        box-sizing: border-box;
        display: inline-block;
        height: 14px;
        position: relative;
        transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
        width: 14px;
        z-index: 1
    }

    .el-checkbox__inner:hover {
        border-color: #7150e6
    }

    .el-checkbox__inner:after {
        border: 1px solid #fff;
        border-left: 0;
        border-top: 0;
        box-sizing: content-box;
        content: "";
        height: 7px;
        left: 4px;
        position: absolute;
        top: 1px;
        transform: rotate(45deg) scaleY(0);
        transform-origin: center;
        transition: transform .15s ease-in .05s;
        width: 3px
    }

    .el-checkbox__original {
        height: 0;
        margin: 0;
        opacity: 0;
        outline: none;
        position: absolute;
        width: 0;
        z-index: -1
    }

    .el-checkbox__label {
        display: inline-block;
        font-size: 14px;
        line-height: 19px;
        padding-left: 10px
    }

    .el-checkbox:last-of-type {
        margin-right: 0
    }

    .el-checkbox-button,
    .el-checkbox-button__inner {
        display: inline-block;
        position: relative
    }

    .el-checkbox-button__inner {
        -webkit-appearance: none;
        background: #fff;
        border: 1px solid #d5d5d5;
        border-left: 0;
        border-radius: 0;
        box-sizing: border-box;
        color: #2f3032;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        margin: 0;
        outline: none;
        padding: 12px 20px;
        text-align: center;
        transition: all .3s cubic-bezier(.645, .045, .355, 1);
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        vertical-align: middle;
        white-space: nowrap
    }

    .el-checkbox-button__inner.is-round {
        padding: 12px 20px
    }

    .el-checkbox-button__inner:hover {
        color: #7150e6
    }

    .el-checkbox-button__inner [class*=el-icon-] {
        line-height: .9
    }

    .el-checkbox-button__inner [class*=el-icon-]+span {
        margin-left: 5px
    }

    .el-checkbox-button__original {
        margin: 0;
        opacity: 0;
        outline: none;
        position: absolute;
        z-index: -1
    }

    .el-checkbox-button.is-checked .el-checkbox-button__inner {
        background-color: #7150e6;
        border-color: #7150e6;
        box-shadow: -1px 0 0 0 #aa96f0;
        color: #fff
    }

    .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
        border-left-color: #7150e6
    }

    .el-checkbox-button.is-disabled .el-checkbox-button__inner {
        background-color: #fff;
        background-image: none;
        border-color: #ebeef5;
        box-shadow: none;
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
        border-left-color: #ebeef5
    }

    .el-checkbox-button:first-child .el-checkbox-button__inner {
        border-left: 1px solid #d5d5d5;
        border-radius: 4px 0 0 4px;
        box-shadow: none !important
    }

    .el-checkbox-button.is-focus .el-checkbox-button__inner {
        border-color: #7150e6
    }

    .el-checkbox-button:last-child .el-checkbox-button__inner {
        border-radius: 0 4px 4px 0
    }

    .el-checkbox-button--medium .el-checkbox-button__inner {
        border-radius: 0;
        font-size: 14px;
        padding: 10px 20px
    }

    .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
        padding: 10px 20px
    }

    .el-checkbox-button--small .el-checkbox-button__inner {
        border-radius: 0;
        font-size: 12px;
        padding: 9px 15px
    }

    .el-checkbox-button--small .el-checkbox-button__inner.is-round {
        padding: 9px 15px
    }

    .el-checkbox-button--mini .el-checkbox-button__inner {
        border-radius: 0;
        font-size: 12px;
        padding: 7px 15px
    }

    .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
        padding: 7px 15px
    }

    .el-checkbox-group {
        font-size: 0
    }

    .el-radio {
        color: #2f3032;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        margin-right: 30px;
        outline: none;
        position: relative;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        white-space: nowrap
    }

    .el-radio.is-bordered {
        border: 1px solid #d5d5d5;
        border-radius: 4px;
        box-sizing: border-box;
        height: 40px;
        padding: 12px 20px 0 10px
    }

    .el-radio.is-bordered.is-checked {
        border-color: #7150e6
    }

    .el-radio.is-bordered.is-disabled {
        border-color: #ebeef5;
        cursor: not-allowed
    }

    .el-radio.is-bordered+.el-radio.is-bordered {
        margin-left: 10px
    }

    .el-radio--medium.is-bordered {
        border-radius: 4px;
        height: 36px;
        padding: 10px 20px 0 10px
    }

    .el-radio--medium.is-bordered .el-radio__label {
        font-size: 14px
    }

    .el-radio--medium.is-bordered .el-radio__inner {
        height: 14px;
        width: 14px
    }

    .el-radio--small.is-bordered {
        border-radius: 3px;
        height: 32px;
        padding: 8px 15px 0 10px
    }

    .el-radio--small.is-bordered .el-radio__label {
        font-size: 12px
    }

    .el-radio--small.is-bordered .el-radio__inner {
        height: 12px;
        width: 12px
    }

    .el-radio--mini.is-bordered {
        border-radius: 3px;
        height: 28px;
        padding: 6px 15px 0 10px
    }

    .el-radio--mini.is-bordered .el-radio__label {
        font-size: 12px
    }

    .el-radio--mini.is-bordered .el-radio__inner {
        height: 12px;
        width: 12px
    }

    .el-radio:last-child {
        margin-right: 0
    }

    .el-radio__input {
        cursor: pointer;
        display: inline-block;
        line-height: 1;
        outline: none;
        position: relative;
        vertical-align: middle;
        white-space: nowrap
    }

    .el-radio__input.is-disabled .el-radio__inner {
        background-color: #f5f7fa;
        border-color: #e4e7ed;
        cursor: not-allowed
    }

    .el-radio__input.is-disabled .el-radio__inner:after {
        background-color: #f5f7fa;
        cursor: not-allowed
    }

    .el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
        cursor: not-allowed
    }

    .el-radio__input.is-disabled.is-checked .el-radio__inner {
        background-color: #f5f7fa;
        border-color: #e4e7ed
    }

    .el-radio__input.is-disabled.is-checked .el-radio__inner:after {
        background-color: #c0c4cc
    }

    .el-radio__input.is-disabled+span.el-radio__label {
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-radio__input.is-checked .el-radio__inner {
        background: #7150e6;
        border-color: #7150e6
    }

    .el-radio__input.is-checked .el-radio__inner:after {
        transform: translate(-50%, -50%) scale(1)
    }

    .el-radio__input.is-checked+.el-radio__label {
        color: #7150e6
    }

    .el-radio__input.is-focus .el-radio__inner {
        border-color: #7150e6
    }

    .el-radio__inner {
        background-color: #fff;
        border: 1px solid #d5d5d5;
        border-radius: 100%;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        height: 14px;
        position: relative;
        width: 14px
    }

    .el-radio__inner:hover {
        border-color: #7150e6
    }

    .el-radio__inner:after {
        background-color: #fff;
        border-radius: 100%;
        content: "";
        height: 4px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%) scale(0);
        transition: transform .15s ease-in;
        width: 4px
    }

    .el-radio__original {
        bottom: 0;
        left: 0;
        margin: 0;
        opacity: 0;
        outline: none;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
        box-shadow: 0 0 2px 2px #7150e6
    }

    .el-radio__label {
        font-size: 14px;
        padding-left: 10px
    }

    .el-scrollbar {
        overflow: hidden;
        position: relative
    }

    .el-scrollbar:active>.el-scrollbar__bar,
    .el-scrollbar:focus>.el-scrollbar__bar,
    .el-scrollbar:hover>.el-scrollbar__bar {
        opacity: 1;
        transition: opacity .34s ease-out
    }

    .el-scrollbar__wrap {
        height: 100%;
        overflow: scroll
    }

    .el-scrollbar__wrap--hidden-default {
        scrollbar-width: none
    }

    .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .el-scrollbar__thumb {
        background-color: hsla(220, 4%, 58%, .3);
        border-radius: inherit;
        cursor: pointer;
        display: block;
        height: 0;
        position: relative;
        transition: background-color .3s;
        width: 0
    }

    .el-scrollbar__thumb:hover {
        background-color: hsla(220, 4%, 58%, .5)
    }

    .el-scrollbar__bar {
        border-radius: 4px;
        bottom: 2px;
        opacity: 0;
        position: absolute;
        right: 2px;
        transition: opacity .12s ease-out;
        z-index: 1
    }

    .el-scrollbar__bar.is-vertical {
        top: 2px;
        width: 6px
    }

    .el-scrollbar__bar.is-vertical>div {
        width: 100%
    }

    .el-scrollbar__bar.is-horizontal {
        height: 6px;
        left: 2px
    }

    .el-scrollbar__bar.is-horizontal>div {
        height: 100%
    }

    .el-cascader-panel {
        border-radius: 4px;
        display: flex;
        font-size: 14px
    }

    .el-cascader-panel.is-bordered {
        border: 1px solid #e4e7ed;
        border-radius: 4px
    }

    .el-cascader-menu {
        border-right: 1px solid #e4e7ed;
        box-sizing: border-box;
        color: #2f3032;
        min-width: 180px
    }

    .el-cascader-menu:last-child {
        border-right: none
    }

    .el-cascader-menu:last-child .el-cascader-node {
        padding-right: 20px
    }

    .el-cascader-menu__wrap {
        height: 204px
    }

    .el-cascader-menu__list {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        min-height: 100%;
        padding: 6px 0;
        position: relative
    }

    .el-cascader-menu__hover-zone {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%
    }

    .el-cascader-menu__empty-text {
        color: #c0c4cc;
        left: 50%;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .el-cascader-node {
        align-items: center;
        display: flex;
        height: 34px;
        line-height: 34px;
        outline: none;
        padding: 0 30px 0 20px;
        position: relative
    }

    .el-cascader-node.is-selectable.in-active-path {
        color: #2f3032
    }

    .el-cascader-node.in-active-path,
    .el-cascader-node.is-active,
    .el-cascader-node.is-selectable.in-checked-path {
        color: #7150e6;
        font-weight: 700
    }

    .el-cascader-node:not(.is-disabled) {
        cursor: pointer
    }

    .el-cascader-node:not(.is-disabled):focus,
    .el-cascader-node:not(.is-disabled):hover {
        background: #f5f7fa
    }

    .el-cascader-node.is-disabled {
        color: #c0c4cc;
        cursor: not-allowed
    }

    .el-cascader-node__prefix {
        left: 10px;
        position: absolute
    }

    .el-cascader-node__postfix {
        position: absolute;
        right: 10px
    }

    .el-cascader-node__label {
        flex: 1;
        overflow: hidden;
        padding: 0 10px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .el-cascader-node>.el-radio {
        margin-right: 0
    }

    .el-cascader-node>.el-radio .el-radio__label {
        padding-left: 0
    }

    .el-avatar {
        background: #c0c4cc;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        text-align: center;
        width: 40px
    }

    .el-avatar>img {
        display: block;
        height: 100%;
        vertical-align: middle
    }

    .el-avatar--circle {
        border-radius: 50%
    }

    .el-avatar--square {
        border-radius: 4px
    }

    .el-avatar--icon {
        font-size: 18px
    }

    .el-avatar--large {
        height: 40px;
        line-height: 40px;
        width: 40px
    }

    .el-avatar--medium {
        height: 36px;
        line-height: 36px;
        width: 36px
    }

    .el-avatar--small {
        height: 28px;
        line-height: 28px;
        width: 28px
    }

    @keyframes el-drawer-fade-in {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes rtl-drawer-in {
        0% {
            transform: translate(100%)
        }

        to {
            transform: translate(0)
        }
    }

    @keyframes rtl-drawer-out {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(100%)
        }
    }

    @keyframes ltr-drawer-in {
        0% {
            transform: translate(-100%)
        }

        to {
            transform: translate(0)
        }
    }

    @keyframes ltr-drawer-out {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(-100%)
        }
    }

    @keyframes ttb-drawer-in {
        0% {
            transform: translateY(-100%)
        }

        to {
            transform: translate(0)
        }
    }

    @keyframes ttb-drawer-out {
        0% {
            transform: translate(0)
        }

        to {
            transform: translateY(-100%)
        }
    }

    @keyframes btt-drawer-in {
        0% {
            transform: translateY(100%)
        }

        to {
            transform: translate(0)
        }
    }

    @keyframes btt-drawer-out {
        0% {
            transform: translate(0)
        }

        to {
            transform: translateY(100%)
        }
    }

    .el-drawer {
        background-color: #fff;
        box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        outline: 0;
        overflow: hidden;
        position: absolute
    }

    .el-drawer.rtl {
        animation: rtl-drawer-out .3s
    }

    .el-drawer__open .el-drawer.rtl {
        animation: rtl-drawer-in .3s 1ms
    }

    .el-drawer.ltr {
        animation: ltr-drawer-out .3s
    }

    .el-drawer__open .el-drawer.ltr {
        animation: ltr-drawer-in .3s 1ms
    }

    .el-drawer.ttb {
        animation: ttb-drawer-out .3s
    }

    .el-drawer__open .el-drawer.ttb {
        animation: ttb-drawer-in .3s 1ms
    }

    .el-drawer.btt {
        animation: btt-drawer-out .3s
    }

    .el-drawer__open .el-drawer.btt {
        animation: btt-drawer-in .3s 1ms
    }

    .el-drawer__wrapper {
        bottom: 0;
        left: 0;
        margin: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0
    }

    .el-drawer__header {
        align-items: center;
        color: #72767b;
        display: flex;
        margin-bottom: 32px;
        padding: 20px 20px 0
    }

    .el-drawer__header>:first-child {
        flex: 1
    }

    .el-drawer__title {
        flex: 1;
        font-size: 1rem;
        line-height: inherit;
        margin: 0
    }

    .el-drawer__close-btn {
        background-color: transparent;
        border: none;
        color: inherit;
        cursor: pointer;
        font-size: 20px
    }

    .el-drawer__body {
        flex: 1;
        overflow: auto
    }

    .el-drawer__body>* {
        box-sizing: border-box
    }

    .el-drawer.ltr,
    .el-drawer.rtl {
        bottom: 0;
        height: 100%;
        top: 0
    }

    .el-drawer.btt,
    .el-drawer.ttb {
        left: 0;
        right: 0;
        width: 100%
    }

    .el-drawer.ltr {
        left: 0
    }

    .el-drawer.rtl {
        right: 0
    }

    .el-drawer.ttb {
        top: 0
    }

    .el-drawer.btt {
        bottom: 0
    }

    .el-drawer__container {
        bottom: 0;
        height: 100%;
        left: 0;
        position: relative;
        right: 0;
        top: 0;
        width: 100%
    }

    .el-drawer-fade-enter-active {
        animation: el-drawer-fade-in .3s
    }

    .el-drawer-fade-leave-active {
        animation: el-drawer-fade-in .3s reverse
    }

    .el-statistic {
        font-feature-settings: "tnum";
        box-sizing: border-box;
        color: #000;
        font-variant: tabular-nums;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }

    .el-statistic .head {
        color: #2f3032;
        font-size: 13px;
        margin-bottom: 4px
    }

    .el-statistic .con {
        align-items: center;
        color: #313131;
        display: flex;
        font-family: Sans-serif;
        justify-content: center
    }

    .el-statistic .con .number {
        font-size: 20px;
        padding: 0 4px
    }

    .el-statistic .con span {
        display: inline-block;
        line-height: 100%;
        margin: 0
    }

    .el-popconfirm__main {
        align-items: center;
        display: flex
    }

    .el-popconfirm__icon {
        margin-right: 5px
    }

    .el-popconfirm__action {
        margin: 0;
        text-align: right
    }

    @keyframes el-skeleton-loading {
        0% {
            background-position: 100% 50%
        }

        to {
            background-position: 0 50%
        }
    }

    .el-skeleton {
        width: 100%
    }

    .el-skeleton__first-line,
    .el-skeleton__paragraph {
        background: #f2f2f2;
        height: 16px;
        margin-top: 16px
    }

    .el-skeleton.is-animated .el-skeleton__item {
        animation: el-skeleton-loading 1.4s ease infinite;
        background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
        background-size: 400% 100%
    }

    .el-skeleton__item {
        background: #f2f2f2;
        border-radius: 4px;
        display: inline-block;
        height: 16px;
        width: 100%
    }

    .el-skeleton__circle {
        border-radius: 50%;
        height: 36px;
        line-height: 36px;
        width: 36px
    }

    .el-skeleton__circle--lg {
        height: 40px;
        line-height: 40px;
        width: 40px
    }

    .el-skeleton__circle--md {
        height: 28px;
        line-height: 28px;
        width: 28px
    }

    .el-skeleton__button {
        border-radius: 4px;
        height: 40px;
        width: 64px
    }

    .el-skeleton__p {
        width: 100%
    }

    .el-skeleton__p.is-last {
        width: 61%
    }

    .el-skeleton__p.is-first {
        width: 33%
    }

    .el-skeleton__text {
        height: 13px;
        width: 100%
    }

    .el-skeleton__caption {
        height: 12px
    }

    .el-skeleton__h1 {
        height: 20px
    }

    .el-skeleton__h3 {
        height: 18px
    }

    .el-skeleton__h5 {
        height: 16px
    }

    .el-skeleton__image {
        align-items: center;
        border-radius: 0;
        display: flex;
        justify-content: center;
        width: auto
    }

    .el-skeleton__image svg {
        fill: #dcdde0;
        height: 22%;
        width: 22%
    }

    .el-empty {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px 0;
        text-align: center
    }

    .el-empty__image {
        width: 160px
    }

    .el-empty__image img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        vertical-align: top;
        width: 100%
    }

    .el-empty__image svg {
        fill: #dcdde0;
        height: 100%;
        vertical-align: top;
        width: 100%
    }

    .el-empty__description {
        margin-top: 20px
    }

    .el-empty__description p {
        color: #909399;
        font-size: 14px;
        margin: 0
    }

    .el-empty__bottom {
        margin-top: 20px
    }

    .el-descriptions {
        box-sizing: border-box;
        color: #313131;
        font-size: 14px
    }

    .el-descriptions__header {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px
    }

    .el-descriptions__title {
        font-size: 16px;
        font-weight: 700
    }

    .el-descriptions__body {
        background-color: #fff;
        color: #2f3032
    }

    .el-descriptions__body .el-descriptions__table {
        border-collapse: collapse;
        table-layout: fixed;
        width: 100%
    }

    .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
        box-sizing: border-box;
        font-weight: 400;
        line-height: 1.5;
        text-align: left
    }

    .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left {
        text-align: left
    }

    .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center {
        text-align: center
    }

    .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right {
        text-align: right
    }

    .el-descriptions .is-bordered {
        table-layout: auto
    }

    .el-descriptions .is-bordered .el-descriptions-item__cell {
        border: 1px solid #ebeef5;
        padding: 12px 10px
    }

    .el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
        padding-bottom: 12px
    }

    .el-descriptions--medium.is-bordered .el-descriptions-item__cell {
        padding: 10px
    }

    .el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell {
        padding-bottom: 10px
    }

    .el-descriptions--small {
        font-size: 12px
    }

    .el-descriptions--small.is-bordered .el-descriptions-item__cell {
        padding: 8px 10px
    }

    .el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell {
        padding-bottom: 8px
    }

    .el-descriptions--mini {
        font-size: 12px
    }

    .el-descriptions--mini.is-bordered .el-descriptions-item__cell {
        padding: 6px 10px
    }

    .el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell {
        padding-bottom: 6px
    }

    .el-descriptions-item {
        vertical-align: top
    }

    .el-descriptions-item__container {
        display: flex
    }

    .el-descriptions-item__container .el-descriptions-item__content,
    .el-descriptions-item__container .el-descriptions-item__label {
        align-items: baseline;
        display: inline-flex
    }

    .el-descriptions-item__container .el-descriptions-item__content {
        flex: 1
    }

    .el-descriptions-item__label.has-colon:after {
        content: ":";
        position: relative;
        top: -.5px
    }

    .el-descriptions-item__label.is-bordered-label {
        background: #fafafa;
        color: #909399;
        font-weight: 700
    }

    .el-descriptions-item__label:not(.is-bordered-label) {
        margin-right: 10px
    }

    .el-descriptions-item__content {
        word-wrap: break-word;
        word-break: break-word
    }

    .el-result {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px 30px;
        text-align: center
    }

    .el-result__icon svg {
        height: 64px;
        width: 64px
    }

    .el-result__title {
        margin-top: 20px
    }

    .el-result__title p {
        color: #313131;
        font-size: 20px;
        line-height: 1.3;
        margin: 0
    }

    .el-result__subtitle {
        margin-top: 10px
    }

    .el-result__subtitle p {
        color: #2f3032;
        font-size: 14px;
        line-height: 1.3;
        margin: 0
    }

    .el-result__extra {
        margin-top: 30px
    }

    .el-result .icon-success {
        fill: #67c23a
    }

    .el-result .icon-error {
        fill: #f56c6c
    }

    .el-result .icon-info {
        fill: #909399
    }

    .el-result .icon-warning {
        fill: #e6a23c
    }

    .el-button--primary:hover {
        background: #6243d1;
        border-color: #6243d1;
        color: #fff
    }

    .el-button--primary:focus {
        background: #593abd;
        border-color: #593abd;
        color: #fff
    }

    body {
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation
    }

    .hover\:font-semibold:hover {
        font-weight: 600 !important
    }

    button {
        outline: none
    }

    .max-w-8xl {
        max-width: 1162px !important
    }

    .max-w-9xl {
        max-width: 940px !important
    }

    .max-w-10xl {
        max-width: 1382px !important
    }

    .max-w-11xl {
        max-width: 1482px !important
    }

    .max-w-12xl {
        max-width: 1392px !important
    }

    .max-w-13xl {
        max-width: 1746px !important
    }

    .max-w-14xl {
        max-width: 1168px !important
    }

    .max-w-15xl {
        max-width: 1120px !important
    }

    .max-w-16xl {
        max-width: 1332px !important
    }

    .max-w-60 {
        max-width: 360px !important
    }

    .min-w-24 {
        min-width: 96px !important
    }

    .min-w-36 {
        min-width: 144px !important
    }

    .min-w-20 {
        min-width: 80px !important
    }

    .h-49 {
        height: 200px
    }

    .h-7\.5 {
        height: 30px
    }

    .h-38 {
        height: 38px
    }

    .w-sidebar {
        width: 0 !important
    }

    .w-5\.5 {
        width: 22px !important
    }

    .w-7\.5 {
        width: 30px
    }

    .w-38 {
        width: 38px
    }

    .w-18px {
        width: 18px !important
    }

    .h-5\.5 {
        height: 22px !important
    }

    .h-18px {
        height: 18px !important
    }

    .h-17 {
        height: 68px !important
    }

    .h-30 {
        height: 120px !important
    }

    .w-66 {
        width: 264px !important
    }

    .min-w-80 {
        min-width: 320px
    }

    .radius-19 {
        border-radius: 19px
    }

    input::-webkit-input-placeholder {
        color: #bfbfbf !important
    }

    .optionsMax {
        max-width: 100vw;
        min-width: 220px;
        overflow-y: auto
    }

    ::-webkit-scrollbar {
        background: transparent;
        height: 6px;
        width: 6px
    }

    ::-webkit-scrollbar-thumb {
        background: transparent;
        background: #c3c7d2;
        border-radius: 4px
    }

    :hover::-webkit-scrollbar-thumb {
        background: #c3c7d2
    }

    ::-webkit-scrollbar-track {
        display: none
    }

    .bg-linear {
        background: linear-gradient(77deg, #f5f6ff, #e8e8ff) !important
    }

    .bg-linear .noBg {
        background-color: transparent !important
    }

    .detail-linear {
        background: linear-gradient(180deg, #eaeaff, #fafafa), #fafafa;
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100% 500px, 100%
    }

    footer .noBg {
        background-color: transparent !important
    }

    v-deep.el-divider__text {
        white-space: nowrap !important
    }

    .radius-22 {
        border-radius: 22px
    }

    @media(min-width: 500px) {
        .xs\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important
        }
    }



    img {
        display: inline !important;
        display: initial !important
    }

    .f-middle {
        margin-top: 1px;
        top: 50%;
        transform: translateY(-50%)
    }

    .fs0 {
        font-size: 0
    }

    .checkbox {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        height: 20px;
        width: 20px
    }

    .checkbox:hover {
        border: 1px solid #7150e6
    }

    .checkbox.checked {
        background: #7150e6;
        border-radius: 3px
    }

    .checkbox.checked:hover {
        opacity: .9
    }

    .maxHeight {
        max-height: 72px;
        overflow: hidden
    }

    .text-mini {
        font-size: 10px
    }

    .text-22 {
        font-size: 22px
    }

    .text-24 {
        font-size: 24px
    }

    .text-26 {
        font-size: 26px
    }

    .text-28 {
        font-size: 28px;
        line-height: 34px
    }

    .text-30 {
        font-size: 30px
    }

    .text-32 {
        font-size: 32px;
        line-height: 38px
    }

    .text-34 {
        font-size: 34px;
        line-height: 40px
    }

    .text-40 {
        font-size: 40px;
        line-height: 54px
    }

    .marginR-10 {
        margin-right: 10px
    }

    .fs-0 {
        font-size: 0
    }

    .mt-5px {
        margin-top: 5px
    }

    .loading {
        animation: rotation 1s linear infinite;
        height: 40px;
        width: 40px
    }

    .bg-opacity-6 {
        --tw-bg-opacity: 0.06 !important
    }

    .max-w-36 {
        max-width: 144px
    }

    .max-w-80 {
        max-width: 320px
    }

    @keyframes rotation {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .w-pic.w-full {
        image-rendering: pixelated
    }

    @media(min-width: 768px) {
        .w-pic.w-full {
            width: 38.5833333333% !important
        }

    }

    @media(min-width: 640px) {
        .sm\:max-w-8xl {
            max-width: 1162px !important
        }

        .sm\:max-w-9xl {
            max-width: 940px !important
        }

        .sm\:max-w-10xl {
            max-width: 1382px !important
        }

        .sm\:max-w-11xl {
            max-width: 1482px !important
        }

        .sm\:text-28 {
            font-size: 28px !important;
            line-height: 34px !important
        }

        .sm\:min-w-56 {
            min-width: 224px !important
        }

        .sm\:min-w-44 {
            min-width: 176px !important
        }

        .sm\:min-h-12 {
            min-height: 48px
        }

        .sm\:w-41 {
            width: 168px !important
        }

        .sm\:w-74 {
            width: 296px !important
        }
    }

    .toolsFound {
        font-size: 13px !important;
        line-height: 34px !important
    }

    .tool-pic img {
        background: #fff;
        position: relative;
        z-index: 5
    }

    @keyframes skeleton-loading {
        0% {
            background-position: 100% 50%
        }

        to {
            background-position: 0 50%
        }
    }

    header {
        z-index: 999
    }

    .mt--3 {
        margin-top: -3px
    }

    .mt--2 {
        margin-top: -2px
    }

    .ipt-range-popper,
    .select-ipt-range-popper {
        max-width: 96%;
        padding: 0 !important
    }

    .el-checkbox,
    .el-radio {
        -webkit-user-select: auto !important;
        -moz-user-select: auto !important;
        user-select: auto !important
    }

    .text-xl-big {
        font-size: 1.375rem
    }

    .text-xl-56 {
        font-size: 56px;
        line-height: 72px
    }

    .text-xl-34 {
        font-size: 34px;
        line-height: 40px
    }

    .text-xl-26 {
        font-size: 26px;
        line-height: 30px
    }

    .text-xl-28 {
        font-size: 28px
    }

    .text-0 {
        font-size: 0
    }

    .mt-15 {
        margin-top: 60px
    }

    .line-2,
    .line-3,
    .tool-desc {
        word-wrap: break-word !important;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: normal !important
    }

    .line-2 {
        -webkit-line-clamp: 2
    }

    .line-3,
    .tool-desc {
        -webkit-line-clamp: 3
    }

    .line-6 {
        -webkit-line-clamp: 6
    }

    .region-dialog {
        border-radius: 6px !important
    }

    .region-dialog .el-dialog__body {
        padding-top: 20px
    }

    @media(min-width: 768px) {
        .index-content {
            padding-left: 60px;
            padding-right: 60px
        }

        .w-sidebar {
            width: 33.95% !important
        }
    }

    @media(min-width: 1024px) {
        .lg\:top-18 {
            top: 72px
        }

        .lg\:w-p-44 {
            width: 44%
        }

        .lg\:w-p-38 {
            width: 38%
        }

        .lg\:w-p-30 {
            width: 30%
        }

        .lg\:text-28 {
            font-size: 28px;
            line-height: 34px
        }

        .w-sidebar {
            width: 25.54% !important
        }

        .lg\:overflow-x-unset {
            overflow-x: visible !important;
            overflow-x: initial !important
        }

        .lg\:pt-15 {
            padding-top: 60px !important
        }
    }

    @media(min-width: 1160px) {
        .xlg\:block {
            display: block !important
        }
    }

    @media(min-width: 1280px) {
        .xl\:shrink {
            flex-shrink: 1 !important
        }

        .w-sidebar {
            width: 20.45% !important
        }

        .xl\:max-w-48 {
            max-width: 192px
        }
    }

    @media(min-width: 1600px) {
        .xxl\:left-0 {
            left: 0 !important
        }

        .xxl\:right-auto {
            right: auto !important
        }
    }

    @media(max-width: 1023px) {
        .region-dialog {
            width: 620px !important
        }
    }

    @media(max-width: 630px) {
        .region-dialog {
            width: 85% !important
        }
    }

    @media(max-width: 568px) {
        .region-dialog {
            margin-top: 20px !important;
            width: 90% !important
        }

        .region-dialog .region-dialog-list {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important
        }
    }

    .el-checkbox,
    .el-radio,
    .el-table th.el-table__cell,
    a {
        -webkit-user-select: auto !important;
        -moz-user-select: auto !important;
        user-select: auto !important
    }

    .visitWebsite {
        border-radius: 8px
    }

    .loginToReview,
    .visitWebsite {
        align-items: center;
        background: rgba(0, 0, 0, .5);
        bottom: 0;
        color: #fff;
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s;
        z-index: 6
    }

    .loginToReview {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }

    .group:hover .group-hover\:visible {
        visibility: visible !important
    }

    .categories-popover {
        padding: 0
    }

    .categories-popover .categories-box {
        max-height: 230px;
        overflow-y: auto
    }

    .fixTable {
        opacity: 0
    }

    .w-4\.5 {
        width: 18px !important
    }

    .h-4\.5 {
        height: 18px !important
    }


    .content-visibility-auto,
    .footer {
        content-visibility: auto
    }

    .space-y-4\.5>:not([hidden])~:not([hidden]) {
        margin-top: 18px
    }

    .country-option img {
        height: 16px;
        margin-right: 6px !important;
        margin-top: -3px;
        width: 21px !important
    }

    .leading-5\.5 {
        line-height: 22px !important
    }

    .cursor-not-allowed,
    .cursor-not-allowed * {
        cursor: not-allowed !important
    }

    .ring-gray-900\/5 {
        --tw-ring-color: rgba(17, 24, 39, .05)
    }

    .min-w-28 {
        min-width: 112px
    }

    .min-w-26 {
        min-width: 104px
    }

    .h-18 {
        height: 72px
    }

    .top-18 {
        top: 72px
    }

    .min-w-12 {
        min-width: 48px !important
    }

    .text-wrap {
        word-wrap: break-word !important;
        word-break: normal !important
    }

    .-mt-0\.25 {
        margin-top: -1px
    }

    .leading-4\.5 {
        line-height: 18px !important
    }

    .aspect-media {
        aspect-ratio: 16/9
    }

    .date-range {
        width: 213px
    }

    .date-range .el-range-editor {
        border-color: #e5e7eb;
        justify-content: flex-start;
        width: 100%
    }

    .date-range .el-range-editor .el-range-input {
        width: 80px
    }

    .date-range .el-range-editor .el-range-input::-webkit-input-placeholder {
        color: #191919 !important
    }

    .date-range .el-range-editor .el-range-separator+.el-range-input {
        width: 80px
    }

    .date-range.isHideSeparator .el-range-editor .el-range-input {
        text-align: left;
        width: 209px
    }

    .date-range.isHideSeparator .el-range-editor .el-range-separator {
        color: transparent;
        display: none
    }

    .date-range.isHideSeparator .el-range-editor .el-range-separator+.el-range-input {
        width: 0
    }

    .date-range.isHideSeparator .el-range-editor .el-range-separator+.el-range-input::-webkit-input-placeholder {
        color: transparent
    }

    .date-range.isHideSeparator .el-range-editor .el-range__close-icon {
        display: none
    }

    .overflow-unset {
        overflow: visible;
        overflow: initial
    }

    .el-dialog {
        border-radius: 8px
    }

    .placeholder-text-base::-webkit-input-placeholder,
    .placeholder-text-base::placeholder {
        font-size: 16px
    }

    .py-2\.75 {
        padding-bottom: 11px;
        padding-top: 11px
    }

    .no-color {
        color: transparent
    }

    .index-container[data-v-25bf2b7d] {
        background: #f8f9fb
    }

    .index-container .title[data-v-25bf2b7d] {
        font-size: 48px;
        line-height: 56px
    }

    .index-container .desc[data-v-25bf2b7d] {
        color: #6339d6;
        font-size: 16px;
        line-height: 20px
    }

    .index-container .demo-list[data-v-25bf2b7d]:before {
        color: rgba(0, 0, 0, .1);
        content: "DEMO";
        font-size: 80px;
        font-weight: 700;
        left: 50%;
        pointer-events: none;
        position: absolute;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
        top: 35%;
        transform: translate(-50%, -50%) rotate(-30deg);
        z-index: 0
    }

    .ai-tools-container {
        font-family: toolify-primary
    }

    .ai-tools-container .aspect-pic-left,
    .ai-tools-container .aspect-pic-right,
    .ai-tools-container .aspect-pic {
        aspect-ratio: 265/139
    }

    @media(min-width: 1024px) {
        .ai-tools-container .aspect-pic-left {
            aspect-ratio: 265/139
        }

        .ai-tools-container .aspect-pic-right {
            aspect-ratio: 80/41
        }

        .ai-tools-container .aspect-pic {
            aspect-ratio: 333/175
        }
    }

    .index-container[data-v-213c27ba] .el-loading-mask svg {
        margin-left: auto;
        margin-right: auto
    }

    .review-container .t-label[data-v-c704ca4c] {
        padding: 4px 12px
    }

    .review-container .page-ctrl[data-v-c704ca4c] {
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .08)
    }

    @media(min-width: 640px) {
        .review-container .w-pic.w-full[data-v-c704ca4c] {
            width: 46.902654867% !important
        }

        .review-container .w-pic-f.w-full[data-v-c704ca4c] {
            width: 49.7826086956% !important
        }
    }

    .review-content * {
        word-wrap: break-word !important;
        max-width: 100%;
        word-break: normal !important
    }

    .review-content li {
        display: list-item
    }

    .review-content head {
        display: none
    }

    .review-content table {
        display: table
    }

    .review-content tr {
        display: table-row
    }

    .review-content thead {
        display: table-header-group
    }

    .review-content tbody {
        display: table-row-group
    }

    .review-content tfoot {
        display: table-footer-group
    }

    .review-content col {
        display: table-column
    }

    .review-content colgroup {
        display: table-column-group
    }

    .review-content td,
    .review-content th {
        display: table-cell
    }

    .review-content caption {
        display: table-caption
    }

    .review-content th {
        font-weight: bolder;
        text-align: center
    }

    .review-content caption {
        text-align: center
    }

    .review-content body {
        line-height: 1.12;
        margin: 8px
    }

    .review-content h1 {
        font-size: 2em;
        margin: .67em 0
    }

    .review-content h2 {
        font-size: 1.5em;
        margin: .75em 0
    }

    .review-content h3 {
        font-size: 1.17em;
        margin: .83em 0
    }

    .review-content blockquote,
    .review-content dir,
    .review-content dl,
    .review-content fieldset,
    .review-content form,
    .review-content h4,
    .review-content menu,
    .review-content ol,
    .review-content p,
    .review-content ul {
        margin: 1.12em 0
    }

    .review-content h5 {
        font-size: .83em;
        margin: 1.5em 0
    }

    .review-content h6 {
        font-size: .75em;
        margin: 1.67em 0
    }

    .review-content b,
    .review-content h1,
    .review-content h2,
    .review-content h3,
    .review-content h4,
    .review-content h5,
    .review-content h6,
    .review-content strong {
        font-weight: bolder
    }

    .review-content blockquote {
        margin-left: 40px;
        margin-right: 40px
    }

    .review-content address,
    .review-content cite,
    .review-content em,
    .review-content i,
    .review-content var {
        font-style: italic
    }

    .review-content code,
    .review-content kbd,
    .review-content pre,
    .review-content samp,
    .review-content tt {
        font-family: monospace
    }

    .review-content pre {
        white-space: pre
    }

    .review-content button,
    .review-content input,
    .review-content object,
    .review-content select,
    .review-content textarea {
        display: inline-block
    }

    .review-content big {
        font-size: 1.17em
    }

    .review-content small,
    .review-content sub,
    .review-content sup {
        font-size: .83em
    }

    .review-content sub {
        vertical-align: sub
    }

    .review-content sup {
        vertical-align: super
    }

    .review-content table {
        border-spacing: 2px
    }

    .review-content tbody,
    .review-content tfoot,
    .review-content thead {
        vertical-align: middle
    }

    .review-content td,
    .review-content th {
        vertical-align: inherit
    }

    .review-content del,
    .review-content s,
    .review-content strike {
        -webkit-text-decoration: line-through;
        text-decoration: line-through
    }

    .review-content hr {
        border: 1px inset
    }

    .review-content dd,
    .review-content dir,
    .review-content menu,
    .review-content ol,
    .review-content ul {
        margin-left: 40px
    }

    .review-content ol {
        list-style-type: decimal
    }

    .review-content ol ol,
    .review-content ol ul,
    .review-content ul ul,
    .review-content ulol {
        margin-bottom: 0;
        margin-top: 0
    }

    .review-content ul {
        list-style: disc
    }

    .review-content ol {
        list-style: decimal
    }

    .review-content ins,
    .review-content u {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .review-content br:before {
        content: ""
    }

    .review-content #menu {
        background: #f4f2fa;
        border-radius: 6px;
        list-style: none;
        margin: 0;
        padding: 20px 1em 20px 2.12em
    }

    .review-content #menu li {
        list-style: none
    }

    .review-content #menu li ul,
    .review-content #menu li+li {
        margin-top: 16px
    }

    .review-content #menu ul {
        list-style: none
    }

    .review-content a:hover {
        color: #7150e6;
        cursor: pointer;
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .index-container[data-v-1fc38aa6] .el-loading-mask svg {
        margin-left: auto;
        margin-right: auto
    }

    .index-container[data-v-71c0934a] {
        background: #f8f9fb
    }

    .index-container .title[data-v-71c0934a] {
        font-size: 48px;
        line-height: 56px
    }

    .index-container .desc[data-v-71c0934a] {
        color: #6339d6;
        font-size: 16px;
        line-height: 20px
    }

    .index-container .progress[data-v-71c0934a] {
        max-width: 800px;
        width: 100%
    }

    .index-container .progress[data-v-71c0934a] .el-progress-bar__inner {
        animation: listening-71c0934a 2s linear infinite;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABkAAAAAMCAYAAAA6RnGKAAAAAXNSR0IArs4c6QAAAzhJREFUeF7t3c1q20AUhuEjpW2CU8cO6MJK1qX3ULov9GYLBS/U2HF+GkllvAhoZrKMncVj0GoMgY8z5301J5aa719+T/HKZ/l5HeMwxN39tvoN6/JRH/aH/qA/1gCBD/iAD/iAD/iAD2UC+IiP+IiP+IiP+IiPeQL8gB/wg7f1g+a1AcjF+SLS1d9uqsMP6/JRH/aH/qA/1gCBD/iAD/iAD/iAD2UC+IiP+IiP+IiP+IiPeQL8gB/wg7f3g+oApG3P4nrVRf93E8M4FN3JunzUh/2hP+iP+ICPuSDwA37AD/gBP+AH/IAf8IN5AvyIH/EjfsSP+BE/Oq0fVQcg66suHh73h6v2sS4f9WF/6A/6Iz6UCeAjPuIjPuIjPuIjPuYJ8AN+wA/4AT/gB/yAH/CDeQLH9KNiAHK5WEb6D4Xtrq8OP6zLR33YH/qD/lgDBD7gAz7gAz7gAz6UCeAjPuIjPuIjPuIjPuYJ8AN+wA+O5wezAcjHD58ivXgn/TRrnMaiO1mXj/qwP/QH/REf8DEXBH7AD/gBP+AH/IAf8AN+ME+AH/EjfsSP+BE/4kfvw49eBiBt08Zq1cVu18e/56fyvR/W5aM+7A/9QX/EB3zMEuAP/Ik/8mf3D+6f3D+6fy7e++H8wPmB8wPnB84PnB84P3B+8E7OD14GIGkyPQ5D3N1vq4++si4f9WF/6A/6Yw0Q+IAP+IAP+IAP+FAmgI/4iI/4iI/4iI/4mCfAD/gBPzi+HxwGIBfni0hXf7upDj+sy0d92B/6g/5YAwQ+4AM+4AM+4AM+lAngIz7iIz7iIz7iIz7mCfADfsAPTuMHzY+bP9P1qju892MYh/KnOe1ZWJeP+rA/9Af9sXi0AT7gI3/gT/yRP7t/cP+UP9qAH/ADfsAP+AE/4Af8gB/MEkgvPHe+frrz9ebXt6fp4XEf6ap91lfdYc26fNRHmYD9oT/oj/iAj/iIj/iYJ8AP+AE/4Af8gB/wA37AD+YJ8CN+xI/40an8qPn5dT9td311+HG5WEaaUFmXT61A1If9oT/oj/iAD/hQJoCP+IiP+IiP+IiP+JgnwA/4AT/gB/yAH/CD4/tB+ov/AYDw9urkuYTkAAAAAElFTkSuQmCC);
        background-position: 0 0;
        background-repeat: repeat-x;
        background-size: auto 12px
    }

    @keyframes listening-71c0934a {
        0% {
            background-position: 0 0
        }

        to {
            background-position: -800px 0
        }
    }

    .recaptcha-dialog {
        max-width: 95%
    }

    .recaptcha-dialog .el-dialog__header {
        padding: 0
    }

    .recaptcha-dialog .el-dialog__header .el-dialog__headerbtn {
        height: 30px;
        right: 15px;
        top: 15px;
        width: 30px
    }

    .recaptcha-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
        color: #ff3b30;
        font-size: 20px;
        font-weight: 900
    }

    .recaptcha-dialog .el-dialog__header .el-dialog__headerbtn:hover {
        opacity: .8
    }

    .recaptcha-dialog .el-dialog__body {
        padding: 48px
    }

    .recaptcha-dialog .el-dialog__body .turnstile-box {
        height: 67px
    }

    .recaptcha-dialog .el-dialog__body .turnstile-box .loading {
        height: 40px;
        left: 50%;
        margin: -20px 0 0 -20px;
        position: absolute;
        top: 50%;
        width: 40px
    }

    .tag-container[data-v-e6942cb8] {
        background: #f8f9fb
    }

    .tag-container .bg-white-linear[data-v-e6942cb8] {
        background: linear-gradient(180deg, #fff, #f8f9fb)
    }

    .tag-container .tools[data-v-e6942cb8] {
        position: relative
    }

    .tag-container .tools[data-v-e6942cb8] .el-loading-mask {
        border-radius: 8px
    }

    .tag-container .tools[data-v-e6942cb8] .el-loading-mask .el-loading-spinner svg {
        margin: 0 auto
    }

    .tag-container .tools .maxHeight2[data-v-e6942cb8] {
        max-height: 30px
    }

    .tag-container .tools[data-v-e6942cb8] .ad {
        bottom: 19px !important
    }

    .tool-container .tool-name[data-v-1ebd159e] {
        font-size: 34px;
        line-height: 40px
    }

    .tool-container .text-26[data-v-1ebd159e],
    .tool-container[data-v-1ebd159e] .text-26 {
        line-height: 32px
    }

    .tool-container .tool-name[data-v-117d78a6] {
        font-size: 34px;
        line-height: 40px
    }

    .tool-container .text-26[data-v-117d78a6],
    .tool-container[data-v-117d78a6] .text-26 {
        line-height: 32px
    }

    .tool-container[data-v-117d78a6] .el-tabs .el-tabs__header {
        margin-bottom: 0;
        min-height: 40px
    }

    .tool-container[data-v-117d78a6] .el-tabs .el-tabs__header .el-tabs__item {
        color: #191919;
        font-size: 18px;
        font-weight: 600;
        padding: 0 16px
    }

    .tool-container[data-v-117d78a6] .el-tabs .el-tabs__header .el-tabs__item:nth-child(2) {
        padding-left: 0
    }

    .tool-container[data-v-117d78a6] .el-tabs .el-tabs__header .el-tabs__item:last-child {
        padding-right: 0
    }

    .tool-container[data-v-117d78a6] .el-tabs .el-tabs__header .el-tabs__item.is-active {
        color: #7150e6
    }

    .tool-container[data-v-117d78a6] .el-tabs .el-tabs__header .el-tabs__item:hover {
        color: #7150e6;
        cursor: pointer
    }

    .tool-container .box[data-v-117d78a6] {
        border-radius: 8px;
        box-shadow: 0 0 11px 0 rgba(0, 0, 0, .1)
    }

    .ai-tools-detail-container[data-v-108a0f32] {
        font-family: toolify-primary
    }

    .editor-bar * {
        word-wrap: break-word !important;
        max-width: 100%;
        word-break: normal !important
    }

    .editor-bar li {
        display: list-item
    }

    .editor-bar head {
        display: none
    }

    .editor-bar table {
        display: table
    }

    .editor-bar tr {
        display: table-row
    }

    .editor-bar thead {
        display: table-header-group
    }

    .editor-bar tbody {
        display: table-row-group
    }

    .editor-bar tfoot {
        display: table-footer-group
    }

    .editor-bar col {
        display: table-column
    }

    .editor-bar colgroup {
        display: table-column-group
    }

    .editor-bar td,
    .editor-bar th {
        display: table-cell
    }

    .editor-bar caption {
        display: table-caption
    }

    .editor-bar th {
        font-weight: bolder
    }

    .editor-bar caption,
    .editor-bar th {
        text-align: center
    }

    .editor-bar body {
        line-height: 1.12;
        margin: 8px
    }

    .editor-bar h1 {
        font-size: 2em;
        margin: .67em 0
    }

    .editor-bar h2 {
        font-size: 1.5em;
        margin: .75em 0
    }

    .editor-bar h3 {
        font-size: 1.17em;
        margin: .83em 0
    }

    .editor-bar blockquote,
    .editor-bar dir,
    .editor-bar dl,
    .editor-bar fieldset,
    .editor-bar form,
    .editor-bar h4,
    .editor-bar menu,
    .editor-bar ol,
    .editor-bar p,
    .editor-bar ul {
        margin: 1.12em 0
    }

    .editor-bar h5 {
        font-size: .83em;
        margin: 1.5em 0
    }

    .editor-bar h6 {
        font-size: .75em;
        margin: 1.67em 0
    }

    .editor-bar b,
    .editor-bar h1,
    .editor-bar h2,
    .editor-bar h3,
    .editor-bar h4,
    .editor-bar h5,
    .editor-bar h6,
    .editor-bar strong {
        font-weight: bolder
    }

    .editor-bar blockquote {
        margin-left: 40px;
        margin-right: 40px
    }

    .editor-bar address,
    .editor-bar cite,
    .editor-bar em,
    .editor-bar i,
    .editor-bar var {
        font-style: italic
    }

    .editor-bar code,
    .editor-bar kbd,
    .editor-bar pre,
    .editor-bar samp,
    .editor-bar tt {
        font-family: monospace
    }

    .editor-bar pre {
        white-space: pre
    }

    .editor-bar button,
    .editor-bar input,
    .editor-bar object,
    .editor-bar select,
    .editor-bar textarea {
        display: inline-block
    }

    .editor-bar big {
        font-size: 1.17em
    }

    .editor-bar small,
    .editor-bar sub,
    .editor-bar sup {
        font-size: .83em
    }

    .editor-bar sub {
        vertical-align: sub
    }

    .editor-bar sup {
        vertical-align: super
    }

    .editor-bar table {
        border-spacing: 2px
    }

    .editor-bar tbody,
    .editor-bar tfoot,
    .editor-bar thead {
        vertical-align: middle
    }

    .editor-bar td,
    .editor-bar th {
        vertical-align: inherit
    }

    .editor-bar del,
    .editor-bar s,
    .editor-bar strike {
        -webkit-text-decoration: line-through;
        text-decoration: line-through
    }

    .editor-bar hr {
        border: 1px inset
    }

    .editor-bar dd,
    .editor-bar dir,
    .editor-bar menu,
    .editor-bar ol,
    .editor-bar ul {
        margin-left: 40px
    }

    .editor-bar ol {
        list-style-type: decimal
    }

    .editor-bar ol ol,
    .editor-bar ol ul,
    .editor-bar ul ul,
    .editor-bar ulol {
        margin-bottom: 0;
        margin-top: 0
    }

    .editor-bar ul {
        list-style: disc
    }

    .editor-bar ol {
        list-style: decimal
    }

    .editor-bar ins,
    .editor-bar u {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .editor-bar br:before {
        content: ""
    }

    .editor-bar p {
        margin: 0 0 30px
    }

    .editor-bar img {
        display: block;
        height: auto;
        margin: 0 auto 15px;
        max-width: 100%
    }

    .editor-bar ul li p:last-child {
        margin: 0 0 14px
    }

    .tools-box .box-right {
        display: none
    }

    @media(min-width: 1280px) {
        .tools-box {
            grid-column-gap: 5rem;
            grid-template-columns: minmax(300px, 1fr) 300px;
            position: relative
        }

        .tools-box.no-right {
            grid-template-columns: minmax(300px, 1fr) 0
        }

        .tools-box .box-left {
            order: 1
        }

        .tools-box .box-right {
            display: block;
            height: 100%;
            order: 1
        }

        .tools-box .box-right .box-menu {
            margin-bottom: 64px
        }

        .tools-box .box-right .box-featured {
            display: block
        }
    }

    @media(min-width: 1900px) {
        .tools-box .box-right .box-menu {
            background: 0 0;
            border: none;
            bottom: 0;
            left: -17.5rem;
            margin-bottom: 0;
            padding: 0;
            position: absolute;
            top: 0
        }

        .tools-box .box-right .box-menu .box-nav {
            max-height: 37.5rem;
            overflow: hidden;
            padding-right: .9375rem;
            position: sticky;
            top: 6.25rem;
            transition: .25s ease-in-out;
            width: 15rem
        }

        .tools-box .box-right .box-menu .box-nav::-webkit-scrollbar {
            background: transparent;
            display: none;
            height: 6px;
            width: 6px
        }

        .tools-box .box-right .box-menu .box-nav::-webkit-scrollbar-thumb {
            background: transparent;
            background: #c3c7d2;
            border-radius: 4px
        }

        .tools-box .box-right .box-menu .box-nav:hover::-webkit-scrollbar-thumb {
            background: #c3c7d2
        }

        .tools-box .box-right .box-menu .box-nav::-webkit-scrollbar-track {
            display: none
        }

        .tools-box .box-right .box-menu .box-nav:hover {
            overflow-y: auto
        }

        .tools-box .box-right .box-menu .box-nav:hover::-webkit-scrollbar {
            display: block
        }
    }

    .jobs-container .dot li[data-v-58be52c9] {
        padding-left: 16px;
        position: relative
    }

    .jobs-container .dot li[data-v-58be52c9]:before {
        background: #6b7280;
        border-radius: 50%;
        content: "";
        height: 6px;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 9px;
        width: 6px
    }

    .form-container[data-v-894c0444] {
        margin: 0 auto;
        max-width: 435px
    }

    .form-container .title[data-v-894c0444] {
        font-size: 28px
    }

    .form-container[data-v-894c0444] .el-divider--horizontal .el-divider__text {
        color: #666
    }

    .form-container[data-v-894c0444] .form .el-form-item__label {
        font-weight: 600;
        line-height: 16px;
        margin-bottom: 12px
    }

    .form-container[data-v-894c0444] .form .el-form-item {
        margin-bottom: 20px
    }

    .form-container[data-v-894c0444] .form .el-checkbox__inner {
        height: 18px;
        width: 18px
    }

    .form-container[data-v-894c0444] .form .el-checkbox__inner:after {
        height: 9px;
        left: 5px;
        width: 4px
    }

    .form-container[data-v-894c0444] .form .el-checkbox__label {
        color: #666
    }

    .form-container[data-v-894c0444] .form .el-checkbox__input.is-checked+.el-checkbox__label {
        color: #7150e6
    }

    .form-container[data-v-894c0444] .form .el-form-item__error {
        font-size: 14px
    }

    [data-v-894c0444].googleLoading.is-loading .el-icon-loading {
        display: none
    }

    [data-v-894c0444].googleLoading>span {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .loading[data-v-894c0444] {
        animation: rotation-894c0444 1s linear infinite
    }

    @keyframes rotation-894c0444 {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .privacy-policy-container .wrap[data-v-9770ade0] {
        margin: 0 auto;
        max-width: 1450px
    }

    .privacy-policy-container .page-title[data-v-9770ade0] {
        align-items: center;
        background: #fa0;
        background: #7150e6;
        color: #fff;
        display: flex;
        font-size: 30px;
        font-weight: 700;
        height: 120px;
        line-height: 36px
    }

    .privacy-policy-container .page-title .wrap[data-v-9770ade0] {
        flex: 1
    }

    .privacy-policy-container .page-content[data-v-9770ade0] {
        background: #fafafa;
        padding: 30px 10px
    }

    .privacy-policy-container .page-content [data-v-9770ade0] {
        word-wrap: break-word
    }

    .privacy-policy-container .page-content .page-box[data-v-9770ade0] {
        background: #fff;
        border-radius: 6px;
        padding: 26px
    }

    .privacy-policy-container .page-content .page-box h2[data-v-9770ade0],
    .privacy-policy-container .page-content .page-box h3[data-v-9770ade0],
    .privacy-policy-container .page-content .page-box h4[data-v-9770ade0] {
        color: #2f3032;
        font-weight: 700;
        margin: 14px 0
    }

    .privacy-policy-container .page-content .page-box h2[data-v-9770ade0] {
        font-size: 24px;
        line-height: 36px
    }

    .privacy-policy-container .page-content .page-box h3[data-v-9770ade0] {
        font-size: 20px;
        line-height: 28px
    }

    .privacy-policy-container .page-content .page-box h4[data-v-9770ade0] {
        font-size: 16px;
        line-height: 24px
    }

    .privacy-policy-container .page-content .page-box h3+h4[data-v-9770ade0] {
        margin-top: 20px
    }

    .privacy-policy-container .page-content .page-box p[data-v-9770ade0] {
        color: #454a50;
        font-size: 16px;
        line-height: 32px;
        margin: 0;
        padding: 6px 0
    }

    .privacy-policy-container .page-content .page-box p .fBlod[data-v-9770ade0] {
        font-weight: 600
    }

    .privacy-policy-container .page-content .page-box p.dot[data-v-9770ade0] {
        padding-left: 12px;
        position: relative
    }

    .privacy-policy-container .page-content .page-box p.dot[data-v-9770ade0]:before {
        background: #454a50;
        border-radius: 50%;
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        top: 20px;
        width: 4px
    }

    .privacy-policy-container .page-content .page-box p a[data-v-9770ade0],
    .privacy-policy-container .page-content .page-box p a[data-v-9770ade0]:visited {
        color: #7150e6;
        cursor: pointer
    }

    .privacy-policy-container .page-content .page-box p a[data-v-9770ade0]:hover {
        opacity: .85
    }

    .privacy-policy-container .page-content .page-box .pleft[data-v-9770ade0] {
        padding-left: 12px
    }

    @media only screen and (max-width: 1450px) {
        .privacy-policy-container .page-title[data-v-9770ade0] {
            padding: 0 16px
        }

        .privacy-policy-container .page-content[data-v-9770ade0] {
            padding: 0
        }

        .privacy-policy-container .page-content .page-box[data-v-9770ade0] {
            background: #fff;
            padding: 16px
        }
    }

    .pt-18[data-v-6cd8927d] {
        padding-top: 4.5rem
    }

    .avatar[data-v-6cd8927d] {
        align-items: center;
        background: #ebe6ff;
        border-radius: 50%;
        color: #7150e6;
        display: inline-flex;
        font-size: 42px;
        font-weight: 600;
        height: 60px;
        justify-content: center;
        margin-right: 6px;
        overflow: hidden;
        vertical-align: middle;
        width: 60px
    }

    .user-container .box-shadow {
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .06)
    }

    .user-container .pagination {
        margin-top: 20px;
        text-align: right
    }

    .user-container .pagination .el-pagination {
        padding: 0
    }

    .user-container .pagination .el-pagination .el-pagination__jump .el-input {
        margin-right: 0
    }

    .user-container .tabs-box .el-tabs .el-tabs__header {
        margin-bottom: 20px
    }

    .user-container .tabs-box .el-tabs .el-tabs__header .el-tabs__item {
        color: #191919;
        font-size: 18px;
        padding: 0 13px
    }

    .user-container .tabs-box .el-tabs .el-tabs__header .el-tabs__item:nth-child(2) {
        padding-left: 0
    }

    .user-container .tabs-box .el-tabs .el-tabs__header .el-tabs__item:last-child {
        padding-right: 0
    }

    .user-container .tabs-box .el-tabs .el-tabs__header .el-tabs__item.is-active {
        color: #7150e6
    }

    .user-container .tabs-box .el-tabs .el-tabs__header .el-tabs__item:hover {
        color: #7150e6;
        cursor: pointer
    }

    .user-container .tabs-box .el-tabs .el-tabs__header .el-tabs__nav-wrap:after {
        background-color: transparent;
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .pt-18[data-v-426e0d98],
    .pt-18[data-v-4d5da977],
    .pt-18[data-v-5c424063],
    .pt-18[data-v-832e666c],
    .pt-18[data-v-c22ef5aa],
    .pt-18[data-v-c6f78eb4],
    .pt-18[data-v-e60552ba] {
        padding-top: 4.5rem
    }

    .form-box .min-h-10[data-v-e60552ba] {
        min-height: 40px
    }

    .form-box[data-v-e60552ba] .el-form .el-form-item:last-child {
        margin-bottom: 0
    }

    .form-box[data-v-e60552ba] .el-form .el-form-item .el-form-item__label {
        color: #191919;
        font-size: 16px
    }

    .form-box[data-v-e60552ba] .el-form .el-form-item .el-radio-group {
        padding: 4px 0
    }

    .form-box[data-v-e60552ba] .el-form .el-form-item .el-radio-group .el-radio {
        line-height: 32px
    }

    .form-box[data-v-e60552ba] .el-form .el-form-item .el-radio-group .el-radio .el-radio__inner {
        height: 18px;
        width: 18px
    }

    .form-box[data-v-e60552ba] .el-form .el-form-item .el-radio-group .el-radio .el-radio__inner:after {
        height: 8px;
        width: 8px
    }

    .form-box[data-v-e60552ba] .el-form .el-form-item .el-select {
        max-width: 420px;
        width: 100%
    }

    .form-box[data-v-e60552ba] .skeleton :not(.example) {
        cursor: auto !important
    }

    .form-box[data-v-e60552ba] .skeleton .btn,
    .form-box[data-v-e60552ba] .skeleton .el-empty,
    .form-box[data-v-e60552ba] .skeleton .el-input,
    .form-box[data-v-e60552ba] .skeleton .el-radio-group,
    .form-box[data-v-e60552ba] .skeleton .el-textarea,
    .form-box[data-v-e60552ba] .skeleton .tinymce-editor {
        pointer-events: none;
        position: relative
    }

    .form-box[data-v-e60552ba] .skeleton .btn:before,
    .form-box[data-v-e60552ba] .skeleton .el-empty:before,
    .form-box[data-v-e60552ba] .skeleton .el-input:before,
    .form-box[data-v-e60552ba] .skeleton .el-radio-group:before,
    .form-box[data-v-e60552ba] .skeleton .el-textarea:before,
    .form-box[data-v-e60552ba] .skeleton .tinymce-editor:before {
        animation: el-skeleton-loading 1.4s ease infinite;
        background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
        background-size: 400% 100%;
        bottom: 0;
        content: "";
        display: inline-block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .form-box[data-v-e60552ba] .skeleton .btn input,
    .form-box[data-v-e60552ba] .skeleton .btn textarea,
    .form-box[data-v-e60552ba] .skeleton .el-empty input,
    .form-box[data-v-e60552ba] .skeleton .el-empty textarea,
    .form-box[data-v-e60552ba] .skeleton .el-input input,
    .form-box[data-v-e60552ba] .skeleton .el-input textarea,
    .form-box[data-v-e60552ba] .skeleton .el-radio-group input,
    .form-box[data-v-e60552ba] .skeleton .el-radio-group textarea,
    .form-box[data-v-e60552ba] .skeleton .el-textarea input,
    .form-box[data-v-e60552ba] .skeleton .el-textarea textarea,
    .form-box[data-v-e60552ba] .skeleton .tinymce-editor input,
    .form-box[data-v-e60552ba] .skeleton .tinymce-editor textarea {
        opacity: 0
    }

    .form-box[data-v-e60552ba] .skeleton .tinymce-editor .tox-tinymce {
        border-radius: 4px;
        opacity: 0;
        position: relative;
        z-index: -10
    }

    .form-box[data-v-e60552ba] .skeleton .btn {
        border: 0 !important
    }

    .form-box .note-list li[data-v-e60552ba] {
        padding-left: 20px;
        position: relative
    }

    .form-box .note-list li[data-v-e60552ba]:before {
        background-color: #7150e6;
        border-radius: 50%;
        content: "";
        display: block;
        height: 10px;
        left: 0;
        position: absolute;
        top: 6px;
        width: 10px
    }

    .form-box .grayBg[data-v-e60552ba] {
        background: rgba(0, 0, 0, .4);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

    .post-edit[data-v-59d9d53b] .skeleton :not(.example) {
        cursor: auto !important
    }

    .post-edit[data-v-59d9d53b] .skeleton .btn,
    .post-edit[data-v-59d9d53b] .skeleton .el-empty,
    .post-edit[data-v-59d9d53b] .skeleton .el-input,
    .post-edit[data-v-59d9d53b] .skeleton .el-textarea {
        pointer-events: none;
        position: relative
    }

    .post-edit[data-v-59d9d53b] .skeleton .btn:before,
    .post-edit[data-v-59d9d53b] .skeleton .el-empty:before,
    .post-edit[data-v-59d9d53b] .skeleton .el-input:before,
    .post-edit[data-v-59d9d53b] .skeleton .el-textarea:before {
        animation: el-skeleton-loading 1.4s ease infinite;
        background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
        background-size: 400% 100%;
        bottom: 0;
        content: "";
        display: inline-block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .post-edit[data-v-59d9d53b] .skeleton .btn input,
    .post-edit[data-v-59d9d53b] .skeleton .btn textarea,
    .post-edit[data-v-59d9d53b] .skeleton .el-empty input,
    .post-edit[data-v-59d9d53b] .skeleton .el-empty textarea,
    .post-edit[data-v-59d9d53b] .skeleton .el-input input,
    .post-edit[data-v-59d9d53b] .skeleton .el-input textarea,
    .post-edit[data-v-59d9d53b] .skeleton .el-textarea input,
    .post-edit[data-v-59d9d53b] .skeleton .el-textarea textarea {
        opacity: 0
    }

    .post-edit[data-v-59d9d53b] .skeleton .btn {
        border: 0 !important
    }

    .post-edit .note-list li[data-v-59d9d53b] {
        padding-left: 20px;
        position: relative
    }

    .post-edit .note-list li[data-v-59d9d53b]:before {
        background-color: #7150e6;
        border-radius: 50%;
        content: "";
        display: block;
        height: 10px;
        left: 0;
        position: absolute;
        top: 6px;
        width: 10px
    }

    .post-edit .postUrl-ipt[data-v-59d9d53b] .el-input__suffix {
        color: #7150e6;
        font-size: 20px
    }

    .post-edit .grayBg[data-v-59d9d53b] {
        background: rgba(0, 0, 0, .4);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

    .postLink-dialog {
        border-radius: 8px;
        max-width: 90%
    }

    .postLink-dialog .el-dialog__header {
        display: none
    }

    .update-ai-container .update-ai-box .box-shadow {
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .12)
    }

    .update-ai-container .update-ai-box .box-shadow.disabled {
        position: relative
    }

    .update-ai-container .update-ai-box .box-shadow.disabled .grayBg {
        background: rgba(0, 0, 0, .4);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .el-form-item__label {
        display: flex;
        flex-wrap: wrap;
        font-size: medium;
        line-height: normal;
        padding-bottom: 6px;
        width: 100%
    }

    .update-ai-container .update-ai-box .el-form .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
    .update-ai-container .update-ai-box .el-form .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
        height: 28px;
        line-height: 36px
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .categories_score .el-input__inner {
        text-align: left
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .sizeMax {
        height: 48px
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .sizeMax .el-select {
        height: 100%
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .sizeMax .el-select .el-input--medium .el-input__inner {
        font-size: 20px;
        height: 48px;
        line-height: 48px
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .uploader {
        font-size: 0;
        line-height: normal;
        position: relative
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .uploader .el-upload {
        cursor: pointer;
        font-size: 0;
        overflow: hidden;
        position: relative
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .uploader .el-upload:hover {
        border-color: #409eff
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .uploader .el-loading-mask {
        height: 84px;
        width: 84px
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .uploader .el-loading-mask .el-loading-spinner .circular {
        margin: 0 auto
    }

    .update-ai-container .update-ai-box .el-image {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        border-radius: 4px;
        height: 84px;
        width: 84px
    }

    .update-ai-container .update-ai-box .el-image .error-img,
    .update-ai-container .update-ai-box .el-image .no-web-snapshot,
    .update-ai-container .update-ai-box .el-image .web_snapshot {
        background: #e6effa
    }

    .update-ai-container .update-ai-box .el-image .pic-placeholder {
        position: relative
    }

    .update-ai-container .update-ai-box .el-image .pic-placeholder:after {
        animation: el-skeleton-loading 1.4s ease infinite;
        background: linear-gradient(90deg, #e6effa 30%, #dfeaf7 37%, #e6effa 56%);
        background-size: 400% 100%;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3
    }

    .update-ai-container .update-ai-box .el-image .pic-placeholder img {
        position: relative;
        z-index: 5
    }

    .update-ai-container .update-ai-box .skeleton :not(.example) {
        cursor: auto !important
    }

    .update-ai-container .update-ai-box .skeleton .btn,
    .update-ai-container .update-ai-box .skeleton .el-empty,
    .update-ai-container .update-ai-box .skeleton .el-image,
    .update-ai-container .update-ai-box .skeleton .el-input,
    .update-ai-container .update-ai-box .skeleton .el-textarea,
    .update-ai-container .update-ai-box .skeleton .el-upload {
        pointer-events: none;
        position: relative
    }

    .update-ai-container .update-ai-box .skeleton .btn:before,
    .update-ai-container .update-ai-box .skeleton .el-empty:before,
    .update-ai-container .update-ai-box .skeleton .el-image:before,
    .update-ai-container .update-ai-box .skeleton .el-input:before,
    .update-ai-container .update-ai-box .skeleton .el-textarea:before,
    .update-ai-container .update-ai-box .skeleton .el-upload:before {
        animation: el-skeleton-loading 1.4s ease infinite;
        background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
        background-size: 400% 100%;
        bottom: 0;
        content: "";
        display: inline-block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .update-ai-container .update-ai-box .skeleton .btn input,
    .update-ai-container .update-ai-box .skeleton .btn textarea,
    .update-ai-container .update-ai-box .skeleton .el-empty input,
    .update-ai-container .update-ai-box .skeleton .el-empty textarea,
    .update-ai-container .update-ai-box .skeleton .el-image input,
    .update-ai-container .update-ai-box .skeleton .el-image textarea,
    .update-ai-container .update-ai-box .skeleton .el-input input,
    .update-ai-container .update-ai-box .skeleton .el-input textarea,
    .update-ai-container .update-ai-box .skeleton .el-textarea input,
    .update-ai-container .update-ai-box .skeleton .el-textarea textarea,
    .update-ai-container .update-ai-box .skeleton .el-upload input,
    .update-ai-container .update-ai-box .skeleton .el-upload textarea {
        opacity: 0
    }

    .update-ai-container .update-ai-box .skeleton .btn {
        border: 0 !important
    }

    .update-ai-container .update-ai-box .note-list p {
        padding-left: 15px;
        position: relative
    }

    .update-ai-container .update-ai-box .note-list p:before {
        background-color: #191919;
        border-radius: 50%;
        border-radius: 4px;
        content: "";
        display: block;
        height: 8px;
        left: 0;
        margin-right: 5px;
        position: absolute;
        top: 8px;
        width: 8px
    }

    .form-container[data-v-7988a593] {
        margin: 0 auto;
        max-width: 435px
    }

    .form-container .title[data-v-7988a593] {
        font-size: 28px
    }

    .form-container[data-v-7988a593] .el-divider--horizontal .el-divider__text {
        color: #666
    }

    .form-container[data-v-7988a593] .form .el-form-item__label {
        font-weight: 600;
        line-height: 16px;
        margin-bottom: 12px
    }

    .form-container[data-v-7988a593] .form .el-form-item {
        margin-bottom: 20px
    }

    .form-container[data-v-7988a593] .form .el-checkbox__inner {
        height: 18px;
        width: 18px
    }

    .form-container[data-v-7988a593] .form .el-checkbox__inner:after {
        height: 9px;
        left: 5px;
        width: 4px
    }

    .form-container[data-v-7988a593] .form .el-checkbox__label {
        color: #666
    }

    .form-container[data-v-7988a593] .form .el-checkbox__input.is-checked+.el-checkbox__label {
        color: #7150e6
    }

    .form-container[data-v-7988a593] .form .el-form-item__error {
        font-size: 14px
    }

    .form-container[data-v-7988a593] .el-dropdown {
        color: rgba(0, 0, 0, .8);
        font-size: 16px
    }

    .form-container[data-v-7988a593] .el-dropdown .el-dropdown-link {
        font-size: 16px;
        white-space: nowrap
    }

    .form-container[data-v-7988a593] .el-dropdown .el-dropdown-link svg {
        fill: #2f3032;
        font-size: 18px;
        margin-right: 8px
    }

    .form-container[data-v-7988a593] .el-dropdown .el-dropdown-link:hover,
    .form-container[data-v-7988a593] .el-dropdown .el-dropdown-link:hover .el-icon--right {
        color: #7150e6
    }

    .form-container[data-v-7988a593] .el-dropdown .el-dropdown-link:hover svg {
        fill: #7150e6
    }

    .form-container[data-v-2a76ec4c] {
        margin: 0 auto;
        max-width: 435px
    }

    .form-container .title[data-v-2a76ec4c] {
        font-size: 28px
    }

    .form-container[data-v-2a76ec4c] .el-divider--horizontal .el-divider__text {
        color: #666
    }

    .form-container[data-v-2a76ec4c] .form .el-form-item__label {
        font-weight: 600;
        line-height: 16px;
        margin-bottom: 12px
    }

    .form-container[data-v-2a76ec4c] .form .el-form-item {
        margin-bottom: 20px
    }

    .form-container[data-v-2a76ec4c] .form .el-checkbox__inner {
        height: 18px;
        width: 18px
    }

    .form-container[data-v-2a76ec4c] .form .el-checkbox__inner:after {
        height: 9px;
        left: 5px;
        width: 4px
    }

    .form-container[data-v-2a76ec4c] .form .el-checkbox__label {
        color: #666
    }

    .form-container[data-v-2a76ec4c] .form .el-checkbox__input.is-checked+.el-checkbox__label {
        color: #7150e6
    }

    .form-container[data-v-2a76ec4c] .form .el-form-item__error {
        font-size: 14px
    }

    .form-container[data-v-2a76ec4c] .el-dropdown {
        color: rgba(0, 0, 0, .8);
        font-size: 16px
    }

    .form-container[data-v-2a76ec4c] .el-dropdown .el-dropdown-link {
        font-size: 16px;
        white-space: nowrap
    }

    .form-container[data-v-2a76ec4c] .el-dropdown .el-dropdown-link svg {
        fill: #2f3032;
        font-size: 18px;
        margin-right: 8px
    }

    .form-container[data-v-2a76ec4c] .el-dropdown .el-dropdown-link:hover,
    .form-container[data-v-2a76ec4c] .el-dropdown .el-dropdown-link:hover .el-icon--right {
        color: #7150e6
    }

    .form-container[data-v-2a76ec4c] .el-dropdown .el-dropdown-link:hover svg {
        fill: #7150e6
    }

    .submit-container[data-v-5bf1b79c] .form {
        max-width: 600px
    }

    .submit-container[data-v-5bf1b79c] .form .el-form-item__label {
        font-weight: 600;
        line-height: 16px;
        margin-bottom: 12px;
        text-align: left;
        width: 100%
    }

    .submit-container[data-v-5bf1b79c] .form .el-form-item__error {
        font-size: 14px
    }

    .submit-container[data-v-5bf1b79c] .form .el-checkbox-group {
        width: 100%
    }

    .submit-container[data-v-5bf1b79c] .form .el-checkbox-group .categories-group h4 {
        color: #606266;
        font-size: 14px;
        font-weight: 600
    }

    .submit-container[data-v-5bf1b79c] .form .el-checkbox-group .categories-group .checkbox-list {
        line-height: 28px
    }

    .submit-container[data-v-5bf1b79c] .form .el-loading-spinner {
        display: flex;
        justify-content: center
    }

    .submit-container .no-color[data-v-5bf1b79c] {
        color: transparent
    }

    .update-ai-container .update-ai-box .box-shadow[data-v-5bd7c584] {
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .12)
    }

    .update-ai-container .update-ai-box .box-shadow.disabled[data-v-5bd7c584] {
        position: relative
    }

    .update-ai-container .update-ai-box .box-shadow.disabled .grayBg[data-v-5bd7c584] {
        background: rgba(0, 0, 0, .4);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

    .update-ai-container .update-ai-box[data-v-5bd7c584] .el-form .el-form-item .el-form-item__label {
        display: flex;
        flex-wrap: wrap;
        font-size: medium;
        line-height: normal;
        padding-bottom: 6px;
        width: 100%
    }

    .update-ai-container .update-ai-box[data-v-5bd7c584] .el-form .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .el-form .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
        height: 28px;
        line-height: 36px
    }

    .update-ai-container .update-ai-box[data-v-5bd7c584] .el-form .el-form-item .categories_score .el-input__inner {
        text-align: center
    }

    .update-ai-container .update-ai-box[data-v-5bd7c584] .el-form .el-form-item .sizeMax {
        height: 48px
    }

    .update-ai-container .update-ai-box[data-v-5bd7c584] .el-form .el-form-item .sizeMax .el-select {
        height: 100%
    }

    .update-ai-container .update-ai-box[data-v-5bd7c584] .el-form .el-form-item .sizeMax .el-select .el-input--medium .el-input__inner {
        font-size: 20px;
        height: 48px;
        line-height: 48px
    }

    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton :not(.example) {
        cursor: auto !important
    }

    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .btn,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-empty,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-input,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-textarea {
        pointer-events: none;
        position: relative
    }

    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .btn:before,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-empty:before,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-input:before,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-textarea:before {
        animation: el-skeleton-loading 1.4s ease infinite;
        background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
        background-size: 400% 100%;
        bottom: 0;
        content: "";
        display: inline-block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .btn input,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .btn textarea,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-empty input,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-empty textarea,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-input input,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-input textarea,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-textarea input,
    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .el-textarea textarea {
        opacity: 0
    }

    .update-ai-container .update-ai-box[data-v-5bd7c584] .skeleton .btn {
        border: 0 !important
    }

    .update-ai-container .update-ai-box .note-list p[data-v-5bd7c584] {
        padding-left: 15px;
        position: relative
    }

    .update-ai-container .update-ai-box .note-list p[data-v-5bd7c584]:before {
        background-color: #191919;
        border-radius: 50%;
        border-radius: 4px;
        content: "";
        display: block;
        height: 8px;
        left: 0;
        margin-right: 5px;
        position: absolute;
        top: 8px;
        width: 8px
    }

    .update-ai-container .update-ai-box .box-shadow {
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .12)
    }

    .update-ai-container .update-ai-box .box-shadow.disabled {
        position: relative
    }

    .update-ai-container .update-ai-box .box-shadow.disabled .grayBg {
        background: rgba(0, 0, 0, .4);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .el-form-item__label {
        display: flex;
        flex-wrap: wrap;
        font-size: medium;
        line-height: normal;
        padding-bottom: 6px;
        width: 100%
    }

    .update-ai-container .update-ai-box .el-form .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
    .update-ai-container .update-ai-box .el-form .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
        height: 28px;
        line-height: 36px
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .categories_score .el-input__inner {
        text-align: center
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .sizeMax {
        height: 48px
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .sizeMax .el-select {
        height: 100%
    }

    .update-ai-container .update-ai-box .el-form .el-form-item .sizeMax .el-select .el-input--medium .el-input__inner {
        font-size: 20px;
        height: 48px;
        line-height: 48px
    }

    .update-ai-container .update-ai-box .skeleton :not(.example) {
        cursor: auto !important
    }

    .update-ai-container .update-ai-box .skeleton .btn,
    .update-ai-container .update-ai-box .skeleton .el-empty,
    .update-ai-container .update-ai-box .skeleton .el-input,
    .update-ai-container .update-ai-box .skeleton .el-textarea {
        pointer-events: none;
        position: relative
    }

    .update-ai-container .update-ai-box .skeleton .btn:before,
    .update-ai-container .update-ai-box .skeleton .el-empty:before,
    .update-ai-container .update-ai-box .skeleton .el-input:before,
    .update-ai-container .update-ai-box .skeleton .el-textarea:before {
        animation: el-skeleton-loading 1.4s ease infinite;
        background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
        background-size: 400% 100%;
        bottom: 0;
        content: "";
        display: inline-block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .update-ai-container .update-ai-box .skeleton .btn input,
    .update-ai-container .update-ai-box .skeleton .btn textarea,
    .update-ai-container .update-ai-box .skeleton .el-empty input,
    .update-ai-container .update-ai-box .skeleton .el-empty textarea,
    .update-ai-container .update-ai-box .skeleton .el-input input,
    .update-ai-container .update-ai-box .skeleton .el-input textarea,
    .update-ai-container .update-ai-box .skeleton .el-textarea input,
    .update-ai-container .update-ai-box .skeleton .el-textarea textarea {
        opacity: 0
    }

    .update-ai-container .update-ai-box .skeleton .btn {
        border: 0 !important
    }

    .update-ai-container .update-ai-box .note-list p {
        padding-left: 15px;
        position: relative
    }

    .update-ai-container .update-ai-box .note-list p:before {
        background-color: #191919;
        border-radius: 50%;
        border-radius: 4px;
        content: "";
        display: block;
        height: 8px;
        left: 0;
        margin-right: 5px;
        position: absolute;
        top: 8px;
        width: 8px
    }

    .post-first img {
        max-height: 250px;
        object-fit: cover;
    }

    img.el-image__inner {
        max-height: 170px;
        object-fit: cover;
    }

    .pagination {
        padding: 15px;
    }

    .page-numbers {
        font-weight: bold;
        padding: 10px;
        background: rgba(238, 238, 238, 1) !important;
    }

    .page-numbers.current {
        color: #fff;
        background: #7150e6 !important
    }